Add Feedjit Live Traffic Feed Widget to Blogger And Websites | Live Traffic Feed

WELCOME!!

You’re about to join over 1 Million site owners around the World who use Feedjit to improve user engagement and create a live surfing experience. The feed on the right-hand side is your sample feed that you can use to customize what your Live Traffic Feed will look like. You can drag the inside of your traffic feed up or down to pause it or see older visitors. The data in your sample feed is actual live data showing people 

IMPORTANT TIPS:

Your Live Traffic Feed keeps the 100 most recent visitors. Drag it up with your mouse to see older visits. If the feed is in the top 30% of your page you can watch it all day and it will continue to show new hits. If it’s below the top 30% of your web page, it will stop updating after 3 minutes until you refresh the page.

Click Here Get Your Free Live Trafic Widget

Add Live Visitor Counter to Blogger Blogs or Websites

 Live Visitor Counter:

Would You like to know more about the vistors visiting your Blogger Blog .You easily guess how many visitor are online and how many visit this site per-day. In this Blogger tutorial you will learn how to add a Live vistors Counter widget to your blog are website…

Add this Counter for Your Blog &Website Here

Easy to Add / Install Facebook Comment Box in Blogger

Install Facebook Comment Box In Blogger

Hello people, When i was new on Blogger i was searching for the trick to add facebook comment box below every Blogger post.Honestly it was little bit lengthy process for me. Now i have find out the easiest way to install this facebook comments box along with Blogger’s own commenting system.

I believe this 

commenting system is useful for a blog/website because every user has a facebook profile and he will prefer to comment from the same profile. Also there is an option of comment box if a user clicks this option, The post will start showing on his facebook friends wall.So using this commenting system will increase the chances of page views of a Blogspot post.

How to install Facebook comments box in Blogger :

• Login to Blogger Dashboard
• Select your Blog and click on Layout
• Click on add a html/javascript box
• Enter the following codes
(function(d){

  var js, id = ‘facebook-jssdk’; if (d.getElementById(id)) {return;}

  js = d.createElement(‘script’); js.id = id; js.async = true;

  js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;

  d.getElementsByTagName(‘head’)[0].appendChild(js);

}(document));

<div class="fb-comments" data-href="http://bestbloggertipstricks.blogspot.com/” data-num-posts=”10” data-width=”500“>

Change the url bestbloggertipstricks.blogspot.com with your own Blog url

Now click on save

You can also change Width 500 and Posts 10

Then rearrange this box in the section of blog posts as shown in the figure below

How to Delete/Remove Post Title in Blogger

How to Delete/Remove post title in blogger 

A : Put in CSS [Go to Template, Customize, Advanced, Add CSS] or add this before ]]> tag in Edit Template HTML, Expand Widget Templates:

.post-title.entry-title {display: none;}

How to Add or Remove an Underline for Links in Blogger Post

If you underline the links on your blog, then the page-links and post-titles are usually underlined too. But you can turn underlining OFF for these items, and adjust the spacing to make them stand out.

How to Add or Remove an Underline for Links in Blogger Post

• Go to your Blog>>>Template>>>Customize
• Click on Advanced>>>CSS
• Paste following code in CSS Section

a:link {
text-decoration:underline;
}
a:visited {
text-decoration:underline;
}
a:hover {
text-decoration:underline;

}

OR

• Login to your account. Go to Layout > Edit HTML.
• Search for a:link (Tip: Use Ctrl + F)
• You will see a similar code there as:
• 
  

a:link {

color:$linkcolor;

text-decoration:none;

}

a:visited {

color:$visitedlinkcolor;

text-decoration:none;

}

a:hover {

color:$titlecolor;

text-decoration:underline;

}

OR Search this

a:link {
text-decoration:none;
color: $(link.color);
}

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

Now

The above code specifies that there is no underline as dictated by text-decoration:
text-decoration:none

Here none specifies “No Underline”. To add underline simply change the command to:

text-decoration:underline

If it was originally underlined simply change it back to, yea you guessed it right 😉

text-decoration:none