How to Display Recent Post like Recent Post this Blog

I usually use RSS or java scripts to display recent post on my blog. Actually I found this gadget since tried a variety of gadgets in Blogspot. the Gadget name is Recent Post Advanced by Blogger widget.

This gadget will show the recent posts with thumbnails and summaries. To install and use this gadget on your Blog you can follow these steps:

• Open blog layout
• Click Add Gadget link
  
• Click Featured gadget
• Scroll down your mouse. You will see  "Recent Post Advanced" by Blogger widget. You can configure the gadget to fit to your blog.
  

Other feature of this gadget you can display the posts from other blog.

Continue Reading...

How to make Adsense Appear after Post Title on Individual Post.

Actually to display adsense google adsense in post we can use the Blogger feature. Go to Template -> Page Elements and you see in your layout the heading “Blog Posts”. Click the “Edit” link at the bottom right corner. You will see following screen and then Tick the “Show Ads Between Posts.”



But this way there are shortcomings. we can not display adsense after the title of post. To display the Google adsense after the Title of Post we have to edit the blog template we manually.

If you are interested in implementing these tips please follow the following steps:

• Open you blog layout and Click "Edit HTML" Tab and “Expand Widget Templates.
• Now search for "post.body" through your favorite browser's search function (Ctrl+F for Firefox and IE).  
• Before this code "<div class='post-body'" place following code:
  
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  Place Your Adsense Code Here
  </b:if>
  
  
• Save your template.
  

Note: "if cond='data:blog.pageType == &quot;item&quot" will make adsense appear on single post only. Before copiying your Adsense Code please replace following HTML characters:-

< with &lt;
> with &gt;
" with &quot;

Continue Reading...

How to Add Readmore Link Feature to Blogspot

Since there is "Insert Jump Break" feature on Blogspot, now to insert readmore link.on every blog post easier. Before the existence of this feature, to create readmore link, we must embed java scripts code into our blog template.


Now we just need to add a few lines of code into the blog template and activate the "insert jump break" at each post to create a readmore link

Here how to add readmore link feature to blogspot.

Fisrt step, we must edit blog template. Before doing this steps you be ensure to backup your blog template.

• Login to blogspot account.
• Goto Blog layout and click edit HTML.
• Check "Expand Widget Templates"
• After "<data:post.body/>" copy following code:
  
  <b:if cond='data:post.hasJumpLink'>
  <div class='readmore'>
          <a expr:href='data:post.url'><b>Read more...</b></a>
  </div>
  <b:else/>
  
  
• Now save your template.
  

Second step, Activate readmore link in each Blog Post

To enable or to add "readmore" link at each post, when editing or create new blog posting add "Insert Jump Break" on midle of post where readmore link will be placed

Continue Reading...