Cara Membuat Staff List Nekonime

Dengan Staff List Pengunjung dapat melihat Siapasaja yang berkaitan dengan Blog tersebut atau Fansub tersebut, biasanya tercantum Jabatan dan Pekerjaan di Fansub tersebut. Kalo menurut saya, ini sangat penting sekali untuk di cantumkan dalam Blog kalian... hehe. OK, langsung aja kita ke tutorial nya. ikuti baik-baik yah!.

Pertama masuk ke blogger --> Template --> Edit HTML
Letakkan CSS berikut di bawah <b:skin> atau di atas </b:skin>

/* CSS Founded by Fansublogger */
.fslist {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.imgfslist {
    float: left;
    margin-right: 10px;
}
.imgfslist img {
    width: 50px;
    height: 50px;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 1px;
}
.infofslist {
}
.infofslist h2 {
    font-size: 12px;
    margin: 0px;
    text-transform: none;
    border: 0px none;
    padding: 0px;
    font-weight: bold;
}

Sekarang kita masukan HTML nya.

<div class="fslist">
<div class="imgfslist"><img src="URL Gambar"></div>
<div class="infofslist">
<h2>Nama</h2>
Posisi(Jabatan)</div><br/>
<div class="clear"></div>

Kalau ingin lebih banyak Staff anda bisa mengkopi HTML di atas sesuai Kebutuhan.
Untuk Demonya biar ngga kepo!

See the Pen hrEFa by hilmanfad (@hilmanfad) on CodePen.