Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Buat Menu 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 bagus bagus. Dan di hati kita sebagai seorang blogger pasti 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 adalah tombol download sederhana sehingga siapa saja dapat membuatnya. Walau kalian baru belajar ngeblog dengan cara ini pasti bisa.

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

Tombol Download Sederhana




Tombol sederhana itu seperti tombol diatas. Jika anda menggunakan template Viomagz anda dapat 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 tempat yang ingin anda buat tombol downloadnya.
  • Kemudian jangan lupa untuk merubah yang berwarna kuning dengan link url tujuan, dan tulisan yang berwarna merah merupakan teks yang akan di tampilkan anda bisa merubah sesuai dengan kebutuhan dan keinginan anda.
  • Setelah selesai ubah kembali ke mode Compose  kemudian perbarui, dan silahkan lihat hasilnya akan tampil seperti tombol diatas


Bagi anda yang tidak memakai template Viomagz jangan khawatir, masih bisa kok membuat tombol Download sederhana seperti tombol diatas. Gunakan skrip dibawah ini untuk membuatnya yang memakai 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.purwomp.com" target="_blank">
<button class="purwo"><i class="fa fa-eye"></i> Demo</button></a>
<a href="https://www.purwomp.com.com" target="_blank">
<button class="purwo"><i class="fa fa-download"></i> Download</button></a>
</center>

Untuk langkah langkah pembuatannya sama seperti membuat tombol download diatas. Jika belum jelas ikuti saja langkah langkahnya seperti berikut :


  • Sama seperti 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 tempat yang ingin anda buat tombol downloadnya.
  • Kemudian jangan lupa untuk merubah yang berwarna kuning dengan link url tujuan, dan tulisan yang berwarna merah merupakan teks yang akan di tampilkan. kalau anda hanya membutuhkan tombol download saja tinggal hapus script Demonya.
  • Setelah selesai ubah kembali ke mode Compose  kemudian perbarui, dan silahkan lihat hasilnya akan tampil seperti berikut ini :



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

Posting Komentar untuk "Cara Buat Menu Download Keren Di Postingan Blog"