Jumat, 06 Juli 2012

Cara membuat Share Button Yang Menarik Pada Blogger





Mencari widget media yang keren untuk Blogger Sobat? 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 Disamping.  




Ikuti langkah-langkah sederhana untuk menambahkan :

  1. Log In Pada Blogger Sobat ---->> Tata Letak
  2. Pilih Tambah Gadget
  3. Pilih HTML / JavaScript
  4. 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'>
<!--RSS-->
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a>
</div>
 
 
Lalu Klik save, kemudian letakkan HTML Diatas ke Tata letak yang Sobat ingin kan.


Semoga bermanfaat.  


Copaser adalah Perbuatan Pengecut..! clyfirst.blogspot.com

0 komentar:

Posting Komentar

Popular Posts