Sorbet Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Advertisements
Theme Categories: 1 Sidebar, 2 Columns, Adapted from Wordpress, Elegant, Fixed width, Fresh, Grey, Magazine, Minimalist, Red, Responsive, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White,
Template Name:
Sorbet
Author / URL:
NewBloggerThemes | http://newbloggerthemes.com/
Designer / URL:
Automattic | http://automattic.com/
Published Date:
March 30, 2014
Advanced Details:
http://newbloggerthemes.com/sorbet-blogger-template/
More Info :

Sorbet is a delicious theme for your blog or website. Sorbet Blogger template has a mobile-friendly design looks great on any device, while navigation menu, search box, social links, and widgets are tucked neatly away in the header for easy access that doesn't crowd your content. If you’re seeking a fun new look for your site, you’ll enjoy a taste of Sorbet.

Sorbet Blogger template also includes a 3 columns optional widget area located behind a gear icon in the header.

3 Columns Widget Area in Header

You can use search icon to display search box of the site.

Search Box

How To Add Links to Top Navigation Menu

Top Navigation Menu

Find this in "Edit HTML":

<div class='bwraptopmenu'>
<ul>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
</ul>
</div>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Add Links to Bottom Navigation Menu

Bottom Navigation Menu

Go to "Layout". Click on "Edit" link of "Edit This Menu" widget.

Now add your links to that link list widget.

How To Configure Social Buttons

Social Buttons

Find this in "Edit HTML":

<div class='bwrapsocial-links'>
<ul class='socialbmenu' id='menu-social-links'>
<li><a href='http://dribbble.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Dribbble</span></a></li>
<li><a href='http://facebook.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Facebook</span></a></li>
<li><a href='http://flickr.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Flickr</span></a></li>
<li><a href='http://instagram.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Instagram</span></a></li>
<li><a href='http://pinterest.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Pinterest</span></a></li>
<li><a href='http://tumblr.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Tumblr</span></a></li>
<li><a href='http://www.twitter.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Twitter</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><span class='screen-reader-text'>RSS Feed</span></a></li>
</ul>
</div>

Add your own social links replacing current social links.

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.

Advertisements

