Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Template

Ngeneki Responsive Blogger Template

Oleh Fauzan
Ngeneki Responsive Blogger Template - Kali ini saya akan berbagi template lagi yang lumayan keren dan cocok untuk segala kategori blog terutama blog tentang berita. Template kali ini adalah hasil modifikasi dari Template Google SEO milik CB Blogger yang juga merupakan redesign dari Johny Wuss milik maskolis, tapi tenang credit link aman karena itu merupakan salah satu sikap menghargai si pembuat atau peredesain template. Menariknya template kali ini sepertinya jauh lebih enak dipandang mata dan mungkin sangat nyaman bagi pengunjung.

DEMO
DOWNLOAD


+Search Widget
Masuk ke "Tata Letak" > Tambahkan Widget > HMLT/JavaScript > Masukan kode dibawah > Simpan dan lihat hasilnya. (Penempatan bisa disesuaikan)
<style>
.serching{margin:0 auto;width:100%;}.serching form{border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px}.serching form input{display:block!important;margin:0;border:0;padding:5px 0;outline:0;height:20px;line-height:20px;font-size:13px;border-radius:0!important}.serch{float:left;width:85%!important;text-indent:10px}.serchg{float:right;width:15%!important;height:30px!important;padding:0!important;background:#008de6;color:#fff;border:0!important;font-size:12px!important}
</style>
<div class='serching'><form action='/search?q='><input class='serch' name='q' placeholder='Cari...' title='Cari Tulisan di Sini' type='text'/><button class='serchg' type='submit'> GO </button><span style='clear: both;display:block'/></span></form></div>

+Widget Random Post
Masuk ke "Tata Letak" > Tambahkan Widget > HMLT/JavaScript > Masukan kode dibawah > Simpan dan lihat hasilnya. (Penempatan bisa disesuaikan), Silahkan ganti kode warna MERAH untuk menampilkan berapa banyak jumlah artikel acak, dan HIJAU untuk membatasi jumlah karakter deskripsi artikel pada widget ini.
<style>
#random-posts img{float:left;margin-right:10px;
width:65px;height:65px;background-color: #F5F5F5;padding: 3px;}
ul#random-posts {list-style-type: none;}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=3;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
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){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)+"&#133;";};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;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/AVvXsEgq1P-Ls8H_O8VMRR81kzT1vimL7QYxAg9Xh89FuTbqhVc1dcnN8LuWbfM9DydVl1poHtQkhfaBJfWvpo6zMkCGQJ94u_-l_8b8sNjIjzWr-QA0PVbytAzvQ81Sj_tYpEynRUQO4w_e1X8/s1600/no_thumb.png"}}};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>

+ Sticky Widget
Silahkan cari kode seperti dibawah (Ctrl+F), lalu ganti kode warna merah dengan ID Widget sobat!
<script>
//<![CDATA[
bs_makeSticky("HTML1");
function bs_makeSticky(elem) {
    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';
    window.addEventListener('scroll', bs_sticking, false);
    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>

+ Deskripsi Blog
Silahkan cari kode seperti dibawah (Ctrl+F), lalu ganti kode warna merah dengan Deskripsi Blog Sobat sobat!
    <title><data:blog.pageTitle/> | Tempatnya Berbagi Tips, Trik, Tutorial, dan Informasi </title>

+SEO Meta Tag
Silahkan cari kode seperti dibawah (Ctrl+F), lalu ganti kode warna merah dan sesuaikan!
    <meta content='Tempatnya Berbagi Tips, Trik, Tutorial, dan Informasi' name='description'/>
    <meta content='Tips, Trik, Tutorial, dan Informasi' name='keywords'/>
    <meta content='Fauzan' name='Author'/>

Sekian dulu dari, tentang Ngeneki Responsive Blogger Template  kali ini yang pasti  Template blog yang SEO, Responsive, Fast Loading, Nyaman dipandang Mata dan jangan lupa lirik template redesign saya sebelumnya yang gak kalah keren yaitu Njaplak Responsive Blogger Template dan Njaplak Simple Responsive Blogger Template. Jika ada yang ingin ditanyakan silahkan tulis pada kolom komentar dibawah. Terimakasih.