Cara Membuat Tombol Demo & Download Di Blogger Terbaru
August 22, 2019
Tutorial ini mungkin sudah banyak yang membagikannya di blog blog mereka, tetapi saya akan membuat sedikit versi saya sendiri dan membagikannya kepada sobat semuanya.
Tutorial kali ini sobat tidak perlu lagi untuk melakukan Penambahan CSS, HTML maupun JavaScript di theme sobat. Sekarang hanya perlu menempatkan kode yang tidak panjang di dalam postingan artikel sobat yaitu Menu HTML bukan di Compose.
Dan juga tombol Demo/Download ini juga sudah Responsive, Fast loading, dan tidak menggunakan script yang dapat memperlampat kinerja loading blog sobat. Nah, jika sobat tertarik ingin membuatnya sobat dapat mengikuti langkah-langkahnya dibawah ini.
Cara Memasang Tombol Demo & Download Di Blogger Terbaru
Pertama sobat login ke Blogger, kemudian buatlah artikel baru di Post/Postingan.Kemudian pilih posisi yang ingin menyimpan kode ini baik di awal, ditengah ataupun diatas artikel (Sesuai keinginan).
Selanjutnya pilih menu HTML bukan Compose. Jika sudah selanjutnya sobat salin dan pastekan kode dibawah ini di menu HTML artikel blog sobat.
<a class="buttonDownload" href="#">Download</a>Sobat ubah tanda # dengan link Download yang akan ditujukan supaya nantinya para pengunjung bisa mengklik link tersebut.
Untuk tulisan "Download" Sobat bisa ubah sesuai dengan keinginan sobat masing-masing. Dan jika dirasa sudah selesai sobat dapat mempublish atau mem preview terlebih dahulu untuk melihat hasilnya. Untuk Demonya sobat bisa lihat hasilnya dibawah ini.
Nah Seperti itulah hasil demonya, bagaiaman keren dan responsive enggak tuh? Demikianlah Cara Membuat Tombol Demo/Download di Blogger, semoga bermanfaat!
happy blogging!!
0 komentar