Add Recent Post Widget To blogger/Blogspot Blog

Add Recent Post widget  in Your blogger blog allow your visitor to quickly find your latest and Recent post without any hassle .This is the simple and easiest way to add Recentpost/Latest post widget in your blog.

Many blogger use Feed to display Recent blog posts.Using feed widget we are limited to display only five items.
But in this Tutorial you will able  to show unlimited number of post .Just Follow some Easy and simple steps







Add Recent Post widget in blogger Blog


  1. Log in to your BloggerBlog Account
  2. Then Go To Layout----> Page Elements
  3. Then click Add a gadget 
  4. Click Html/ javascript
  5. Then write Title Recent Post or whatever as your wish
  6. Then Copy and Paste This below Code


<script style="text/javascript" src="http://bloggerlike.110mb.com/showrecentposts2.js"
></script><script style="text/javascript">
var numposts = 5;var showpostdate = false;
var showpostsummary = false;var numchars = 200;var standardstyling = true;</script><script 
src="http://bloggerlike.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
  • Customize your setting Using below information
      **Var Numpost=5 (Number of Post showing)

      ** Var Postdate=False(if you want to show post date change it true)

      **Var show post summery =False(If you want to show  post summery make it True )


       **Chage My blog address with your Blog Address(Red Text)


7.  Then Save
8 . Its done

Try it and share your experience with me . 


Read more >>>

Read more


How To Remove Post Count from Blog Archive

If You Add a Blog Archive on your Blog it shows the Number of post for various month/year.But If you don`t like this post count feature for blog archive you Can Remove post count option from Blog archive very easily to remove this post count from blog archive just follow me and do some easy steps .


  • Go to Layout-->Edit Html
  • Click on Expand Widget Templates 
  • Now Search This Below Code


(<data:i.post-count/>)
  • You will find this Above code for 3 times
  • Now Remove this code 
Done,save templates and check your blog .Post Count is Gone
Read more >>>

Read more


How To Delete a Blogger Comments

Sometime you need to Delete a Blogger Comments if you want to delete a  Blogger Comments Just Follow Some easy steps

  • Go to The blog and find the post where the comment is listed then find the Comments 
  • You can find a Trash icon with the every post
  • Now Click Trash Icon  you will see the Confirmation Page
  • Click on Delete Comment Button to delete comments and Click Cancel to cancel this action 
Done . if you face any problem just drop a comments 
Read more >>>

Read more


How To Install a Templates To Blogger Blog

Blogger default Templates is not well Customized .New user can`t Customize this default Templates well but experience user can do that easily .But you can download lots of Free and well Customized templates from various website .See this My Post to Download  free templates Download Free Templates from most Popular site

After Download a Blogger Templates its need to be install your blogger site so lets check how to Install a Blogger Templates to Blogger Blog


  • Then Click on Layout 
  • Now Click On Edit Html


  • Click on Browse Button And Choose your Templates File(.Xml File)

  • After Select Your Templates file Click on Upload Button


[Note: If you are a Google Chrome User Then Click on Choose File then Upload]

  • Now a Confirmation message will appear Click On Keep Widgets 
Done Now check your Blogger Blog site again you will find your New blogger look.
If you face any Problem Drop your comments below

Read more >>>

Read more


How to make Do Follow Comments Box For Google Spiders to Blogger

