Support Me India

Blogger Images Me Pin It Hover Button Kaise Add Kare

by: ,

Pinterest Facebook, twitter की तरह social platform है जिस पर हम अपनी photo images upload कर सकते है और अपनी photo एक जगह save भी कर सकते है इस post में आज मैं आपको blog post की सभी images में hover pin it button add करने का तरीका बता रहा हूँ जब कोई visitor आपके blog की post की image पर mouse लाता है तो pin it का button show होगा उस button पर click कर के visitor आपकी website की photo pinterest पर share कर सकता है।

Pinterest pin it button

Pinterest क्या है?

pinterest एक social networking site है जिस पर आप अपने photo upload कर के internet पर share कर सकते हो एक तरह से आप pinterest पर photo का online album बना सकते हो pinterest से अपनी website या blog को submit कर के आप अपनी website के photo pin it कर सकते हो pinterest personally media paltfrom की तरह काम करता है user चाहे तो अपने फोटो publicly करें या अपने photo private भी रख सकते है।

Blogger Image में Pin it Hover Button कैसे add करें?

इस tutorial में हम बात कर रहे है blog images में pin hover button add करने की यानि image पर आपके mouse लाने पर pin it का button automatic show होगा ये बहुत अच्छा तरीका है अपनी website के photo pinterest पर share करने का मै आपको यहाँ पर blog में pin it button add करने के साथ साथ अपनी पसंद का pin it button भी बनाना सिखाऊंगा।
Step 1
  1. सबसे पहले आप अपने blog केdashboard में जाये और Template >> Edit HTML पर click करें।
  2. इसके बाद आप ये</body> code search करें।
  3. अब आप ये code copy करें और</body>  seसे पहले ऊपर paste करें।
 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. Number 3 पर URL की जगह अपनी पसंद के pin it button का url set कीजिये।
  2. Number 4 पर “center“ आपको pin it button blog की photo पर कहा दिखाना है अगर आपको pin it button photo के बिच में नहीं दिखाना है तो code में center की जगह “left” “right” “top” change करें।
  3. Code setting करने के बाद save template पर click करें और result देखे।

Pin It Button को Design कैसे करें?

Step 2

  1. Google पर जाईये और”pin it icon” लिख कर search कीजिये।
  2. Google आपको बहुत सारे pin it के icon button दिखायेगा उसे download कर लीजिये।
  3. अब pin it icon को Photo editer की मदद से edit करो (अगर आपके pc में photo editer software नहीं है तो किसी दुसरे photo edit करने वाले software से कर सकते हो।
  4. Icon edit करने के बाद उसे pc में save करें।
  5. अब अपने blog में new post option पर जाये और post में icon upload करें।
  6. अब Compose/HTML में से hTML पर click करें।
  7. HTML section में hrs=”xyz“ code में से xyz की जगह वाले code को copy करें।
  8. Customizing में बताये अनुसार code में number 3 में red color URL की जगह code pasteकरें।

Code paste करते ही आपकी image में pin it button add हो जायेगा अगर आपको ये post अच्छी और helpful लगे तो comment जरुर करें।

साथ ही अगर आपको ये post अच्छी लगे तो इस post को social media पर अपने सभी friends के साथ share जरुर करें।

Related Posts for You

Reader Interactions

Comments (18)

  1. Sir apki post padke maja agya apka kisi bhi chej ko samjane ka tarikha bahuat acha hai. Thankyou sir….

  2. aap apne blog me konsa font use karte ho?

    • Fauna one

  3. Sir blog me likhe gaye kisi bhi title ko animated Kaise karate hai please sir help me

  4. sir maine ek new blog start kiya hai aap plzzz bataye koi blogger ki free theme jo badiya or achi designing bi ho

  5. Thanks for reply!!

    I suffered from traffic so please help me to resolve the traffic issues. How increase traffic?

    • Write quality content and make good relation with your readers.

  6. I read your all blog post regularly and implement it on my on blog. Thanks for your kind help.

    Abi maine images pr pinterest pin ka code add kiya h bt images pr pinterest buton show ni ho rha. Please mera blog check krke btao kya glti ho rhi h. Or M blogging me sahi track pr ja rhi hn ya kush imp[rovemnt krni h abi.

    • Nidhi ye coding trick some template par work nahi karti hai. Yes aap sahi work kar rahi ho but apne blog me header image use karke blog ko or ache se design karo.

  7. Is aarticle se new blogger ko kafi help
    Milegi traffic badha neme or pinterest ek accha
    Social network hai jis se hum hum photo
    Share ke sath blog me bhi traffic badha
    Neme kam aayega thenks sr aapne is aarticle likha or new blogger ko jankari
    Di

  8. Great article, totally what I needed.

  9. Bhai Ji Ek Sawal or Kya Hamko Apne Blog ME Kewal Ek Baar Hi Setting karni Pade Gi Jo Aap Ne Bataya Hai ya alag alag blog me alag alag karni pade gi pls bataye

    • Ha ek bar hi karni padegi.

  10. Bhai Ji

    Agar Mai Ek Baar Pin It Laga Lu Ga to Kya Ye Hamari Sabhi post me ya dale gaye sabhi blog me jo phi photo ya picture lu ga to wo sabhi me share ka option aaye ga ya nahi.pls Bataye mai kuch confuse hu ya fir pin it me jitni bhi photo hamne dali hai unhi ko share kare ga

    • Yes, aapke blog ki har post ki images par pin it button show hoga. aap jo new post likhoge us par bhi.

  11. If some one wishes to be updated with most recent technologies afterward he must be pay a visit this website and be up to date every day.Cheap Tiffany Charms