Tools Auto Generate Data From IMDb

Sebelumnya sudah saya share Tool Generate Data From MyAnimeList, kali ini saya akan membagikan yang dari IMDb jadi langsung saja.

Tools Auto Generate Data From IMDb
Dagruel

Pertama buka Halaman berikut Generate Data From IMDB, Masukkan ID dari website IMDb kemudian klik Generate.

https://www.imdb.com/title/tt9426210/
Dari URL diatas kita ambil = tt9426210
Sebelum mengklik "Generate" silahkan isi column yang bertuliskan "short or full" itu untuk bagian sinopsis. tidak di isi juga gk pp ini default nya "short".
short = Sinopsis Ringkas
full = Sinosis Panjang

Jika sudah maka silahkan klik tombol "Your Result" dan salin html hasil generate tadi, selesai. Dan untuk mempercantik html tadi silahkan gunakan 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}}
/* 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}

Sekian dari saya terima kasih, jika ada yang ditanyakan silahkan berkomentar dibawah.

http://www.omdbapi.com/

Comments