Cara Membuat Download Box Seperti Awsubs

Membuat download box seperti style Awsubs atau yang lebih dikenal dengan Accelerated World Subs ini sangat terkenal sekali di kalangan para anime lovers karena cepat sekali kalau update tentu saja dengan kualitas yang bagus dan format yang diberikan pun cukup memuaskan sekali dengan Format MKV MP4 dengan kualitas 360 sampai 1080p.

Nah sekarang kembali lagi ke Topik pembicaraa yaitu membuat Download Box Seperti Awsubs bagi yang ingin jadi Fanshare Awsubs wajib donk gunain Download Boxnya Awsubs ini.

Cara Membuat Download Box Awsubs

1. Masuk ke Dashboard blog kamu blogger.com

2. Silahkan Klik Template/Tema cari kode </style> or </b:skin> lalu copy kode css dibawah ini

.subs-box{background:#f5f5f5;border:1px solid #e5e5e5;padding:20px;font-family:tahoma;}.subs-title{background:#0000ff;color:#ffffff;padding:10px 30px;margin:0 0 3px;font-size:12px;font-weight:bold;}.subs-anime{background:#ffffff;margin-bottom:2px;padding:5px 30px;}.subs-anime a{padding:0 5px;border-right:2px solid #0000ff;color:#0033cc;}.subs-anime a:nth-child(1){padding-left:0;}.subs-anime a:last-child{border-right:0!important;}

3. Simpan kode css tersebut diatas kode </style> or </b:skin>

4. Simpan Template/Tema

 5. Sekarang untuk pemasangan kodenya masuk ke post > Lalu pilih mode HTML bukan Compose dan masukan kode HTML berikut

 <div class="subs-box">
 <div class="subs-item">
  <h3 class="subs-title">
   Judul Anime [480p]
  </h3>
  <div class="subs-anime">
   <a href="Link URL" rel="nofollow" target="_blank">Elsfile</a>
   <a href="Link URL" rel="nofollow" target="_blank">Zippyshare</a>
   <a href="Link URL" rel="nofollow" target="_blank">Uptobox</a>
   <a href="Link URL" rel="nofollow" target="_blank">Mirror</a>
  </div>
 </div>
 <div class="subs-item">
  <h3 class="subs-title">
   Judul Anime [720p]
  </h3>
  <div class="subs-anime">
   <a href="Link URL" rel="nofollow" target="_blank">Elsfile</a>
   <a href="Link URL" rel="nofollow" target="_blank">Zippyshare</a>
   <a href="Link URL" rel="nofollow" target="_blank">Uptobox</a>
   <a href="Link URL" rel="nofollow" target="_blank">Mirror</a>
  </div>
 </div>
</div> 

6. Pada tulisan Link URL ganti dengan link url download animenya

5. Selesai

Untuk Menambahkan Menjadi 3 Coloum kamu bisa tambahkan kodenya seperti ini

<div class="subs-box">
 <div class="subs-item">
  <h3 class="subs-title">
   Judul Anime [480p]
  </h3>
  <div class="subs-anime">
   <a href="Link URL" rel="nofollow" target="_blank">Elsfile</a>
   <a href="Link URL" rel="nofollow" target="_blank">Zippyshare</a>
   <a href="Link URL" rel="nofollow" target="_blank">Uptobox</a>
   <a href="Link URL" rel="nofollow" target="_blank">Mirror</a>
  </div>
 </div>
 <div class="subs-item">
  <h3 class="subs-title">
   Judul Anime [720p]
  </h3>
  <div class="subs-anime">
   <a href="Link URL" rel="nofollow" target="_blank">Elsfile</a>
   <a href="Link URL" rel="nofollow" target="_blank">Zippyshare</a>
   <a href="Link URL" rel="nofollow" target="_blank">Uptobox</a>
   <a href="Link URL" rel="nofollow" target="_blank">Mirror</a>
  </div>
 </div>
Tambahkan Kodenya disini
</div>

Nanti hasilnya akan jadi seperti ini

<div class="subs-box">
 <div class="subs-item">
  <h3 class="subs-title">
   Judul Anime [480p]
  </h3>
  <div class="subs-anime">
   <a href="Link URL" rel="nofollow" target="_blank">Elsfile</a>
   <a href="Link URL" rel="nofollow" target="_blank">Zippyshare</a>
   <a href="Link URL" rel="nofollow" target="_blank">Uptobox</a>
   <a href="Link URL" rel="nofollow" target="_blank">Mirror</a>
  </div>
 </div>
 <div class="subs-item">
  <h3 class="subs-title">
   Judul Anime [720p]
  </h3>
  <div class="subs-anime">
   <a href="Link URL" rel="nofollow" target="_blank">Elsfile</a>
   <a href="Link URL" rel="nofollow" target="_blank">Zippyshare</a>
   <a href="Link URL" rel="nofollow" target="_blank">Uptobox</a>
   <a href="Link URL" rel="nofollow" target="_blank">Mirror</a>
  </div>
 </div>

 <div class="subs-item">
  <h3 class="subs-title">
   Judul Anime [720p]
  </h3>
  <div class="subs-anime">
   <a href="Link URL" rel="nofollow" target="_blank">Elsfile</a>
   <a href="Link URL" rel="nofollow" target="_blank">Zippyshare</a>
   <a href="Link URL" rel="nofollow" target="_blank">Uptobox</a>
   <a href="Link URL" rel="nofollow" target="_blank">Mirror</a>
  </div>
 </div>

</div>

Nah sekarang kamu dapat melihat Download Box yang sudah mirip sekali dengan Samehadaku.

Demo Tutorial

Share this post