Window Effect Social Media Sharing Widget For Blogger

Rohan Mod
21 May, 2013

Window Effect Social Media Sharing Widget For Blogger to increase traffic and more sharing of posts, It is a window effect when you move cursor on the icon a colorful icon appears and looks beautiful.

Window Effect Social Media Sharing Widget For Blogger
Window Effect Social Media Sharing Widget For Blogger


VIEW DEMO



To increase search engine visibility it is compulsory to use social media widget for blogger so here we have a window effect widget to add it to blogger. A social media widget plays an important role in increasing page views for your posts and also increases your followers if someone likes your posts and becomes a member of your blog. Such blogger widget gives chance to users to share your posts on the social media platform. As we saw Google plus pop up box widget has been successful in increasing your followers. In this series tabbed social media widget is also a good choice if you have few width and space in your sidebar and want to show many widgets in gives width. Again we posted about pop up box widget where it appears for 60 seconds and the good things is it includes all like Facebook, Google plus and Twitter, It gives choice to users to follow you on many social media platform Facebook Google plus and Twitter pop up box widget for blogger. So in this category of social media widget today we are showing a widget which is very impressive and with awesome css effects that is called window effect, well I have given it a name like window because it works like a window when you move cursor to one of it's icon an another icon drops like a window which is colorful and looks like you are opening a office window. So below is the step by step method to add this widget to blogger with the demo.

How to add window effect social media widget to blogger.



Go to blogger dashboard.

Click on layout.

Choose to add a gadget.

Choose HTML/JAVASCRIPT.

Copy the below code and paste it.

Save the arrangement.


<style>.avdhootwindow {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.avdhootwindow ul li{list-style:none;border-bottom:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.avdhootwindow li a {margin:5px 5px 0px 5px;padding:0px 0px 0px 0px;width:60px;height:60px;float:left;text-indent:-99999px;background: #191919;border:solid 1px #222121;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}.avdhootwindow li a.facebook {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HT7CZ6Tr1Q6yy3EOw1d6271GYShIm9b3UpKhF_pWJ8bFgug-HWKeM_-hgxmOc2GxJKD8mi53h5aK4rG-OqBxZRiwdz7Y68e1xbUgzdAmcvH_KL4rQThZx1fw8ti9yykxnbUXRncr9zCZ/s320/BS+facebook.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.facebook:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HT7CZ6Tr1Q6yy3EOw1d6271GYShIm9b3UpKhF_pWJ8bFgug-HWKeM_-hgxmOc2GxJKD8mi53h5aK4rG-OqBxZRiwdz7Y68e1xbUgzdAmcvH_KL4rQThZx1fw8ti9yykxnbUXRncr9zCZ/s320/BS+facebook.png) no-repeat -0px -0px;}.avdhootwindow li a.twitter {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4INTA5umS_3xtmM8UIrahKcBHJi0r3pDbPvmHyXEe5Y6DuHuF0MCWqzglzNdeE8s1ucZKgzkQimHTvDIjjvwYg8kjCXtJhtzZz3cM6FM_8hpkj0bggBgcLNyQDf6nJ3xpCvEyePQD_vQ/s320/BS+twitter.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.twitter:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4INTA5umS_3xtmM8UIrahKcBHJi0r3pDbPvmHyXEe5Y6DuHuF0MCWqzglzNdeE8s1ucZKgzkQimHTvDIjjvwYg8kjCXtJhtzZz3cM6FM_8hpkj0bggBgcLNyQDf6nJ3xpCvEyePQD_vQ/s320/BS+twitter.png) no-repeat -0px -0px;}.avdhootwindow li a.google-p {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHA0OJ9eBQyxFig-IyY2Jx9Qfr9P8IiNXen9o732VtU-vwKXQaWtoYxxRW_VzlCYGk7E3mrIKAl6_ymtGv1Xp8WYU__sNONQ_ZipPHn_HU24zFgTELgARUJsQOUufBTOQ2hvtKDM2iWY49/s320/BS+google.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.google-p:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHA0OJ9eBQyxFig-IyY2Jx9Qfr9P8IiNXen9o732VtU-vwKXQaWtoYxxRW_VzlCYGk7E3mrIKAl6_ymtGv1Xp8WYU__sNONQ_ZipPHn_HU24zFgTELgARUJsQOUufBTOQ2hvtKDM2iWY49/s320/BS+google.png) no-repeat -0px -0px;}.avdhootwindow li a.rss {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjKHDXrelOQO8QTSqyEN5IcRebAuYAHFmJeGS_L8Aw8cMsMui16BF7tfwmE2df3gLsh0ezlcgsLBhH4CCHCvAlsXf_jexEqMlTpB1KS_A4elzdOFc30x2mW-1zWQ_buCY60lAagnNFlaYH/s320/BS+RSS+Feed.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.rss:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjKHDXrelOQO8QTSqyEN5IcRebAuYAHFmJeGS_L8Aw8cMsMui16BF7tfwmE2df3gLsh0ezlcgsLBhH4CCHCvAlsXf_jexEqMlTpB1KS_A4elzdOFc30x2mW-1zWQ_buCY60lAagnNFlaYH/s320/BS+RSS+Feed.png) no-repeat -0px -0px;}</style><div class='avdhootwindow'><ul><li><a class='facebook' href='http://www.facebook.com/YOURFANPAGE' target='_blank'>Facebook</a></li><li><a class='twitter' href='http://twitter.com/YOURID' target='_blank'>Twitter</a></li><li><a class='google-p' href='https://plus.google.com/100000000000001' target='_blank'>Google Plus</a></li><li><a class='rss' href='http://feeds.feedburner.com/YOURFEED' target='_blank'>Rss</a></li></ul></div>


Customization

Type your Facebook fan page name in place of YOURFANPAGE.

Type in your Twitter ID in place of YOURID.

Type in your Google Plus ID in place of 100000000000001.

Type in your feed address ID in place of YOURFEED.

So if you like this window effect social media widget for blogger. Please feel free to comment and share.

More Blogger widget


Next Post Previous Post