WordPress Par Social Media Follow Widget Kaise Add Kare (Without Plugin)

1
26

Agar aap bhi social networks se traffic received karna chahte ho to social media follow widget aapki bahut help kar sakta hai. Ye WordPress blog posts ko social media sites par share karne ka best & easy tarika hai. Agar ye widget bina plugin ke lagaye to kya kehne.

Agar koi reader aapke content ko pasand karega to ofcourse wo ise apne followers ke sath share karna chahega. Jisse others followers bhi aapke sath judh jayege.

Apne last wordpress tutorial me humne jetpack sharing buttons ko customize karne ke bare jana tha. Par aaj mai aapke sath ek aur sociel media follow widget ki coding share karuga jo aapke WordPress blog par social media followers ko boost kar denge.

Social media follow widget humare blog ke liye kitne important hote hai ye toh aap sab ko pata hi hai. Kyuki ye blog post ko social media site par share karke jayada se jayada logo tak pahuchane ka sabse best solution hai. Jisse na sirf hume balki visitors ko bhi contents share karne me asaani hoti hai. Jisse others users bhi site par visit karna pasand karte hai.

Responsive social media follow buttons widget without plugin

<style>
.sidebar-social{font-size:15px;height:auto}.sidebar-social .icon a{display:block;color:#fff;margin: -15px;}.sidebar-social .icon{margin:1% .5%;width:49%;height:45px; float:left;text-align:center;background-color:#111;border-radius:10px}.sidebar-social .icon.facebook{background-color:#3b5998}.sidebar-social .icon.twitter{background-color:#00aced}.sidebar-social .icon.pinterest{background-color:#cb2027}.sidebar-social .icon.instagram{background-color:#bc2a8d}.sidebar-social .icon.google{background-color:#dd4b39}.sidebar-social .icon.linkedin{background-color:#007bb6}.sidebar-social .icon.flickr{background-color:#ff0084}.sidebar-social .icon.YouTube{background-color:#b00}.sidebar-social .icon.rss{background-color:#ea8914}.sidebar-social .icon.tumblr{background-color:#32506d}.sidebar-social .icon:hover{background-color:#222}.link{float:right}<br /></style>
<div class="sidebar-social">
<div class="icon facebook"><a title="Follow on facebook" href="https://www.facebook.com/harpreetkumarpage" target="_blank" rel="noopener">
<i class="fa fa-facebook"></i> Facebook </a></div>
<div class="icon twitter"><a title="Follow on twitter" href="https://twitter.com/hkharpreetkumar" target="_blank" rel="noopener">
<i class="fa fa-twitter"></i> Twitter</a></div>
<div class="icon google"><a title="Follow on google+" href="https://plus.google.com/+HarpreetKumarHK" target="_blank" rel="noopener">
<i class="fa fa-google-plus"></i> Google+ </a></div>
<div class="icon linkedin"><a title="Follow on linkedin" href="href=" target="_blank" rel="noopener">
<i class="fa fa-linkedin"></i> Linkdin</a></div>
<div class="icon rss"><a title="Subscribe blog feed" href="http://eepurl.com/cTTD0z" target="_blank" rel="noopener">
<i class="fa fa-rss"></i> RSS </a></div>
<div class="icon tumblr"><a title="Follow on tumblr" href="http://harpreetkumar.tumblr.com/" target="_blank" rel="noopener">
<i class="fa fa-tumblr"></i> Tumblr</a></div>
</div>

How To Add Responsive Social Media Follow Widget On WordPress Blog?

Step 1: Sabse pehle apne WordPress dashboard me jaye.

Step 2: Ab appearance >> widgets >> text par click kare.

Step 3: Text box ke title section me apne social media follow widget ka headline yani ki title likhe aur content me upar copy kiya hua code paste karke settings save kare. That’s it.

Ab aap apni site par visit karke dekh sakte ho ki aapki website me responsive social media follow buttons sahi se kaam kar rahe hai ya nahi.

Note: Coding me maine jo green color me links highlighted kiye hai wo mere social profiles ke links (URLs) hai. Aap unko apne links ke sath replace kar sakte ho. Widget me extra customization ke liye aap jarurat ke anusar extra CSS ko bhi add kar sakte ho. 

Agar aapko is post se related koi problem aati hai toh aap comment box me mujhe bata sakte hai. WordPress related tutorials ki jankari Hindi me apne email inbox me direct pane ke liye aaj hi subscribe kare.

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here