NewBloggerThemes


iBlogger Blogger Template

Posted: 05 Jan 2014 07:19 PM PST

iBlogger Blogger Theme

iBlogger is a Beautiful and Simple Magazine Style Blogger Template. iBlogger Blogger Template has 2 Columns, Featured Content Slider, Header Banner, Navigation Menus, Social and Buttons, Right Sidebar.

How To Add Links to Top 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 Featured Content Slider:

Find this in "Edit HTML":
<div id='slider'>  <ul id='sliderContent'>       <!-- slide 1 code start -->     <li class='sliderImage'>        <a href='ENTER-SLIDE-1-LINK-HERE'><img height='242' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzAOoH3ekwDuA-WK8ILKQsxd5EnJGdS4XmnlYVqJZ1MxVN8IJ5IU7-npdkPFT8SdP3xfiAxzXX5TboYbEsc9oboH03QK1oiYDv13SRq5fhdC-M_n7bcyGCDGRXLD69YPGkDul3R5clnY/s1600/slide-image-1.jpg' width='610'/></a>        <span class='bottom'>           <h2><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h2>           <p>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>        </span>     </li>     <!-- slide 1 code end -->          <!-- slide 2 code start -->     <li class='sliderImage'>        <a href='ENTER-SLIDE-2-LINK-HERE'><img height='242' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyJLluYReb4YX_kQq4hXUUtLHHLUMIDSnvvFPt7YAu_Qjp3_iFmS53ldKjvM41iL9SZI1xvO8GWmc7zGHhsGh7o49pkN8Xxcu6vJU9ehHfHrYEzrzUPDThlDUFSExJticxpbG8bntpTaA/s1600/slide-image-2.jpg' width='610'/></a>        <span class='bottom'>           <h2><a href='ENTER-SLIDE-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2>           <p>This is slide 2 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>        </span>     </li>     <!-- slide 2 code end -->          <!-- slide 3 code start -->     <li class='sliderImage'>        <a href='ENTER-SLIDE-3-LINK-HERE'><img height='242' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibn1qzDQqsA-d0fZBPYX3CmRi5EZ5E5aAampqC7aPQFTiAbgAYKzgziTWoPSZ5paEv9n59S06Sm16f_wvF-K_WxDzTCd3lXul21o9HSGWlyY9nE5WRHw7aGp4aRBOv6il6UeD7Im-gHEc/s1600/slide-image-3.jpg' width='610'/></a>        <span class='bottom'>           <h2><a href='ENTER-SLIDE-3-LINK-HERE'>Enter Slide 3 Title Here</a></h2>           <p>This is slide 3 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>        </span>     </li>     <!-- slide 3 code end -->          <div class='clear sliderImage'/>  </ul>  </div>
There are 3 slides in the slider. You can add or remove more slides if you want. Now replace, "ENTER-SLIDE-X-LINK-HERE"s with your real slide link, "Enter Slide X Title Here" with your real slide title, "This is slide X description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description, Slide image URL, for each slide. (X = 1 or X = 2 or X = 3)

How To Configure Social Buttons

Find this in "Edit HTML":
<div id='topsoc'>     <a href='#'><img alt='Follow us on Twitter' class='tweet' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKWvIBUAVKbqLRJQF_-pOsC3iFnCWXZyvRAiX4Tw0_iSH947EF9yUNWZRFx9NIk6TCPvvlSmAHPbUmiHU2CJrNdnOExKSbrov_59aKrbjKyk50ENef-r96KIVdf5wU2LnWSDuKzQVLGlo/s1600/twitter.png'/></a>     <a href='#'><img alt='Subscribe to RSS' class='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqLu_A5EInBGDicTI049oYk-do7ino3HRRGqRcprnGicKhG1qFp3114HokaoI_6Z-Dj1U93lukp769JLTgIsOpqajzZMXEyZ5NS4liWpntXES_luII4rHl2qpgMfHyVEaxJLMobhyphenhyphenk79E/s1600/rss.png'/></a>     <a href='#'><img alt='Subscribe via Email' class='mail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi155b-LskB3XA5IX8ZFUC1KM3pqvhK662I-CMpyDDFGxGDZyROh0Qb1nvUi7cLsTuqm7pC7bKGiu8rxKEKz9APLdoVS_LBztACaEdhPKD89kTRAiT_GfZgFfZKvbWuSU5u-um0LEFjbeg/s1600/email.png'/></a>  </div>
Add your own social links replacing "#" marks.
 
Tips and Tricks Blogging © 2013. All Rights Reserved. Powered by Blogger
Top