Blog me kaise add karate hai social media widget
Duniya ki sari website me social media aapko dikhegi hi. Kyuki social media sabase accha platform hai kisise bhi contact karaneka or popularity badhaneka.
Facebook,Twitter,google+,etc es website ke jariye hamare visitor hamase connect rahate hai.
ब्लॉग में social networking widget add करना बोहत सिंपल है ।
👉popular social media JavaScript code
1 )सबसे पहिला सोशल widget👇👇
ऊपर फोटो में दिखाया गया social widget का javascript
कोड निचे है ।
<style>
#smisocialicons {
text-align: center;
}
#smisocialicons a {
background: #ae141f;
color: #fff;
display: inline-block;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 1px 8px;
}
#smiicons a:hover{
background: #hover-color;
}
</style>
<div id="smisocialicons">
<a href="https://m.facebook.com/Blogkeys-1333481956668982/" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="https://plus.google.com/+shubhamvairale6/posts" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="https://twitter.com/@Blogkeys2" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="https://in.pinterest.com/blogkeys/" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="https://www.instagram.com/blogkeys/" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="https://www.youtube.com/user/shubhamvairale6" title="Youtube" target="_blank" rel="nofollow"><i class="fa fa-youtube"></i></a>
<a href="URL" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="http://feeds.feedburner.com/blogkeys/ZWwe" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
</div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
जितने भी लाल रंग में user name है वह निकालकर आपको अपना user name डालना है ।
👉दूसरा social networking widget
ऊपर दिखाया गए फोटो का social networking widget javascript कोड निचे है ।👇👇
<style> */http://www.blogkeys.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:32px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNDGEZ6usilVkrpWG7jMunrg67a2zls9kRNWyWjv-F0cMOuspj0R0oEXGPoyCP0jo-IU7IvdipieycDmJx2kvN-0RyYI2UKUdBbFRwHtZRgOA37c8knZ64s4Fedox4aCJzk3W-oVvyejuE/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNDGEZ6usilVkrpWG7jMunrg67a2zls9kRNWyWjv-F0cMOuspj0R0oEXGPoyCP0jo-IU7IvdipieycDmJx2kvN-0RyYI2UKUdBbFRwHtZRgOA37c8knZ64s4Fedox4aCJzk3W-oVvyejuE/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style> <div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget"> <div class="configuration-neighbor"> <div id="rr-social-widget-chiclets"> <div id="rr-social-widget-chiclets-facebook"><a href="FACEBOOK URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div> <div id="rr-social-widget-chiclets-twitter"><a href="TWITTER URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div>
<div id="rr-social-widget-chiclets-googleplus"><a href="GOOGLE+ URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div>
<div id="rr-social-widget-chiclets-linkedin"><a href="LINKEDIN URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div>
<div id="rr-social-widget-chiclets-stumbleupon"><a href="STUMBLEUPON URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_stumbleupon';"></a></div>
<div id="rr-social-widget-chiclets-youtube"><a href="YouTube URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_youtube';"></a></div>
<div id="rr-social-widget-chiclets-rss"><a href="RSS URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_rss';"></a></div>
</div> </div> </div>
Facebook URL - पे आपको आपके फेसबुक पेज का URL add करना है ।
twitter URL - पे आपको आपके twitter अकाउंट का URL डालना है ।
Google + URL - पे आपको google+ की लिंक डालनी है ।
Linkedin URL -पे आपको linkedin की URL डालना है ।
Stumbleupon URL - यहापे आपको stumbleupon का URL डालना है ।
Youtube URL - यहापे आपको आपके youtube channel का URL डालना है ।
RSS URL -यहापे आपको आपके RSS अकाउंट का URL डालना है ।
Kaise add kare Social media JavaScript code blog me ??
👉सबसे पाहिले ऊपर दिया हुवा javascript कोड आपको copy करना है ।
👉बादमे हमें blogger पे जाना है ।
👉उसके बाद आपको Layout पर क्लिक करना है ।
👉जहा पे आपको social networking widget add करना है वहापे आपको Add a Gadget पर क्लिक करना है ।
👉add a Gadget पर क्लिक करने के बाद आपके सामने बोहत सारे आप्शन आयेगे उसमेसे आपको HTML /JavaScript पर क्लिक करना है ।
HTML/JavaScript पर क्लिक करने के बाद आपके सामने दो आप्शन होंगे ।
title - जो भी आप widget का देना चाहते हो । e.g. Follow on social
Content - इस आप्शन में आपको JavaScript code डालना है । मतलब copy किया हुवा कोड डालना है ।
उसके बाद save करना है ।
तरहसे आप social widget आपके ब्लॉग में add कर सकते है।
☝☝ऊपर बताई हुई प्रोसेस्स में आपको कोई भी दिक्कत आ रही है तो आप मुझे कमेंट करे मै आपकी पूरी सहायता करूँगा ।
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
Read also:
🎬youtube par video ko kaise kare monetize or kaise google AdSense se jode.
Duniya ki sari website me social media aapko dikhegi hi. Kyuki social media sabase accha platform hai kisise bhi contact karaneka or popularity badhaneka.
Facebook,Twitter,google+,etc es website ke jariye hamare visitor hamase connect rahate hai.
ब्लॉग में social networking widget add करना बोहत सिंपल है ।
👉popular social media JavaScript code
1 )सबसे पहिला सोशल widget👇👇
ऊपर फोटो में दिखाया गया social widget का javascript
कोड निचे है ।
<style>
#smisocialicons {
text-align: center;
}
#smisocialicons a {
background: #ae141f;
color: #fff;
display: inline-block;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 1px 8px;
}
#smiicons a:hover{
background: #hover-color;
}
</style>
<div id="smisocialicons">
<a href="https://m.facebook.com/Blogkeys-1333481956668982/" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="https://plus.google.com/+shubhamvairale6/posts" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="https://twitter.com/@Blogkeys2" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="https://in.pinterest.com/blogkeys/" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="https://www.instagram.com/blogkeys/" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="https://www.youtube.com/user/shubhamvairale6" title="Youtube" target="_blank" rel="nofollow"><i class="fa fa-youtube"></i></a>
<a href="URL" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="http://feeds.feedburner.com/blogkeys/ZWwe" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
</div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
जितने भी लाल रंग में user name है वह निकालकर आपको अपना user name डालना है ।
👉दूसरा social networking widget
ऊपर दिखाया गए फोटो का social networking widget javascript कोड निचे है ।👇👇
<style> */http://www.blogkeys.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:32px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNDGEZ6usilVkrpWG7jMunrg67a2zls9kRNWyWjv-F0cMOuspj0R0oEXGPoyCP0jo-IU7IvdipieycDmJx2kvN-0RyYI2UKUdBbFRwHtZRgOA37c8knZ64s4Fedox4aCJzk3W-oVvyejuE/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNDGEZ6usilVkrpWG7jMunrg67a2zls9kRNWyWjv-F0cMOuspj0R0oEXGPoyCP0jo-IU7IvdipieycDmJx2kvN-0RyYI2UKUdBbFRwHtZRgOA37c8knZ64s4Fedox4aCJzk3W-oVvyejuE/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style> <div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget"> <div class="configuration-neighbor"> <div id="rr-social-widget-chiclets"> <div id="rr-social-widget-chiclets-facebook"><a href="FACEBOOK URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div> <div id="rr-social-widget-chiclets-twitter"><a href="TWITTER URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div>
<div id="rr-social-widget-chiclets-googleplus"><a href="GOOGLE+ URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div>
<div id="rr-social-widget-chiclets-linkedin"><a href="LINKEDIN URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div>
<div id="rr-social-widget-chiclets-stumbleupon"><a href="STUMBLEUPON URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_stumbleupon';"></a></div>
<div id="rr-social-widget-chiclets-youtube"><a href="YouTube URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_youtube';"></a></div>
<div id="rr-social-widget-chiclets-rss"><a href="RSS URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_rss';"></a></div>
</div> </div> </div>
Facebook URL - पे आपको आपके फेसबुक पेज का URL add करना है ।
twitter URL - पे आपको आपके twitter अकाउंट का URL डालना है ।
Google + URL - पे आपको google+ की लिंक डालनी है ।
Linkedin URL -पे आपको linkedin की URL डालना है ।
Stumbleupon URL - यहापे आपको stumbleupon का URL डालना है ।
Youtube URL - यहापे आपको आपके youtube channel का URL डालना है ।
RSS URL -यहापे आपको आपके RSS अकाउंट का URL डालना है ।
Kaise add kare Social media JavaScript code blog me ??
👉सबसे पाहिले ऊपर दिया हुवा javascript कोड आपको copy करना है ।
👉बादमे हमें blogger पे जाना है ।
👉उसके बाद आपको Layout पर क्लिक करना है ।
👉जहा पे आपको social networking widget add करना है वहापे आपको Add a Gadget पर क्लिक करना है ।
👉add a Gadget पर क्लिक करने के बाद आपके सामने बोहत सारे आप्शन आयेगे उसमेसे आपको HTML /JavaScript पर क्लिक करना है ।
HTML/JavaScript पर क्लिक करने के बाद आपके सामने दो आप्शन होंगे ।
title - जो भी आप widget का देना चाहते हो । e.g. Follow on social
Content - इस आप्शन में आपको JavaScript code डालना है । मतलब copy किया हुवा कोड डालना है ।
उसके बाद save करना है ।
तरहसे आप social widget आपके ब्लॉग में add कर सकते है।
☝☝ऊपर बताई हुई प्रोसेस्स में आपको कोई भी दिक्कत आ रही है तो आप मुझे कमेंट करे मै आपकी पूरी सहायता करूँगा ।
🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻🌻
Read also:
🎬youtube par video ko kaise kare monetize or kaise google AdSense se jode.