Apply template guide:

1. Download the .zip file then unzip that file
2. Upload the .xml file to your blog
3. Before submitting your new template, first of all you must download your current template (just in case) and save all of your gadget/widget in notepad/wordpad (for HTML/Javascript gadget)

Click the link to download zip file

Apply template guide:

1. Download the .zip file then unzip that file
2. Upload the .xml file to your blog
3. Before submitting your new template, first of all you must download your current template (just in case) and save all of your gadget/widget in notepad/wordpad (for HTML/Javascript gadget)

Click the link to download zip file

Apply template guide:

1. Download the .zip file then unzip that file
2. Upload the .xml file to your blog
3. Before submitting your new template, first of all you must download your current template (just in case) and save all of your gadget/widget in notepad/wordpad (for HTML/Javascript gadget)

Click the link to download

If you want that your visitors dont use right click on your blog to save your page or any images then its very easy for you to disable right click option in your blog. What you have to do is add the javascript codes in your blog html/gadget

You can add the codes in two ways:
1. Add below codes in blog html below the closing head tag </head>
2. Or add these codes in layout sidebar in Html/Javascript section and save it.

Choose one of those code

With message alert:

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="YOUR MESSAGE HERE";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

var message="YOUR MESSAGE HERE";

<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Now here is wonderful hack for displaying links to related posts beneath each of your blog posts. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.

Steps for Implementation:

1. Go to Layout >Edit HTML in your Blogger Dashboard.
2. Back up your existing Template before making any changes!

3. Make sure to check the "Expand Widget Templates" box.

4. Search for the </head> tag.

5. Add the following code just before the </head> tag.

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/>

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

max-results=5

This wonderful widget displays links to recent posts made on your google powered blogger blog. It works great in your blog's sidebar. If you don't like only being able to display 5 of your recent posts you can now show as many as you want. The default is set to 10 posts, but all you need to do is change the number 10 within the code to any desired amount.

Step 1:
Click
Layout>Add a Gadget>HTML/Javascript

Step 2:
Copy and paste these code

<script style="" src="http://jimmyjackbob.googlepages.com/Recent_posts_widget_blogger.js"></script><script style="">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://widgetsforfree.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>