Monday, December 16, 2019

Blogger sidebar me social media button kese lagaye

Blogger SideBar social media button

Blogger me aaj ki latest themes me by default social media button 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.

social sharing


Yaha main apne Blogger user ke liye simple social media button Social sharing widget present kar raha hu. Aap is easily apne Blogger Sidebar 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 media sharing widget apne Blogger me Add kar sakte hain.

Reading post 

Blogger Me  Social media button Share ADD kare



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


blogger social sharing

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




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


Customiz:-

  • Yaha aapko TechRahul.in ki jagah apne blog ka name add kar sakte hain.icons ka colour 
  • change karne ke liye #A80000 ki jagah different css color code ko add kar sakte hain.

Read post 

Ab aapko social media button 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 me HTM/Javascript select kare.

blogger social sharing

Now HTML/Java Script me below code paste kar de and Save kar le.
<div class="widget-content">

<div class="widget-content">

<div class="techrahul">

<a class="facebook" href="Facebook URL" title="Facebook" target="_blank"><i class="fa fa-facebook"></i></a>

<a class="twitter" href="twiter URL" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>

<a class="google-plus" href="Google+ URL" title="G+" target="_blank"><i class="fa fa-google-plus"></i></a>

<a class="youtube" href="Youtube URL" title="YouTube" target="_blank"><i class="fa fa-youtube-square"></i></a>

<a class="pinterest" href="pinterest URL" title="pinterest" target="_blank"><i class="fa fa-pinterest"></i></a></div>

</div>

</div>.
 code-box

Customiz:-

  1. Yaha Techrahul.in 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.

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.

Read post 

Aap is social media button 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.

To dosto aaj ke is post me bas itna hi milte hai ape next post par tabtak apna khayal rakhiye agar aap ka koi sujhao ya sawal ho to comment box me comment karke puchh sakte hai thanks for visit this site.alert-info

Disqus Comments