Show Pinterest Pin it Button On Images On Mouse Hover

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ပုိ႔(စ္)မွာ တင္ထားတဲ့ Images(ဓါတ္ပုံ)ေတြကုိ Mouse{ေမာ့(စ္)} နဲ႔ထိလုိက္ရင္ Pinterest, Icon(ရုပ္ပုံ)ေလးေပၚလာၿပီး ထုိ Icon(ရုပ္ပုံ) ေလးကုိ တစ္ခ်က္ Click(နုိပ္)လုိက္ရင္ Pinterest ID ထဲ Auto ထည့္လုိ႔ရေအာင္ လုပ္နည္း/ထည့္နည္းေလးပါ။ အရမ္းလည္းမုိက္ပါတယ္။ ဒီနည္းကုိ သုံးတဲ့ ဘေလာ့မိတ္ေဆြမ်ားမရွိသေလာက္ပါပဲလုိ႔ ေျပာရရင္ မွားမယ္မထင္ပါဘူး။ မႀကဳိက္ၾကတာလုိေတာ့ မသိပါ။ ဒါေပမယ့္ စာေရးသူအႀကဳိက္မုိ႔လုိ႔ လုိအပ္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ျပန္လည္မွ်ေ၀ေပးလုိက္တာပါ။ Demo ကုိေတာ့ က်ေနာ္ ဘေလာ့ဆုိဒ္မွာ ၾကည့္နုိင္ပါတယ္။ ပုံကုိ Mouse နဲ႔ ထိပါ။

၁။Sign In Blogger
၂။ Template

၃။ Edit HTMl

၄။ Proceed

၅။ ေအာက္က Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။

</body>

၆။ ေတြ႕ၿပီးဆုိရင္ </body> ရဲ႕ အေပၚမွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။

<script>

//<![CDATA[

var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF29ocm34dwJz3ynMzwVUV8cNo_FcSB2uU-46ZUa3OJIYmv038_nK-_lSxc_otm8eqAzfuUXUeR5C8H5uQkAzD8wyZbq0kC35vVp2xM6zZw7TjjchDqsyDVIE-zopnsR1Zzk9LFf0-l8_A/s1600/pinterestx1_72.png";

var bs_pinButtonPos = "center";

//]]>

</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

<script src='http://mr-thangming.googlecode.com/files/PinOnHoverv.js' type='text/javascript'/>

<!-- please do not alter or remove the following code -->

<div id='bs_pinOnHover'><a href='http://mrthangming.blogspot.com/2013/04/pinterest-pin-it-button-on-image-hover.html'>Pin It button on image hover</a></div>

၇။ ထည့္ၿပီးရင္ Save Template ကုိ နုိပ္ေပးလုိက္ပါ။ ၿပီးပါၿပီး.........