In my templates before ,many people asked me for adding widgets to their template . Because of widget is an important part of Blogger and help people can add what they need to template ,so in this template ,I made this template fully widgetized . You now get 4 place for adsense .
Download |
You can see the demo at SimplexDesign blog .Install instruction 1.Download this template . Unzip it . You will get a template file in xml format and a folder for images .
2.Upload all images to a hosting service like photobucket .
3.Open the template file ,change all link of images in CSS section to your images link.
4.Change all link of my blog : http://simplexdesign.blogspot.com to your blog link .
I suggest using Notepad++ for editing template and finding links to change . It's easier than using Blogger editor .
5. The code of top navigation bar here :
<!--top navigation bar--> <div class='headline'> <strong class='fl'><a href="#">About me</a></strong> </div> <div class='headline'> <strong class='fl'><a href="#">Contact</a></strong> </div> <div class='headline'> <strong class='fl'><a href="#">Link Exchange</a></strong> </div>and edit them
accordingly .
6.Find this code
<div class='subcribe_box'>
<a href='http://feeds.feedburner.com/Simplex'>
<img src='http://i604.photobucket.com/albums/tt130/metalner/Newspaper_Feed_add_128x128.png'/>
</a>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Simplex&loc=en_US', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: -5px 0pt 0pt; padding: 0px; text-align: center;' target='popupwindow'>
<h2>Subscribe to SimplexDesign</h2>
<p> Receive New Articles As They are Posted</p>
<div style='float: left; padding-left: 10px;'>
<input name='email' style='padding: 2px 5px; width: 200px;' type='text'/>
<input name='uri' type='hidden' value='Simplex'/>
<input name='loc' type='hidden' value='en_US'/>
<input type='submit' value='Go'/>
</div>
<div style='clear: both; height: 5px;'/>
</form>
</div>
and replace link of feed to your blog feed link .
7. Link of Twitter :
<div class='follow_me'> <a href='http://twitter.com/dinhquanghuy'> <img src='http://i604.photobucket.com/albums/tt130/metalner/follow-me-500.png' width='250'/> </a> </div>change it to yours .
8.Code of recent posts and recent comments :
<div id='tabs2'> <ul> <script src='http://simplexdesign.blogspot.com/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=showrecentposts1'> </script> </ul> </div> <div id='tabs1'> <ul> <script src="http://simplexdesign.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script> </ul> </div> Change http://simplexdesign.blogspot.com to your blog link .Save template and upload it to blogger .
9. Go to Layout ,click on Page elements tab .
Linklist widget is navigation of your blog ,you can add link to blog navigation bar by adding link in this widget .
To adding to a category to navigation ,you click on edit link on LinkList widget ,you will see this box appear .
add link to your label page with this structure :
http://your blog url /search/label/labelname
remember ,there's no slash after labelname .
10, in other place ,you can add widget as you want . In default ,I added HTML javascript widget . You can place adsense code in these widgets and start making money today
Save template .Enjoy it .
No comments:
Post a Comment