Blogger Me SideBar Follow Us Button Kaise Lagaye

Blogger me aaj ki latest themes me by default sabhi features available rahti hain, agar aap latest theme Blogger me use kar rahe hain to aapko kisi third party coding ki jarurat nahi padti apne Blog me alag-alag widget add karne ke liye.

Yaha main apne Blogger user ke liye simple Follow Us Social sharing widget present kar raha hu. Aap is easily apne Blogger par Side Bar par ya fir footer par ADD kar sakte hain.

Apni last post me maine aapko bataya tha ki kaise aap bina coding ke share this tool se Floating Social sharing widget apne Blogger me Add kar sakte hain.

Blogger Me Follow Us Social Share ADD kare

Step# 1: Follow US CSS code Blogger Me ADD kare

Sabse pahle aapko apne Blogger Dashboard par Login karke Template »Customize option par click karna hai.

Yaha aapko Advanced » ADD CSS par click karke below code paste kar dena hai. And Apply to blog par click karke Save karna hai.

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

1. .widget ul {line-height:1.4em;}
2. .profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
3. .rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px;}
4. #Attribution1 {height:0px;visibility:hidden;display:none;}
5. .askmehindi {padding-bottom:10px;text-align:center;}
6. .askmehindi a {padding:14px;line-height:2.5;font-size:22px;color:#fff;margin-right:5px;}
7. .askmehindi a:hover {background:#333;color:#fff;}
8. a.join{background:#A80000;}
9. a.pinterest{background:#A80000;}
10. a.google-plus{background:#A80000;}
11. a.twitter{background:#A80000;}
12. a.facebook{background:#A80000;}
13. a.youtube{background:#A80000;}

Customization:

1. Yaha aap askmehindi ki jagah apne blog ka name add kar sakte hain.
2. icons ka colour change karne ke liye “#A80000” ki jagah different css color code ko add kar sakte hain.

Step# 2: Follow Code Layout Me ADD kare

Ab aapko Follow Us ka code apne Layout me ADD karna hai. Iske Liye Blogger dashboard par Layout par click kare.

Layout me Side Bar par ADD Gadget par click kare, new small window meHTML/Javascript select kare.

Now HTML/Java Script me below code paste kar de and Save kar le.

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

1. <div class="widget-content">
2. <div class="widget-content">
3. <div class="askmehindi">
4. <a class="facebook" href="Facebook URL" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a>
5. <a class="twitter" href="twiter URL" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
6. <a class="google-plus" href="Google+ URL" title="G+" target="_blank"><i class="fa fa-google-plus"></i></a>
7. <a class="youtube" href="Youtube URL" title="YouTube" target="_blank"><i class="fa fa-youtube-square"></i></a>
8. <a class="pinterest" href="pinterest URL" title="pinterest" target="_blank"><i class="fa fa-pinterest"></i></a></div>
9. </div>
10. </div

Customization:

1. Yaha “askmehindi” ki jagah aapne blog ka name enter kare, agar aapne first code me apna Blog ka name enter kiya hai to.
2. Facebook URL… etc me apne social accounts ka address enter kare.

[junkie-alert style=”green”] Note: yah code ekdam clean hai. Yaha maine koi bhi apni personal link add nahi ki hai. Aap ise customize bhi kar sakte hain agar CSS ki knowledge hai aapke paas. [/junkie-alert]

Aap is follow widget ko Sidebar ki jagah apne Footer me add kar sakte hain. Bus aapko Footer me ADD gadget par click karke HTML/Javascript me yah code ADD karna hai. That’s ALL.

Must Read:

• Adsense Approved Blogger Blog kaise Banate hain
• Blogger Me HelloBar Kaise ADD kare