Sorbet Blogger Template

Advertisements
Template Name:
Sorbet
Author / URL:
NewBloggerThemes | http://newbloggerthemes.com/
Designer / URL:
Automattic | http://automattic.com/
Published Date:
March 30, 2014
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,
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.

Advertisements

28 Responses to “Sorbet Blogger Template”

  1. S Mburu says:

    Just installed your theme, the theme is well arranged, simple to configure and looks attractive. thanks

  2. rohan says:

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

  3. budi says:

    i just download and use your template, cool i like it !
    thanks bro ....

  4. Devamsh says:

    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?

  5. Stefana says:

    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;
      }

  6. Abner says:

    Hi! I wanna remove the menu. How do it? I don't speak english very well haha

    • 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>

  7. Jennifer says:

    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>

  8. Shajitha says:

    Just downloaded your template and it was wonderful! So simple and classy. Thank you!

  9. Jéssica says:

    Wow, this template is amazing!!
    Thank you.

  10. Jordan says:

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

  11. starlet says:

    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.

  12. ahmed says:

    the template is amazing, thanks
    but i need to add google plus to social media panel . how to do it ?

  13. Fab says:

    Awesome template - so happy that I found it! Thanks!

  14. Adrian says:

    Hi, can i set the top menu static? thanks

  15. Sara says:

    Is there no Google+ icon?

  16. Yani says:

    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.

  17. Chepp says:

    Cool.... I love it...!!!

  18. Ram says:

    In this template, 720*90, adsense is possible ?

  19. Carlan says:

    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 :D

Leave a Reply