Cara Membuat Download Box Mirip Anitoki

Hollaaaa ... :v kali ini admin akan membagikan tutorial tentang Cara Membuat Download Box Mirip Anitoki, ada banyak desain download box dari berbagai macam blog download terutama blog download anime, yahh ... mungkin jika sobat ingin membuat blog download kan lebih ajib jika menggunakan download box dari fansub yang sobat sukai muehehehe ... :v

Download box juga banyak sih manfaatnya selain membuat situs kita terlihat lebih rapi download box juga menjadi salah satu ciri khas dari blog download tersebut. Nah dari pada banyak penjelasan mari langsung simak aja tutorial nya dibawah ini.

Cara Membuat Download Box Mirip Anitoki

1. Langkah pertama sobat harus sudah dalam keadaan login di akun blogger sobat.
2. Pergi ke Tema > Edit Html > tekan Ctrl + F pada keyboard untuk menampilkan kolom pencarian.
3. Cari Kode </style> dan copy kode berikut tepat di atas kode </style> lalu klik simpan.

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

4. Setelah itu copy kode dibawah ini dan tempelkan pada postingan sobat (INGAT pastikan postingan dalam keadaan Html bukan Compose).

<div class="dlbod">

<div class="smokeddl">

<div class="smokettl">

Download ANIMEJUDUL</div>

<div class="smokeurl">

<strong>360P</strong> <a href="URLDOWNLOAD" rel="noopener" target="_blank">Drive </a>| <span data-blogger-escaped-style="background-color: #eeeeee;"><a href="URLDOWNLOAD" rel="noopener" target="_blank">Datafilehost </a>| </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Zippyshare </a><span data-blogger-escaped-style="text-align: start;">| </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Solidfiles </a>| <a href="URLDOWNLOAD" rel="noopener" target="_blank">Openload </a><span data-blogger-escaped-style="text-align: start;">| </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Mirror</a></div>



<div class="smokeurl">

<strong>480P</strong> <a href="URLDOWNLOAD" rel="noopener" target="_blank">Drive </a><span data-blogger-escaped-style="text-align: start;">| </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Datafilehost</a><span data-blogger-escaped-style="text-align: start;"> | </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Zippyshare</a><span data-blogger-escaped-style="text-align: start;"> | </span><span data-blogger-escaped-style="text-align: start;"><a href="URLDOWNLOAD" rel="noopener" target="_blank">Solidfiles </a>| <a href="URLDOWNLOAD" rel="noopener" target="_blank">Openload </a>| </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Mirror</a></div>



<div><div class="smokeurl">

<strong>720P</strong> <a href="URLDOWNLOAD" rel="noopener" target="_blank">Drive<span data-blogger-escaped-style="text-align: start;"> </span></a><span data-blogger-escaped-style="text-align: start;">| </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Datafilehost</a><span data-blogger-escaped-style="text-align: start;"> | </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Zippyshare</a><span data-blogger-escaped-style="text-align: start;"> | </span><span data-blogger-escaped-style="text-align: start;"><a href="URLDOWNLOAD" rel="noopener" target="_blank">Solidfiles </a>| <a href="URLDOWNLOAD" rel="noopener" target="_blank">Openload </a>| </span><a href="URLDOWNLOAD" rel="noopener" target="_blank">Mirror</a></div>

</div>

</div>

</div>

</div>

Keterangan

1. Ubah "ANIMEJUDUL" dengan judul anime sobat.
2. Ubah "URLDOWNLOAD" dengan link download anime sobat.
Jika menemukan kode yang bermasalah silahkan berkomentar.

Tweet

Subscribe to receive free email updates: