Blogger Cheat Sheet for better template design

Specially focused on classes and identifiers that most of blogger templates use. Using this guide requires at least basic knowledge on CSS and according to it you’ll be able to modify certain things. save below images

Insert Google Adsense into Blogger post below the title

1. 
   Get Google Adsense code.
2. Convert into Parse HTML code from herehttp://www.blogcrowds.com/resources/parse_html.php
3. In Blogger, go to Layout, then choose Edit HTML
4. Make a backup of your template by clicking Download Full Template
5. Click Expand Widget Templates
6. Search for <data:post.body/> or <p><data:post.body/></p>
7. Place your Parsed HTML Adsense code on the line immediately above this
8. Save the template.

Your Original Adsense code

<script type="text/javascript"><!--
google_ad_client = "pub-1234567893564895";
google_ad_host = "pub-9874563212589746";
/* 120x60, created 12/25/08 */
google_ad_slot = "1957450643";
google_ad_width = 120;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Your Parsed HTML Adsense code

<script type="text/javascript"><!--
google_ad_client = "pub-1234567893564895";
google_ad_host = "pub-9874563212589746";
/* 120x60, created 12/25/08 */
google_ad_slot = "1957450643";
google_ad_width = 120;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Show Adsense ads only in single page post
 It is better to show the adsense ads in single page post which are inserted in below the Post title, not show in Home or other pages see my blog.
Add below code to show adsense ads only show in single post page

<b:if cond='data:blog.pageType == "item"'>
PUT YOUR PARSED ADSENSE CODE HERE
</b:if>

As like below

<b:if cond='data:blog.pageType == "item"'>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-1234567893564895&quot;;
google_ad_host = &quot;pub-9874563212589746&quot;;
/* 120x60, created 12/25/08 */
google_ad_slot = &quot;1957450643&quot;;
google_ad_width = 120;
google_ad_height = 60;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;
</b:if>

                                         Home Page                                             Single Post Page