Welcome to my New Post "Retro Style Social Widget"
for Blogger. This stylish Gadget is good to use in sidebar to enhance number of
social sites subscribers. As i already have shared a list of all in one social
subscription widget. this one is different from them because of more attractive
look and Cool Horizontal size.
|
Retro style
subscription widget
|
This beautiful widget contains social subscription for Google+, Facebook, Pinterest and twitter. you Can see its final look by clicking to Demo button above.
How to Install It:
- Login to Blogger
- Click on Layout
- Click Add an HTML/JavaScript Box
- paste the below code
- <style>
/* www.a1bloggerseo.com */
.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>
<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="https://plus.google.com/u/0/+sanjaychoubey/"target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZU8ItCjHZu58IY-sMyiK42VrMngi8ePSrT1bW2hnfI34tixWQFFl6P9eNFJiotpfcxdLS_VDy1k1p6HRznOQvhg_k2QO0em-SgQUuyG3Ny92ehIvj-2PEqqR_5o9BFEOtOEjOsf2eIhE/s1600/bloggertrix-google-icon.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/a1bloggerseo"target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifkos80MNDXtE1fFY8aYcLF5ukeu7Gln8nty1Egz2Plf5BwU3eorGwCmuSnRaSWk9ru9QRLcq0JYeg-LQ44J7Wv5aDZdtugFvgU8AlickXpmkYsi4RYKswDMKR62ud97vE1KlL6gbe7iI/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.pinterest.com/ersnjy/"target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxC2KHpDtQn6iH2iG7rc4AhqIBTFni3QN1QLG3w0tG6vqu8d_C1ZLjDYPyKWEGtM2KstSiEUrtLkDcmTzIREgrYPurqFMxh581elU298gXscAwvY1AqPyeR8fdwVj6nHSA7nWyS9o1Co/s1600/bloggertrix-pinterest-icon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/ersnjy" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ahTTFoK-jAG4H_XL4vUMGnaUYxe4ldPAndp0mv5lWDehzdFnLVH6q-FNgqXcSOEexuh3eEnqK1HTQ8riPhJ-mRrrX0nZWCdsZa1_hyphenhyphenvSuoIf8kiCslRleQEy6Ys-__bxYCo8RguXP5c/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li>
</ul></center>
- Change the Social profile ids as shown in RED text.
- Click on Save and you are done.
- If you are facing any issue kindly let me Know in the comment section.
0 comments:
Post a Comment
Speak Your Mind. . . ! ! !