Star Style Social Sharing Widget For Blogger

Star Style Social Sharing Widget For Blogger 破解版

​

​

​

Today im gonna explain how to add Star Style
Social Sharing Widget For Blogger with nice
hover effect.Im using CSS and HTML for this
tutorial. Check below link for demo. You can
get my Earlier social network buttons from here

​

​

1. Log in to blogger account and Click drop down.

2. Now select "Template" Like Below.



3. Now you can see Live on blog, Click "EDIT HTML" Button"

4. Now click "Proceed" button.

5.Find this code by using Ctrl+F ]]></b:skin>

6. Paste below code Before ]]></b:skin> code


/* sgnt */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

7. Go to blogger and click drop-down like 1st step and select Layout

8. Click Add Gadget and select 'HTML/Javascript"

9. Paste below code.

<br />
<ul class="bubblewrap">
<li><a href="https://plus.google.com/103479878342481921110"><img src="http://2.bp.blogspot.com/-NDjtv6oMftA/UOrSpS80aXI/AAAAAAAAKrc/8noXfrkz-Kg/s1600/sgnt_google.png" title="Add to Google+" /></a></li>

<li><a href="https://www.facebook.com/softwaresgames.andtricks"><img src="http://2.bp.blogspot.com/-jSlXk8rG0q4/UOrS7QlPJRI/AAAAAAAAKrk/d4cZd9hCUEQ/s1600/sgnt_facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.stumbleupon.com/stumbler/sgnt"><img src="http://4.bp.blogspot.com/-6bS_WP22TdU/UOrTUBVdOnI/AAAAAAAAKr0/H2nCbywKUks/s1600/sgnt_stumbleupon.png" title="Add to StumbleUpon" /></a></li>

<li><a href="https://twitter.com/SoftwaresGamesn"><img src="http://1.bp.blogspot.com/-qUjwodrAK2k/UOrThRRM5iI/AAAAAAAAKr8/Tx23vKSxdQE/s1600/sgnt_twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds.feedburner.com/SoftwaresGamesNTricks"><img src="http://4.bp.blogspot.com/-ly_fsPEEgNY/UOreogsClOI/AAAAAAAAKs0/-npg3utPAI0/s1600/sgnt_rss.png" title="Add RSS Feed" /></a></li>
</ul>


Note : Replace urls i red as your like.

10. Now save your template. You are done.

​

Star Style Social Sharing Widget For Blogger破解版下载 Star Style Social Sharing Widget For Blogger绿色版下载 Star Style Social Sharing Widget For Blogger便携版下载 Star Style Social Sharing Widget For Blogger注册版下载