HOW TO INSTALL BLOGGER TEMPLATE
1. Login to your blogger.com account.
2. Go to Blogger dashboard.
3. Go to Design tab.
4. Now click Edit HTMl tab.
5. Before editing your template, you may want to save a copy of it. Download Full Template
6. Upload a template from a file on your hard drive (.xml file extracted): click Choose file option button.
7. Now save your template.
Instruction to Email Subscribe:
1. Find the code given below in your template installed
<form
action='http://feedburner.google.com/fb/a/mailverify' id='subscribe'
method='post'
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh',
'popupwindow',
'scrollbars=yes,width=550,height=520');return true'
target='popupwindow'><input id='subbox' name='email' onblur='if
(this.value == '') {this.value = 'Enter your email
address...';}' onfocus='if (this.value == 'Enter your email
address...') {this.value = '';}' type='text'
value='Enter your email address...'/><input name='uri' type='hidden'
value='blogspot/htbgh'/><input
name='loc' type='hidden' value='en_US'/><input id='subbutton'
type='submit' value='Enter'/></form>
|
2. Replace the line in Blue color with your feed burner address
Instruction for Slider:
1. Go on your Blogger Layout and choose HTML/Javascript.widget, then copy the code given below in it
<div
id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'> <script> document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>"); </script> </div> <div id='paginate-featured-slider'> <ul> <script> document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>"); </script> </ul> <div class='clear'></div> </div> <script type='text/javascript'> featuredcontentslider.init({ id: "featured-slider", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide. revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover" enablefade: [true, 0.4], //[true/false, fadedegree] autorotate: [true, 5000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) </script> </div> |
2. Replace label in blue color with the label with your post label that you want to display on slider
Instruction for label widget:
1. Replace the label news with the label name that you want to display there
Instruction for recent post widget:
1. Choose html/javascript widget and copy the code given below in it
<ul>
<script>
document.write("<script
src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts6\"><\/script>");
</script>
</ul> |