10 Stylish Pin It Button To Blogger Blog

Today I am giving you 10 Stylish Pin It Buttons to your Blog.This Pin It button allows your readers to share your posts without having to leave your blog. It pulls all available images from a post and lets them choose which image to pin. It also comes with an optional counter that displays how many times a blog post has been pinned.

---

Adding Pin It button as a widget

---

To put Pin It button outside post area e.g. in sidebar or footer, paste the following code into a HTML/Javascript gadget. The button will appear on all pages (not just post pages), but it doesn’t have a counter.

1-Go to Layout and click a Add A Gadget.

2-Select HTML/Javascript gadget.

3-Copy the following code and paste it inside the content box.

---

Pin It Button 1

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://2.bp.blogspot.com/-RRbIYYsnD98/UOXUbYPwNEI/AAAAAAAADtI/tFe2QevJBSY/s1600/1.png' /></a>

---

Pin It Button 2

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://4.bp.blogspot.com/-I6W9xWpllJE/UOXa5c1e1eI/AAAAAAAADts/-LN_HoBXA58/s1600/2.png' /></a>

---

Pin It Button 3

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://1.bp.blogspot.com/-xM56vXWTd5k/UOXbJeuT9bI/AAAAAAAADt0/jY2ZW3sOMfA/s1600/3.png' /></a>

---

Pin It Button 4

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://1.bp.blogspot.com/-ko2cBlX9TKM/UOXbpJXAZwI/AAAAAAAADt8/IJIbboIOhZs/s1600/4.png' /></a>

---

Pin It Button 5

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://4.bp.blogspot.com/-Yeg0jyLRO54/UOXb3IlA94I/AAAAAAAADuE/Ia8R8yNj9Ss/s1600/5.png' /></a>

---

Pin It Button 6

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://3.bp.blogspot.com/-4i1MT0rwWQk/UOXcBsqCBsI/AAAAAAAADuM/cgrj14CuH2w/s1600/6.png' /></a>

---

Pin It Button 7

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute(<br /> 'type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://2.bp.blogspot.com/-zfnspKeSptU/UOXcMM94YbI/AAAAAAAADuU/5f18diafMbA/s1600/7.png' /></a>

---

Pin It Button 8

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://1.bp.blogspot.com/-rqh4DdUeaAQ/UOXcX9Dk31I/AAAAAAAADuc/JJwdTihPdQc/s1600/8.png' /></a>

---

Pin It Button 9

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://1.bp.blogspot.com/-8hokbyvlBqc/UOXcsHQ8eAI/AAAAAAAADuk/RZ5U1ZVb0WA/s1600/9.png' /></a>

---

Pin It Button 10

---

<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='http://4.bp.blogspot.com/-DslrnZkNar4/UOXc2UAL-VI/AAAAAAAADus/EzuLuq72zCk/s1600/10.png' /></a>

4-Save It…

That’s all…Don’t forget to use the comment box for your valuable thoughts…

Have a nice day…