Support Me India

  • ब्लॉग
  • ब्लॉग्गिंग
    • वर्डप्रेस
    • ब्लागस्पाट
    • वेब होस्टिंग
    • ऐडसेन्स
    • एफिलिएट मार्केटिंग
    • ईमेल मार्केटिंग
    • डोमेन रजिस्ट्रेशन
  • एसईओ
  • टेक्नोलॉजी
  • लाइफ सक्सेस
  • पैसा कैसे कमायें
  • अधिक
    • इन्टरनेट
    • बिज़नस स्टार्टअप
    • यूट्यूब
    • एजुकेशन
    • दिलचस्प तथ्य
    • सोशल मीडिया
    • सिक्यूरिटी टिप्स
  • सवाल पूछें
मुख्यपृष्ठ / ब्लॉग / ब्लागस्पाट / Blogger Images Me Pin It Hover Button Kaise Add Kare

Blogger Images Me Pin It Hover Button Kaise Add Kare

By: Jumedeen KhanLast Updated: 07 Jun, 2018

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 क्या है?
  • Blogger Image में Pin it Hover Button कैसे add करें?
      • Pin It Button को Design कैसे करें?

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 भी रख सकते है।
  • Blog के Sitemap को Google Search Console में Submit कैसे करें
  • Blogpost या WordPress कौनसा Platform बेहतर है

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

शेयर
  • Share on Facebook
  • Tweet on Twitter

लेखक: Jumedeen Khan

मैं इस ब्लॉग का संस्थापक और एक पेशेवर ब्लॉगर हूं। यहाँ पर मैं नियमित रूप से अपने पाठकों के लिए उपयोगी और मददगार जानकारी शेयर करता हूं। ❤️

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

  • Video vs Text Content

    Video Vs Text Content - भविष्य के लिए क्या बेहतर है

  • Blogging Par Achhi Tarah Se Focus Kaise Kare - 7 Effective Tips

  • Blogger Post Me Dusri Post Ke Link Kaise Add Kare

    Blogger Ki Post Me Dusri Post Ke Link (URL) Kaise Add Kare

Reader Interactions

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

एक टिप्पणी जोड़ें
  1. Shailendra kumar

    03 Jan, 2018 at 11:50 pm

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

    जवाब दें
  2. Govind Mahawar

    23 Apr, 2017 at 3:16 pm

    aap apne blog me konsa font use karte ho?

    जवाब दें
    • Jumedeen Khan

      23 Apr, 2017 at 3:47 pm

      Fauna one

      जवाब दें
  3. Geyasudin Ansari

    06 Jan, 2017 at 12:28 am

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

    जवाब दें
    • Jumedeen Khan

      07 Jan, 2017 at 11:10 am

      Kisi bhi animation banane wali site se bana lo.

      जवाब दें
  4. pawan

    16 Oct, 2016 at 6:21 pm

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

    जवाब दें
    • Jumedeen Khan

      16 Oct, 2016 at 10:43 pm

      check this post Blog Ke Liye Top 10 SEO Optimized & Mobile Friendly Templates [Free]

      जवाब दें
  5. Nidhi Thakur

    04 Sep, 2016 at 10:29 am

    Thanks for reply!!

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

    जवाब दें
    • Jumedeen Khan

      04 Sep, 2016 at 11:40 am

      Write quality content and make good relation with your readers.

      जवाब दें
  6. Nidhi Thakur

    02 Sep, 2016 at 11:49 pm

    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.

    जवाब दें
    • Jumedeen Khan

      03 Sep, 2016 at 1:54 pm

      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. naresh

    10 Jul, 2016 at 12:28 am

    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. roxana

    22 Mar, 2016 at 5:19 pm

    Great article, totally what I needed.

    जवाब दें
  9. arunkumarkatiyar

    17 Mar, 2016 at 2:53 pm

    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

    जवाब दें
    • Jumedeen Khan

      17 Mar, 2016 at 4:34 pm

      Ha ek bar hi karni padegi.

      जवाब दें
  10. arunkumarkatiyar

    17 Mar, 2016 at 2:46 pm

    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

    जवाब दें
    • Jumedeen Khan

      17 Mar, 2016 at 2:51 pm

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

      जवाब दें
  11. Austin Wallace

    28 Dec, 2015 at 7:54 am

    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

    जवाब दें

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

