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

Share this article :

+ Comment + 1 Comment

April 25, 2014 at 12:40 AM

Tutorialnya udah ta lakoni alias udah ta pasang on my blog, makasih banyak ya Maaaaasss

Post a Comment

Terima kasih! Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Klik link "Subscribe by email" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. No SPAM, No Links, No SARA, No Gambling, No Porno!. Komentar berisi link & tidak sesuai dengan Comment Policy akan langsung dihapus.

Daftar Isi

Site Info

 
Support : Cly First | Android Aplication |
Copyright © 2011. Cly First Blog - All Rights Reserved
Template Created by Clayveno Kevin Published by Cly First
ClyFirst