Thursday, December 22, 2016

Wapka me social share icon or 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 shear 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.

Social shear icon:

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 shear icon hai. Ise simple shear 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 pahuchega. 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 shearing option hai. Isme ap jo page shear karna chahe. Kar sakte hain. Hame ye code bahut pasand hai. Ap shear par click kar ke check kar sakte hai.

Social share code kaise lagaye ?

Share button hamesa footer me achcha lagta hai. Lekin wapka me to bahut sare pages bane hote hain. Or hame social share code har page ke footer me lagane hai. To iske liye ap palhe wapka site login kijiye. Fir Edit jaiye.


Ab ap Add autocontent me jaiye.


Ab ap Bottom items (footer) me jaiye.


Ab apko aisa page milega. Ap soch rahe honge. Ki baki ke content kyu nahi dikh rahe. O isliye. Kyuki footer me abhi tak kuchh rakha hi nahi hai. Or social share icon lagane ke liye. Apko :: EDIT SITE (#) :: me jana hoga.


Ab apko WML/XHTML code me jana hai.



  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> 

</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 remove kar dijiye. Apki suvidha ke liye. Hamne social site follow code ko alag-alag kar ke diya hai. Apko koi paresani 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.

Wapka website me new page kaise create kare ?

Social follow button kaise lagaye ?

Mere khyal se social follow icons hamesa 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 site ke edit me jana hoga. 


Add autocontent me jana hai. 


Ab apko Top items (header) me jaiye. 


Ab apko :: EDIT SITE (#) ::  jaiye. 


Ab apko WML/XHTML code me jana hai. 


  1. Yahan apko social follow icon code rakhna hai. 
  2. Ise aise hi rahne de.
  3. Yahan left, center or wright choose kijiye.
  4. Ise aise hi rahne de.
  5. Yahan position choose kare.
  6. Ab submit kar de. 

Ab ap dekhenge ki apke har page par, social share button or social follow button button lag chuke hain.

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 matalab hai. Ki us code ko change nahi karna hai. Vo code thik hai.  Or red color ke code ka matalab hai. Ki wahan ap changes kar sakte hain. Lekin dhyan se kare. Kyuki ek bhi code agar remove ho gaya. To pura code bigad jata hai. 

Kisi bhi tarah ki paresani hone par. Comment kare. 

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

Apko post kaisa laga jarur bataye. Sath hi hamare website ko subscribe jarur kare. Apka comment verification ke baad hi dikhai dega. Comment karne ke liye dhanyavaad. 😊