Wapka me social share icon or social follow icon code kaise add kare.

Wapka-website-social-shere-icon-code-social-follow-icon-code-kaise-lagaye
Hello friends... Is post me ham apko Wapka site me social share icon or social follow icon lagane batayenge or sath hi wapka social share link code or social follow link code bhi denge. Dono code apko yahi par mil jayengi. Social share icon or social follow icon me kya fark hai. Ye ham apko pichhali post me bata chuke hai. Isliye in dono icon ke bare batane me ham time west nahi karenge. Agar vo post nahi padhi. To pahle Ye post padhiye. Ab baat karte hain social icons ki. Friends ham social share icon or social follow icon, in dono ke hi 2-2 code laye hai. To jo code apke wapka site ke liye sahi ho. Ap us code ka prayog kijiye.

Wapka Social shear icon code:

Sabse pahle ap code dekh lijiye. Or us code ke fayde or nuksan dekh lijiye.

First code:

<a href="https://twitter.com/intent/tweet?text=SiteName&url=http://sitename.com/">Twitter</a> <a href="https://www.facebook.com/sharer/sharer.php?u=http://sitename.com/">Facebook</a> <a href="https://plus.google.com/share?url=http://sitename.com/">Google+</a>

Code result = Twitter Facebook Google+

Ye text share icon hai. Ise simple share button bhi kahte hai. Ise lagane ka fayda ye hota hai. Isase site ke loading me koi prabhav nahi padta. Or nuksan ye ki visitors ko jaldi nahi dikhate. Blog ke liye to ye code best hai. Lekin wapka ke liye. Is code me ek kami hai. Or vo ye ki, ye code wapka ke home page ko hi share karta hai. Bhale hi ap wapka site ke, kisi bhi dusre page ko share kare. Lekin share home page hi hoga.
Example: agar ap kisi song ke download page ko share karte hain. Lekin us share link me agar koi click karega. To vo sidha home page me hi pahunchega. Naki song ke download page par. Par Blog ke liye is code me koi kharabi nahi.

Second code:

<div class="addthis_toolbox addthis_default_style"><a href="http://www.addthis.com/bookmark.php?v=250&username=sitename.com" class="addthis_button_compact">SHARE</a><span class="addthis_separator">|</span><a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_myspace"></a><a class="addthis_button_google"></a></div><script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=sitename.com"></script>
Code result:

Ye social icon code hai. Jo mere khyal se wapka ke liye best hai. Isme bahut sare sharing option hai. Isme ap jo page share karna chahe. Kar sakte hain. Hame ye code bahut pasand hai. Ap shere par click kar ke check kar sakte hai.

Social shere code kaise lagaye:

