✔ Cara Buat Sajian Download Keren Di Postingan Blog

Cara buat tombol download keren di blog, Purwomp.com - Sering kali kita menemui di blog blog lain itu pada tombol download dipostingan itu anggun bagus. Dan di hati kita sebagai seorang blogger niscaya bertanya tanya, bagaimana cara buatnya? iya tidak. Untuk itu pada kesempatan kali ini saya akan memberi tahukan Cara Buat Menu Download Keren Di Postingan Blog.

Tutorial yang akan saya berikan ini yaitu tombol download sederhana sehingga siapa saja sanggup membuatnya. Walau kalian gres mencar ilmu ngeblog dengan cara ini niscaya bisa.

Untuk menciptakan tombol download di postingan sahabat sahabat blogger semua, ikuti saja langkah demi langkah yang akan saya berikan di bawah. 

Tombol Download Sederhana

Download

Tombol sederhana itu menyerupai tombol diatas. Jika anda menggunakan template Viomagz anda sanggup copy paste skrip berikut :

<a class="buttonDownload" href="URL-DOWNLOAD">Download</a>

Langkah langkah Membuat tombol Download 

• Pertama buka terlebih dahulu artikel yang mau di tambahkan tombol downloadnya 
• Kemudian ubah tampilannya ke mode HTML
• Selanjutnya copy script diatas dan pastekan dimana daerah yang ingin anda buat tombol downloadnya.
• Kemudian jangan lupa untuk merubah yang berwarna kuning dengan link url tujuan, dan goresan pena yang berwarna merah merupakan teks yang akan di tampilkan anda sanggup merubah sesuai dengan kebutuhan dan cita-cita anda.
• Setelah simpulan ubah kembali ke mode Compose  lalu perbarui, dan silahkan lihat karenanya akan tampil menyerupai tombol diatas

Bagi anda yang tidak menggunakan template Viomagz jangan khawatir, masih sanggup kok menciptakan tombol Download sederhana menyerupai tombol diatas. Gunakan skrip dibawah ini untuk membuatnya yang menggunakan template lain :

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
<style>
.purwo {
  margin-right:9px;
  padding: 15px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #0000FF;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #000;
}
/* Darker background on mouse-over */
.purwo:hover {
    background-color: #a5a6a7;
}
.purwo:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
</style>
<br />
<center>
<a href="https://www." target="_blank">
<button class="purwo"><i class="fa fa-eye"></i> Demo</button></a>
<a href="https://www..com" target="_blank">
<button class="purwo"><i class="fa fa-download"></i> Download</button></a>
</center>

Untuk langkah langkah pembuatannya sama menyerupai menciptakan tombol download diatas. Jika belum terang ikuti saja langkah langkahnya menyerupai berikut :

• Sama menyerupai diatas pertama buka terlebih dahulu artikel yang mau di tambahkan tombol downloadnya 
• Kemudian ubah tampilannya ke mode HTML
• Selanjutnya copy scrip diatas dan pastekan dimana daerah yang ingin anda buat tombol downloadnya.
• Kemudian jangan lupa untuk merubah yang berwarna kuning dengan link url tujuan, dan goresan pena yang berwarna merah merupakan teks yang akan di tampilkan. jikalau anda hanya membutuhkan tombol download saja tinggal hapus script Demonya.
• Setelah simpulan ubah kembali ke mode Compose  lalu perbarui, dan silahkan lihat karenanya akan tampil menyerupai berikut ini :

Nah, cukup gampang tidak dalam membuatnya? niscaya gampang untk di lakukan. Jika belum sanggup membuatnya silahkan tanya tanya di kolom komentar di bawah. Semoga postingan ini bermanfaat bagi para blogger yang mencari cara ini.

Bagikan Artikel ini