how to add pinterest follow me & pin it button for blogger

add pinterest follow me & pin it button

Description:will put latter

add pinterest follow me & pin it button

Just follow below steps to add pinterest follow me & pin it button

Step1: Go to your blogger account

Blogger Dahboard

Step2:Now Templete>>>Edit Html

Templete>>>Edit Html

Step3:Click Any Where Of The Code And Click Ctrl+F For Quick Search Button

Click Ctrl+F

Step4:Anywhere in the <body> tag put below code :

Style1:

pin it button

Style2:

pin it button

Style3:

REMEMBER:Must edit yellow box username with your username

Step5:Now go to your blogger account

Blogger DashBoard

Step6:Now Templete>>>Edit Html

Templete>>>Edit Html

Step7:Click the box named "Expand the widgetit is on the top left of your blogger coding)"

Step8:Click Any Where Of The Code And Click Ctrl+F For Quick Search Button

Click Ctrl+F

Search for below code:

<data:post.body/>

Step9:

Now it’s up to you where you want to place your widget. If you want to place Pin It button just under your post title then just paste the following code before <data:post.body/> (above)

But if you want to place it at the end of your post then paste the following code after <data:post.body/> (below)

Step10:Now Paste the Following Codes below or above <data:post.body/> (according to your choice)

Step11:Now click "Save Templete"

Code for verticle pin it button:

<a class='pin-it-button' count-layout='vertical' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It now!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=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);
}
</script>

Code for horizontal button:

<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Now!</a> <a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>

<script type='text/javascript'>

function run_pinmarklet() {

var e=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);

}

</script>

Pages