Infolinks In Text Ads

Glossy Type Black Social Subscribe Buttons for Blog

Posted on
  • January 25, 2013
  • by
  • in
  • Labels: Blogging, CSS, social buttons

  • 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:-
    Glossy Black Buttons
    Features:-

    1. Customization.
    2. Hover Effect.
    3. Glossy Type Black Color.
    4. Free of cost. No Price.
    5. Suitable for Blogger and Wordpress.
    How to add this gadget in blogger:-

    • Goto www.blogger.com and log in to your account.
    • Then Click on Layout option.
    • In layout, click on Add a Gadget.
    Add a Gadget
    • Now click on HTML/JavaScript option.

    HTML/JavaScript option


    • Copy and paste the following code in the area.
    CSS Code:-

    <style>
    .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>
    HTML Code:- 

    <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

     
    Copyright (c) 2012. Designed by Android Credit: Ankit
    //SEO SCRIPT POWERED BY Chirag Sachdeva