Amazing Social Media widget For Your Blog

byUnknown •
0

Social media is very important for your blog Lets start I will give you tutorial how to add a Awesome Social Media Widget For Blog



Amazing Social Media widget For Your Blog


Amazing Social Media widget For Your Blog


Go to blogger account 
Go to layout>add a gadget>HTML Jave script
Copy this Code and paste in content and save it

<style type="text/css">
.btrix_socialwidget { width: 280px; } 
.btrix_socialwidget ul { border: 1px solid #CCCCCC; margin: 0; padding: 0; } 
.btrix_socialwidget ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; } 
.btrix_socialwidget ul li:first-child { border-top: 0 none; } 
.btrix_socialwidget ul li:last-child { border-bottom: 0 none; } 
.btrix_socialwidget ul li a { background-color: #F2F2F2 !important; color: #404040; display:block; } 
.btrix_socialwidget ul li a:hover { background-color: #949494 !important;color: #0d0354; } 
.btrix_socialwidget ul li .rss { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYnFr3s5rKz7a-9mxUgl59uMFdM0QDqFNmDmamjQJKBsuO_AeXEsGr76i2498KhZlBEanoP7fbZW0WBDOoilrcs-FmuQj1XfN3M7SdosEmPvdXQTYwfk1erbFiDZnpNFKAGm-6KrIUOA/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; } 
.btrix_socialwidget ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyphenhyphenyaYtM6pXTtzqSFi9VUgMLpVzX1KW7Squu-uD18LT-tIFkCPyI14i3i-xgomrg9HDgJXaYtOzPnGrvMYP8PXZYbe4NQ8Vqsl7QIcxOngfLjR9OReiDRoZOTa31xil-5Wx53w7IKk-Zw/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;} 
.btrix_socialwidget ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimpH39rT3-b2vt1RSDK2OdABxia3x5xxh_l2H8WJIGLlQb-Pzs58ioRRPPpN3hT6BWy2MVqkRaItGbwWEB2iozTcMXQoEC_ZurRjLKZF7MzJgNyjP-Sn8m1US8OHjvazYoCAJxow0cC48/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; } 
.btrix_socialwidget ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpyHUaTAPXhqOLJ1f54uOZorA0RuCkXJg7c9jEnpHofW-D1UHvURZajhMoPl3DHDeJ9fdFAG3XRUpigUdhKshXe6H6xneTHQUY5SIkewrNrnstfWxc2A5tuans71ciUcFpCbfBLM0Icb0/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; } 
.btrix_socialwidget ul li .linkedin { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAtKBRVS7VS9l_nqC7OJLna7LI5R2sJmhZ0QyzAISHmBsNpAKjUmSbIQfzb0XxIeum5UCefKYsI005gcJX-JGQ4uX_3UhURkvZGqqOzp6QlCe0Dsn6aR0vEoeXQhrWyea2CYE1c5m05Oo/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; } 
.btrix_socialwidget ul li .youtube { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF5PCj8hi1oJuo7io8kz2DlwwjYB8HwyiHLEdZ_CxLhLdSCyakACcvWin7iJNEC5fTs3GATjtLDaBJ5qS2Kf4zt6W62uxZx_pRFwrFEjsrMZoq8LtrChyRaNnGQTaZvwbVahIPSlhxnS4/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; } 
.social-about { display: none; }
</style>
<div class="btrix_socialwidget">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/OnlinehelperBlog">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/OnlinehelperBlog">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/OnlinehelperBlog">Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/107955298793879607964" rel="author">Join me on Google+</a></li>
<li><a class="linkedin" href="http://linkedin.com/Username">Connect on LinkedIn</a></li>
<li><a class="youtube" href="http://www.youtube.com/Username">Watch me on YouTube</a></li>
</ul>
</div>



Replace OnlinehelperBlog Feed burner ID FaceBook user Name Twitter USer Name Google+ ID
Likedin ID Youtube User Name


Tags:
إرسال تعليق (0)
أحدث أقدم