Primary Sidebar

शुरुआती गाइड

ब्लॉगिंग के माध्यम से पैसे कमाने के 3 तरीका।
#पहला एक ब्लॉग बनाएँ।
#दूसरा ट्रैफिक बढ़ाएँ।
#तीसरा कमाना शुरू करें।
-: पैसे कमाना शुरू करें :-
सिर्फ ₹99/mo में होस्टिंग खरीदें!

नयी पोस्ट

  • घर में बरकत क्यों नहीं होती? (गरीबी की वजह)
  • मिया बीवी का रिश्ता - Miya Biwi ka Rishta
  • सच्चे प्यार के 20 गुण (True Love Qualities in Hindi)
  • Fitness Trainer कैसे बने? इसके लिए योग्यता और सैलरी
  • सारी जिंदगी जवान और सेहतमंद रहने के 10 नियम

अपडेटेड पोस्ट

  • घर में बरकत क्यों नहीं होती? (गरीबी की वजह)
  • मिया बीवी का रिश्ता - Miya Biwi ka Rishta
  • सच्चे प्यार के 20 गुण (True Love Qualities in Hindi)
  • Fitness Trainer कैसे बने? इसके लिए योग्यता और सैलरी
  • सारी जिंदगी जवान और सेहतमंद रहने के 10 नियम

पोपुलर पोस्ट

  • मोबाइल से अंग्रेजी सीखने के लिए सबसे बढ़िया ऐप
  • Youtube Ke Top 5 Important Features Jo Har User Ke Liye Useful Hai
  • विश्व स्वास्थ्य संगठन (WHO) क्या है और क्या काम करता है?
  • इंटरनेट पर कुछ नया सीखने के लिए 30 बढ़िया वेबसाइट
  • GBWhatsapp क्या है इसे कैसे डाउनलोड करें

टॉपिक चुनें

  • इन्टरनेट
  • ईमेल मार्केटिंग
  • एजुकेशन
  • एफिलिएट मार्केटिंग
  • एसईओ
  • ऐडसेन्स
  • टेक्नोलॉजी
  • डोमेन रजिस्ट्रेशन
  • दिलचस्प तथ्य
  • पैसा कैसे कमायें
  • फेस्टिवल
  • बिज़नस स्टार्टअप
  • ब्यूटी टिप्स
  • ब्लागस्पाट
  • ब्लॉग्गिंग
  • मोबाइल मार्केटिंग
  • यूट्यूब
  • रिश्ते-नाते
  • लाइफ सक्सेस
  • वर्डप्रेस
  • वेब होस्टिंग
  • सिक्यूरिटी टिप्स
  • सोशल मीडिया
  • स्वास्थ्य

Footer

थोडा ब्लॉग के बारे में

यह एक हिंदी ब्लॉग है, जिसका मकसद है लोगो को हिंदी भाषा में विभिन्न जानकारी उपलब्ध कराना।

इसके अलावा हमारा एक Ask SMI फोरम भी है, जहाँ हम नए ब्लॉगर्स की मदद करते है।

अन्य महत्वपूर्ण लिंक

  • ब्लॉग
  • फ्री ब्लॉग बनाये
  • डील्स
  • पैसे कैसे कमाए
  • विज्ञापन दें
  • होस्टिंग कहा से लें
  • अस्वीकरण
  • शब्दकोश

ब्लॉग न्यूज़लेटर सब्सक्राइब करें

हमारी नवीनतम पोस्ट की सुचना पाने के लिए अभी ब्लॉग को सब्सक्राइब करे!

Powered by: Mozedia.com

कॉपीराइट © 2015–2021हमारे बारे मेंसम्पर्कगोपनीयता नीतिसाइटमैपवापस जाएँ।