Home »

Add Stylish Social Sharing Widget With Hover Effect For Blogger

Monday, February 10, 2014
[Image: Untitled.png] 
 Add Social Media Sharing widget at top right your blog. This awesome widget was made by newth3. If you like this widget, simply follow the step below to install this awesome widget into your blog.
How To Add Cool All In One Subscription Box For Blogger


Written explanation 


 1) Go to Blogger Dashboard → Layout → Page Elements.
2) Add a HTML/JavaScript Gadget.
3) Paste below code in it.    
<style type="text/css">
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}
</style>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1' target="blank"><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYnPbpBeH23H3WzOisjnbIT0UhKcltfZNLAZEGprDNokTqZJoKwxHrVXcdkL32u_OBBiLpuVweKz-Il6ArihyphenhyphenRSxa1vkkgn09TEhlP_P-L1IrjA3E3EEUYa_PSYcDnvAXr6zlef1lsGQ/h120/Pc+Tools+Tips.png' title='RSS Feed'/></a><a href='http://feedburner.google.com/fb/a/mailverify?uri=USERNAME1' target="blank">Subscribe to our RSS Feeds!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME2' target="blank"><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Qmhu6c0YL4iTy0wD_EGWi3MT6du-Cj3ax3fudr277dmgHXbqZi9Fmb4Id_KrHCs6BBrHnIeHiC3DuZOm9mOWa3RZrS5-CirVEV_A2-NOWHQNqeVSYXqSLA4BxegMrrf9kAv_TG5lWqU/h120/Pc+Tools+Tips.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME2' target="blank">Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='URL HERE' target="blank"><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Vuu7bzMZ6qjPhL7GMpSleKDlOMi3oBQMAilLwRjhPkW3R7YLxJjL5KYQ0s2Cp2c_XTIflFKK7aPe4jAqljuQ-h8Q_dphWxp1vQVkHSjKaaTAS9FdbB9UjFAa2E8rB4tZdAAEFh2zKPE/h120/Pc+Tools+Tips.png' title='Be Our Fan'/></a><a href='URL HERE' target="blank">Follow us on Facebook!</a>
</div>
<div style='clear:both;'/>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW-aaWSmrb8VgXp1Tai9nI3KfxlVIhgap2MJb0QvgIzbIexuJijFsURxIcJwGBs2F4BQyvXdDv0kMSkwGOlZnrJ4FzlHqTvakz1Kx8_72JDeD5z6EIa2dmH2wErdstCFWOB_g60Rdc2cg/s1600/coolworld.in.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZS5Nc9sq0CpN6CWTL855i15T4881FdzvibbaC0YkohdK9U6jlMB1jIYccJjEolsm-Q63OoickuqWMT8u1jUuJ6Rn6wdXo3TEbQAAFbiAfgzhV-OgwcG0KMaYgVyXS5oQSFPByq8jS10/s1600/coolworld.in.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG8xPeVD3K3FGNvUjqO7aMvS4tpAvGsTXB45BISPN65W2D6iYhJ8sKQQTQl1BRE960LClAgW3rWifBFdVl5-yasrMSSxcdk9DWgXfEGsbaQqlQB5X0AvlfoGWqmL8hU4jyD1nJ-Ocwtas/s1600/coolworld.in.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXh9seltCdXjv01OmoTyWgOTMjvQhIIlLEo7RPck6h9QnfqOe-35w3RRPbB3TiJLLMsufPEfJX5wh0jJOec_O-ygUSkuyL7mZk4VGqE2L150TUcIFQ8_z19DVW3qE21d7mzzVOwwoOx-k/s1600/coolworld.in.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2qK1g1MTfU3QbuBKKnAWHVdrewsVD4U1cxcYKQ9nh0AMBq8OchVh6KVW1ckbdPq9IGs4kSY16ZUNtiCzoN18iKPfkpLsGQTe3AEyAQ7O7Ce5ez19qQZ3bDtORY26oJZimD7YAUNY1Pno/s1600/coolworld.in.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQ9Gp-0vG4GX44K3DfRP4ZilhU_VB818ajGU1rTXeJFjG8lpEaw9bgpwfmeaeOIqXZbSiqnN4R7pC27uwZpJ1ura0XV-wKG4jfEhuU9F_fEGc_HFMJwoiefhzhdcpb1lj9rPZRIawXjI/s1600/coolworld.in.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz8k3Q-bpJzzSEpcaNkjE7o0MnGamVuf7QtGOaQgv1UsnVT7RJN96u05rZbhL5soRrJGKKjH8J1zPzXWWMICv8rtq2uaec4Ai9Jymdno1KlvK8tu-8FLtvt3DThCCWM9amFV_ESIfmq3w/s1600/coolworld.in.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/>
</script>
</div>
</div>
</div>
4) Customize your setting.Find any word click F3 or Ctrl+F.
  • Replace it USERNAME1 with your Feedburner Username.
  • Replace it USERNAME2 with your Twitter Username.
  • Replace it URL HERE with your Facebook Username.



Share On Google+Add This To DeliciousTweet/ReTweet ThisShare on FacebookStumbleUpon ThisDigg This

name is full abdelali tibicht, my country is morocco, care techniques and the development of blogging, my goal through this blog, is to help bloggers develop their blogs through my modest experience gained during my career blogging can.

Follow Me On Twitter Or Facebook

Subscribe to Get Free Blogging Tips And Quality Tutorials Straight in Your Inbox.


Did you like Thread ؟
Tags: