Tooranime Blogger Template

Live Demo Download

 <div class="anibatch cl">
<div class="anibatch-top cl">
<div class="anibatch-thumb col-md-3 col-sm-4 col-xs-3">
<a href="#LinkGambarPostingan"><img src="#LinkGambarPostingan" /></a></div>
<div class="synopsis">
#SynosisCerita
</div>
<div class="anibatch-info col-md-9 col-sm-8 col-xs-9">
<div class="anibatch-mark row cl">
<span class="col-md-4 col-sm-4 col-xs-4">
<b>Type :</b>
#JenisAnime
</span>
<span class="col-md-4 col-sm-4 col-xs-4">
<b>Total :</b>
#TotalEpisodeAnime
</span>
<span class="col-md-4 col-sm-4 col-xs-4">
<b>Status :</b>
#StatusAnime
</span>
</div>
<b>Title</b>: #JudulAnime <br />
<b>Studio</b>: #DibuatdiStudioMana <br />
<b>Genre</b>: #GenreAnime <br />
<b>Duration</b>: #DurasiAnime <br />
<b>Score</b>: #SkorAnime
</div>
</div>
<div class="anibatch-synops">
#MasihSinopsisCerita
</div>
<div class="anibatch-dl cl">
<div class="anibatch-item col-md-6 col-sm-6 col-xs-6">
<b>720P</b>
<a href="#Link1">Tusfiles</a> <a href="#Link2">Solidfiles</a> <a href="#Link3">KumpulBagi</a> <a href="#Link4">Uptobox</a> <a href="#Link5">Indoshare</a>
</div>
<div class="anibatch-item col-md-6 col-sm-6 col-xs-6">
<b>480P</b>
<a href="#Link1">Tusfiles</a> <a href="#Link2">Solidfiles</a> <a href="#Link3">KumpulBagi</a> <a href="#Link4">Uptobox</a> <a href="#Link5">Indoshare</a>
</div>
</div>
</div>

Semua tulisan yang diberi tanda # harus diganti sesuai nama tulisannya.

 Caranya dengan yang pertaman yaitu menambahkan label Anime(wajib), Kemudian Judul Anime, Kemudian Genrenya, Kemudian Huruf Awal dari Anime Tersebut

Kenapa harus huruf awal? karena hal ini untuk membuat daftar animelist otomatis, jadi gak perlu edit edit lagi. Contoh penambahan label seperti dibawah ini

Cara Penambahan Label yang Benar

 <style>
