Kali ini penulis bakal ngebahas tentang template yang di posting oleh Masgugu yaitu Wasiwa Premium, dimana template ini cocok bagi yang suka dengan warna alami seperti warna hijau namun tetap menawan. Oke langsung saja bagi anda yang mau lihat DEMO template ini silahkan kunjungi blognya langsung disini Wasiwa. Mari kita pasang templatenya.
1. Unduh Template Wasiwa Premium
Tak perlu lama-lama lagi, bagi anda yang mau cobain ini template monggo sedot disini Wasiwa Premium. Jika belum tau cara pasang templatenya, silahkan anda cari di google Cara Memasang/ Terapkan Template Blog. Setelah dipasang, lanjut ketahap berikutnya.
2. Cara Pasang Slider Wasiwa Premium
Jika anda ingin pasang slider pada template wasiwa premium, silahkan anda copy saja langsung script di bawah ini. INGAT: copy kode script jangan sampe salah, karena slider tidak akan muncul jika anda salah copy.
<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, selanjutnya pilih "Edit" seperti gambar di atas, lalu paste kode tersebut, kemudian ubah Biologi sesuai dengan label/ kategori yang ingin anda tampilkan pada slider, kemudian anda pilih "Simpan/ Save". Oke, Slider BERHASIL dipasang.
3. Cara Pasang Posting Per Label
Untuk membuat postingan yang telah anda publish muncul berdasarkan tabel, silahkan anda pilih "Edit" dan tulis tabel yang ingin anda tampilkan pada blog anda. Perhatikan contoh gambar di atas yang menulis tabel "Animals" sehingga akan muncul semua postingan yang berlabel animals. Begitu seterusnya hingga Label berikutnya sesuai dengan keinginan anda masing-masing.
4. Langkah Memasang Join This Site
Dengan memasang tombol join this site, orang-orang yang ingin berlangganan artikel yang anda tulis bisa klik tombol tersebut, sehingga apapun postingan yang anda tulis akan langsung tampil di email orang tersebut sebagai pemberitahuan bahwa anda telah update. Oke langsung saja copy semua artikel dibawah 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/AVvXsEhVPi_BT2P4v6qrq4rjU0Y4_5__Z6j7F9H1Xf5tUDfsVhHuAt3C7avvtI7v40V1Z6NuWW219zdUk1emWVLAJdF9rsAX62vmAQvxMg40UgvfjXWaa4jTwR6oQSaVaDscg4afV4GjG6pjQQo/s1600/Follow+my+blog.gif"
title="Follow Ya !!" /></a></div>
Setelah anda copy kode di atas, sekarang anda pilih "Edit" seperti pada gambar di atas, lalu paste semua kode yang telah anda copy tadi. Ganti yang berwarna merah dengan IDblog anda. Setelah itu, silahkan anda pilih "Simpan". Pemasangan Join This Site SELESAI.
5. Pemasangan Gambar/ Iklan
Perhatikan gambar di atas, anda bisa mengganti gambar tersebut dengan iklan atau animasi apa saja yang anda inginkan. Langsung saja, silahkan anda copy kode yang ada di bawah ini:
<a href='http://www.wasiwa.com/2015/01/serangga-mirip-alien-bocydium-globulare.html'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjso3w6dOT27rrJt3GtQMUO5QxM1Z3tHmR4P5an6FZZvEoPmidimC4l5kuv0Z9s7_6L5a0lbCMHkNtWq-J-onqVIIp0fPor08jH4Pz3N-MAiMGET75JT-aRzi2k30c94kzgkf8TE17YOMsD/s1600/Empat+Hewan+Langka+di+Dunia+1.jpg" width="300px" height="250px"/></a>
Setelah anda copy kode yang berada di atas, selanjutnya anda bisa pilih "Edit" seperti pada contoh gambar yang berada di atas, kemudian paste kode yang tadi di copy. CATATAN: jangan lupa, ganti yang berwarna merah dengan link gambar/ iklan/ animasi yang ingin anda tampilkan disana.
Perhatikan gambar di atas, masih berada di "Tata Letak", silahkan anda copy semua script yang ada di bawah ini untuk memasang random pos pada template Wasiwa Premium yang anda gunakan.
6. Pasang Random Pos
Perhatikan gambar di atas, masih berada di "Tata Letak", silahkan anda copy semua script yang ada di bawah ini untuk memasang random pos pada template Wasiwa Premium yang anda gunakan.
<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/AVvXsEhRH3iu1GarZYsOjLQDNuHgtuukoc_nXzvK0a0jkYTBg-dtMMKhsQYAMgk5-i1ktWsaDyy_-I1HGCSmK6I7IFE9bRh2FSTlD16LluoyOMeON9QH0axnpFmOBeBvY9edQ9VsoliJ4TM435_y/"}}};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/AVvXsEhRH3iu1GarZYsOjLQDNuHgtuukoc_nXzvK0a0jkYTBg-dtMMKhsQYAMgk5-i1ktWsaDyy_-I1HGCSmK6I7IFE9bRh2FSTlD16LluoyOMeON9QH0axnpFmOBeBvY9edQ9VsoliJ4TM435_y/"}}};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, selanjutnya perhatikan contoh gambar di atas, pilih "Edit" pada
Random Pos, kemudian paste semua kode yang telah anda copy tadi. Kemudian anda
pilih "Simpan/ Save". SELESAI
Oke Selesai. Jika ada yang ingin anda tanyakan tentang artikel Download Template Wasiwa Premium Gratis Buat Blogspot , silahkan anda bubuhkan saja komentar dibawah. Atm Artikel berharap anda bisa menggunakan template ini dengan bijak sehingga bermanfaat.
0 komentar:
Posting Komentar