Cara membuat Download Box Seperti Kusonime pada Blogger
Cara membuat Download Box Seperti Kusonime Kusonime-Baik para fanshare ataupun fansub yang menyediakan konten download anime sudah sepantasnya untuk menghadirkan widget atau fitur download box di dalam situs/blog mereka.Selain untuk memperbagus penampilan ,box download juga berfungsi untuk mempermudah pengunjung kita menavigasi atau mencari file anime sesuai keinginanya.
Nah pada postingan kali ini saya ingin membagikan cara membuat box download anime responsive mirip seperti Kusonime , Meownime , Awsubs , oploverz dan yang lainnya.Dan tentunya , box download yang saya redesign ini sangat ringan dan mudah untuk dikonfigarsi kok.
1.Buka Blogger > Tema > Edit HTML , kemudian cari kode atau dan silahkan kalian masukan code css berikut tepat diatasnya :
/* Box Download Anime By Ex-Tekloggers */.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;}
2.Jika sudah klik Simpan Tema .Selanjutnya untuk membuat kotak download nya silahkan kalian buat postingan baru klik pada tab HTML , ingat bukan Compose.Setelah itu silahkann kalian maasukan kode html berikut ini:
<div class="dlbod"><div class="smokeddl"><div class="smokettl">Download Anime Episode 00 - 00 Subtitle Indonesiadiv><div class="smokeurl"><strong>720Pstrong> <a href="#" rel="nofollow" target="_blank">Drive a><span data-blogger-escaped-style="text-align: start;"> | span><a href="#" rel="nofollow" target="_blank">Uptoboxa><span data-blogger-escaped-style="text-align: start;"> | span><span data-blogger-escaped-style="text-align: start;"><a href="#" rel="nofollow" target="_blank">Megaa>span>div><div class="smokeurl"><strong>480Pstrong> <a href="#" rel="nofollow" target="_blank">Drive a><span data-blogger-escaped-style="text-align: start;"> | span><a href="#" rel="nofollow" target="_blank">Uptoboxa><span data-blogger-escaped-style="text-align: start;"> | span><span data-blogger-escaped-style="text-align: start;"><a href="#" rel="nofollow" target="_blank">Megaa>span>div><div class="smokeurl"><strong>360Pstrong> <a href="#" rel="nofollow" target="_blank">Drive a><span data-blogger-escaped-style="text-align: start;"> | span><a href="#" rel="nofollow" target="_blank">Uptoboxa><span data-blogger-escaped-style="text-align: start;"> | span><span data-blogger-escaped-style="text-align: start;"><a href="#" rel="nofollow" target="_blank">Megaa>span>div><div class="smokeurl"><strong>240Pstrong> <a href="#" rel="nofollow" target="_blank">Drive a><span data-blogger-escaped-style="text-align: start;"> | span><a href="#" rel="nofollow" target="_blank">Uptoboxa><span data-blogger-escaped-style="text-align: start;"> | span><span data-blogger-escaped-style="text-align: start;"><a href="#" rel="nofollow" target="_blank">Megaa>span>div>div>div>div>
3.Untuk mengkonfigurasi link download atau jenis filenya silahkan kalian klik "Compose" , dan klik pada link aktif seperti pada contoh gambar dibawah ini .Ganti link url dan jenis file (Google drive ,Uptuobox,Mega ) sesuka kalian.
Untuk Demo bisa kamu lihat di tautan berikut ini:
DemoOk itulah tadi cara membuat download box anime seperti Kusonime responsive di Blogger .Jika ada pertanyaan tulis di komen ya , see u next time :)
Source:
www.kztheme.my.id
Posting Komentar