Cara Membuat Info Pengerjaan Rilisan

Hai Minna Kali ini Admin Paling Kece iMoechan ,Akan Membagikan Tutorial Cara Membuat Info Pengerjaan Rilisan

Saya Mendapat Kode ini Dari Fansub yang Terkenal yaitu Tiramisubs

Dan Akhrinya Kode ya berhasil saya Dapat :v

Silahkan Cek Demo ya

DEMO

Absolute Duo Episode 8 dst

Pengerjaan besok

75%

Tokyo Ghoul Root A Episode 4 dst

Epi 4-6 siap upload, 7-8 Edit, 9 TL

60%

Nah Seperti Biasa, Ikuti Cara Dibawah ini ya gan :)

Buka Template > Edit HTML > Cari </style> > Lalu Letak Kode dibawah ini Diatas </style>

 .judula {
width: auto;
margin-bottom: -32px;
margin-left: 2px;
margin-top: -20px;
}
p.judul {
font-family: 'Fresca';
font-size: 20px;
}
.judulb {
width: auto;
margin-bottom: -23px;
margin-left: 2px;
margin-top: -20px;
}
p.desk {
font-family: 'Fresca';
font-size: 15px;
}
.arrow {
position: relative;
width: 100%;
border: 2px solid rgba(34, 110, 140, 1);
border-radius: 2px;
height: 23px;
background: rgba(58, 166, 208, 0.2);
}
.arrow-status {
text-align: right;
padding-right: .5em;
padding-left: .5em;
background-color: #3aa6d0;
border-color: white;
border-right: 5px solid RGBA(255,255,255,0.2);
width: 0%;
color: white;
height: 100%;
line-height: 1.2em;
-webkit-animation: width .5s ease-in;
font-family: 'Fresca';
white-space: nowrap;
font-size: 16px;
} 

Setelah itu,
Silahkan Pergi Ke Layout > Add Gadget > HTML / JAVASCRIPT

 <!-- AWAL PER ANIME -->
<div class="judula">
  <p class="judul">
    Absolute Duo Episode 8 dst
  </p>
</div>
<div class="judulb">
  <p class="desk">
    Pengerjaan besok
  </p>
</div>
<div class="arrow">
  <div class="arrow-status" style="width: 75%;">
    75%
    <span class="arrow-pointer">
    </span>
  </div>
</div>
<!-- AKHIR PER ANIME -->
<!-- AWAL PER ANIME -->
<div class="judula">
  <p class="judul">
    Tokyo Ghoul Root A Episode 4 dst
  </p>
</div>
<div class="judulb">
  <p class="desk">
    Epi 4-6 siap upload, 7-8 Edit, 9 TL
  </p>
</div>
<div class="arrow">
  <div class="arrow-status" style="width: 60%;">
    60%
    <span class="arrow-pointer">
    </span>
  </div>
</div>
<!-- AKHIR PER ANIME --> 

Jika Punya Masalah, Silahkan Comment Langsung Dibawah ya gan :)
Jangan Lupa Subscribe Blog ini,
Biar agan tau apa saja yang Update di Blog sederhana ini :)
Terimakasih ~