20 Feb 2018

Blog Ke Images Me Pin It Hover Button Kaise Add Kare Guide Hindi

Pintrest facebook , twitter ki tarh ki ek social media platform hai jispar aap apne blog ke images share kar sakte haior apni images ko shave bhi kar sakte hai is post me mai aapko blog post me hover pin it botton add karne ka treeka batunga. agr koi visitor aapke blog ki postke image par mouse lata hai to pin it button show hota hai button par click kar ke visitor aapke website ki image ko printerest par share kar sakta hai.

Blog Ke Images Me Pin It Hover Button add kare
Blog Ke Images Me Pin It Hover Button add kare 


Youtube ko Monitize kaise kare

Blogger me Happy New year Widget kaise lagaye

 kya hai printerest?

Printrest facebook ki tarah hi ek soicial media site hai jiospar aap aapne photo ko upload kar ke internet par share karsakte ho. or aap isme ek online album bhi bna sakte ho. prenterest par aap apne blog ya website ko submit kar ke  wabsite ke images pin it kar sakte hai printerest persionally media  platfor ki tarah kam karta hai user chahe to images ko publicly ya private mode par rakh sakta hai.


Blogger image par pin it hover button add kaise karte hai?

Is post me mai apko  Pin It Hover Button Kaise Add Kare iski jankari dunga ki jab koi aapke image par mouse lata hai to pin it ka option automatic kaise show hoga  ye sikhane wala hu. ye bhut acha tareeka hai apne website ki pic ko prenterest par share karne  ka sath hi apne oasand ki pin it button bhi banana sihaunga.

Step. 1:

  1. Sabse pehle aap apne blog ke dashboard me jaye or Templete >> Edit HTML par click karer.
  2. Iske bad aap ye </body>code search kare.
  3. Aab aap ye code copy kar le or </body> se upar paste kar le.
class="lang:php decode:1 ">&lt;script&gt;
//&lt;![CDATA[
var bs_pinButtonURL = "hhttps://4.bp.blogspot.com/-SaCJ0GHmO84/VgT0Wo9Zp6I/AAAAAAAAE-c/_wKxHcg5L-8/s1600/ohmh.png";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]&gt;
&lt;/script&gt;
&lt;script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'&gt;&lt;/script&gt;
&lt;script id='bs_pinOnHover' src='https://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'&gt;
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit https://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.
&lt;/script&gt;

4. customizing

  1. NO. 3 par URL ki jagah apni  pasand k pin it buton ka url set kar le.
  2. NO. 4 par "center" apko pin it button blog ki photo par jaha dikhana hai agar aapko pin it button photo par beech me nahi dikana chahte hai to "left" "right" "top" change kar de.
  3. Code setting karne ke bad save templete par click kare ore reasult dekhe.



Pin it button ko desine kai kare?

Step.2:

  1. Google par jaiiye oe "pin it icon" likh kar search kar le.
  2. Koi bhi pin it icon jo aapko pasand ho use download kar le.
  3. Ab pin it icon ko photo editor se edit kar le.
  4. Icon edit karne ke bad use pc par save kar lo.
  5. Ab apne blog me new post option par jake pic upload kare.
  6. Ab Compose/HTML me se HTML par click kar le.
  7. HTML section  me hrs="xyz" code me se xyz ki jagah wale code ko copy kare.
  8. Customizing me bataye anusar code me number 3 me red colour url ki jagah code paste kare.
  9. Code paste karte hi image me pin it button add ho jayega.
Dosto agar aapko ye jankari pasand ayii ho to ise share jarur kare or ager aapko koi problem aa rhi ho to comment kar ke bataye. or agar aapko koi or jankari chahiye to comment me bataye.

Thanks for reading.................

Related Posts

Blog Ke Images Me Pin It Hover Button Kaise Add Kare Guide Hindi
4/ 5
Oleh

आपका post कैसे लगा ज़रूर बताये और साथ ही आप मेरे site को Subscribe जरुर करे .और आपका कमेंट verification होने के बाद ही dhikhai देगा Comment करने के लिए आपका धन्यवाद