How to Install Info Postings Blogger With Neat.

How to Install Info Postings Blogger With Neat.
This time I want to post about how to add widgets or info tips under the posts after the read more at the click, for example you can see below:

Step - steps you should follow like this:

• Log into Blogger
• Select Menu Design and Edit HTML
• Please backup before editing the template by clicking Download Full Template.
• Do not forget to Tick the Expand Widget Templates, as shown below.

 

• Find code ]]></ b: skin> and Paste the following code just above the code.

.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}

• Then look again and paste this code <data:post.body/> code below right under the code <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bawahpost'>
 
Placing your ad code here

</div>
</b:if>

• Save Template.
• Done.

Good luck hopefully useful and helpful for you.

Read More -> How to Install Info Postings Blogger With Neat.

How To Change Blogger Template

How To Change Blogger Template
Maybe it's a lot who know how to replace the Blogger template, but I also see there are still many out there who do not understand how. So I post the How To Change Blogger Template.

Immediately, you follow the steps below:

• Log into Blogger
• Choose a Design and Edit HTML
• Click the Browse button and select which template you have provided previously.

 

• After it uploads.

 

• Delete Gedged / Keep Gedged.

Description:
Delet Gedged that is, we will remove Gedget that we created earlier.
Keep Gedged ie we allow previously installed Gedged remain.

* Done.
Hopefully Successfully.

Read More -> How To Change Blogger Template

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