Template Information
- 3 Column
- Right and Left Sidebar
- Brown
- Slider Gallery
- Automatic Read More
- Installed Blogger Comment Avatar
- Twitter Feature
- Feed Burner Customize Widget
- 3 Column Footer
- Ads 468X60 Space Area
- Tabber Sidebar
- Page Numbering Navigation
Demo Live | Download
Installation Blogger Tutorial
This template was installed sidebar with tab style. You can add this style in your own blog. Before you installed this widget, you must change tab title first. I was made it with “Tab1″ and “Tab2″. Go to “Layout” tab in your blogger account, and then click “Edit HTML”. Try to find this code in your HTML template. Change a red color words in those code into your widget title. For example, if you want add follower widget in this sidebar, you can change that red word into “FOLLOWERS” or another words that you want.<div class='tabbertab'>
<h2>Tab1</h2>
<b:section class='tablist1' id='tablist1' showaddelement='yes'/>
</div>
<div class='tabbertab'>
<h2>Tab2</h2>
<b:section class='tablist2' id='tablist2' showaddelement='yes'/>PS: You must remember one thing that you have only install one widget per one tab.
Only one thing that you must do If you want install twitter widget for your blog. You must change my twitter (bold and the bigger one) account into yours.
Go to HTML code, and then find this code.
<script src='http://twitter.com/statuses/user_timeline/templateplace.json?callback=twitterCallback2&count=1' type='text/javascript'></script>Same with twitter widget installation before. When you want install this widget, you just only have to change my feed ID with your one. Try to find this code in yours HTML template, and replace the red words.
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertemplateplacecom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input class='textarea' name='email' onblur='if (this.value == '') {this.value = 'Enter email address here';}' onfocus='if (this.value == 'Enter email address here') {this.value = '';}' type='text' value='Enter email address here'/>
<input name='uri' type='hidden' value='bloggertemplateplacecom'/>
<input name='title' type='hidden' value='bloggertemplateplacecom'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
<p><a href='http://feeds2.feedburner.com/bloggertemplateplacecom'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bloggertemplateplacecom?bg=FD6D00&fg=202931&anim=1' style='border:0' width='88'/></a></p>
To make this widget works, you must make this widget have a code like this one.<<!-- SMOOTH GALLERY ELEMENT - START -->
<div class="imageElement">
<h3>Noxia X3</h3>
<p>Description</p>
<a href="URL of your post" class="open" title="Read more"></a>
<img src="Your Image URL&h=280&w=490&zc=0&q=85" class="full"/>
<img src="Your Image URL" class="thumbnail"/>
</div>
<!-- SMOOTH GALLERY ELEMENT - END -->
<<!-- SMOOTH GALLERY ELEMENT - START -->
<div class="imageElement">
<h3>Noxia X3</h3>
<p>Description</p>
<a href="URL of your post" class="open" title="Read more"></a>
<img src="Your Image URL&h=280&w=490&zc=0&q=85" class="full"/>
<img src="Your Image URL" class="thumbnail"/>
</div>
<!-- SMOOTH GALLERY ELEMENT - END -->I have put my adsense code in this template. So if you want change with yours adsense, just find this code.
<div id=’ads468′>
In that section, you will see my adsense code. Change all of my adsense code with yours. But you must to encode your adsense code before. You can use this tool to encode your adsense code. Encoder HTML Code