नया 3D Social Follow Buttons With Smooth Rotation लगाएँ

मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार,आने बाली 15 अगस्त पर्व के अवसर पर आपको शुभकामनाएं एंव बधाई.पिछली पोस्ट को अत्यधिक पसंद करने के लिए आप सभी का दिल से धन्यबाद.जो कि 08 अगस्त 2012 को प्रकाशित हुई थी.आज 11 अगस्त 2012 को मैं यह पोस्ट प्रकाशित कर रहा हूँ,आज तकनीकी पोस्टों के क्रम में पेश है 'टेम्पलेट में बदलाव किये बगैर आकर्षक'नया 3D Social Follow Buttons With Smooth Rotation लगाएँ'यह विजेट ब्लॉगर के क्लासिक या कस्टम दोनों में समान रूप से सफलता पूर्वक काम करता है.इसे आप अपनी वेब साईट में भी इस्तेमाल कर सकते हैं.इस विजेट को लगाना बेहद आसान है.इसके लिए आप को अपने टेम्पलेट में कोई बदलाव भी नहीं करना होगा.आप अपने ब्लॉगर खाते में लॉन्ग इन हों एड विजेट जाबा स्क्रिप्ट्स का चयन कीजिये खुले बॉक्स में नीचे दिया कोड डाल कर सेव कर दीजिये..इसका लाइव डेमों मेरे साइडबार में भी देख सकते हैं.प्लीज कोड के लिए Show बटन पर क्लिक करें.

क्लिक >>

<style>p#tb_socialicons img {
    -moz-transition: all 0.8s ease-in-out;  
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
p#tb_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
</style>
<center><p id="tb_socialicons">
<a href="http://www.facebook.com/manojjaiswalpbt">
<img border="0" src=" https://dl.dropbox.com/u/37128917/Pictures/manojjaiswalpbtFB.png " /></a>
<a href="https://plus.google.com/114465017807692970484">
<img border="0" src=" https://dl.dropbox.com/u/37128917/Pictures/manojjaiswalpbtGP.png " /></a>
<a href="http://www.twitter.com/manojjaiswalpbt">
<img border="0" src=" https://dl.dropbox.com/u/37128917/Pictures/manojjaiswalpbtTW.png " /></a>
<a href="http://pinterest.com/manojjaiswalpbt">
<img border="0" src=" https://dl.dropbox.com/u/37128917/Pictures/manojjaiswalpbtPT.png " /></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/rytvt">
<img border="0" src="https://dl.dropbox.com/u/37128917/Pictures/manojjaiswalpbtRSS.png " /></a>
    </p></center>

लाइव डेमो आप नीचे डेमो पर क्लिक कर देख सकते हैं.

DEMO

आपके ब्लॉग पर विजेट अधिष्ठापन

अपने ब्लॉग पर इस विजेट स्थापित करने के लिए, बस इन चरणों का पालन करें: 

ब्लॉगर में लॉग ऑन करें.

लेआउट टैब पर जाएँ.

एक विजेट जोड़ें पर क्लिक करें 

फिर एचटीएमएल / जावास्क्रिप्ट विकल्प चुनते हैं.

खुले बॉक्स में  ऊपर दिए गए कोड चिपकाएँ:

नोट- http://feedburner.google.com/fb/a/mailverify?uri=blogspot/rytvt . अपने FeedBurner आईडी के साथ बदलें
http://facebook.com/mamojjaiswalpbt अपने facebook आईडी के साथ बदलें. 
http://twitter. com / manojjaiswalpbt - अपने twitter आईडी के साथ  बदलें. https://plus.google.com/114465017807692970484 - अपने Google + आईडी के साथ  बदलें.
http://pinterest.com/manojjaiswalpbt -अपने pinterest आईडी के साथ  बदलें.

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