Cara Membuat Tombol Demo dan Download di Blogger Simple dan Keren | Marzep.com - Marzep Design

Cara Membuat Tombol Demo dan Download di Blogger Simple dan Keren | Marzep.com


Cara membuat tombol demo dan download -  Tombola atau Button biasanya kita lihat di blog download template atau di blog tutorial blogger membuat widget atau apalah pasti ada tombol demo atau download. Nah untuk kali ini admin akan sharekan, Cara membuat dan memasang widget tombol demo dan download pada blog, responsive tentunya.

Fungsi dan tujuan membuat widget tombol demo atau download pada postingan blog adalah untuk membungkus link yang akan di tampilkan didalam artikel nantinya, selain untuk membungkus link, juga agar link yang di tampilkan mencolok atau menarik, rapih dan tentunya keren, karena adanya widget tomblo ini pengunjung bisa dengan mudah mencari mana tombol demo mana tombol download karena tampilan tombolnya yang mencolok.

Saya juga suka membuat widget tombol Widget tombol demo dan download, seperti yang saya sudah bilang di atas, karena lebih rapih dan keren tentunya. Widget tombol demo dan download sangat diperlukan untuk pasang di blog, khususnya untuk blog dengan niche tutorial membuat widget pada blog dan niche download. Seperti download aplikasi, video, lagu, terutama blog download template blogger yang saya sering jumpai.

Cara Membuat Tombol Demo dan Download di Blog


Dari pada membuat sobat penasaran dan tertarik untuk memodifikasi link demo dan download dalam postigan ingin menjadi lebih menarik dan keren. Yuk, baca artikel ini sampai selesai.

Cara Membuat Tombol Demo dan Download di Blog
Seperti biasanya login masuk dasbor Blog sobat

Kemudian, pilih Tema, edit HTML, dan cari kode ]]></b:skin>, lakukan CTRL + F untuk memudahkan  pencarian tekan tombol

Jika sudah ketemu kodenya. Selanjutnya Letakan kode CSS dibawah ini, tempat diatas kode ]]></b:skin>

.buttonmt{
  text-align: center;
}
.btn{
 font-family: Google Sans,sans-serif;
 background-color: #43ce8e;
 color: #fff;
 padding: 6px 12px;
 margin-bottom: 5px;
 font-size: 16px;
 line-height: 1.42857143;
 text-align: center;l
 white-space: nowrap;
 vertical-align: middle;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 cursor: pointer;
 border-radius: 4px;
 display: inline-block;
  text-decoration: none;
}
.btn:hover{
 background-color: #019875;
}

Keterangan
Sobat bisa menganti warnanya, ganti kode yang dikasih warna merah dengan warna yang sobat inginkan.

Baca juga: Daftar Kode Warna HTML dan Lengkap

Sampai disini sobat berhasil memasang tombol demo dan download, kemudian sobat perlu memanggil kode css tersebut agar bisa tampil di dalam postingan. berikut langkah langkahnya…

Cara Memasang Tombol Demo dan Download di Postingan Blog

Nah Agar widget tersebut bisa tampil di postingan blog sobat, sobat perlu memanggil css yang sudah dibuat tadi, diMenu HTML di Postingan Blogger, contoh seperti pada gambar berikut:

Cara Memasang Tombol Demo dan Download di Postingan Blog

Letakan kode dibwah ini pada tab HTML pada saat Membuat postingan. Posisikan dimana sobat ingin menampilkannya , seperti di tengah artikel atau di bawah artikel, tergantung sobat mau letakan dimana lah heheh...

<div class="buttonmt">
<a href="#" class="btn">Demo</a>
<a href="#" class="btn">Download</a>
</div>

Keterangan
Ganti # dengan link demo dan link download yang ingin dituju.
Dan bisa juga mengganti tulisan Demo dan Download nya menjadi Lihat atau Unduh, terserah mau diganti menjadi tulisan lain kehendak sobat.

Jika sudah diletakan dengan tempat hasilnya, Pratinjau dulu untuk melihat hasil atau langsung Publikasikan saja.

Baca juga: Cara Efektif Mempercepat Loading Blog

Itulah cara mudah membuat tombol demo dan download di postingan blogger, gimana cukup mudah kan. Seperti bisa Selamat mencoba, Semoga bermanfaat dan Terimakasih sudah berkunjung disitus sederhana kami…

Salam Blogger pemula…

12 Responses to "Cara Membuat Tombol Demo dan Download di Blogger Simple dan Keren | Marzep.com"

Note :
- Di larang pasang link aktif di kolom komentar
- Komentar akan disetujui jika tidak mengandung promosi
- Komentar boleh menggunakan bahasa banjarmasin
- Dilarang komentar yang berisi pornografi
- Jangan harap komentar yang berisi link aktif akan disetujui

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel