Cara Membuat Tombol Demo dan Download di Blog

Cara Membuat Tombol Demo dan Download di Blog

Cara Membuat Tombol Demo Download di BlogKrizeer.blogspot.com, Cara Membuat Button Demo Download di BlogKrizeer.blogspot.com, Kang Ismet

1. Login ke blogger.com
2. Pada dashboar -> template -> klik edit HTML
3. Kemudian tambahkan kode dibawah ini diatas ]]>

/* Button Blog Krizeer
----------------------------------------------- */
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}
.buttonx:hover{background-color:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}
4. Simpan template

Kode HTML nya bisa sobat simpan/tambahkan didalam postingan mode HTML bukan compose
<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="http://namablog.blogspot.com/" target="_blank">Demo</a>
<a class="buttonx" href="http://namablog.blogspot.com/" target="_blank">Download</a>
</div>
Ganti alamat yang saya kasih tanda warna merah dengan URL/alamat web yang mau sobat gunakan