How to add Retro Style Social Sharing Widget For Blogger

Blogger is a platform to make website and fully customize using CSS and HTML.This is another Social Sharing Widget for blogger.Name of this widget is Retro Style.I mentioned  in old posts Social media is very advance and maybe many traffic from there.Everyone want to get more traffic and promote website.Now using some simple steps and get this beautiful widget.Blogger Design is count in for SEO.This widget makes your blog more beautiful and attractive for visitors and readers.you can easily add in blog sidebar or any where you want.One thing is more Facebook,Twitter,Rss,Pinterest and Google plus buttons are including in widget.So it's up to you.Now Follow the following steps for add Retro Style Widget. 

You May Like To Read:

• Touch Me Sharing Widget For Blogs/Blogger
• Add Angry Birds Social Sharing Widget To Blogger
• How To Add Subscribe Box To Blogger /Website
• Cool Email Subscription Widget With Social Media Buttons For Blogger

Live Demo

How to add Retro Style Social Sharing Widget For Blogger

• Go to Blogger dashboard 
•  Layout >> Add a Gadget >> HTML/Javascript Box.
•  Paste the following code in the HTML/Javascript Box.

<style>
/* www.bloggerwidget4u.blogspot.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="http://www.plus.google.com/113035760861815543895"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJBrKxGiTn0GrUaFwVUdb0cf3rOQs2EEaOHfGFqh-K5LFcIx72QpA2sBDACFhRdy2cxkvP6zalg4ciBn3RJLfueR3QMrAYI6kYTyEJ-I5Q-F4m4qaVQ4a1qoN_3x6i2jxjTrzdyBFfzOA/s1600/bloggertrix-google-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/Mr.FarhanKayani"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV30ptIzAsYaEME0f6oDmcPDseugYh6bb1BbffarmO_iDEWpWz9uiRm9nFlmEO9U5wYOGHWkqGGZNUNnuyFmXEGcn_Ujhcd-sj3ZTQv3qrA02UH8L6IMlbu-x4WeNJ08bs0msXoAzrtJM/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.pinterest.com/#/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC-oMmmkgyA5jhWvD3dM9fLcFeZrEg2mjl4gI5puDYaRwNjmRnihdBDV61sBYtDiuns8OWSTjWBu7fTCmwacgtTjA3JAYPRc7LSfYY5uYe5TJBd5rquJE6lrtWikPc-Y5HyICUJwvqKL4/s1600/bloggertrix-pinterest-icon.png" title="Add to Digg" /></a></li>

<li><a href="http://www.twitter/farhankayani143"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMY36ClQVt_T0_c7UyjRdhTJyhSzQwr61Eo12kSaKXejrdsUV0wzsA0NKLrsmZHOWWV8cORLEwbFt3ehylB8etu4hmOW2_pGsUjqokL3M-pFtokp15dlF_Bovbj68TqnP2OngxBc75mvc/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/bloggerwidget4u"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8g3113j8pp2_qbuYxVAE5GCNo1OA8oyxjYJNzlO-Dw5p7f_fDJfaSFtt0FlngDXxtAWAO0G-zapvfURjRCTP9yOCwIkSVzKZUiv3rwDIc3G0ep7kaOgBTH58ymKvSMUQVOfzTPd84cFg/s1600/bloggertrix-rss-feed-icon.png" title="Add RSS Feed" /></a></li>
</ul>

• And at the end After paste above codes,replace my account ID's to your account ID's

Change 113035760861815543895 to your Google plus ID.

Change Mr.FarhanKayani to your  fan page or your Facebook profile user name.its up to you.

Change# to your Pinterest Username.

Change farhankayani143 to your Twitter Username.

Change bloggerwidget4u to your Feedburner username.

•  And click on Save.
• After save view blog.

If you face any Problem leave a comment at the end of post.