Add Attractive Social Media Widget For Blogger Easily

Add Attractive Social Media Widget For Blogger Easily

This is a simple Social media gadget for your blog. you can link Facebook fan page, Twitter and Rss subscribe. Its easier to add to your blog.you can try it.

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.

<style type='text/css'>

#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}

#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#social1 .social2 h2.subscription:hover {color:#1c5ef3; font-size:15px;}

#social1 .social2 h2.facebook { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzeSqszf8mzWN6Vcz02MdfRLTsohb6f7TY7y6KIAdt-1sxd8mji475caPChoZttTlD-RR3KEgaJyT1KeULSs0DDea4T4zBqQAcmy4D8UObtQZ7pxemOY5C3Q6YuWD4jzZUgXWm4m6G37w/s1600/bloggertrix-facebook-icon.png) no-repeat top left; }

#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKEHrGpKoPa2-6hhiRPfYBVH8j9nSCPneiwZ4rc4hgaSQZpmZX28Belz1BuVOVg4u8ErrO1Hw66aZq-vzXtvdeT0OA4tPUYjKHtF4_QBCHM08FBuPdhplfMJtS9IZS2XCgv-cvJjE9M4/s1600/bloggertrix-twitter-icon.png) no-repeat top left; }

#social1 .social2 h2.Rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGdYvWRbmp9TRecy_yrdIAW1cx85d7G9iypgYBNWx4wqXs5bPWCRqbX4bC8jNgY8BjtABH6wBcXYaEE4W8VgHKSsHhAOgtuT32-ClCjm2URHr9u_EGUglyqxVUF3JTV_ChYgYRoUR2TAI/s1600/bloggertrix-rss-icon.png) no-repeat top left; }

#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }

</style>

<div id="topbox">
<div id="social1">
<div class="social2">

<h2 class="subscription facebook"><a href="Facebook URL" target="_blank">Like On Facebook</a></h2>

<h2 class="subscription twitter"><a href="Twitter URL" target="_blank">Follow On Twitter</a></h2>

<h2 class="subscription Rss"><a href="Your Email Subscription URL" target="_blank"> Subscribe On RSS</a></h2>

</div></div>
</div>

* Repalce  Facebook URL with your URL
* Repalce  Twitter URL with your URL
* Replace Your Email Subscription URL  with your feed name

4. Now save your HTML/Javascript'.
     you are done.

9:51 PM