How to Auto Generate Short URLs of Your Bogger Posts

How to Auto Generate Short URLs of Your Posts in Blogger with Bit.ly

It is an online service that provides you short URLs of your posts so that you can share them with your friends, family, and on the web. This service is fairly popular on microblogging site twitter because it is the default shortening service since May 6, 2009. The shorten links created with this service are permanent and somewhat look like this http://bit.ly/6wgJO.

The First thing you will be doing is to login into your Blogger Dashboard. Now After logging in, go to your blog >> Template >> Edit HTML >> and search for the ]]>

tag. Once you find it, just above it paste the following CSS code.

Copy Below Code:

#shorturl {
float: left;
background: #F8F8F8;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
width: 650px;
}
#shorternh2 {
float: left;
padding-left: 20px;
padding-right: 10px;
}
.textinpo {
float: left;
font-family: "verdana",helvetica,Tahoma,Arial,sans-serif;
font-size: 12px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
width: 215px;
padding: 0px!important;
padding-left: 10px!important;
height: 20px!important;
margin: -4px!important;
}
Now after pasting the style sheet coding into your template, it is time to move ahead, and get things a bit more serious. Again in the template, search for

Read More

How to Put Adsense Ad code In Middle of blog Post

Google Adsense

If you want to put adsense ad code in the middle of your blog post, as it is easy to get
click frequently.So it wil help to earn more money.

How to Put Adsense Ad code In Middle of Blog Post

Follow the steps below.
1. First of all you have to parse the code.Go to these link
and parse the code. AdParser.

2.After log in to your blogger account and go to
dashboard >> Layout >> Edit HTML

You should Also Read: On-page SEO practices for Newbie Bloggers

3. Check THE "Expand Widget Templates" and
find this code by using Ctrl+F
<data:post.body/>

4.Now replace above code with this below code.

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Your AdSense code here -->
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/></div>


<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>


5. Now save the template. Now put this special code to your every post.
<!-- adsense -->
this is the place you want to put your adsense code.

6. Enjoy.

You should Also Read:  How To Creat Advance SITEMAP For Your Blog

Read More