Cara Memasang Share Button Menarik

Cara Memasang Share Button Menarik

Mencari widget media yang keren sosial untuk Blogger Anda? Sharing Social Media Touch Me Widget by Blogger Widgets Indah dapat menjadi jawabannya. Widget ini adalah yang terstruktur dengan baik dan memiliki tampilan menarik. Lihatlah DEMO langsungnya.

Ikuti langkah-langkah sederhana untuk menambahkan :

Login ke Blogger
Pilih Tambah Gadget
Pilih HTML / JavaScript
Copy dan paste kode di bawah ini :

<style>
/*--------B2W Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<p style="display:none;">
Cool Social Media Sharing Touch Me Widget by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>
<div class='touchme'>

<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>

<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='nofollow' target='_blank'></a>

<a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a>

<a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a>
</div>

Lalu di save, kemudian letakkan HTML tersebut ke tempat (Tata letak) yang sobat inginkan.

Semoga bermanfaat.