ब्लॉग के लिए Touch Me "Sharing" विजेट

मनोज जैसवाल सभी पाठको को मेरा प्यार भरा नमस्कार. मेरी पिछली पोस्ट को पसंद करने के लिए आप सभी का दिल से आभार.यहाँ मैं स्पस्ट कर दूँ की यह जानकारी मैं नेट से ही लेता हूँ व् ब्लॉग के जरिये निशुल्क ही देता हूँ.ताकि नए हिंदी ब्लॉगर इस से फायदा ले सकें.आज तकनीकी पोस्टों के क्रम में पेश है,ब्लॉग के लिए Touch Me "Sharing" विजेट अपने ब्लॉग के लिए यातायात ड्राइव. इन उपकरणों केवल अगर वे अपनी सामग्री के लिए बुकमार्क और साझा आगंतुक को आकर्षित कर सकते हैं  
अपनी वेबसाइट गुणवत्ता की सामग्री से अपने ब्लॉग डिजाइन तक, एक अनुयायी में एक आगंतुक मोड़ में हर बिट मायने रखता है. आप बढ़ती प्रशंसकों और पाठकों हम लाने अपने सपनों के साथTouch Me  विजेट ". इसके नाम में अपनी आकर्षक  है इस गैजेट के लिए बड़े करीने गूगल इसके अलावा, Facebook, Twitter और आरएसएस जैसे लोकप्रिय सेवाओं से बटन का उपयोग संरचित है. हम इसे बड़े करीने से मूल HTML और कुछ मसालेदार सीएसएस शैलियों का उपयोग किया है.इसे लगाना बहुत आसान है.अपने ब्लॉगर एकाउंट में लॉन्ग इन हों एड विजेट जावा स्क्रिप्ट का चयन करें खुले बॉक्स में नीचे दिया कोड डाल कर सेव कर दें.इसका लाइव डेमों आप यहाँ देख सकते हैं.

1. Paste the following code inside it,

<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;

}

.touchme a.googleplus {
background-position: 0px -58px;

}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;

}
.touchme a.twitter:hover {
background-position: 0px -232px;

}
.touchme a.facebook {
background-position: 0px -406px;

}
.touchme a.facebook:hover {
background-position: 0px -348px;

}

.touchme a.rss {
background-position: 0px -174px;

}
.touchme a.rss:hover {
background-position: 0px -116px;

}

</style>

<div class='touchme'>

<!--RSS-->
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>

<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>

<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>

<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>

</div>

Please fill these requirements:

• बदलें  YOUR RSS LINK with your Feed burner link.
• बदलें  YOUR GOOGLE PROFILE LINK with your Google+ URL
• बदलें  YOUR FACEBOOK LINK with your Facebook URL
• बदलें  YOUR TWITTER LINK with your Twitter Profile URL

                                चलते  चलते

अपने ब्लॉग में blogspot.in की जगह blogspot.com वापस पाइए


अपने ब्लॉगर अकाउंट में लोगिन करें dashboard से Design > Edit HTML पर जाएँ
Edit HTML पेज पर </head> कोड ढूंढें इसके लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं.


अब इसके ठीक ऊपर

<script src='http://hindiblogger.googlecode.com/files/testcode.js' type='text/javascript'/>

ये कोड पेस्ट कर दें ,अब अपने टेमपलेट को सेव कर दें.आपका पुराना blogspot.com बापस आ जाएगा.


क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!