Unknown Unknown Author
Title: Add Stylish Social Sharing Widget With Hover Effect For Blogger
Author: Unknown
Rating 5 of 5 Des:
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...

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/AVvXsEh04CKta3NrIoWVQwTzEDlaDuvf-WyX37AeobVgzPDbDGRnhR0i4FHAdBV0jYnd4-6MmlivNkhkN8Xg2WYSz0rz_lI01cqsaoL1NYEqi-WUaEb5QI_UpmlpsuqRLsH4fKtA47j424Q7Y4g/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/AVvXsEjhT1iQcGpANvmXkAvse5EZO-Of-rQ7qtMV3RDHZUTxTlsCqmsrZR4g_TZ35rIn94dd7xjC-JiitIfst19hQ6Ul-72AKWATLytAoWwUsqT_PcLTWpSzrf-WX9HW3odZTdynwxw7_55tncA/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/AVvXsEgwXiXwpzDes9gor9fNuBQ3fmV2bapu1am4RA2daM6WDH0I-tTgWNvw1SyxTmKvX5VW8i4hC1YQtfBohf6JINK_xk2Bw8QK1LMkQBJbUKuUH5rdikYlCFik4Wfb2LpIyJZjxkl0knCD-ds/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/AVvXsEg76NYrGGjQKHWlJ9IOqAh2x2WpouE9wl27BpfcyImrMayv5sNsGymjTPqy2uM_LAZ3aBnDpvGsZ943AyB-IvDPFzMrzmV6EG9fmOCE2WcqhoNSeDjzEFRJ93SC5BIE-F10NIiSiGXnvc0/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/AVvXsEi3P04XJqogwhJEfbKLBJmCmptHWtsvZmR4yhN1D52w9D-fvWYbmYq0iM535vit-vepsLK2baXEYBSQJ4QYi5J1cxym60TP3PebQBoj1VP0gDnAFq2rtoEEgnJo02eeQ63tifAuMEwJ4os/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/AVvXsEi_evhLCYas-IjvwpPPqTKeLohCIm-alPnrcYvfvUQrwcqkU-8A1sl2-bE5_e8egrWX2ixywSHh_SJ-gq8YXCSkS39bs7YLP8nirp0TsW6gUX1qIeb_dXLP-1fzxT_9HojS78PutxMo-68/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/AVvXsEgkHv5jtIvYW0fNr_D7XY-DvGb3345iclEpH1et255E19PIIVtIcK2ZY2VQp9wUtK5A5cUSJR317M6dmU0v1fSxfsvnWOKzROj4s8yU6GjP_1TdhSPsepFyW95BkkrivqcomOpxWji1itc/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/AVvXsEjq-oEv6rXN39djSIb2xfTIiqVQJTo9otprUK0mLU6uJuRb0Ty-78iM-bbFvPcBB_Sx7S5Bc6vDDvr7DbjxqcrCesP-NHObrIB49tKAEp6bzVNE5RzDpX5Ir0aSSG90z93-Gg6SE0ftgLI/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/AVvXsEi_L-DlbAp4KiAlMYINnixGtlAYkve1BGA4yIA5gKbPOXLUtPkfIX2vvHzD84c0dT8JyaKEdjf51ap1ojeLnJpThXmOBeWF_e6cSy6yO5Cd4uCtw2Kr4GQ_LHA_pQUY3rP2zO9OTN01ddo/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/AVvXsEjhCwjM4I-uGqoPm_8PweGVF3qGuPfC2UNwct2ansKZ0WvWU45JEC4yBZxLsSkb443Jr3SIgz0wL-Fec6enhhK7maylVdFKOuygW6-QuJFCou4meAxdpJuxZKo0OkZYUfNJ74ProVQxMnI/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.

Advertisement

Post a Comment

 
Top