Home » » Membuat Tombol Keren Di Blogspot

Membuat Tombol Keren Di Blogspot


Membuat Tombol Keren Di Blogspot - sebenarnya untuk membuat tombol keren di blogspot itu gak begitu penting, cuma mempercantik blog saja. tapi gak apa-apa, saya share aja biar sobat blogger tambah pengalaman.

ayo langsung saja kita bahas bersama-sama!
  • pertama-tama, masuk ke menu edit template blogger.
  • copy semua kode di bawah.
  • lalu taruh semua kode di bawah ini sebelum 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7D-fWHivlC8iggCwUX1wVVc97lvXAYq20vyhGnQ5nhtx_Rg_h06MuZSG-8eYNNKARYzMjXCx1zEBKIsNsuhf_M1T8On66WDW6sSYQ2nNzrXRho1D6N7_gni7RJwEnAsAd0NA1Bc-subTs/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;
}
  • klik save template.
Cara Penggunaan
sekarang tinggal langkah terakhir untuk membuat tombol keren di blogspot, anda tinggal men-copy kode di bawah ini dan masukkan ke postingan anda.

<a class="ls-button" href="Link tujuan">isi teks disini</a>

jika berhasil, maka akan nampak seperti ini

Membuat Tombol Keren Di Blogspot


0 comments:

Post a Comment

Berkomentarlah dengan baik, jangan mengandung sara/kata kotor/tidak sopan. karena komentar seperti itu tidak akan kami jawab. atas perhatiannya kami ucapkan terima kasih