إضافة زر pin it على كل صورة في مدونة بلوجر

سنعمل على أكواد القالب نفسه

نبحث في القالب عن الوسوم بالضغط على CTRL+ F

فوق وسم إغلاق الرأس

</head>

سنضع الكود التالي:

<script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.setAttribute('data-pin-hover', true);
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>

فوق وسم إغلاق الجسم 

 </body>

سنضع الكود التالي :

<script>
//<![CDATA[
var bs_pinButtonURL = "DIRECT IMAGE LINK";
var bs_pinButtonPos = "center";
var bs_pinPrefix = " ";
var bs_pinSuffix = " ";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>

لمزيد من التفاصيل حول مكان الزر أوتعطيله يرجى زيارة المصدر ( هنا )
وهنا موقع يقدم هذه الخدمة بإضافة أزرار مواقع اجتماعية أكثر على الصورة ( هنا )