Share button hamesha footer me achcha lagta hai. To ap footer me ye code lagaye. Padhe footer page kaise design kare. Footer pag me jaiye. Fir :: EDIT SITE (#) :: me jana hoga. Fir WML/XHTML code me jaiye.

Wapka-social-shere-code-kaise-lagaye
  1. Yahan social share code rakhe. Jo code ap lagana chahte hain.
  2. Ise aise hi rahne de.
  3. Yahan left, center or right choose kare.
  4. Ise aise hi rahne de.
  5. Yahan par position choose kare. Ki share button kahan par hona chahiye.
  6. Sab set kar lene ke baad, submit kar de.
Ab apka icon lag chuka hai. Ek baar test kar le. Sahi kaam kar raha hai, ya nahi.

Ye to hui social share button ki. Ab baat karte hain. Social follow button ki.

Social follow icon:

Facebook follow button code:

<iframe src="//www.facebook.com/plugins/follow.php?href=https://m.facebook.com/HindiMeSeekhe.tk&amp;width=450&amp;height=80&amp;colorscheme=light&amp;layout=standard&amp;show_faces=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Code result:

Ye Facebook follow button hai. Jisase apke users apko Facebook me follow kar payenge. Jitne me red color ka, mera Facebook page URL dikh rakh hai. Utne me apko apne page ka URL dalna hai. Fir apka code ready ho jayega. Wapka site me lagne ke liye.

Twitter follow button code:

<a href="https://twitter.com/HindiMeSeekhe" class="twitter-follow-button" data-show-count="true">Follow @HindiMeSeekhe</a><br /><script src="http://platform.twitter.com/widgets.js"<br />type="text/javascript"></script>

Code result:

Is code se users apko twitter par follow kar payenge. Apko do jagah code change karna hai. Jahan red color se hamne batayahai. Mera url or username hata kar apna rakh lijiye.

Ye dono to rahe alag-alag code. Par ham apko ek or code de rahe hain. Jisme bahut sare social follow icon hai.

All social follow code:

<style> #smisocialicons { text-align: center; } #smisocialicons a { background: #0000FF; color: #FFFFFF; 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://www.yoururl.com/" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="https://www.yoururl.com" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="https://www.yoururl.com" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="https://www.yoururl.com/" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="https://www.yoururl.com/" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="https://www.yoururl.com/" title="Youtube" target="_blank" rel="nofollow"><i class="fa fa-youtube"></i></a>
<a href="http://yoururl.com/" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="http://feeds.feedburner.com/yoururl" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
<a href="mailto:youremailaddress@gmail.com/" rel="nofollow" target="_blank" title="Envelope-o"><i class="fa fa-envelope-o"></i></a>
</div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
Code result:


Isme apko pure 9 social follow icons milenge. Is code ki khas baat ye hai ki, is code ko ap apne CSS style ke color ke hisab se, is code ka color bhi change kar sakte hain. Color code ko hamne red color me likha hai. Yaad rahe. Agar ap dono color change karte hain. To apko ek color dark or ek color light me rakhna hoga. Tabhi icon najar aa payenge. Or ap jo social sites use nahi karte. Us social sites ka code remove kar dijiye. Apki suvidha ke liye. Hamne social site follow code ko alag-alag kar ke diya hai. Apko koi pareshani nahi honi chahiye. Apko har social follow code par, apna social follow url dalna hai. Koi jaruri nahi ki sare url www se hi suru ho. Apna url sahi dalenge. Tabhi code work karega.

Social follow button kaise lagaye:

Mere khyal se social follow icons hamesha header me hona chahiye. Jaise ki mere site ke header me, mere social icons hai. Apko bhi header me lagana chahiye. Iske liye bhi apko wapka header page me jaye. Header pag me jaiye. Fir :: EDIT SITE (#) :: me jana hoga. Fir WML/XHTML code me jaiye.

Wapka-social-follow-code-kaise-lagaya
  1. Yahan social follow code rakhe. Jo code ap lagana chahte hain.
  2. Ise aise hi rahne de.
  3. Yahan left, center or right choose kare.
  4. Ise aise hi rahne de.
  5. Yahan par position choose kare. Ki share button kahan par hona chahiye.
  6. Sab set kar lene ke baad, submit kar de.
Agar ap apne page ka url nikalna nahi jante. To Ye post padhiye.
Note: apne dekha hoga ki, ham har code green or red color me rakhte hain. Green color ke code ka matlab hai. Ki us code ko change nahi karna hai. Vo code thik hai. Or red color ke code ka matlab hai. Ki wahan ap changes kar sakte hain. Lekin dhyan se kare. Kyunki ek bhi code agar remove ho gaya. To pura code bigad jata hai.
Wapka me social share icon or social follow icon code kaise add kare. Wapka me social share icon or social follow icon code kaise add kare. Reviewed by Hansa Juhi Rani on January 02, 2018 Rating: 5

2 comments

  1. Bhai wo code do share ka jo www.mr-djjohal.com ki said par hai :_ downlord pave ko jab share karte hai toh mp3 fail ka image,title,url Aata hai open link
    try

    ReplyDelete
  2. Call me mam. Ap jis website ka facebook share code mang rahe hain. Vo code apko unse hi mangna hoga. Or us code se sirf FB par shere hoga. Anya jagaho par nahi.

    ReplyDelete

Comment approval milne ke baad dikhai dega. Comment karte waqt "Notify me" par ✔ laga de. Isase apko mere reply ka notification gmail address par mil jayega.