By default Blogger comments box is No follow that means Google Spider don`t follow Comments link.This is done to prevent from spam comments .To Become comments on your blog are made "do follow",follow some easy steps below. 

  • Log in to your Blogger Blog account
  • Go To Layout--> Edit Html
  • Click on "Expand Widget Templates"
  • Find This below code

<a expr:href='data:comment.authorUrl' rel='nofollow'>
  • Replace this above code with below code

<a expr:href='data:comment.authorUrl'>
  • Click on Save Templates and you are done
From Now Your blogger blog comments become DO Follow

Read more >>>

Read more


Add Wordpress Style Comment System To Blogger / Blogspot Blogs

Blogger is the one of the most popular Blogging platform and best choice for newbies to start their first blogging.
Blogger have lots of attractive feature i like it, But one thing i don`t like blogger comments system.Its a difficult comments system for many user and people don`t like to give comments using this default comments system .in another hand comments system of WordPress  is easy to use and very attractive .
Here i have collected a 3 alternative system to default blogger comments system and apply WordPress style comments system On your Blogger blog.Lets Check

IntenseDebate:I like Intensedebate Comments system and i use it my own Blog site.You can get WordPress like comments system using IntenseDebate.its have lots of interesting feature 

Comment Threading , Reply-By-Email , Email Notifications , Commenter Profiles , Moderation/Blacklisting , Reputation Points & Comment Voting , OpenID etc



Disqus: Disqus is the one of the most popular comments system.Disqus makes comments system more easier.its have powefull comments Moderation system and easier comments system .
Check out this here

JS-Kit Comments: Js comments is the next generation commenting system. It’s the way to share your content, and watch the live reaction. You can quickly embed Echo on  Blogger Blog.JS-Kit Comments also offers features like moderation, content filtering, notifications etc.




Click here to visit JS-Kit Comments


Try these cool comments system and share with me your experience. 
Read more >>>

Read more


Moi Magazine: Another Amazing Blogger Template

My last Post was SilverStar : Amazing Magazine Style Blogger Template


Today i will share another magazine style nice blogger template name Moi Magazine

Key Feature Of this Templates

  • Magazine Style templates
  • 3 Column,1 sidebar
  • Read More options 
  • Page Numbering navigation 
  • Rss And twitter button
  • Colorful  Background and nice interface

Read more >>>

Read more


SilverStar : Amazing Magazine Style Blogger Template

I have Found a Nice magazine Style Blogspot Template

  • SilverStar Blogger Template
  • Auto Read More 
  • Twitter Ready
  • Featured Post 
  • Two Column
  • Clean Design


After Installation If you face any Type of difficulty Inform me via Comments .
Read more >>>

Read more


How To embed YouTube Video In your Blogger Blog

YouTube is the one of the most popular source of entertainment.You can easily embed a Video on YouTube into your blogger blog.Using a video You can easily explain anything to your reader . Lets check 

How To embed a YouTube video in your blogger Blog

  • Click the Embed Button and  Copy the  embeded Code 
  • Now Sign into your Blogger Account and click New Post
  • Now Click Edit HTML
  • Now Paste the YouTube Embed code anyplace your  post
  • Done Publish this post and Check 
If you face any difficulty just drop a comments . 
Read more >>>

Read more


Dark Forest : Nature Blogger/blogspot Template


  • 2 Column Nature Blogger template 
  • Dark Color ,white blue background 
  • Best for nature blog or Personal use 

Read more >>>

Read more


Spectrum : A Nice 2 columns Blogger/Blogspot Template


  •  Spectrum Blogger Template 
  • 2 Column Right sidebar 
  • Top navigation menu,Rss feed,search Box ,nice header and lots of feature 
  • Colorful background 
  • Amazing interface

Read more >>>

Read more


Add Popular Post Widget to blogger/Blogspot blog

Many Blogger wants to show their visitor Most popular post in single place.Here is a very simple method to add Popular post widget in blogger blog.
This widget based on the number of comments each post gets so the most commented post will be the most popular post .




How To Add Popular post Widget to blogger/Blogspot Blog




Its a very easy method to add popular post in blogger blog just Follow some easy steps.


  • Go to Layout--->Add a gadget--->Html/Java script 
  • Write any Title like Popular post/Most commented post or whatever you want 
  • Now Copy and paste this code below full code
<script language='javascript'>
aBold = true;
numposts=200;
maxshowresult=7;
home_page = "http://bloggerlike.blogspot.com/";
</script>
<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f  ){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d  ){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d  ){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>" c "</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f  ){var e='<li><a href="' postUrlar[f] '" class="recent-link">' postTitlear[f] " (" postCommentar[f] " comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b  ){for(var a=b 1;a<postTitlear.length;a  ){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="' home_page "feeds/posts/default?max-results=" numposts '&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>

  • Customize this widget like this 
*Change My blog address with your address (Red Text)
*Numpost : how many post that count 
*Maxshowresult: Number of posts you want to show

Try it and share your experience with me .

Read more >>>

Read more


How To Add Recent widget Post To blogger/Blogspot Blog

Add Recent Post in Your blogger blog allow your visitor to quickly find your latest and Recent post without any hassle .This is the simple and easiest way to add Recentpost/Latest post widget in your blog.

Many blogger use Feed to display recent blog posts.Using feed widget we are limited to display only five items.
But in this Tutorial you will able  to show unlimited number of post .Just Follow some Easy and simple steps

Add Recent Post widget in blogger Blog


  • Then Go To Layout----> Page Elements
  • Then click Add a gadget 
  • click Html/ javascript
  • Then write Title Recent Post or whatever as your wish
  • Then Copy and Paste This below Code
<script style="text/javascript" src="http://gprsmamun.110mb.com/showrecentposts2.js"></script><script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 200;var standardstyling = true;</script><script src="http://bloggerlike.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
  • Customize your setting Using below information
      **Var Numpost=5 (Number of Post showing)
      ** Var Postdate=False(if you want to show post date change it true)
      **Var show post summery =False(If you want to show  post summery make it True )
  • Chage My blog address with your Blog Address(Red Text)
  • Then Save
  • Its done
Try it and share your experience with me . 
Read more >>>

Read more


How To Add Different Meta Tags to different Blogger Post

Meta Tags , One of the most Important Subject for SEO.In my last post i told you that 


Now This time for add different meta tags for different post. Why you add different meta tags for different post ??

if you add meta tags only for Home page you will get little bit traffic from search engine but if you add different unique meta tags for Different post it makes the search engine to more about your individual blog posts and index your pages better and it also improve your search engine ranking .

How to Add different meta tags

  • Then go to Layout--> Edit Html
  • Find this line





<b:include data='blog' name='all-head-content'/>
  • Add this below code just after the above line





<b:if cond='data:blog.url == "http://bloggertricks.com/"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/> </b:if>
  • Complete it with your blog address,description and keywords Follow my This post 
Above procedure to add meta tags for home page page .Now we add meta tags for different post  for example http://bloggerlike.blogspot.com/how-to-add-meta-tags.html 

Now Pasting the above three line again below the present code and changing with your  link,description and keywords .so final codes looks like this 





<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.url == "http://bloggerlike.blogspot.com/"'>

<meta content='DESCRIPTION' name='description'/>

<meta content='KEYWORDS' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "http://bloggerlike.blogspot.com.com/2010/04/how-to-add-meta-tags.html"'>

<meta content='How to add meta tags,add meta tags for better SEO' name='description'/>

<meta content='meta tags,SEO,how to,blogger SEO' name='keywords'/> </b:if>



Just follow this above example and you can add different meta tags to as many blog post as you can .

Check out this and share your experience with me .
Read more >>>

Read more


How To add Meta Tags to Blogger (Blogspot)Blog

If you want To get more traffic from search engine like Google ,yahoo,bing etc You must add meta tags to your blogger (blogspot)blog.especially the meta description is the most important one for search ranking.
What is Meta tags
Meta tags are the One kind of tags which tells the search engines all about your site and Content. . .Meta tags Helps search engines to index your web pages more accurately and quickly.,Meta tags communicate with the search engines and tells more information about your site .Meta Tags is an important factor in SEO(Search Engine Optimization)


Two Main tags is Meta Description and Meta Keywords .Meta Description which  tells the search engine what about your pages content and Meta Keywords which tells about your site keywords


How To add Meta Tags To blogger Blog
Following Some easy steps you can add meta tags to your site

  1. Log in to Your Blogger Account
  2.  Go to  Layout -->Edit Html
  3. Find this Below code





<b:include data='blog' name='all-head-content'/>

4.Now add this below code just after this above code 

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>


After add this its looks like this 

Now Replace DESCRIPTION HERE,KEYWORDS,AUTHOR NAME like this

DESCRIPTION HERE:Write your blog description (about your blog content)
KEYWORDS: Write the keywords of your blog (like this blog keywords blogger,tips,SEO)
AUTHOR NAME:Write the author's name(Your name)

Save templates and done


    Read more >>>

    Read more


    How To Add Google Buzz Button in Blogger/Blogspot Blog

    Google Buzz is a Great social tools  which is similar to Facebook and twitter .Google Buzz lets you share status update,pictures,videos and many more with your friends and others.Add Google Buzz button to Blogger/Blogspot blog so  users can easily share your content on Google Buzz with their friends 


    Add Google Buzz Button to blogger blog


    Step by step guide to add Google buzz button to blogger blog

    • Go to Layout --->> Edit Html 
    • Find This below Code
    <div class='post-header-line-1'>

    if you don`t find this code just Check  "Expand Widget Templates"box and search again
    • Now paste the following code just below this Code
    <a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png'/></a>
    This Button looks like this 
    For small size button just paste this code 
    <a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}'><img alt='Buzz this' src='http://img2.pict.com/9c/09/57/2854010/0/buzzthis.gif'/></a>
     The small size buzz button looks like this
    • Save Templates  and done
    If you face any problem with this tutorial just drop your Comments i will fix it .
    Read more >>>

    Read more


    How To Change Default Title Tag on Blogger for Better SEO

    By default Blogger Blog displays the Blog title first,Then  name of the post. But  this is not Good for  SEO. It's important for the  name of the post to come before the name of your blog, especially when it comes to search results. So Lets Check How To Change Default Title Tag On Blogger for Better SEO.

    • Go to Layout > > Edit Html
    • Find this Code Below Code 

    <title><data:blog.pageTitle/></title>
    • Use Ctrl+F for quick and Easy Search
    • Now Replace the above line with below code

    <b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.pageTitle/></title> <b:else/><title><data:blog.pageName/> ~ <data:blog.title/></title></b:if>

    • Click on Save Templates and Done




    Read more >>>

    Read more


    How to Submit Blogger Sitemap To Google

    Submit a blogger sitemap to Google is very common method to get fast indexing. without site indexing Google can`t found your site .So submit your site Google webmaster for faster indexing . its a very Easy method just follow some easy steps . Lets Start 

    • Go to Google Webmaster tools  and sign in with your Gmail account                                                                           
    • After you logged in, Click on  add a site.
    • Type your Blog Address without any http or www (like : bloggerlike.blogspot.com)
    • Then webmaster asks you to Verify your site. It is just to confirm whether you are the site owner or not.
    CLICK on the 'verify your site' link.
    • There are only  two ways to verify site ownership but, there is only one way for the blogger users to add a metatag.
    • Copy the Metatag
    • Now Login in to your blogger account Then go to Layout > Edit Html 
    • Paste the metatag just after the head tag
    •  
    • Save your Blogger Template
    • Now Click on Verify Button on in the Google webmaster tools 
    • Then a Confirmation message saying that you have sucessfully verified.
    • Now You have to submit your site map to Google go back your webmaster dashboard or home then Click on your Blog name 
    • Then Find Sitemaps heading Then Click Add a sitemap
    • Then type feeds/posts/default or Type rss.xml or atom.xml after your Blog address 
    • Then Click on Submit Sitemap
    • Done, your sitemap is successfully submitted to Google. Check after 2-3 days you will find detail of your site
    If you find any difficulty in this Tutorial just Drop a Comments .
    Read more >>>

    Read more


    How To Add Related Post Widget To Blogger

    Related Post/Similar post Widget is very useful for Reader . it can let your readers to know the similar type of post .so readers know about related post . they can visit more page and get more information.
    This is a easy hack to install even though the source code is a bit complicated.


    so if you interested about this hack Just Follow some easy steps

    • Click on Layout
    • Click on Edit Html tab
    • Click on Expand Widget box
    • Now search for this line of Code


    • Now save your work and check 
    Now check your Blog post you should see the Related post or the similar post of the post category.

    If you Face any problem just drop a comments 
    Read more >>>

    Read more


    Oceanic : Professional Blogger Template

    Today i have found a nice theme name oceanic.


    Features Of Oceanic

    • Neat and Clean Design
    • 2 and 3 Columns
    • SEO Optimized
    • Fast Loading
    • Built in search engine
    • Advertisements space below navigation bar
    • Advertisement space in header
    For download and details please click here
    Read more >>>

    Read more

    Find Us on FaceBook

    All Category

    Followers

    Web hosting for webmasters