Mengapa template ini saya sebut Wasiwa Premium, karena Template ini digunakan oleh salah satu blogger yang menurut saya sangat bagus dan elegan. Tidak percaya?, silahkan lihat disini www.wasiwa.com. Berhubung ada beberapa teman yang ingin memasang template ini di blog pribadinya, Masgugu memutuskan untuk membaginya kepada
siapa saja yang ingin memakai template ini hehehe, izin sedot yaaa mas wasiwa. Oke gak usah lama-lama, silahkan lihat screenshotnya
di bawah ini:
1. Download Template Wasiwa
Silahkan
anda download dulu template disini Template Wasiwa Premium. Kemudian pasang/ terapkan
pada blog anda. Jika anda belum tau cara pasang template pada blog,
silahkan anda baca: Cara Memasang/ Terapkan Template Blog. Setelah template-nya terpasang, silahkan ikuti langkah selanjutnya di bawah ini:
1. Cara Memasang Slider
Perhatikan gambar di atas, Buka Blogger anda lalu pilih "Tata Letak" maka akan muncul seperti gambar di atas. Copy semua kode yang berada di bawah ini.
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Biologi?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Biologi?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){
$('#slider').lofJSidernews({
interval:6000,
duration:800,
mainWidth: 405,
navigatorWidth: 200,
maxItemDisplay:5,
easing:'easeInOutQuad',
auto:true,
isPreloaded: false
});
});
</script>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Biologi?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Biologi?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){
$('#slider').lofJSidernews({
interval:6000,
duration:800,
mainWidth: 405,
navigatorWidth: 200,
maxItemDisplay:5,
easing:'easeInOutQuad',
auto:true,
isPreloaded: false
});
});
</script>
Setelah semua kode di atas di copy, sekarang pilih "Edit" seperti gambar di atas, lalu paste kode tersebut, lalu ubah Biologi sesuai dengan label/ kategori yang ingin anda tampilkan di slider, setelah itu pilih "Simpan". Pemasangan Slider SELESAI.
2. Langkah Memasang Random Pos
Lihat gambar di atas, masih di "Tata Letak", silahkan copy semua script yang ada di bawah ini untuk memasang random pos.
<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:40px;height:40px;padding:3px}
-->
</style>
<ul id='random-posts'><script type='text/javaScript'>var rdp_numposts=10;var rdp_snippet_length=60;var rdp_info='yes';var rdp_comment='Comment';var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbXaP0m_H44dcFLK11MbI8JYBodJX7bKvoO44JC1mzZp2IUtAgRZIpPJkbEFSaWIGKR-CbELGezBIfDvGnfPEOzwi7ONK4Zzt8TVjE_cxQdws-MFyzv0jsTbftdhzztkNtvXKf5qTMxp2/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script></ul>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:40px;height:40px;padding:3px}
-->
</style>
<ul id='random-posts'><script type='text/javaScript'>var rdp_numposts=10;var rdp_snippet_length=60;var rdp_info='yes';var rdp_comment='Comment';var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbXaP0m_H44dcFLK11MbI8JYBodJX7bKvoO44JC1mzZp2IUtAgRZIpPJkbEFSaWIGKR-CbELGezBIfDvGnfPEOzwi7ONK4Zzt8TVjE_cxQdws-MFyzv0jsTbftdhzztkNtvXKf5qTMxp2/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script></ul>
Setelah
kode di atas di copy semua, seperti gambar di atas, pilih "Edit" pada
Random Pos, kemudian paste kode tersebut. Setelah itu, silahkan anda
pilih "Simpan".
3. Membuat Pos Per Label/ Kategori
Untuk membuat postingan/ artikel muncul berdasarkan tabel/ kategori, silahkan anda perhatikan gambar di atas, lalu pilih "Edit" dan tulis tabel yang ingin anda tampilkan pada blog. Contoh seperti gambar di atas yang menulis tabel "Animals" sehingga akan muncul semua tentang animals/ hewan. Begitu seterusnya hingga tabel berikutnya.
4. Cara Memasang Join This Site
Ini sebenarnya tidak wajib, tetapi jika anda ingin orang berlangganan pada artikel yang anda tulis di blog/ website anda, maka silahkan di pasang. Silahkan anda copy kode di bawah ini.
<div style="background:#EBEBEB;padding: 7px;text-align:center;"><a href="http://www.blogger.com/follow-blog.g?blogID=1982491532978123387" rel="nofollow" target="_blank"><img alt="Join This Site" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0G3pWiKh24UFOuAbde9d1lMbV_Rwmg4R-PMqzT1j_6e3yLociRLeECFpGZHCmX2sFmjvp9XXURf2A7M6yPEw4xx0d806ZyJX8b_Fxy6qMQC8_lVDrypsPqHiD9-WcrBxLf0K7FoLhOX8/s1600/Follow+my+blog.gif" title="Follow Ya !!" /></a></div>
Setelah
anda copy kode di atas, silahkan anda pilih "Edit" kemudian paste kode
seperti pada petunjuk gambar di atas. Jangan lupa ganti BlogID yang
berwarna merah dengan BlogID milik blog/ website anda.
5. Mengganti Gambar Pada Kotak Label
Perhatikan gambar di atas, silahkan anda copy kode di bawah ini untuk membuat pos perlabel hanya tampil gambar saja seperti pada gambar di atas.
<a href='http://www.wasiwa.com/2015/01/serangga-mirip-alien-bocydium-globulare.html'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj29x4QTyVC5W0S8rq_Iz_nr705HWMGhz1ieexPZbUo95mAwVSw1hQ-HpuGKqx2RqlDbiFmv8w-5zzGUk49iw7VLmF8SDTXqmUOEOlC9ZXatsEdvfnbRZfyu7lfODcyEng57uEA2Kd1Mmdm/s1600/Empat+Hewan+Langka+di+Dunia+1.jpg" width="300px" height="250px"/></a>
Setelah
anda copy kode di atas, silahkan anda pilih "Edit" seperti pada gambar
di atas, lalu paste kode tersebut. Ganti yang berwarna merah dengan link
gambar yang ingin anda tampilkan.
Demikianlah artikel Download Template Wasiwa Premium Untuk Blogger semoga bermanfaat bagi yang mau nerapin ini tempate pada blognya. Jika ada yang kurang jelas, silahkan tanya melalui komentar saja.
Demikianlah artikel Download Template Wasiwa Premium Untuk Blogger semoga bermanfaat bagi yang mau nerapin ini tempate pada blognya. Jika ada yang kurang jelas, silahkan tanya melalui komentar saja.