SupportMeIndia

मुख्यपृष्ठ / ब्लॉग / ब्लागस्पाट / Blogger Images Me Pin It Hover Button Kaise Add Kare

Blogger Images Me Pin It Hover Button Kaise Add Kare

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 जरुर करें।

आपको ये भी पढना चाहिए

Reader Interactions

टिप्पणियाँ ( 18 )

एक टिप्पणी जोड़ें

  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

    जवाब दें

  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

    जवाब दें

अपनी प्रतिक्रिया दें।

Footer

मोस्ट पोपुलर पोस्ट

ट्रेंडिंग पोस्ट्स

हमे सोशल मीडिया पर फॉलो करें