Cara 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 templateKode 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
Label:
Tutorial blog
di
Rabu, Februari 26, 2014
Belum ada komentar untuk "Cara Membuat Tombol Demo dan Download di Blog"
Posting Komentar
Konversi KodeEmoticonFolllow