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 कर सकता है।

Table of Contents

1 Pinterest क्या है?
2 Blogger Image में Pin it Hover Button कैसे add करें?
- - 2.0.1 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 भी रख सकते है।

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

सबसे पहले आप अपने blog केdashboard में जाये और Template >> Edit HTML पर click करें।
इसके बाद आप ये</body> code search करें।
अब आप ये 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:-

Number 3 पर URL की जगह अपनी पसंद के pin it button का url set कीजिये।
Number 4 पर "center" आपको pin it button blog की photo पर कहा दिखाना है अगर आपको pin it button photo के बिच में नहीं दिखाना है तो code में center की जगह "left" "right" "top" change करें।
Code setting करने के बाद save template पर click करें और result देखे।

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

Step 2

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