Thursday, January 24, 2013

Gangnam Style Social Buttons Widget For Blogger Blog

Author: Gagan Masoun
Gangnam Style Social Buttons Widget For Blogger BlogGangnam Style was a popular YouTube video song of 2012. Language is different for many people but they were enjoying it. The YG Entertainment company has spent a lot of time, effort and money on "Gangnam Style" song's advisement before in became public. I'm fan of this video song. I have decided to make a widget with name of it.

So, in this post I' m going to share how to add Gangnam style social buttons widget to your Blogger blog. You can check demo before adding this. Let's start the tutorial:

Live Demo

You May Like To Read:

Gangnam Style Social Buttons Widget For Blogger Blog

Step# 1 Go To Blogger Dashboard >> Layout

Step# 2 Click On Add Gadget and Select 'HTML/Javascript'

Step# 3 Now Paste Below Code In HTML/Javascript and Save It.
<style>
/* BlogsDaddy Widgets - 2013*/
.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/117100549673033253859" target='_blank' rel='nofollow'><img src="http://2.bp.blogspot.com/-dMLP18dw33U/UQD6GKHGKUI/AAAAAAAAqkQ/2IWWC-Un9SI/s1600/blogsdaddy-google-icon.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.facebook.com/BlogsDaddy" target='_blank' rel='nofollow'><img src="http://3.bp.blogspot.com/-MaWGblxu0iI/UQD6FwxSXtI/AAAAAAAAqkM/XN8YQ8IkYfc/s1600/blogsdaddy-facebook-icon.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.pinterest.com/gaganmasoun" target='_blank' rel='nofollow'><img src="http://2.bp.blogspot.com/-wrwk_eFn5JA/UQD6GqoYitI/AAAAAAAAqkY/KvKnZivaM-U/s1600/blogsdaddy-pinterest-icon.png" title="Add to Digg" /></a></li>
<li><a href="http://www.twitter/BlogsDaddy" target='_blank' rel='nofollow'><img src="http://2.bp.blogspot.com/-cm33dic_5N4/UQD6HOfmbUI/AAAAAAAAqkg/TBtZs2wIWQ8/s1600/blogsdaddy-twitter-icon.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/BlogsDaddy" target='_blank' rel='nofollow'><img src="http://1.bp.blogspot.com/-zDNRLMLWDeE/UQD6Gs1JEmI/AAAAAAAAqkU/tsDUPSN8OXI/s1600/blogsdaddy-rss-feed-icon.png" title="Add RSS Feed" /></a></li>
</ul>
Remember Note: Replace yellow highlighted URL's with your own social profile links.

Need our help? I am ready to help, just drop your comment below. Let's join the conversation.

Author
Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.

0 comments:

Post a Comment