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

62 Responses to “Sorbet Blogger Template”

  1. Stefano says:

    Hi, amazing template thanks, i have a question, how i can see in the homepage on the post font quote? Thanks

  2. Wong Zhen Qi says:

    How do I change the ICONs on the header menu? And How to add new header?

  3. Reeb says:

    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

  4. Sky says:

    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?

  5. Jay says:

    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.

  6. tw says:

    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

  7. S Mburu says:

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

  8. Kate says:

    Hey, can I change the link symbol which is on the top of each post? I would rather to make it plain dot..

  9. rohan says:

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

  10. budi says:

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

  11. 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?

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

  13. 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>

  14. 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>

  15. Shajitha says:

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

  16. Jéssica says:

    Wow, this template is amazing!!
    Thank you.

  17. Jordan says:

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

  18. 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.

  19. ahmed says:

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

  20. iliasse says:

    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

  21. Sheri says:

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

  22. Fab says:

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

  23. Adrian says:

    Hi, can i set the top menu static? thanks

  24. Sara says:

    Is there no Google+ icon?

  25. there's value says:

    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

  26. 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.

  27. Chepp says:

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

  28. Ram says:

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

  29. kartik says:

    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.

  30. Hoopoe says:

    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.

  31. Abilio Fernandes da Silva says:

    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

  32. 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

  33. Kelly says:

    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

  34. mr aku says:

    can i add slide show on this template? and how?

  35. Ashley Santiago says:

    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>

  36. camilo says:

    i have a problem, just one post appear in home screen for see other post i have to click in older post

  37. Priya says:

    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.

  38. Johan Soo says:

    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.)

  39. renee says:

    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!

Leave a Reply