windows phone ui type social share buttons for your blogger

               Today I’m going to show to how to add Rss feed bar with social sharing buttons. This is just like windows phone incons widget. Your visitors can subscribe and share and rss news from this widget. It will help to get pageviews  for  your blogger and check it from demo link below. This will awsome for your blog and website also

All you need is follow this steps and it makes perfect widget

Step1:

                Login in to blogger account and click drop down

               

Step2:

                Now select “layout”  like below

Step3:

                Click Add Gadget and “HTML/JavaScript”

Step4:

                Paste below one of below code.

<style> /*the code start from vbdotnetcod.blogspot.com*/ body { background-color: 1f1f1f; } .shar_icons{ background-color: 1f1f1f; list-style-type:none; margin:0; padding:5; } .shar_icons li{ /*make then look line and set li width and height */ display:inline; width: 60px; height:60px; } .shar_icons li img{ /*set icon width and height*/ width: 50px; height: 50px; border:0; /*gap between two images*/ margin-right: 4px; /*simple transition and time*/ -webkit-transition:-webkit-transform 0.1s ease-in; -moz-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; } .shar_icons li img:hover{ /*make them zoom when its hovers*/ -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); }</style> <br /> <center> <br /> <ul class="shar_icons"> <li><a href="http://www.digg.com/Username"><img src="https://lh3.googleusercontent.com/-9rDdQ-P1SZo/UNgSG1c3ToI/AAAAAAAABxc/xJ_5HnLH94U/s64/twitter.png" title="Add to Digg" /></a></li> <li><a href="http://www.facebook.com/bloggertrix"><img src="https://lh5.googleusercontent.com/-X6qeExoPErU/UNgSAAaY_tI/AAAAAAAABwg/XKz4udSujBM/s64/facebook.png" title="Add to Facebook" /></a></li> <li><a href="http://www.stumbleupon.com/bloggertrix"><img src="https://lh6.googleusercontent.com/-RjHJUJhiWFo/UNgSF4yW3lI/AAAAAAAABxM/_EJ_S3xvQZM/s64/pintrest.png" title="Add to Digg" /></a></li> <li><a href="http://www.twitter/bloggertrix"><img src="https://lh5.googleusercontent.com/-UL6PaOsAlM0/UNgSA6PJz4I/AAAAAAAABws/mkytqGaY5xI/s64/goole%252B.png" title="Add to Twitter" /></a></li> <li><a href="http://feeds2.feedburner.com/bloggertrix"><img src="https://lh4.googleusercontent.com/-Q3GMcqsrjdE/UNgSFwG8NSI/AAAAAAAABxU/jxBiKAu2Zt8/s64/rss1.png" title="Add RSS Feed" /></a></li> </ul> </center>

               

Step5:

                For social medi icons, you can chage the URLs as your link.

Replace VBDOTNETCOD with your feedburner ID

Step6:

                Now save your “HTML/JavaScript”