testing with pin it button!

Adding Pin It Script for Blogger

1. Login to Blogger Dashboard > Choose your Blog and Click the More Options Dropdown
2. Select the Template > Click on Edit HTML > Proceed
3. Check/Tick the Expand Template Widgets checkbox
4. Search for

and place the below code before it!

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_blogger_pinit.js"></script>

Adding Pin It Button Script

1. Search for
2. Place the Bellow Pin It Button script before or after it
   - If you add the below code before the then it will appear the Before the Post Content.
   - If you add the below code after the then it will appear the After the Post Content.

   <b:if cond='data:blog.pageType == "item"'> 
   <div expr:id=""w2bPinit-" + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton"> 
    <data:post.body/>
    <script type="text/javascript">
     w2bPinItButton({ 
      url:"", 
      thumb: "", 
      id: "", 
      defaultThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMRlcXGoFg9zdFfi1xHphYCpzFPAYY6QOVWIqhheaGVXBgsn_8mZ85f3unoP4WhI5Hg2hDiBRnyxuFJZUFxXCAHC6WYavqLQJInQEGT_ir17VXFiIgWrWqWgygELmHWoy_fe5r6A/s1600/w2b-no-thumbnail.jpg", 
      pincount: "horizontal" 
     }); 
    </script> 
   </div> 
   </b:if>

 

 

 

 

 

by xristina 0 σχόλια