Cara Membuat Tombol Demo & Download di Posting Blog

CARA Membuat Tombol Demo & Download di Posting Blog ini tidak sebatas Demo & Download Button, tapi juga bisa untuk tombol, menu, atau link lainnya di posting blog, misalnya "BELI", "KUNJUNGI", atau link menu lainnya.

Jika Anda suka berbagi template gratis, tentu Tombol Demo & Download di Posting Blog ini sangat penting dan bagus, lebih menarik, sebagaimana gambar ilustrasi tulisan ini.

Cara Membuat Tombol Demo & Download di Posting Blog

CB ambil kodenya dari Leet Blogger. Berikut ini cara membuatnya:

1.Template> Edit HTML
2. Copas kode berikut ini di atas kode ]]> atau

.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}

Catatan: Warna background bisa diubah sesuai dengan selera. Lihat: Kode Warna HTML.

3. Save Template!

CARA MENERAPKANNYA
1. Klik

mode HTML saat menulis posting
2. Masukkan kode berikut ini beserta linknya

http://www.contohblog.com/" target="_blank">Demo
http://www.contohblog.com/" target="_blank">Download

Jika mau menambah tombol, tinggal tambahkan kode:

http://www.contohblog.com/" target="_blank">Nama Tombol

Ganti alamat blognya dengan link Anda!

3. Publish!

ALTERNATIF
Bisa jugaMembuat Tombol Demo & Download di Posting Blog ini dengan langsung memasang kodenya di postingan, tanpa menyimpan kode HTML di dalam template. Caranya:

1. Klik Mode HTML
2. Copas saja kode berikut ini:

http://www.contohblog.com/" target="_blank">Demo
http://www.contohblog.com/" target="_blank">Download

Ganti link dan nama tombolnya!

3. Publish!

Hasilnya seperti ini:

DemoDownload

DemikianMembuat Tombol Demo & Download di Posting Blog. Good Luck! (http://www.contohblog.com/).*

reff : http://www.contohblog.com/2015/10/cara-membuat-tombol-demo-download-posting-blog.html

Related video : Cara Membuat Tombol Demo & Download di Posting Blog