Sumber artikel http://tutornesia.blogspot.com
TutorNesia ~ Dari sekian template yang saya bagikan mungkin ini adalah salah satu template yang cukup element yang diberi nama IndoZones, dari segi warna serta loading yang cukup ringan. Template ini adalah hasil modifikasi Panjz Online dan dipublish oleh maskolis, saya hanya mencoba memperbaiki ulang agar bisa menyesuaikan blog portal agar terlihat profesional.
Pertama kali template ini digunakan oleh kakak saya, tapi karena dibiarkan begitu saja maka saya mencoba modif ulang agar yang sharing berita bisa menggunakan sesuai keinginannya.
Instalasi media sosial di pojok kanan atas silahkan menuju edit HTML dan temukan kode bawah ini dan sesuaikan url googleplus, facebook dan twitter Anda.
<div style='text-align:right;padding:0px;margin-right:210px;margin-top:-30px'>
<a class='toptop' href='https://plus.google.com/u/0/105012549003595812237'><img alt='Gplus' height='20' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5143k1N-IAmvwls1aHkkDrfI_isnTON50ZJ4zCcUp4UyhETgvBeZbL_SyfBktwD6dpqED9uPIBisqQLgXAiZJ8oh5adX4DSPK2kL8z-cGXlB72zpvmvH-yHJgbL7brDAFxKVhUaO7M1s/s1600/gplus.png' width='20'/></a>
<a class='toptop' href='http://twitter.com/indo_zones'><img alt='Twitter' height='20' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7FpuGPBrZqw_Os2QnABfqzD_ysNMTG0RpA1keyV_FgiE49f556AOQnyiAtSJ2g-aqxZM8RkN5Xqh0uP5bA2YLJdFII-rmsY-rorYuMxbxs1nhPDkZzlBRp1SCFYXNxybtpFpeCR5SqHc/s1600/twitter.png' width='20'/></a>
<a class='toptop' href='http://www.facebook.com/pages/Indozones/443198399108357?ref=hl'><img alt='Facebook' height='20' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgYITz69foZLSxMJk8D-HeZThlqzsxf_mUeIeLEqhx_SS1473VRpjTMBHnsIsnfGh_2xOspCIfSskRAP_kGAnSNVaRVKWfEtltnnoHLWM-8u2khGuMca49Q5Tt0bh9Nl_g_hskkHPnIR0/s1600/facebook.png' width='20'/></a>
<a class='toptop' expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='Feedburner' height='20' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrBPxeKN8BVnBBSaNQrRI2FN1vno03uNJ9xsf9DMqDIS_ozBky-v0NfC7OT8j9bVarP0p84gvUEZ_n0wQqu8NF7gAcPEUl74lAq-MbiTmHRodiC4L-0qTKF0UEUKr_W6tSoiBlZN0KWcU/s1600/rss.png' width='20'/></a></div>Instalasi Headlines News silahkan cari Javascript ini dan ubah URL blog Anda.
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new")
cssfeed.addFeed("Headline News", "http://indozones.blogspot.com/feeds/posts/default")
cssfeed.displayoptions("date")
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(10, "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>Instalasi slide image silahkan temukan kode bawah ini dan rubah nama serta nama label Anda.
<li class='sliderTimer-item active' id='mas-1' ref='Nasional' style='background: none'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Nasional?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></li>
<li class='sliderTimer-item active' id='mas-2' ref='Internasional' style='background: none'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Internasional?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></li>
<li class='sliderTimer-item active' id='mas-3' ref='Tekno' style='background: none'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Teknologi?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></li>
<li class='sliderTimer-item active' id='mas-4' ref='Olahraga' style='background: none'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Olahraga?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></li>Instalasi Biodata Saya silahkan menuju ke tata letak dan masukkan HTML bawah ini dan jangan lupa mengubah dulu alamat sosial media dan gambar avatarnya.
<style type='text/css' scoped='scoped'>
.biodata-saya {font:13px Arimo;color:#999;margin:0;padding:0;}
.biodata-saya p {margin-bottom:0;padding:0;}
.biodata-saya img {background:#21514F;float:left;margin-right:7px;margin-bottom:-3px;padding:4px;border:1px solid #444;border-radius:100px;transition:all .9s ease-out;}
.biodata-saya img:hover{background:#C03D3D;padding:4px;border:1px solid #444;transform:rotate(-360deg);transition:all .9s ease-out;}
</style>
<div class='biodata-saya'>
<p><img alt='Leony Li' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7YCfBTBAR4DOCulPXoUUR30tXAPT1K5qSA-g4M7T-hu_jjGYJ5wJfANsaiJdP3zaBIvP7usA_dX-iNh_W9BhagIzjEFLxRBW6GZ7TBaeAkzjaksd1LMalfV3NOhVIJVMZjMiuF08BRYa/s1600/leony.jpg' title='Leony Li' width='80'/>Nama lengkap saya adalah <a class="g-profile" href="https://plus.google.com/110279166626944269814" target="_blank" title="Author Profile"><span style='color:#999;'>Leony Li</span></a> dan saya aktif di dunia <i>blogger</i> semenjak tahun 2012. Anda juga dapat melihat blog <a href="http://mymisteri-leonyli.blogspot.com/" target="_blank" title="Segalanya Tentang Makhluk Halus"><span style='color:#2E8B41;text-shadow:0px 1px 2px #000;'>MISTERI</span></a> saya. Mau jadi teman saya? silahkan hubungi saya di <a href="https://www.facebook.com/mymisteri.leonyli" target="_blank" title="Facebook"><span style='color:#474D98;text-shadow:0px 1px 2px #000;'>FACEBOOK</span></a> dan <a href="https://twitter.com/LeonyLi_com" target="_blank" title="Twitter"><span style='color:#5C63B2;text-shadow:0px 1px 2px #000;'>TWITTER</span></a>. Blog ini dibuat karena saya ingin berbagi pengalaman saya dalam hal tutorial yang saya pahami.</p>
</div>Instalasi satu gambar perlabel silahkan lihat di tata letak, disana ada tulis, Berita Internasional, Berita Nasional, Berita Olahraga, Berita Sains, Berita Properti, Berita Teknologi, Berita Misteri, Video Dokumendasi, Berita Bisnis. Silahkan masukkan nama label Anda, huruf besar kecil ada pengaruh. Penting, jangan pernah menghapus dibagian tata letak yang telah ada, jika dihapus maka script ditemplate akan berkurang.
Instalasi satu gambar perlabel dibagian sidebar postingan silahkan menggunakan kode pemanggil dibawah ini. perhatikan gambar bawah ini yang saya sertakan. Silahkan klik saja edit dan masukkan html bawah ini dan jangan lupa untuk mengubah alamat blog anda dan labelnya, setelah siap jangan lupa judul dihapus contoh (Internasional News).
<div id="LEO-more"><a href="http://indozones.blogspot.com/search/label/News?&max-results=6" title="Internasional News" >Internasional News</a></div>
<div id="LEO-label">
<script type="text/javascript" src="http://indozones.blogspot.com/feeds/posts/default/-/News?&orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
</div>Mungkin sampai disini saja, jika ada pertanyaan silahkan tinggalkan komentar anda dibawah ini. Untuk menjaga sesama blogger dan saling menghargai saya harap link credit jangan dihapus terima kasih.
