-->

Cara Membuat Box dan Tombol Download Seperti Situs anime di Blog

 Halo Sobat SAMEHADA.my.id - untuk temen temen yang ingin membuat blognya tampil cantik dengan tombol download seperti situs anime, kalian harus baca dan terapin tutorial dari blog samehada kali ini.

Seperti apa sih Tombol download Animenya?

ada Beberapa macam Tampilan yang akan saya bagikan untuk tombol Download Animenya, Kalian silahkan nanti tinggal memilih Tampilan Tombol download anime mana yang menurut sobat Cocok dengan template yang sobat terapin pada blognya.

1. Tombol Download Anime Seperti Situs Anikyojin

  1. Login Ke Dashboard Blogger
  2. Pilih Menu Tema
  3. Klik pada Tanda Panah yang Menuju kebawah (Disamping Sesuaikan) Lihat Gambar agar Lebh Jelas.
  4. Pilih Menu Edit HTML

Copy Code dibawan ini Kemudian Pastekan Kodenya Sebelum/ diatas kode ]]></b:skin> (untuk mempermudah pencarian nya silahkan Gunakan CTRL+F untuk pengguna pc.

/* Download Box Anikyojin samehada */ 
.samehada {
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    margin-bottom: 5px;
    padding: 5px;
}
.samehada h2 {
    background: #333;
    padding: 7px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
}
.samehada ul, .samehada ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.samehada li:nth-child(2n+1) strong {
    background: #69A9F2;
}
.samehada li strong {
    padding: 5px 7px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
}
.samehada li a {
    padding: 5px 7px;
    background: #9499AA;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}
.samehada li:nth-child(2n) strong {
    background: #F59F3D;
}

Jika CSS Sudah di terapkan di tema. Simpan Template yang sudah ditambahkan Kode CSS Tombol Download Mirik Web anime Anikyojin.

Langkah Selanjutnya adalah Pemanggilan Kode CSS tersebut yang akan di terapkan Pada Postingan Sobat.

Buat Postingan dan Masuk Ke Menu edit HTML

Paste Kode dibawah ini

<div class="samehada">
<h2>JUDUL</h2>
<ul>
<li><strong>720p</strong> <a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
<li><strong>480p</strong> <a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
<li><strong>360p</strong> <a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
<li><strong>240p</strong> <a href="LINK_DOWNLOAD">NAMA_SERVER</a></li>
</ul>
</div>

Jika Sobat ngin menambahkan server Lebih dari satu sobat tambahkan kode dibawah ini dan jangan lupa untuk memberi spasi ya agar lebih rapih

 <a href="LINK_DOWNLOAD">NAMA_SERVER</a>

untuk Tampilan dari Tombol Download Anime Mirip Anikyoninnya akan Seperti gambar dibawah ini.atau bisa Kunjungi alamat berikut ini.

https://samehadabuttonanime.blogspot.com/2021/10/tombol-download-samehada-anikyojin.html
Tombol download anime seperti anikyojin

2. Tombol Download Anime Seperti web Kusonime

Untuk Penerapan kode CSSnya sama ya Sobat dengan Tutorial Diatas.

Paste Kode CSS dibawah ini Sebelum Atau diatas kode ]]></b:skin>

 /* Box Download Anime Samehada kusonime */.smokeddl{font-size:12px;font-weight:600;background:#f1f1f1;padding:5px;}.smokeddl .smokettl{padding:10px 10px;color:#FFF;background:#444;}.smokeddl .smokeurl {margin-top: 3px;padding: 10px 10px;color: #555;background: #fff;border-bottom: 1px solid #ddd;}.smokeddl .smokeurl a{color:#555;font-size:13px}.smokeddl .smokeurl a:hover{text-decoration:underline}.smokeurl strong{background: #333;padding: 3px;border-radius: 2px;color: #fff;margin-right: 5px;} 

Penerapan Tombol Download seperti web Kusonime pada Postingan, Sobat Masuk Ke menu Edit HTML dan Paste Kode dibawah ini.

<div class="dlbod">
<div class="smokeddl">
<div class="smokettl">NAMA_ANIME</div>
<div class="smokeurl">
<strong>360P</strong> <a href="LINK_DOWNLOAD" rel="noopener noreferrer" target="_blank">NAMA_SERVER</a> | <a href="LINK_DOWNLOAD" rel="noopener" target="_blank">NAMA_SERVER</a></div>
<div class="smokeurl">
<strong>480P</strong> <a href="LINK_DOWNLOAD" rel="noopener noreferrer" target="_blank">NAMA_SERVER</a> | <a href="LINK_DOWNLOAD" rel="noopener" target="_blank">NAMA_SERVER</a></div>
<div class="smokeurl">
<strong>720P</strong> <a href="LINK_DOWNLOAD" rel="noopener noreferrer" target="_blank">NAMA_SERVER</a> | <a href="LINK_DOWNLOAD" rel="noopener" target="_blank">NAMA_SERVER</a></div>
<div class="smokeurl">
<strong>1080P</strong> <a href="LINK_DOWNLOAD" rel="noopener noreferrer" target="_blank">NAMA_SERVER</a> | <a href="LINK_DOWNLOAD" rel="noopener" target="_blank">NAMA_SERVER</a></div>
</div>
</div>

okey sobat untuk Tampilannya nanti akan seperti gambar dibawah ini atau sobat Bisa Kunjungi alamat di bawah ini.

https://samehadabuttonanime.blogspot.com/2021/10/tombol-download-samehada-seperti.html
Tombol Download anime seperti Kusonime

Sekian Tutorial tentang cara Membuat Button atau Tombol Download anime Seperti web anime anikyojin dan kusonime Semoga Postingan blog samehada.my.id bisa bermanfaat.

LihatTutupKomentar