Show Pinterest Pin It Button On Mouse Hover In Blogger andrey четверг, 17 апреля 2014 г. No Comment

Show Pinterest Pin It Button On Mouseover In Blogger
Today we are sharing official Pinterest button on our blog. This Pinterest pin it button will get displayed when you mouse over on image present on your blog. For adding this Pinterest buttons, you just need to add a simple Java script in your blogger template. We will show you how you can add this simple Java script inside your blogger template or inside your blog layout (if you don't want to edit your template.) Pinterest is one of the fastest growing social network. Recently they have provided special services for online business. With this pin it button you will get some extra traffic from your imaged, but for getting extra traffic you need to upload good eye catching images on your blog so people can pin it and spread your images. Pinterest is growing day by day and we should take advantage of this growing network. So, lets proceed to add this pin it button in our blogger blog.


There are two ways you can add Pinterest pin it button in your blogger blog. Fist way is by editing your blogger template (that we don't recommend) and the second way is by adding it inside your blog layout so, you can easily remove the Java script or make changes in the script as you want.

 Code to add Pinterest pin it button on mouse over:
 

So, lets talk about the first method:

  1. Make backup of your blogger template so you can use this backup if made a mistake in editing your template
  2. After crating a backup, inside your html code search for tag, and before the tag add the code give above and save your template.
The reason why we don't recommend this method is, it is difficult to remove codes added in your template then your blog layout

Lets see how to add these codes using the second method:
  • Go to your blog dashboard and visit your layout section
  • In your blog layout click on add a gadget button and select html/Java script and paste the html code in that html/Java script
  • Click on save to save the widget
  • Now visit your blog to whether the code is working or not.
Show Pinterest Pin It Button On Mouseover In Blogger
Today we are sharing official Pinterest button on our blog. This Pinterest pin it button will get displayed when you mouse over on image present on your blog. For adding this Pinterest buttons, you just need to add a simple Java script in your blogger template. We will show you how you can add this simple Java script inside your blogger template or inside your blog layout (if you don't want to edit your template.) Pinterest is one of the fastest growing social network. Recently they have provided special services for online business. With this pin it button you will get some extra traffic from your imaged, but for getting extra traffic you need to upload good eye catching images on your blog so people can pin it and spread your images. Pinterest is growing day by day and we should take advantage of this growing network. So, lets proceed to add this pin it button in our blogger blog.


There are two ways you can add Pinterest pin it button in your blogger blog. Fist way is by editing your blogger template (that we don't recommend) and the second way is by adding it inside your blog layout so, you can easily remove the Java script or make changes in the script as you want.

 Code to add Pinterest pin it button on mouse over:
 

So, lets talk about the first method:

  1. Make backup of your blogger template so you can use this backup if made a mistake in editing your template
  2. After crating a backup, inside your html code search for tag, and before the tag add the code give above and save your template.
The reason why we don't recommend this method is, it is difficult to remove codes added in your template then your blog layout

Lets see how to add these codes using the second method:
  • Go to your blog dashboard and visit your layout section
  • In your blog layout click on add a gadget button and select html/Java script and paste the html code in that html/Java script
  • Click on save to save the widget
  • Now visit your blog to whether the code is working or not.
by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

No Comment