/* CSS By Arleth98 */
.listanim-wrapper{max-width:1060px;margin:auto}
.abjad{padding:1px 0;text-align:center;margin:0 0 5px 0}
.abjad a{display:block;padding:5px 0;width:26.7px;float:left;background:#424242;font-weight:500;color:#FFFFFF;text-decoration:none;margin: -2px;}
.abjad a:hover{background: #2977BE;text-decoration: none;}
.clear{clear:both}
.grup-judul{font-family:segoe ui;font-weight:bold;color:#333;font-size:13px;border-bottom:2px solid #2977BE;margin-bottom:5px;background:none;padding:5px;text-transform:uppercase;position:relative;clear: both;}
.grup ul {margin: 0 auto;}
.grup ul li{width:53%;float:left;}
@media screen and (max-width:900px){.grup ul li{width:100%;float:none;clear:both;}.abjad a{}}
</style>
<div class='listanim-wrapper'>

<script type="text/javascript">
var numposts = 999;
var standardstyling = true;
function showrecentposts(json) { for (var i = 0; i < numposts; i++) { 
var entry = json.feed.entry[i]; 
var posttitle = entry.title.$t; 
var posturl; if (i == json.feed.entry.length) break; 
for (var k = 0; k < entry.link.length; k++) { 
if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); 
if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>'); } 
</script>
<center>
<div class='abjad'><a href="#0">0</a> <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <a href="#U">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a><div class="clear"></div>
</div></center>

<div class='content-list'>

<div class='grup'><div class='grup-judul'><a name="0">0</a></div>
<ul>
<script src="/feeds/posts/default/-/0?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="A">A</a></div>
<ul>
<script src="/feeds/posts/default/-/A?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="B">B</a></div>
<ul>
<script src="/feeds/posts/default/-/B?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="C">C</a></div>
<ul>
<script src="/feeds/posts/default/-/C?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="D">D</a></div>
<ul>
<script src="/feeds/posts/default/-/D?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="E">E</a></div>
<ul>
<script src="/feeds/posts/default/-/E?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="F">F</a></div>
<ul>
<script src="/feeds/posts/default/-/F?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="G">G</a></div>
<ul>
<script src="/feeds/posts/default/-/G?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="H">H</a></div>
<ul>
<script src="/feeds/posts/default/-/H?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="I">I</a></div>
<ul>
<script src="/feeds/posts/default/-/I?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="J">J</a></div>
<ul>
<script src="/feeds/posts/default/-/J?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="K">K</a></div>
<ul>
<script src="/feeds/posts/default/-/K?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="L">L</a></div>
<ul>
<script src="/feeds/posts/default/-/L?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="M">M</a></div>
<ul>
<script src="/feeds/posts/default/-/M?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="N">N</a></div>
<ul>
<script src="/feeds/posts/default/-/N?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="O">O</a></div>
<ul>
<script src="/feeds/posts/default/-/O?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="P">P</a></div>
<ul>
<script src="/feeds/posts/default/-/P?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="Q">Q</a></div>
<ul>
<script src="/feeds/posts/default/-/Q?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="R">R</a></div>
<ul>
<script src="/feeds/posts/default/-/R?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="S">S</a></div>
<ul>
<script src="/feeds/posts/default/-/S?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="T">T</a></div>
<ul>
<script src="/feeds/posts/default/-/T?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="U">U</a></div>
<ul>
<script src="/feeds/posts/default/-/U?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="V">V</a></div>
<ul>
<script src="/feeds/posts/default/-/V?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="W">W</a></div>
<ul>
<script src="/feeds/posts/default/-/W?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="X">X</a></div>
<ul>
<script src="/feeds/posts/default/-/X?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="Y">Y</a></div>
<ul>
<script src="/feeds/posts/default/-/Y?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

<div class='grup'><div class='grup-judul'><a name="Z">Z</a></div>
<ul>
<script src="/feeds/posts/default/-/Z?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
</div>

</div>
</div> 

 <style>h1.post-title{display:none}.contact-form-box>p{margin:0;line-height:1.5;color:#666;border:1px solid #F1E8C3;background:#FDF6D7;padding:15px;border-radius:3px}.contact-form-box>b{text-transform:uppercase;font-size:17px;text-align:center;display:block;margin:0 0 15px;letter-spacing:.5px;border-bottom:1px solid #ddd}.us_line{display:block;margin-bottom:15px;font-size:13px;color:#666;letter-spacing:.5px;text-transform:uppercase;position:relative;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif}.us_line>b{display:block;text-transform:uppercase;letter-spacing:1px}.us_line>input,.us_line>textarea,.us_line>select{border:1px solid #E2E2E4;background:#FDFDFD;padding:0 10px;width:100%;display:block;color:#999;border-radius:3px;height:35px;line-height:2}.us_line>input:focus,.us_line>textarea:focus,.us_line>select:focus{outline:1px solid #009EFD;color:#333}#ContactForm1_contact-form-reason{height:100px;padding:5px 10px}.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){display:inline-block;width:49.5%}#sendform{background:#77CB59;color:#FFF;border:0;padding:10px 25px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:3px;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;cursor:pointer}#sendform:hover{background:#66AF4C}#sendform[disabled="disabled"]{background:#DDD!important}#contact_layout{font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99999}.contact_top{margin:-55px auto 15px}.contact_top i{background:#70C340;color:#fff;font-size:35px;font-weight:400;text-align:center;margin:auto;border-radius:100%;line-height:60px;padding:0 14px;border:5px solid #FFF}.contact_message{width:40%;background:#FFF;color:#fff;border-radius:5px;padding:20px;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.contact_message b{text-transform:capitalize;font-size:20px;letter-spacing:.2px;display:block;font-weight:400}.contact_message p{margin:15px 0;color:#666}.contact_message a{display:block;background:#70c340;border-radius:5px;line-height:40px;color:#fff!important;text-transform:uppercase;font-weight:700;font-size:15px}.contact-form-error-message-with-border img{display:none!important}.error_message a,.error_message i{background:#E66148!important}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}@media screen and (max-width:420px){.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){width:100%}}</style>
<div class="contact-form-box">
<b>Recruitment Staff</b>
<p>Membuka lowongan staff. Bagi kamu yang berminat bekerja bersama kami, silahkan isi data dibawah ini</p>
<form id='us_contact' name="contact-form">
<div class='us_line'><b>Nama</b><input id="ContactForm1_contact-form-name" name="name" placeholder="Name" type="text" value="" required/></div>
<div class='us_line'><b>Email</b><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" type="text" value="" required/></div>
<div class='us_line'><b>Jenis Kelamin</b><select><option value="Wanita" name="gender" selected>Wanita</option><option value="Pria" name="gender">Pria</option></select></div>
<div class='us_line'><b>Umur</b><input id="ContactForm1_contact-form-age" name="age" placeholder="0" maxlength="2" type="number" min="1" max="30" value="" required/></div>
<div class='us_line'><b>Tempat tinggal</b><input id="ContactForm1_contact-form-domicele" name="age" placeholder="Kabupaten, Kota" type="text" value="" required/>
</div>
<div class='us_line'><b>Url Facebook</b><input id="ContactForm1_contact-form-urlfb" name="age" placeholder="http://facebook.com/namafbmu" type="url" value="" required/></div>
<div class='us_line'><b>Contact</b><input id="ContactForm1_contact-form-contact" name="age" placeholder="Ex. Number Phone / ID Line / PIN BBM" type="text" value="" required/></div>
<div class='us_line'><b>Jobs</b>
<select>
<option value="Translator" name="jobs" selected>Translator</option>
<option value="Typesett" name="jobs">Typesett</option>
<option value="Kara Effect" name="jobs">Kara Effect</option>
<option value="Uploader/Mirroring" name="jobs">Uploader/Mirroring</option>
<option value="TLC & Editor" name="jobs">TLC & Editor</option>
<option value="Encoder" name="jobs">Encoder</option>
<option value="Admin In Fanspage" name="jobs">Admin In Fanspage</option>
</select>
</div>
<div class='us_line'><b>Apakah anda tahu tentang job anda?</b>
<select>
<option value="Zero" name="lvl" selected>saya masih pemula</option>
<option value="Beginner" name="lvl" selected>Sedikit tahu</option>
<option value="Experienced" name="lvl">Saya tahu</option>
<option value="Proficient" name="lvl">Lebih dari tahu</option>
</select>
</div>
<div class='us_line'><b>Apa alasan anda untuk bergabung?</b><textarea cols="25" id="ContactForm1_contact-form-reason" name="email-message" placeholder="Berikan alasanmu..." required></textarea></div>
<div class='us_line dn' style='display:none;'><textarea style='display:none;' cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input style='display:none;' id="ContactForm1_contact-form-submit" type="button" value="Send" /></div>
<button type='button' onclick="generate()" disabled="disabled" id="sendform">Send</button>
<div id="ContactForm1_contact-form-error-message"></div>
<div id="ContactForm1_contact-form-success-message"></div>
</form>
</div>
<script type="text/javascript">/*<![CDATA[*/if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');/*]]>*/</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script>
//<![CDATA[
/*
* Form Recruitment Fansubs
* Source code by http://bit.ly/modifymsg_kompiajaib and http://bit.ly/contactform_kompiajaib
* Modify by http://usagilabs.blogspot.com/
* Copyright 2016
*/
var blogsid = "#IDBLOG"; // Your IDBLOG
var nameblog = "#URLBLOG Tanpa http hanya //"; // Your URLBLOG, don't copy HTTP: or HTTPS:
var successmsg = "<b>Datamu sudah dikirim</b><p>Kami akan segera merespon email anda dalam 24 jam, jika tidak hubungi admin melalui fanspage.</p>";
var invalidmsg =  "<b>Email anda harus benar</b><p>anda harus mengisi email dengan benar.</p>";
var notsendmsg = "<b>Email tidak terkirim</b><p>Coba lagi nanti</p>";
var sett = {
name   : "Nama",
email   : "Email",
gender   : "Jenis Kelamin",
age   : "Umur",
domicele  : "Tempat tinggal",
urlfb   : "Url Facebook",
contact  : "Contact",
jobs   : "Jobs",
lvl   : "Apakah anda tahu tentang Jobs anda",
reason   : "Apa alasan anda untuk bergabung?",
br    : "\n"
};
//]]>
</script>
<script src="//cdn.rawgit.com/tutorialku/usagilabs/master/lib/formrecruitment.min.js" type="text/javascript"></script> 

Bagian yang kamu edit dari html diatas adalah #IDBLOG dan #URLBLOG Tanpa http hanya //
Bagaimana cara mendapatkan IDBLOG? kamu liat di addres kamu saat edit postingan nah ada Tulisa blogID=blablabla, itulah blog id kamu atau kamu lihat gambar dibawah yang diblok merah 

Dan bagian URL, kan setiap website itu awalnya http:// atau https:// nah yang dihapus itu bagian http: atau https:, jadi yang tersisa hanyalah // ... contoh http://tooranime.blogspot.com/ menjadi //tooranime.blogspot.com

 Masuk ke tata letak ⇒ (Sidebar) Related Anime ⇒ Klik Edit ⇒ Masukkan Label Anime ⇒ Save

Jika masih ada yang ingin ditanyakan komen aja dibawah..