Buka Blogger, Template (tema), Klik Edit HTML. Copas kode ini sebelum "</head>" tanpa tanda petik.
<script type='text/javascript'>
(function() {var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = false; ad.src = '//cdn.rawgit.com/Arleth98/Js/master/anime-info-with-release-date-v1.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
</script>
Langkah Kedua:
Copas kode ini sebelum "]]></b:skin>" atau "</style>"
ul.last-post-wrap {position: relative;margin: 0;list-style: none;}
ul.last-post-wrap:before {content: '\f07c Episode List';display: block;font-family: fontawesome,sans-serif;font-weight: 700;padding: 10px 5px;border-bottom: 3px solid #6b4e4d;}
ul.last-post-wrap:after {content: 'Tanggal';top: 0;position: absolute;right: 0;font-weight: 700;padding: 10px 35px;}
.lol b:hover {transform: none;}
li.last-post-item {line-height: 25px;padding: 0 5px;border-bottom: 1px solid #F0F0F0;margin: 0;}
li.last-post-item:nth-child(odd) {background: #FFFFFF;}
li.last-post-item:nth-child(even) {background: #FAFAFA;}
span.post-update {float:right;padding: 0!important;margin: 0!important;display: inline-block!important;}
.post_item {display: inline-block;width: 500px;vertical-align: bottom;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.post_item a {color: #555;}
.post_item a:hover{color:#000;}
.sekainoshouri{font-size:12px;font-family:'Open sans',sans-serif}
.sekainoshouri h2{font-weight:bold;font-size:14px;border-bottom:3px solid #6b4e4d;margin-bottom:1px;padding:4px 0}
.sekainoshouri .img-thumb{float: left;margin-right: 1px}
.sekainoshouri .img-thumb img{width: 166px;height: 223px;border: 1px solid #E7E7E7;padding: 4px;background: #FFF}
.sekainoshouri .inf-inc .lol{line-height: 25px;padding: 0 5px;border-bottom: 1px solid #FFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.sekainoshouri .inf-inc .lol:nth-child(odd){background: #FAFAFA}
.sekainoshouri .inf-inc .lol:nth-child(even){background: #F5F5F5}
.sekainoshouri .inf-inc .lol b{display: block;float: left;width: 95px}
.sekainoshouri .inf-inc .lol a{color: #333;text-decoration: none}
.sekainoshouri .synopsis{text-align: justify;font-size: 14px;margin: 1px 0;border: 1px solid #E1EAF0;padding: 10px}
.sekainoshouri .sinopsiss{font-size: 12px}
.sekainoshouri .sinopsiss p{margin: 1em 0 !important;line-height: 20px;}
Langkah Ketiga:
Buat post baru berinfo anime, Klik HTML dan jangan lupa ubah kode tersebut
<div class="sekainoshouri">
<h2>Judul Anime</h2>
<div class="inf-wrap">
<div class="img-thumb">
<img src="//s13.postimg.org/wwpts2ngn/konobi.jpg" alt="Judul Anime"/>
</div>
<div class="inf-inc">
<div class="lol"><b>Japanese</b>: Nama Lain / Nama Jepang Anime</div>
<div class="lol"><b>Producer</b>: Produser Anime</div>
<div class="lol"><b>Type</b>: Tipe Anime</div>
<div class="lol"><b>Status</b>: Status Anime</div>
<div class="lol"><b>Genres</b>:
<a href="Link Genre">Genre Anime</a>,
<a href="Link Genre">Genre Anime</a>,
<a href="Link Genre">Genre Anime</a>
</div>
<div class="lol"><b>Durasi</b>: Durasi Anime</div>
<div class="lol"><b>Episode</b>: Episode Anime</div>
<div class="lol"><b>Rating</b>: Rating Anime</div>
<div class="lol"><b>Added On</b>: Tanggal Rilis Anime</div>
</div>
</div>
<div class="synopsis">
<b>Sinopsis:</b></br>
<span class="sinopsiss">
<p>Bercerita tentang klub seni di sebuah SMP. Anggota klub itu adalah Uchimaki Subaru, seorang yang mahir menggambar wajah, tapi dia hanya ingin menggambar waifu 2D. Collette, gadis pengacau yang tak pernah berhenti mengganggu. Ketua klub, yang kerjaannya hanya tidur saja. Dan terakhir Usami Mizuki, satu-satunya anggota klub yang benar-benar ingin melakukan kegiatan klub dan selalu berjuang untuk melakukannya.</p>
</span>
</div>
</div>
<!-- List Episode -->
<script src='/feeds/posts/default/-/Kono%20Bijutsubu%20ni%20wa%20Mondai%20ga%20Aru%21?orderby=published&alt=json-in-script&callback=post_latest'></script>
Keterangan:
Kono%20Bijutsubu%20ni%20wa%20Mondai%20ga%20Aru%21 ubah dengan label anime kalian
