OKe pada kesempatan kali ini saya akan bagikan tentang bagaimana Cara Membuat Tombol Download Button Film Series Blogger. Jadi simak terus artikel ini sampai selesai ya
Kode ini saya dapatkan dari blog WendyCode. Saya sempat mencari dan mencoba beberapa kode untuk saya terapkan dan saya pikir hanya kode ini cukup simple dan rapi untuk diterapkan.
Untuk kalian yang memiliki blog download movie saya pikir widget yang satu ini akan sangat ramah dan cocok sekali untuk Anda terapkan di blog Anda
Tanpa panjang lebar lagi, buat Anda yang ingin menerapkan widgetnya bisa langsung ikuti tutorial dibawah ini
Tombol Download Button Film Series Blogger
Pertama silahkan masuk kemenu Tema > Edit HTML > kemudian silahkan salin dan tempel css dibawah ini di atas ]]></b:skin> atau di atas </style>
/* download button film series by Jibrex.com */
.wc-flms-wrap{position:relative;display:flex}
.wc-flms-wrap h3{position:absolute;margin-top:0;background-color:#4c4f4d;color:#fefefe;padding:15px;width:100%;font-size:17px;text-align:center}
.wc-flms-wrap .wcbtn-flms-area {margin:70px auto;display:flex;flex-direction:row;justify-content:normal;flex-wrap:wrap}
.wcbtn-flms-area a {width:50px;box-sizing:border-box;text-decoration:none;margin: 0.4em;padding-left:0.7em;border-radius: 3px;border: 1px solid #f0f0f0;border-bottom-color:#dce2e0;color:#4c4f4d;font-size: 12px;font-weight:bold;box-shadow: 0 1px 0 rgb(0 0 0 / 20%), inset 0 0 0 2px #f0f0f0;background-color:#f0f0f0}
/* css darkmode sesuaikan classnya jika berbeda atau hapus bagian ini */
.darkMode .wcbtn-flms-area a {border:1px solid #4c4f4d;border-bottom-color:#161717;color:#B0B3B8;box-shadow:0 1px 0 #161717,inset 0 0 0 2px #4c4f4d;background-color:#4c4f4d}
Cara Penggunaan
Silahkan gunakan format penulisan seperti dibawah ini pada postingan blog Anda dalam mode html. Pastikan untuk mengubah bagian '#' dengan link series Anda.
<div class='wc-flms-wrap'> <h3>1 Supergirl - Season 1</h3> <div class='wcbtn-flms-area'> <!--[ubah # dengan link download kalian]--> <a href='#' target='_blank'>EP1</a> <a href='#' target='_blank'>EP2</a> <a href='#' target='_blank'>EP3</a> <a href='#' target='_blank'>EP4</a> <a href='#' target='_blank'>EP5</a> <a href='#' target='_blank'>EP6</a> <a href='#' target='_blank'>EP7</a> <a href='#' target='_blank'>EP8</a> <a href='#' target='_blank'>EP9</a> <a href='#' target='_blank'>EP10</a> <a href='#' target='_blank'>EP11</a> <a href='#' target='_blank'>EP12</a> <a href='#' target='_blank'>EP13</a> <a href='#' target='_blank'>EP14</a> <a href='#' target='_blank'>EP15</a> <a href='#' target='_blank'>EP16</a> <a href='#' target='_blank'>EP17</a> <a href='#' target='_blank'>EP18</a> <a href='#' target='_blank'>EP19</a> <a href='#' target='_blank'>EP20</a> </div> </div>
Sampai disini Anda sudah berhasil membuat button download pada postingan blogger. Semoga artikel ini dapat memberikan manfaat untuk kita semua.