Beranda Tips Blogging Cara Membuat Tombol Download Di Blog Dengan Bounce Effect

Cara Membuat Tombol Download Di Blog Dengan Bounce Effect

147
0
Advertisement

Cara Membuat Tombol Download Di Blog – Siapa di antara kalian yang pernah atau yang mempunyai sebuah blog download ? Entah itu blog download lagu, download film, atau bahkan download Software. Untuk lebih menarik pengunjung maka kita harus membuat efek pada tombol download tersebut.

Efek yang akan kita berikan di sini adalah bounce effect, yang artinya mantul” 😀 kita hanya sedikit menambahkan script saja ke dalam template kita nantinya. Nah langsung saja kita masuk ke tutorialnya ya cara membuat tombol download di blog dengan bounce effect ini.

Cara Membuat Tombol Download Di Blog 

Langkah pertama, kita harus memasang PlugIn Font Awesome ini terlebih dahulu dengan cara kalian masuk ke Blogger lalu kalian masuk ke Template, lalu kalian klik Edit HTML

Advertisement

Jika sudah kalian letakan kode di bawah ini tepat di atas kode </head>

Jika sudah, maka langkah selanjutnya kita memasang kode CSS tombol downloadnya, kalian bisa letakan kode CSS di bawah ini tepat di atas kode </style> atau ]]></b:skin>

Nah jika sudah kalian bisa Save Template tersebut.

Cara Memasang Tombol Download Dalam Artikel

Nah untuk cara pemasangannya, kalian bisa masuk ke Postingan kalian , lalu kalian masuk ke mode HTML lalu kalian masukan kode di bawah ini

<div id="wrap"><a class="btn down anima" href="https://www.masanggading.com" target="_blank">Download <i class="fa fa-download fa-lg"></i></a></div>

Perhatian !

  • Kalian bisa ganti https://www.masanggading.com Dengan URL download kalian.
  • Kalian juga bisa ubah kata Download menjadi kata sesuai keinginan kalian,
  • Kalian Juga bisa ganti fa-download menjadi icon sesuai keinginan kalian, kalian bisa dapatkan di Font Awesome
  • Jika kalian tidak ingin ada icon download nya kalian bisa hapus saja fa-download .

Selesai.

Demikianlah tutorial cara membuat tombol download dengan bounce effect di blog. Semoga bermanfaat

Sekian dan Terima Gaji 😀

LEAVE A REPLY

Please enter your comment!
Please enter your name here