Add Pinterest pin It Button on Blogger Images

Pinterest is a growing social network and a good place to get social network traffic to our blog and web just like Reddit but its work a...

Pinterest pin it button
Pinterest is a growing social network and a good place to get social network traffic to our blog and web just like Reddit but its work are different. Pinterest have also released some pin it buttons with new ideas means as we all know that pinterest works on images. When someone pin it our images it automatically sends to all their followers and everyone sees your image with your post link. Every webmaster setup pinterest mouse over styles to increase their web readers. You can also use this massive mouse over style in your blog for increase page views by following this article.

Make Your Pinterest Account

If you not have an Pinterest account so make it first because it is needed for checking followers and pins analytics. Click on sign up fill this form with meditation and don’t forget to add your site name in “user name” after sign up create your pin board for adding all your web images in interest, it works as a site map for your web. After this back to blogger and see the below steps.

Let's start the tutorial.

Go to Blogger>> Template >> Backup, don’t take risks if you are new in blogging just back up your template file.

Click on Edit HTML and press CTRL+F.

Search the below code.
 Now add below codes above <body>.
var custom_pinit_button = "";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
<script src='' type='text/javascript'></script>
<script id='pinit-img-button' src='' type='text/javascript'>
// Visit for more widgets and tricks.
 Click on save template, your work done.

Connected Aritcle: How to Change Favicon on Blogger Blog.

Script Instructions

To do some editing in above script read the below instruction.

In this tutorial the below image is present, so if you want to change or add custom image replace the below URL with your new image.
var custom_pinit_button = "";
Its open script in which you can customize easily, you can also change the image direction by replacing center with these below directions.
var pinit_button_position = "center";
 Direction Styles

More Over

This style is shown on your every little image, you can also conceal this style in selected post by adding the below code as shown in below image.
Pinterest pin it
 After doing some editing, save the template and check your awesome new mouse over pin it button. After this check your blog stats daily and see the long graph of unique visitors.



Android,2,backlinks,7,Blogger,46,blogger theme,1,Errors,1,How To,31,Make Money Online,2,SEO,13,SMM,10,Templates,9,Tools,7,Tricks,15,Web designing,18,Widgets,24,WordPress,4,
PRO TECHNIFY: Add Pinterest pin It Button on Blogger Images
Add Pinterest pin It Button on Blogger Images
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy