Simple Red Theme Blogger Adsense

Simple Red Theme

Download

Read More -> Simple Red Theme Blogger Adsense

PassionDuo Blue Template Blogger Adsense

PassionDuo Blue

Download

Read More -> PassionDuo Blue Template Blogger Adsense

How to Add Content in Blogger

How to Add Content in Blogger
Now I want you to know how where I create a Table of Contents on Blogger.
I made a post about the Table of Contents because there are still many out there who have not could add to the Table of Contents Blogger, Therefore I am willing to provide solutions where kepad you like How to Make a Table of Contents.

Curious How You No order form, I love this picture.


The steps you should follow the following:

• Log into Blogger.
• Begin post with Edit HTML not Compose.
• Copy the code below into your post.

<script style="" src="http://burukutukpercobaan.googlecode.com/files/kodesitemap.js"></script><br /><script src="http://beginner-tips.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

• Next you Publish Post.
• And See Result, Hopefully Helpful for you.

Read More -> How to Add Content in Blogger

Adding Read More Auto On Blogger

Adding Read More Auto On Blogger
Maybe there are still many out there who do not know or do not understand how where how to make Read More Auto on Blogger, so I want Adding Read More How To Add Automatic is in my post, for you all, please follow the steps below, and for those who already know the Please respect my post.

How:

• The first step you must Login first to Blogger.
• Go to Design and Select Menu Edit HTML.
• Next you copy the code below and paste this code Top Right: </ head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

• Find <data:post.body/> code and replace with the code below: 

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

• Save Template.
• And see the result, Hopefully Helpful To You.

Read More -> Adding Read More Auto On Blogger

How to Make Auto Blogger Navbar

How to Make Auto Blogger Navbar
For those who do not know about how to make the Blogger Navbar Automatic, Well here's how, I will give the solution to all of you who do not Understand how.

Consider the steps below:

• First you must be signed in to Blogger.
• Select the menu Design and edit the HTML.
• Next you Copy the code below and Paste right above this code: ]]></ b: skin>

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

• Save Template.
• And see the result, Hopefully Helpful To You.

Read More -> How to Make Auto Blogger Navbar