Cara membuat Info anime part 1

Cara membuat Info anime part 1 - Arleth-desu
Selamat malam semuanya, malam ini saya mendapat request dari teman facebook dan dia minta request cara membuat informasi anime, Previewnya bisa kalian lihat dibawah ini

bagaimana cara membuatnya yuk kita lihat tutorial yang sudah saya buat dibawah ini
Tahap awal yang harus kalian ikuti yaitu Buka Blogger > Template > Edit HTML atau kalian juga bisa langsung buat post dengan menambahkan </style> lalu salin CSS dibawah ini
/* CSS */
.cover-image {float: left;margin-right: 1px;}
.cover-image img {width: 166px;height: 225px;border: 1px solid #E7E7E7;padding: 4px;margin-top: 0;border-radius: 0;background: #FFF;}
.line-titles {position: relative;margin-top: 0;margin-bottom: 5px;text-align: center;display: block;}
h1.line-titles:before,h2.line-titles:before,h3.line-titles:before,h4.line-titles:before,h5.line-titles:before,h6.line-titles:before{position:absolute;top:50%;z-index:1;display:block;width:100%;height:1px;border-top:2px solid #ccc;content:""}
.data {position: relative;}
h1.line-titles span,h2.line-titles span,h3.line-titles span,h4.line-titles span,h5.line-titles span,h6.line-titles span{position:relative;z-index:1;padding:0 20px;background:#fff;display:inline-block}
.yuu-inf {font-family: "Open sans",sans-serif;font-size: 12px;line-height: 25px;padding: 0px 5px;border-bottom: 1px solid #FFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yuu-inf:nth-child(2n+1) {background: none repeat scroll 0% 0% #E5E5E5;}
.yuu-inf b {display: block;float: left;width: 95px;}
.yuu-inf a {color: #333;}

tahap kedua yaitu buat Post > HTML lalu salin HTML dibawah ini
<div class='bungkus-inspect'>
<h3 class="line-titles"><span>JUDUL ANIME</span></h3>

<!-- Bungkus Data -->
<div class="kantong-kresek">
<!-- Kiri -->
<div class="kiri">
<div class="cover-image">
<img width="225" src="LINK GAMBAR" title="JUDUL ANIME" alt="JUDUL ANIME"></div>
</div>

<!-- Kanan -->
<div class="kanan">
<div class="data">
<div class="yuu-inf">
<b>Japanese</b>: この美術部には問題がある!</div>
<div class="yuu-inf">
<b>Premiered</b>: Summer 2016</div>
<div class="yuu-inf">
<b>Status</b>: Ongoing</div>
<div class="yuu-inf">
<b>Genre</b>: Comedy, Romance, School</div>
<div class="yuu-inf">
<b>Durasi</b>: 23 min. per episode</div>
<div class="yuu-inf">
<b>Episode</b>: 12 Episode</div>
<div class="yuu-inf">
<b>Rating</b>: PG-13 - Teens 13 or older</div>
<div class="yuu-inf">
<b>Aired</b>: Jul 8, 2016 to ?</div>
<div class="yuu-inf">
<b>Credit</b>: Arleth-desz</div>
</div></div>
</div>
<!-- END Bungkus data -->
<br/>
<!-- Bagian Sinopsis -->
<h3 class="line-titles"><span>Sinopsis</span></h3>
<div style="text-align:center;">
Cara Membuat Info Anime Part 1
</div>

</div>

ok saya rasa udah ga ada penjelasan tentang cara settingnya, kalo tidak tahu silahkan beri komentar dibawah ini, semoga bermanfaat.