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 IsmetCara Membuat Tombol Demo dan Download di Blog - Sebelumnya tutorial ini sudah saya bagikan di Cara Membuat Tombol Demo dan Download ala Gyuki no Pantsu nah sekarang saya mau berbagi versi lainnya/berbeda lagi tampilannya.

1. Login ke blogger.com
2. Pada dashboar -> template -> klik edit HTML
3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin> 
/* 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://blog-gyuki.blogspot.com/" target="_blank">Demo</a>
<a class="buttonx" href="http://blog-gyuki.blogspot.com/" target="_blank">Download</a>
</div>
Ganti alamat yang saya kasih tanda warna kuning dengan URL/alamat web yang mau sobat gunakan


Sumber : http://blogkrizeer.blogspot.com 

Belum ada komentar untuk "Cara Membuat Tombol Demo dan Download di Blog"

Posting Komentar

Back to Top