80 Responses to “Sorbet Blogger Template”

  1. Hi Team,

    I am having trouble displaying the blog/post date below my blog posts. It just shows the time. I would appreciate if you could help me in displaying the day alongwith the date beside the time below my posts.

    The blog in question is : www.reeb-thinks.blogspot.com

    Thank you!
    Reeb

  2. Is there a way to change the coding so that it crops the smaller front-page preview images instead of squishing them to a certain size?

  3. Hi ,

    Can you please let me know how I can freeze the menu bar rather than having it dropping down whenever I click on it.

  4. hi

    may sound dumb, but i don't know how to enable the links in the top nav bar. any url i try does not work. what am i doing wrong?

    thank you

  5. The theme is look simple and sweet but it is not showing icons in mobile view
    Any solution???? thanks in advance.

  6. sir tell me a way how can i make the navigation bar permanent to display even without clicking the menu button at top right side?

  7. Hi! I want to install this theme to my main blog (I linked to my test one), but it stretches the photos in my posts in a weird way which I do not like. How can I avoid this?

    Thanks in advance!

    • find this:

      .pbtthumbimg {
      float:left;
      margin:0px 10px 5px 5px;
      padding:4px;
      border:1px solid #eee;
      background:#fcfcfc;
      width:200px;
      height:150px;
      }

      replace it with:

      .pbtthumbimg {
      float:left;
      margin:0px 10px 5px 5px;
      padding:4px;
      border:1px solid #eee;
      background:#fcfcfc;
      width:200px;
      height:auto;
      }

    • first delete:

      <div class='togglenbtclass' id='menu-toggle' title='Menu'><span class='screen-reader-text'>Menu</span></div>

      after that, delete:

      <div class='panel' id='menu-toggle-nav'>
      <div class='main-navigation' id='site-navigation' role='navigation'>

      ...

      </div><!-- #site-navigation -->
      </div>

  8. I love the template! Quick question.. which lines of code to I remove to get rid of tumblr? Do you have a google plus icon to replace it?

    • to remove tumblr button, remove this line:

      <li><a href='http://tumblr.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Tumblr</span></a></li>

      use this code to display google plus button:

      <li><a href='http://plus.google.com' target='_blank'><span class='screen-reader-text'>Google Plus</span></a></li>

  9. i downloaded the template, but when i open the downloaded folder, i dont understand where to find the code. can you help?

  10. Thanks to share pretty theme.
    I have a question.
    How can I modifiy always appear to upper drop menu?
    currently, only when click, it appear to drop menu.

  11. hi
    how can i change the width of sidebar !! bcz i want to add a adsense ads ( width 300 px )
    thnx a lot for this amazing template

  12. Love the template! Just one question. How do you adjust the image size on the landing page? My images are showing up squished and I can't find the html to correct it.

    • find this:

      .pbtthumbimg {
      float:left;
      margin:0px 10px 5px 5px;
      padding:4px;
      width:200px;
      height:150px;
      }

      change it with:

      .pbtthumbimg {
      float:left;
      margin:0px 10px 5px 5px;
      padding:4px;
      width:200px;
      height:auto;
      }

  13. Hi, great theme, like it a lot. have installed and edited no problems. was just wondering if it's possible to make the menu stay on the screen at all times, rather than have it tucked away behind the buttons

    cheers

  14. I was so glad when I found this because I was about to give up adding my soical links, but I love this template so a million thanks for this post.

  15. First of all lot of thanks for this template. Its simple and crisp and more over its responsive.
    But I have got an issue. In my home my I am not able to get posts list. Sometimes its showing 2 and in next page 4 like that. I have many articles but I require them to be posted like say 10 of them in one page. I have tried settings still its not working.

  16. Hello, I just applied this template on my site and it looks amazing, thanks a lot!
    Is it possible to keep the menu bar static? Could you please tell me how?
    Thanks very much.

  17. Hello all right, I wonder if it would like to increase the size of the column or space would be like leaving the "fluid layoute".
    Sought by the width but did not know what it was.
    Thank you in advance for your help and attention.
    Sincerely Abilio

  18. Hi,
    I loved this template, but I'd like to know if I can change the red colors for blue. Is it possible? How do I do it?

    Thx 😀

  19. Hello! I just installed this template, it's beautiful! I'm having trouble gracefully increasing the blog title size. I tried changing the font-size in h1, but I think it's being overridden somewhere. If I !important it, the size changes, but that's awfully cave-man like of me. I'm moderately new to html/css editing. Could you help me find where to fix this, please? Thank you

  20. would you be willing to adjust the colors of the template and also add my logo to the header if I was willing to pay? Love the style of this template. Also, do you have a youtube social media icon?

    Thank you!

    • Hi Ashley, if you are willing to pay, I will do changes as you like.

      to add Youtube icon, use this code:

      <li><a href='http://youtube.com' rel='nofollow' target='_blank'><span class='screen-reader-text'>Youtube</span></a></li>

  21. Awesome Theme !! I appreciate all the effort behind it :)

    Just a quick question , How to reduce Font size of the posts shown in Home page?

    • find this:

      body {
      background: #f0f1f3;
      color: #656e7f;
      font-family: "PT Serif","Source Sans Pro", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: 300;
      line-height: 27px;
      }

      change 18px to other value you like.

  22. Hi, This is an amazing template you have here. But i would like to know if it is possible to change the chain icon? I don't really like it .

    • find this:

      .togglesnbtdiv #sidebar-toggle:before {
      line-height: 50px;
      background-color: #f77e75;
      content: "\f013";
      font-family: FontAwesome;
      }

      You need to change f013 value to other. (need to have basic knowledge about FontAwesome icons.)

  23. Hello! I cannot configure the Widgets button on my blog. There is nothing there? I see it's supposed to be a three column of content. How do I get that? I'm using blogger.com. Thanks!

  24. Awesome theme!

    Question : Have 3 posts so far and now two of them I must click "Show older posts" to see.
    I have "Show 7 posts" in the settings for each page and its only showing one now.

    How do I fix this?

    Thanks

  25. Thanks so much for all the detailed instructions in the comments-I've been able to find the answers to all my questions and am now up and running. Love the template.

  26. Hi, first of all thanks for this template.

    I've already read how to change this chain icon, but i want to use diferent ones based on the article category, is it posible?

    I've tried with If and Variable name but didnt work.

    Hope u can help me.

  27. Hi. Great theme!

    I wonder, is there a way to cut out the previews and have the full posts on the home page instead?

    Many thanks!

  28. hi the toggle search bar on the menu doesn't work, i'll add the code below . please let me know what changes should i make in order for it to search results on my web page.

    <div class='togglenbtclass' id='search-toggle' title='Search'>
    <span class='screen-reader-text'>
    Search
    </span>
    </div>

  29. hi this is awesome theme...!

    but i have a problem in the post background color can you plezz give some instruction how to change post background color :)

    thank you....

    • find this:

      .hentry {
      background-color: white;
      border-top: 8px solid #f45145;
      margin: 0 0 81px;
      padding: 27px 27px 22px;
      position: relative;
      }

      change "white" to any color you like.

  30. Hello, i'm currently using this theme for my blog and it is totally wonderful!

    but somehow i can't get to change the background into the image that i want can you give some instruction on it?

    Thank you!

Leave a Reply