Summary: This article teaches you about how to add only posts details with images to free blog blogger home page, this tip is really better for SEO tips and also to provide good speed to open your home page of blogger blog
By this useful article you teach that how to add only post details with images to free blog blogger, this Technic would provide you lot of benefits, one is that you can open your blogger blog speedy and also it is better SEO tips and looking nice on your home page. I have found that lot of blogger templates and other templates like Wordpress, CSS3 and other stylish professional templates shown above Technic on the home page of blog. If you have old free blogger template and or not facilitate so you can use this Technic. Now read the following useful codes and how to place it with carefully.
1. Go to blogger blog Dashboard and then Design and Edit HTML and find the following code line.
</head>
2. After that paste the following code with above code line to use this great Technic.
<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 200; summary_img = 130; img_thumb_height = 90; img_thumb_width = 80; </script> <script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
3. Once again find the following code line in your blogger template with sensibility
<data:post.body/>
4. Replace the following code with above code line.
<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <div style='clear: both;'/> <span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span> </b:if> </b:if>
5. If you want to change summary_ noming, summary_image, Image_thumb_height and image_thumb_width in the above code I have changed it according my blogger template see the following picture of blog blogger training Image with post summary detail for better SEO Tips.
6. Now save your blogger template and see the result and enjoy, if you like this please leave your comments.
0 Comments:
Post a Comment
Post a Comment
gmqazi1973@gmail.com