Adding FaceBook Share Count button for blogger posts.

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Facebook Share Button Style  1

Code

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Animated Flash Tag/Label Cloud For Blogger

Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template. :)

Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Now find (CTRL+F) this code in the template

Adding a Floating Back To Top Button

If you have very long posts or a long line of comments, your visitors find it difficult to surf through your blog. So that's when you need to add a back to top button, and it's configurations are very easy too.

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<!--BACK2TOP-STARTS-->

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbw_Z_6QzyJf8IFKkIWEicAA5Q74N0my5IwLdwklPZw27SAIeDiDwKiIPwb_aK4NRlW9e-c2CgPwWXvBidGbSr5X1rQO95wWbTrAxIw5p3FHARc69BgYcyH1szPttCsSUu_r2wro4I82w/s1600/up+b.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png'"/></a>

<!--BACK2TOP-STOPS-->

How to remove the dotted border from Blogger links

I’m sure that many of you have noticed the dotted border that surrounds links when you click on them. It’s actually an accessibility feature and in most cases it’s fine, but in some cases that dotted border surrounding active links can be quite annoying and ugly. There is a very simple and easy way to hide the dotted border from active links. All it takes is a few lines of CSS and you’re done.

Just Login To Blogger Go To > Layout > Edit Html and Find for

]]></b:skin>

And just place the below code before it.

a { outline:none; }

And save your template and you are done now.Now whenever you will click on any link in blogger no dotted lines will appear.

How to add a favicon in Blogger

 favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or web page.Most of the people use 16*16 pixel favicon with ".ico" format.But,you can also use gif,png(image formats) aswell.

There are plenty of sites out there that generates a favicon for you when you upload an image.Do a Google Search for "free favicon Generator" and plenty of sites would come up or use one of these free services:

• http://www.genfavicon.com/
• Favicon Generator (Blogger Buster) 
• FaviconGenerator.com (right click image and choose “Save image as”) 
• HTML-Kit favicon generator (download as favicon package) – Enables you to create a static or animated favicon; you can even create a favicon quickly using your Twitter username