Cara Membuat Widget Info Jadwal Rilis

Udah lama nih Mimin gak berbagi tutorial Baru ~ :3

Kali ini Mimin mau Berbagi Tutorial Baru lagi , dan pasti Keren dan Cocok Buat kalian yang membuka Blog Fansub / Streaming xD

Jadi silahkan Coba Widgetnya :D

---

DEMO

---

Langsung saja, letakkan Kode Widget ini Layout -> Add Gadget -> HTML/JAVASCRIPT :D

<style>
.lined-heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
  display: block;
}
h1.lined-heading:before, h2.lined-heading:before, h3.lined-heading:before, h4.lined-heading:before, h5.lined-heading:before, h6.lined-heading:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 1px;
  border-top: 2px solid #ccc;
  content: "";
}
h1.lined-heading span, h2.lined-heading span, h3.lined-heading span, h4.lined-heading span, h5.lined-heading span, h6.lined-heading span {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  background: #fff;
  display: inline-block;
}
:host([direction="up"]), :host([direction="down"]) {
  overflow: initial;
  overflow-y: hidden;
  white-space: initial;
}
.table-bordered {
  border: 1px solid #dddddd;
 margin-bottom:5px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #ebebeb;
  padding:5px 10px;
}
</style>
<h4 class="lined-heading">
Jadwal rilis hari ini</h4>
<marquee behavior="scroll" direction="down" height="125px" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="2"><center>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/baby-steps-season-2"><i class="fa fa-desktop"></i> Baby Steps Season 2  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/denpa-kyoushi"><i class="fa fa-desktop"></i> Denpa Kyoushi  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/fate-stay-night-unlimited-blade-works-season-2"><i class="fa fa-desktop"></i> Fate stay night Unlimited Blade Works Season 2  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr>
<td align="center"><a href="https://www.blogger.com/gunslinger-stratos"><i class="fa fa-desktop"></i> Gunslinger Stratos  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/high-school-dxd-born"><i class="fa fa-desktop"></i> High School DxD BorN  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered">
<tbody>
<tr><td align="center"><a href="https://www.blogger.com/kuroko-no-basket-s3"><i class="fa fa-desktop"></i> Kuroko no Basket S3  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/kyoukai-no-rinne"><i class="fa fa-desktop"></i> Kyoukai no Rinne  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/mahou-shoujo-lyrical-nanoha-vivid"><i class="fa fa-desktop"></i> Mahou Shoujo Lyrical Nanoha ViVid  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/one-piece"><i class="fa fa-desktop"></i> One Piece  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/owari-no-seraph"><i class="fa fa-desktop"></i> Owari No Seraph  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/plastic-memories"><i class="fa fa-desktop"></i> Plastic Memories  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
</center>
</marquee> 

Lalu Save xD
Cara Setting :
<table class="table table-bordered"><tr><td align="center"><a href="baby-steps-season-2"><i class="fa fa-desktop"></i> Baby Steps Season 2  <i class="fa fa-desktop"></i></a></td></tr></table>

*BIRU = LINK ANIME
*MERAH = NAMA ANIME

Nah, jika ada masalah silahkan Komentar dibawahnya 

Pengunjung yang baik, pasti akan memberikan Komentarnya,

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah ! (y)