Tools Auto Generate Data From MyAnimeList

Kali ini saya akan membagikan sebuah tools "Auto Generate Data From MyAnimeList", Tools ini berguna untuk membuat anime info.

Dengan adanya tools ini kalian tidak perlu copy paste satu-satu dari myanimelist untuk membuat anime info.

Kalian hanya perlu menempelkan ID dari situs MyAnimeList ke tools lalu klik generate > copy hasil generate > Post ke blog.

Kekurangan, Karena mengambil data langsung dari myanimelist pasti synopsis anime nya berbahasa inggris, jika kalian ingin berbahasa indonesia maka gunakanlah google translate.

Tools Auto Generate Data From MyAnimeList
Dagruel

Tools auto Generate Data From MyAnimeList - Anime

Pertama buka tools nya di sini.

Isi "MyAnimeList ID" dengan ID anime dari situs MyAnimeList.

Dari Url: https://myanimelist.net/anime/9253/Steins_Gate
Kita ambil ID nya: 9253

Kemudian klik generate. maka Data nya akan tampil di kolom yang tertera, Sebelum nya silahkan cek apakah isi nya sudah sesuai, jika tidak silahkan ubah.

Sudah di cek? Lanjut Klik "Your Result" tunggu hasil nya, salin kode HTML hasil result lalu tempel ke dalam postingan kalian.

CSS untuk mempercantik tampilan

Untuk yang menggunakan template reContempo dari saya tidak perlu melakukan ini karena sudah terpasang, dan kalian yang tidak memakai template salin css berikut.

/* Sinopsis */
.dagruel-sinopsis{overflow:hidden;z-index:99;background:#fff;margin-bottom:20px;border-bottom:1px solid #f1f1f1}.dagruel-sinopsis .left{float:left;padding:10px}.dagruel-sinopsis .right{overflow:hidden;padding:10px}.sinojudul{overflow:hidden;margin:5px;border-bottom:1px solid #eceff5;padding-bottom:13px}.judul h1{font-size:24px;font-weight:500;line-height:34px;color:#222d34;float:left;display:contents;margin:0 0 5px}.judul span.trailer{padding:7px;margin-left:5px;font-size:13px;line-height:28px;display:inline-block}.judul span.trailer a svg{color:#ef5350}.alternaiv{color:#333;overflow:hidden;width:100%;font-weight:500}.alternaiv span{font-size:13px;line-height:20px;padding-right:13px;display:inline-block;float:left}.alternaiv span:after{content:"/";padding-left:11px}.alternaiv span:last-child:after{content:""}.desc{line-height:1.4em;color:#888}.desc h3{font-size:17px;font-weight:500;color:#222;margin:0 0 10px}.desc p{margin:0 0 10px;overflow:hidden;font-size:14px;font-weight:400;color:#222d34;line-height:26px}.genre-info{display:block;margin-top:10px}.genre-info span{padding:0 10px;display:-webkit-inline-box;margin-right:7px;margin-bottom:6px;font-size:13px;border-radius:4px;background:#f5f7fa}.genre-info span:hover{background-color:#0c70de;color:#fff}.genre-info span a:hover{color:#fff}@media screen and (max-width:875px){.dagruel-sinopsis .left{text-align:center;float:none}.dagruel-sinopsis .right{padding:0}.sinojudul{text-align:center}.desc{margin-left:5px}}

/* Information */
.infox{background-color:#f1f1f1;border-radius:7px;margin-bottom:20px;border-bottom:1px solid #f1f1f1}.infox .spe span:not(:last-of-type),h3.anim-detail{border-bottom:1px solid #f1f1f1}h3.anim-detail{background:#fff;font-weight:500;padding:0 10px 10px;margin:0;font-size:20px;color:#222d34}.infox .spe{overflow:hidden;font-size:12px;background:#fff}.infox .spe span{padding-left:9px;width:48%;margin-right:2%;float:left;position:relative;font-size:14px;line-height:28px;text-overflow:clip;white-space:nowrap;overflow:hidden;padding-bottom:5px;padding-top:5px;color:#222d34}.infox .spe span:hover{background:#f1f1f14f}.infox .spe b{font-weight:500;overflow:hidden;min-width:117px;float:left;border-right:1px solid #f1f1f1;margin-right:10px}@media screen and (max-width:920px){.infox .spe span{width:100%!important}}
kalian bisa edit css nya jika tidak sesuai selera, tempelkan css ke dalam template di atas tag </style>.

Tools ini tercipta berkat script dari "kurniaadegustanto" from Github.

Sekian dari saya terima kasih jika ada yang ingin di tanyakan silahkan berkomentar dibawah. Salama Hangat.

Update Manga Generate dan Penambahan Rating

Untuk manga Generate cara nya sama saja dengan yang anime silahkan klik disini, dan untuk Rating tinggal tambahkan css di bawah.

/* Rating Area */
.rateContent,.rateContent .rating-bar,.rating-area{text-align:center;overflow:hidden}.rating-area{position:relative;display:block;margin-top:10px;line-height:normal}.rt{overflow:hidden;margin-bottom:11px;padding:9px;border-radius:3px;background:#f5f7fa;border:1px solid #f5f7fa}.rt span{color:#000}.rt span[itemprop=ratingValue]{font-weight:700;font-size:18px}.rt span[itemprop=ratingCount]{font-size:11px}.rateContent{margin-top:9px}.rateContent .rating-bar{position:relative;height:16px;color:#ffe203;outline:0;width:100px;float:none;display:inline-block}.rateContent .rating-bar:before{content:"";position:absolute;top:-1px;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z' fill='%23ddd'/%3E%3C/svg%3E") 20px;min-width:100%;min-height:20px}.rateContent .rating-bar span{overflow:hidden;top:0;left:0;position:absolute;padding-top:20px}.rateContent .rating-bar span:before{content:"";position:absolute;top:-1px;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z' fill='%23ffc107'/%3E%3C/svg%3E") 20px;min-width:100%;min-height:20px}

Yaps mungkin 2 itu saja update nya.

https://github.com/kurniaadegustanto/Myanimelist-Api
https://jikan.moe/

Comments