Game Nostalgia

Download Harvest Moon Back To Nature (Bahasa Indonesia)

     Assalamu'alaikum wr.wb. hari ini saya ingin memposting File Harvest Moon Bahasa Indonesia.iso buat di komputer. langsung aja nih d...

Cara Membuat Tombol Efek Unik Untuk Blogger

Membuat salah satu tombol atau button pada blog adalah sebuah hal yang tidak jarang sahabat bloggers lakukan. Hal ini disebabkan oleh karena adanya beberapa kebutuhan para blogger untuk membuat sebuah postingan terlihat menarik dengan menggunakan sebuah tombol, baik itu tombol download, live demo, next, home, previous atau yang lainnya.
Cara Membuat Tombol Keren [Cool Button] untuk Blogger

Cara Pemasangan !

  • Langkah pertama, login ke Blogger
  • Pilih Template » Edit HTML » Proceed
  • Copy kode CSS di bawah ini dan pastekan tepat di atas tag ]]></b:skin>
.ls-button{
background-color:#0404B4;
font-family: 'Verdana', sans-serif;
font-size:12px;
text-decoration:none;
color:#fff;
position:relative;
padding:10px 20px;
padding-right:50px;
background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);
border-radius: 5px;
box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
}
.ls-button:active {
top:3px;
background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
.ls-button:before {
background-color:#FF0000;
background-image:url(http://4.bp.blogspot.com/-fw4LoZezB64/UOBTHFgFSqI/AAAAAAAACbo/0nD0K3zRDGo/s1600/lostsector-right-arrow.png);
background-repeat:no-repeat;
background-position:center center;
content:"";
width:20px;
height:20px;
position:absolute;
right:15px;
top:50%;
margin-top:-9px;
border-radius: 50%;
box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
.ls-button:active::before {
top:50%;
margin-top:-12px;
box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}
  • Simpan template

Cara Penggunaan !

Sekarang untuk memasangnya pada setiap postingan blog, masukkan kode berikut ke dalam HTML postingan.
<a class="ls-button" href="Masukkan link disini">Teks anda disini</a>
Pilih Publikasikan atau Pratinjau untuk melihat hasilnya.

0 Response to "Cara Membuat Tombol Efek Unik Untuk Blogger"

Post a Comment

Syarat-syarat Berkomentar:

☻) Berkomentarlah Dengan Bahasa Yang Sopan;
☻) Berkomentarlah Dengan Bijak;
☻) Berkomentarlah Dengan Komentar Yang Berhubungan Dengan Postingan Ini;
☻) Dilarang Berkomentar Yang Berhunbungan Dengan PORNO/SARA
☻) Dilarang Berkomentar SPAM

NB: Jika sahabat melanggar syarat-syarat diatas maka Komentar sahabat akan dihapus.

Terima Kasih.