Thursday, January 22, 2015

How to put Adsense code in the Middle of the post on Blogger?

Google Adsense is one and only high earning source for Bloggers. It is a based on CPC (Cost Per Click) which means you only get a money when the users click the ads provided by Google Adsense.

First of all you have to have a enough visitors to get enough money, but what happens when there is less numbers of visitors with no clicks to ads then we begin to customize the template and put more ads on a single blog but what happens at last you may be forwarded to disability of your adsense account.

Today I am here to share a useful tip for not Only adsense user but others also. This tip is about to put an adsense code to the middle of the post which also helps to increase the CTR of your adsense earning.

But how to do? here is the solution.

Step 1. Login to your Blogger Dashboard.

Step 2. Go to Layout >> Edit HTML and Proceed.

Step 3. Now click anywhere of the HTML editor and search for this <data:post.body/> . You may find this code several times but stop at second one.

Step 4. Now replace <data:post.body/> with below code.

<div expr:id='&quot;aim1&quot; +'/>
<div style='clear:both; margin:10px 0'>
Your Adsense Code Here
<div expr:id='&quot;aim2&quot; +'>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;aim1<>&quot;);var obj1=document.getElementById(&quot;aim2<>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&quot;);if(r&gt;0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1)}

Step 5. Save your template then you are done.

  • You have to first convert your adsense code into compatible form from here.
  • Replace Your Adsense Code Here with your own adsense converted code.

Read More »

Sunday, January 18, 2015

How to remove a Gap or Space Between Post Body and Sidebar on Blogger ?

If we are new to Blogger, we may use the Built-in Blogger template, which are quite good and suits to every blogs and are very neat and clean. But sometimes we may want to customize the template for even more nice look.

While customizing the template, some of us may not like the space or Gap between the Post Body and Sidebar. and searches how to remove (or reduce or decrease) that gap between the post body and Sidebar?

Here is the solution:

Step 1. Go to Template >> Edit HTML
Step 2. Search for the code ]]></b:skin>
Step 3. Place the below codes just above or before ]]></b:skin>

position: relative;
left: -45px !important;

Step 4. Now save the template then you are done!

Note:- You can adjust the value -45px according to your spacing.
            It not only works on built in blogger template but also in Other templates.
Read More »

Saturday, January 10, 2015

How to change post font size, color, style on blogger post with css

You can customize post body font in any expect like font, size, color, font family. First, you should know little bit knowledge about html code for post body and then we'll customize it according to our own taste.

Step1: Go to Layout and Edit HTML and find this code

Step2: search for this code ]]></b:skin>

Step3: now paste below code just above ]]></b:skin>
.entry-content, .entry-more { font-family: georgia;  font-size: 15px;color: #000;}
Step4: Now it is done and save your template

Note:- Change above (size, family, color) with your choice.

Read More »