09 April 2016

Cara Membuat Ongoing List Seperti Wardhanime

Cara Membuat Ongoing List Seperti Wardhanime - Daftar Ongoing biasa dibuat oleh Fansub agar para pengunjung mudah melihat daftar anime yang masih atau sedang dikerjakan oleh Fansub tersebut.

Cara Membuat Ongoing List Seperti Wardhanime, Cara Membuat Ongoing List, Cara Membuat Ongoing List Fansub, Cara Membuat Ongoing List Di Blogger, Cara Membuat Ongoing List Di Blogspot

Ini pertama kali saya membuat Ongoing List. Dan pada kesempatan kali ini saya akan membagikan ilmu tentang Cara Membuat Ongoing List Seperti Wardhanime. Langsung saja kita ikuti langkah-langkah di bawah ini.

  • Pertama, Buka Blogger > Edit HTML > Salin, Terapkan dan Simpan Kode di bawah ini sebelum </b:skin> atau </style>

/* CSS Ongoing List Wardhanime - Aka321 */
.ogwrap321{overflow: hidden;float: left;width: 346px;height: 139px;margin-right: 15px;margin-bottom: 15px}
.ogwrap321 img{width: 105px;padding: 2px;border: 1px solid #DDD;height: 133px;margin-right: 5px;float: left}
.oginfo321{overflow: hidden;position: relative}
.oginfo321 h2{text-transform: none;font-size: 13px;margin: 0;font-family: helvetica;border-bottom: 0;padding: 0}
.oginfo321 h2 a{color: #1A3E74}
.ogdesc321{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 11px;color: #696969;line-height: 15px}
.ogdesc321 a{color: #696969}
.ogdesc321 .synopsis321{overflow: visible;white-space: normal}


  • Jika sudah, Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).

<div id="ogawss321">
 <div class="ogwrap321">
  <a href=" Link Tujuan ">
   <img src=" Link Gambar "/>
  </a>
  <div class="oginfo321">
   <div class="ogdesc321">
   <!-- Total Episode -->
    <h2><a href=" Link Tujuan "> Nama Anime </a></h2>
   <!-- Other Name / Japanese Name -->
    Nama Lain Anime / Nama Jepang Anime
    <br/>
   <!-- Type -->
    <a href=" Link Tipe Anime "> Tipe Anime </a> 
    <br/>
   <!-- Genre -->
    <a href=" Link Genre "> Genre Anime </a>, 
    <a href=" Link Genre "> Genre Anime </a>, 
    <a href=" Link Genre "> Genre Anime </a>, 
    <a href=" Link Genre "> Genre Anime </a>
    <br/>
   <!-- Total Episode -->
    Total Episode: Episode Anime
    <br/>
   <!-- synopsis -->
    <div class="synopsis321">
     Sinopsis Anime
     <a href=" Link Tujuan ">more details...</a>
    </div>
   </div>
  </div>
 </div>
</div>


  • Setelah itu, dibawah ini merupakan kode untuk menambah anime di daftar ongoing. Untuk menambahkan anime, silahkan salin dan terapkan pada kode diatas sebelum </div> terakhir.

 <div class="ogwrap321">
  <a href=" Link Tujuan ">
   <img src=" Link Gambar "/>
  </a>
  <div class="oginfo321">
   <div class="ogdesc321">
   <!-- Total Episode -->
    <h2><a href=" Link Tujuan "> Nama Anime </a></h2>
   <!-- Other Name / Japanese Name -->
    Nama Lain Anime / Nama Jepang Anime
    <br/>
   <!-- Type -->
    <a href=" Link Tipe Anime "> Tipe Anime </a> 
    <br/>
   <!-- Genre -->
    <a href=" Link Genre "> Genre Anime </a>, 
    <a href=" Link Genre "> Genre Anime </a>, 
    <a href=" Link Genre "> Genre Anime </a>, 
    <a href=" Link Genre "> Genre Anime </a>
    <br/>
   <!-- Total Episode -->
    Total Episode: Episode Anime
    <br/>
   <!-- synopsis -->
    <div class="synopsis321">
     Sinopsis Anime
     <a href=" Link Tujuan ">more details...</a>
    </div>
   </div>
  </div>
 </div>

  • Jika sudah silahkan publikasikan dan lihat bagaimana hasilnya.


Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.

Artikel Terkait

Seorang Blogger yang mengharapkan recehan dari blog kecilnya.

15 komentar

nah ini yg gua butuhin keren dah (y)

Caranya cukup akurat kang, tpi apa bisa klo kya blog aku dibuatin list bgitu

Kok Nggak mau Kak?

ngak mau gimana gan? bisa kirim linknya di chat fb?

kak , mau tanya dong untuk koding chatango itu apa ya ?

Semuanya kebawah min, gajadi 2 kesamping. Mohon bantuannya.

Mau buat chatango? kalau mau buat bisa ke websitenya aja langsung chatango*com. disitu register aja

Nanti di benerin ya gan, belum sempet ngebenerin tutor yang lama hehe..

cara kesampingnya gimana, ini hanya kebawah j

Komentar ini telah dihapus oleh pengarang.

Cara buat kesampingnya gmn ya min? Bagus banget tutorialnya, saya coba rombak2 tetep ga jadi ('-')

Maaf tutorial ini belum di update, silahkan kunjungi postingan ini lagi lain waktu ^^"

Maaf tutorial ini belum di update, agan bisa kunjungi tutor ini lain waktu maaf yah hehe ^^"

reques slider ongoing kya meownime gan

nanti saya buatkan tutornya, ditunggu ya gan :)

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.
EmoticonEmoticon