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/AVvXsEhPvfi9dffa5HyuSmmZWNW2lrgYyXNAuCD-PsGhr054JswfMQKSTq9k8I-YUAT2B7tjhAZYUb8kCTMdVQTXO4QVkc7rvkIN2QGNoPo_YXRQ3nuyx6YTBYm31lmCYZR6zJY7k7LMggehrsx6/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