This time, I come with Glossy Type Black Social Subscribe Buttons. Now I teach you another trick of CSS and HTML. With this trick you can create your own glossy type black social subscribe buttons for blogger blog. You can add these buttons to blogger and wordpress without any kind of problem.
So you need to add this set of codes and you can display these glossy type social buttons on your blog or website. These buttons will not take any time for loading. Please also subscribe to Us.
Here is the image of this widget:-
Features:-
- Customization.
- Hover Effect.
- Glossy Type Black Color.
- Free of cost. No Price.
- Suitable for Blogger and Wordpress.
- Goto www.blogger.com and log in to your account.
- Then Click on Layout option.
- In layout, click on Add a Gadget.
- Now click on HTML/JavaScript option.
- Copy and paste the following code in the area.
<style>HTML Code:-
.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);}</style>
<ul class="bubblewrap"><li><a href="https://plus.google.com/u/0/xxxxxxxxxxxxxxxxx" target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCg7rO3l39zDXYn8QQYLlf-SFk5FZFSJRJTeg5jJBB8B57N7r2uCoSQeCtnY0Nhl7eY34mbEjpWLzKb_m1gNfrmn8atJ3wAYCjog1fPdMLFDuo1iufHTMR2GkoO40xiTly-gFZZbWbbI8/s1600/bloggertrix-google-icon.png" title="Add to Facebook" /></a></li><li><a href="http://www.facebook.com/xxxxxxxxxxxxxx" target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWioDXzhBDwfFNGEOnHkohaILUshq75GbvCW0P0gyzZ_CdzMXkzId0-UfwG_r1iIp1Z7K1NzNythLC9OXH6BM1ThNgYDkTUmkElkUKxR_KAoAez232jUf3xAy-saJ5GBu6mpnETUtZaTE/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li><li><a href="http://www.digg.com/xxxxxxxxxxx" target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVjdrW9e0-4xwwi02I5wuGuULv0hG7JmHE6vKSiwPegasRsnq4NxpMNLe2duZ8Zaf5NTKUMyu5KaN5oMT5Dc8o6_plAZl-W7wsQT3XLfZgWpJoFxg74U9LMjljsPk8W_Mu6ASAr-n-WGg/s1600/bloggertrix-digg-icon.png" title="Add to Digg" /></a></li><li><a href="http://www.twitter/xxxxxxxxxxx" target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNry_yWPIv7L7KT4qZ1WGN2fyd-jLjp3U7onSIcQ9hKjmoUKYPMNdcLaEzwHiyBlY-wD9EJNknWGwzV6X2qGpEk-KaEELOVd3qjT_n1bP8XKKPGx7ABsBUXRyY7vXqzuNmtg6W_Yc36Q/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li><li><a href=http://feeds.feedburner.com/xxxxxxxxxxxxx target='_blank' rel='nofollow'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6hxSiU6bAZoJbTVW5raP6I0yecsuz47-iHoM_MWQEYBz3YUTtRLCMGWtkwhOM9K7zsGHAIcOTnNEjloX34ILgnyZlSq9xr4DVhnJw82o09WxeZC1aEglI_L6amtU5WwT3cn8RNIbs48/s1600/bloggertrix-rss-icon.png" title="Add RSS Feed" /></a></li></ul>Customization:-
- Customize all the links which I have colored red.
0 comments:
Post a Comment