Thursday, September 27, 2018

Blog Me Social Follow Widget Kaise Lagaye - Responsive Social Icon

Blogger blog me Social follow button widget kaise add kare? Social media se to aap achchi tarah parichit hain. Social media ko kaun nahi janta hai. aajkal har ek aadmi social media ke fayde aur nuksaan se wakif hai. bahut se kaam aise hote hain jinhe karne ke liye hume social media ki bahut jarurat padti hai. aisa hi ek kaam hai blogging. Blogging bhi iske bina adhuri hai. islliye all blogger apne blog par social icon lagate hain. Kyoki social media blog ko promote karne ka ek solid source hai. so agar aap bhi apne blog me social follow icon widget add karna chahte hain to sochiye mat aap bus is post ko follow kijiye aur kuch hi minutes me aap ise apni website par add kar sakte hain.

blog me social follow widget kaise add kare, blog me social follow widget icon kaise lagaye


Is se pehle post me aapko Sabhi Blog Post ke niche social share button add karne ke bare me bataya tha. Lekin aaj is post me main aapko ek responsive aur attractive social follow icon widget add karne ke bare me bata raha hu. Darasal bat yah hai ki is widget ko lagane se aapke blog ki looking bhi pehle se best lagne lagegi aur ye buttons load hone me bhi bahut fast hain. Isliye inhe lagane se aapki site par koi effect nahi padega.
In social icon ki ek khasiyat ye bhi hai ki inhe aap apne hisab se customize bhi kar sakte hain. Inka color aur size, Name, subscribers ki sankhya etc. me aap changes kar sakte hain.

Website Par Social Follow Icon Lagana Kyo Jaruri Hain.

Aap jante hain ki aaj ke is internet Ke daur me jyatar log social sites par active rahte hain. isliye wo log jinko aapke blog or website ke bare me pata nahi hai. un tak apni site ke bare me jankari pahunchane ke liye ye icon bahut kaam aate hain. Iske alawa main reason ye hai ki har ek vyakti apne followers badhana chahta hai aur apni pahchan banana chahta hai. isliye agar aapke andar talent hai to aap social media ke jariye se logo me apni ek pahchan bana sakte hain aur apni website ko duniya ke saamne top par la sakte hain. isliye social media par aapko active rahna padega.


Blog me Responsive And Fast Loading Social Follow Button Widget Kaise Add Karte Hain.

First apne blogger par login hokar blog dashboard par pahunch jaye

Layout par click kare aur jaha par aap widget lagana chahte hain waha par Add a Gadget par click kare (Sidebar me best rahega.)

Ab aapke samne ek list open hogi isme HTML Javascript Par click Karen

1. Ab jo popup window open hogi usme Title "Follow Me" etc. Ya jo aap rakhna chahe Likhe

blog me social follow gadget lagakar design full kaise banaye, responsive social follow widget


2. Is content box me niche diye gaye code ko copy karke pastekar den

<style>
.sidebar-social{font-size:13px;font-family:fauna one;height:200px}.sidebar-social .icon a{display:block;color:#fff;padding:12px}.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; font-size:12px;}
</style>
<div class="sidebar-social">
<div class="icon facebook">
<a href="#" target="_blank" title="Follow on facebook">
<i class="fa fa-facebook"></i> Facebook</a></div>
<div class="icon twitter">
<a href="#" target="_blank" title="Follow on twitter">
<i class="fa fa-twitter"></i> Twitter</a></div>
<div class="icon pinterest">
<a href="#" target="_blank" title="Follow on pinterest">
<i class="fa fa-pinterest"></i> Pinterest</a></div>
<div class="icon instagram">
<a href="#" target="_blank" title="Follow on instagram">
<i class="fa fa-instagram"></i> Instagram</a></div>
<div class="icon google">
<a href="#" target="_blank" title="Follow on google+">
<i class="fa fa-google-plus"></i> Google+</a></div>
<div class="icon linkedin">
<a href="#" target="_blank" title="Follow on linkedin">
<i class="fa fa-linkedin"></i> Linkedin</a></div>
<div class="icon YouTube">
<a href="#" target="_blank" title="Subscribe on YouTube">
<i class="fa fa-youtube"></i> Youtube</a></div>
<div class="icon rss">
<a href="#" target="_blank" title="Subscribe blog feed">
<i class="fa fa-rss"></i> Rss Feed</a></div>
</div>
</div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

Note:- Code me # ki jagah par apne social profile link jarur add kar len


3. Finally Save par click kare

Ab aap apne blog par visit karke dekh sakte hain ki Social widget dikhai de rahi hai ya nahi.


Congratulation! Ab aapne apne blog me successfully social follow icon widget ko add kar liya hoga. agar koi issue hai to comment box me apna question kare. Aapko ye post kaisi lagi comment me jarur bataye or thoad time dekar is post ko social media par share jarur kar de.
Previous Post
Next Post
Related Posts

0 Comments: