<style type="text/css">
/*DLGEN - Codepelajar.com*/
    .container{max-width:640px;margin:24px auto}#dbox{background:white;padding:24px;line-height:1.6;box-sizing:border-box}#dbox *{box-sizing:border-box}.dbox-head{text-align:center;padding:24px;background:rgba(0,0,0,0.5);color:#fff;margin-bottom:24px}.dbox-head h4{margin:0;font-size:24px}.dbox-input label{display:inline-block;width:100%;margin-bottom:5px}.dbox-input input[type="text"]{padding:10px  10px;border-radius:4px;border:2px solid rgba(0,0,0,0.2);font-size:16px;width:100%;margin-bottom:10px}.dbox-row{display:flex;flex-wrap:wrap;width:100%}.dbox-full{width:100%;padding:0 5px}.dbox-cell-2{width:50%;padding:0 5px}.dbox-output{width:100%}.cp-dbox{padding:10px}.cp-dbox-title{background:#222;padding:10px 12px;text-align:center;color:#fff;margin-bottom:14px}.cp-dbox-body{text-align:center}.cp-dbox-body .rs_uf{}.cp-dbox-body .rs_uf{font-weight:bold;margin-bottom:5px}.cp-dbox-body .ld a{display:inline-block;padding:8px 14px;text-decoration:none}.dbox-output{width:100%}.cp-dbox{padding:10px}.cp-dbox-title{background:#222;padding:10px 12px;text-align:center;color:#fff;margin-bottom:14px}.cp-dbox-body{text-align:center}.cp-dbox-body .rs_uf{}.cp-dbox-body .rs_uf{font-weight:bold;margin-bottom:5px}.cp-dbox-body .ld a{display:inline-block;padding:8px 14px;text-decoration:none}.dbox-tarea{width:100%;max-width:100%;height:300px;padding:14px;border-radius:4px;border:2px solid rgba(0,0,0,0.2);resize:none}
/* DOWNLOAD */
.btn{outline:0;margin-bottom:5px;display:inline-flex;align-items:center;justify-content:space-between;background:#e74c3c;min-width:130px;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);box-sizing:border-box;padding:16px 20px;color:#ecf0f1;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;overflow:hidden;cursor:pointer;}
.btn:hover{background:#c0392b}
.btn:focus .dropdown,.btn:active .dropdown{transform:translate(0,20px);opacity:1;visibility:visible;}.btn .material-icons{border-radius:5px;padding:3px;-webkit-animation:ripple 0.6s linear infinite;animation:ripple 0.6s linear infinite;}.btn .dropdown{position:fixed;z-index:9999;top:40%;left:40%;background:#ecf0f1;width:150px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:left;opacity:0;visibility:hidden;transition:0.3s ease;}.btn .dropdown li{z-index:1;position:relative;background:#ecf0f1;padding:0 20px;color:#666;}
.btn .dropdown li.active{background-color:#e74c3c;color:#ecf0f1}
.btn .dropdown li:hover{background-color:#bdc3c7;color:#e74c3c}
.btn .dropdown li:first-child{border-radius:4px 4px 0 0;}.btn .dropdown li:last-child{border-radius:0 0 4px 4px;}.btn .dropdown li:last-child a{border-bottom:0;}.btn .dropdown a{display:block;border-bottom:1px solid rgba(0,0,0,0.05);padding:16px 0;color:inherit;font-size:10px;text-decoration:none;}@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}}
.dbox-wrapper * {box-sizing: border-box;}
#dbox-tb {text-align:center}
#dbox-tb a {text-align:center;font-weight:650;margin-bottom:10px}
.dbox-tb1 {width:99%}
.dbox-tb2 {background-color:#e74c3c;border-color:#e74c3c;display:inline-block;padding:6px 12px;text-transform:uppercase;font-size:14px;font-weight:650;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border:2px solid transparent;border-radius:9px;-ms-touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all .9}
.dbox-tb2:hover {background-color:#c0392b;border-color:#c0392b}
.dbox-tb3 {width:49%;float:none}
.dbox-tb4 {width:49%;float:none}
.dbox-tb5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.dbox-tb6 {text-align:center;background-color:#d9edf7;border:2px solid #31708f}
.dbox-tb7 {width:100%;max-width:100%;margin-bottom:20px}
.dbox-tb8 {padding:8px;line-height:1.42857143;vertical-align:top} 
.disabled{pointer-events:none;cursor:default;background:#bdc3c7}
.disabled:hover{pointer-events:none!important}
</style>
<div class='container'>
  <div id='dbox' ng-app="">
    <div class='dbox-head'>
      <h4>Post Generator - AngularJS</h4>
<span>Original by - codepelajar.com - Mod by rizqijune</span>
    </div>
	<!-- GENERATOR START -->
<div class='dbox-input'>
      <div class='dbox-row'>
	  <div class='dbox-full'>
          <label>Url Gambar</label>
          <input type='text' ng-model='gambar' />
        </div>
        <div class='dbox-full'>
          <label>Nama Anime</label>
          <input type='text' ng-model='nama_anime' />
        </div>
		<div class='dbox-full'>
          <label>Deskripsi(Bukan Sinopsis)</label>
          <input type='text' ng-model='credit_anime' />
        </div>
		<div class='dbox-cell-2'>
          <label>Nama Sumber</label>
          <input type='text' ng-model='sumbernama_anime' />
        </div>
		<div class='dbox-cell-2'>
          <label>Link Sumber</label>
          <input type='text' ng-model='sumber_anime' />
        </div>
		<!-- Info START -->
		<div class='dbox-cell-2'>
          <label>Romaji</label>
          <input type='text' ng-model='romaji' />
        </div>
		<div class='dbox-cell-2'>
          <label>Judul Inggris</label>
          <input type='text' ng-model='inggris' />
        </div>
		<div class='dbox-cell-2'>
          <label>Jepang</label>
          <input type='text' ng-model='jepang' />
        </div>
		<div class='dbox-cell-2'>
          <label>Tipe</label>
          <input type='text' ng-model='tipe' />
        </div>
		<div class='dbox-cell-2'>
          <label>Status</label>
          <input type='text' ng-model='status' />
        </div>
		<div class='dbox-cell-2'>
          <label>Episode</label>
          <input type='text' ng-model='episode' />
        </div>
		<div class='dbox-cell-2'>
          <label>Ditayangkan</label>
          <input type='text' ng-model='aired' />
        </div>
		<div class='dbox-cell-2'>
          <label>Studio</label>
          <input type='text' ng-model='studio' />
        </div>
		<div class='dbox-cell-2'>
          <label>Durasi Jam</label>
          <input type='text' ng-model='jam' />
        </div>
		<div class='dbox-cell-2'>
          <label>Durasi Menit</label>
          <input type='text' ng-model='menit' />
        </div>
		<!-- Header -->
		<div class='dbox-head dbox-full'>
      <h4>Terkait</h4>
<span>Musim yang terkait dengan video.</span>
    </div>
	<!-- Header End -->
		<!-- Terkait START -->
		<div class='dbox-cell-2'>
          <label>Terkait 1</label>
          <input type='text' ng-model='terkait_1' />
        </div>
		<div class='dbox-cell-2'>
          <label>Terkait 1 URL</label>
          <input type='text' ng-model='terkait_1_url' />
        </div>
		<div class='dbox-cell-2'>
          <label>Terkait 2</label>
          <input type='text' ng-model='terkait_2' />
        </div>
		<div class='dbox-cell-2'>
          <label>Terkait 2 URL</label>
          <input type='text' ng-model='terkait_2_url' />
        </div>
		<div class='dbox-cell-2'>
          <label>Terkait 3</label>
          <input type='text' ng-model='terkait_3' />
        </div>
		<div class='dbox-cell-2'>
          <label>Terkait 3 URL</label>
          <input type='text' ng-model='terkait_3_url' />
        </div>
		<div class='dbox-cell-2'>
          <label>Terkait 4</label>
          <input type='text' ng-model='terkait_4' />
        </div>
		<div class='dbox-cell-2'>
          <label>Terkait 4 URL</label>
          <input type='text' ng-model='terkait_4_url' />
        </div>
		<!-- Terkait END -->
		<!-- Info END -->
		<div class='dbox-head dbox-full'>
      <h4>Sinopsis</h4>
<span>Plot video.</span>
    </div>
		<!-- Sinopsis -->
		<div class='dbox-full'>
          <label>Sinopsis Baris 1</label>
          <input type='text' ng-model='sinopsis_1' />
        </div>
		<div class='dbox-full'>
          <label>Sinopsis Baris 2</label>
          <input type='text' ng-model='sinopsis_2' />
        </div>
		<div class='dbox-full'>
          <label>Sinopsis Baris 3</label>
          <input type='text' ng-model='sinopsis_3' />
        </div>
		<!-- Sinopsis END-->
      </div>
	  </div>
<!-- GENERATOR END -->
<div class='dbox-output'>
<!-- OUTPUT START-->
<style>
/* DOWNLOAD */
.btn{outline:0;margin-bottom:5px;display:inline-flex;align-items:center;justify-content:space-between;background:#e74c3c;min-width:130px;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);box-sizing:border-box;padding:16px 20px;color:#ecf0f1;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;overflow:hidden;cursor:pointer;}
.btn:hover{background:#c0392b}
.btn:focus .dropdown,.btn:active .dropdown{transform:translate(0,20px);opacity:1;visibility:visible;}.btn .material-icons{border-radius:5px;padding:3px;-webkit-animation:ripple 0.6s linear infinite;animation:ripple 0.6s linear infinite;}.btn .dropdown{position:fixed;z-index:9999;top:40%;left:40%;background:#ecf0f1;width:150px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:left;opacity:0;visibility:hidden;transition:0.3s ease;}.btn .dropdown li{z-index:1;position:relative;background:#ecf0f1;padding:0 20px;color:#666;}
.btn .dropdown li.active{background-color:#e74c3c;color:#ecf0f1}
.btn .dropdown li:hover{background-color:#bdc3c7;color:#e74c3c}
.btn .dropdown li:first-child{border-radius:4px 4px 0 0;}.btn .dropdown li:last-child{border-radius:0 0 4px 4px;}.btn .dropdown li:last-child a{border-bottom:0;}.btn .dropdown a{display:block;border-bottom:1px solid rgba(0,0,0,0.05);padding:16px 0;color:inherit;font-size:10px;text-decoration:none;}@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1);}100%{box-shadow:0 0 0 20px rgba(255,255,255,0.1),0 0 0 40px rgba(255,255,255,0.1),0 0 0 60px rgba(255,255,255,0.1),0 0 0 80px rgba(255,255,255,0);}}
.dbox-wrapper * {box-sizing: border-box;}
#dbox-tb {text-align:center}
#dbox-tb a {text-align:center;font-weight:650;margin-bottom:10px}
.dbox-tb1 {width:99%}
.dbox-tb2 {background-color:#e74c3c;border-color:#e74c3c;display:inline-block;padding:6px 12px;text-transform:uppercase;font-size:14px;font-weight:650;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border:2px solid transparent;border-radius:9px;-ms-touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all .9}
.dbox-tb2:hover {background-color:#c0392b;border-color:#c0392b}
.dbox-tb3 {width:49%;float:none}
.dbox-tb4 {width:49%;float:none}
.dbox-tb5 {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.dbox-tb6 {text-align:center;background-color:#d9edf7;border:2px solid #31708f}
.dbox-tb7 {width:100%;max-width:100%;margin-bottom:20px}
.dbox-tb8 {padding:8px;line-height:1.42857143;vertical-align:top} 
.disabled{pointer-events:none;cursor:default;background:#bdc3c7}
.disabled:hover{pointer-events:none!important}
</style>
<div dir="ltr" style="text-align: left;" trbidi="on">
<!-- Image -->
<div class="separator" style="clear: both;">
<a href="{{ gambar }}" style="display: block; padding: 1em 0; text-align: center; ">
<img alt="{{ nama_anime }}" src="{{ gambar }}" border="0" width="320" data-original-height="370" data-original-width="704" src="{{ credit_anime }}"/></a></div>
<!-- Add S320 -->
<!-- Pakai 1bp.blogspot.com -->
<!-- Image END-->
<div class="separator" style="clear: both; text-align: center;"></div>
<div class="separator" style="clear: both; text-align: center;"></div><br />
<!-- Atribusi dan info-->
<div style="text-align: justify;">
<b>{{ nama_anime }}&nbsp;-&nbsp;</b>{{ credit_anime }}<a href="{{ sumber_anime }}" style="color:black">Sumber :{{ sumbernama_anime }}</a><br />
<br />
<!-- Info Tabel -->
<h2>
Info Singkat</h2><div class="datanime">
<li><b>Romaji</b>: {{ romaji }}</li>
<li><b>Inggrisnya</b>: {{ inggris }}</li>
<li><b>Jepangnya</b>: {{ jepang }}</li>
<li><b>Tipe</b>: {{ tipe }}</li>
<li><b>Status</b>: {{ status }}</li>
<li><b>Episode</b>: {{ episode }} Episode</li>
<li><b>Ditayangkan</b>: {{ aired }}</li>
<li><b>Studios</b>: {{ studio }}</li>
<li><b>Durasi</b>: {{ jam }} Jam {{ menit }} Menit per episode</li>
<li><b>Terkait</b>:</li>
<li><a href="{{ terkait_1_url }}">{{ terkait_1 }}</a></li>
<li><a href="{{ terkait_2_url }}">{{ terkait_2 }}</a></li>
<li><a href="{{ terkait_3_url }}">{{ terkait_3 }}</a></li>
<li><a href="{{ terkait_4_url }}">{{ terkait_4 }}</a></li>
</div>
<br />
<!-- Sinopsis -->
<div style="text-align: justify;">
<h2>
Sinopsis :</h2><div>
<p>{{ sinopsis_1 }}</p>
<p>{{ sinopsis_2 }}</p>
<p>{{ sinopsis_3 }}</p>
</div>
</div>
<div style="text-align: justify;">
<br /></div>
<!-- Download kolom Start-->

<!-- Download kolom END-->
</div>
</div>
<!--OUTPUT END-->
</div>

<textarea class='dbox-tarea'>