Google SEO V2 - Template Keren Responsive dan Fast Loading

Sahabat Ngonline06, jika sahabat ingin memperoleh atau membuat blog sahabat dengan tampilan keren dan pastinya responsive, maka template Google SEO V2 ini sangat cocok untuk sahabat terapkan. Seperti versi yang pertama, template Google SEO V2 menawarkan kelebihan yang tentunya sangat menguntungkan sebagaimana yang dijelaskan oleh pemiliknya (CB Blogger), yaitu:

• Lebih SEO Friendly
• User Friendly
• Fast Loading

OK, langsung saja jika sahabat menginginkannya, silahkan lihat saja pada demo dan download berikut ini:

DEMO - DOWNLOAD

Panduan Setting Google SEO V2

Agar sesuai dengan yang didemo, sahabat perlu melengkapi dengan widget Kotak Pencarian, Back to Top, dan widget Feature Post.

Kode Kotak Pencarian

Letakkan kode di bawah ini pada HTML/Java Script dengan langkah-langkah sebagai berikut:

1. Masuk dashboard blog 
2. Tata Letak
3. Tambah Gadget
4. HTML/Java Script

<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:gray;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>

Kode Back to Top

Untuk menggunakan widget back to top, tata caranya sama dengan memasang kotak pencarian. Sahabat tinggal menggunakan kode di bawah ini. Silahkan klik di dalam kotak dan copas.
<script type="text/javascript" ><br /> var scrolltotop={<br />     //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control<br />     //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).<br />     setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},<br />     controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0pt_k49UrhS_wyGGQMLofq0L4ZY6WPBJQ4G9iuVz8h-di1G0F-jiGnQRWUSlni_iTneaWeNWxvWV-N3A-rFyf8fE6g-0bBujJU_-MwRiAZR-LSfuMAz3grvv9Hj5-5iPaRvxsy8KIwd50/s1600/back+to+top+button+(1).gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"<br />     controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner<br />     anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links<br /> <br />     state: {isvisible:false, shouldvisible:false},<br /> <br />     scrollup:function(){<br />         if (!this.cssfixedsupport) //if control is positioned using JavaScript<br />             this.$control.css({opacity:0}) //hide control immediately after clicking it<br />         var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)<br />         if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists<br />             dest=jQuery('#'+dest).offset().top<br />         else<br />             dest=0<br />         this.$body.animate({scrollTop: dest}, this.setting.scrollduration);<br />     },<br /> <br />     keepfixed:function(){<br />         var $window=jQuery(window)<br />         var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx<br />         var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety<br />         this.$control.css({left:controlx+'px', top:controly+'px'})<br />     },<br /> <br />     togglecontrol:function(){<br />         var scrolltop=jQuery(window).scrollTop()<br />         if (!this.cssfixedsupport)<br />             this.keepfixed()<br />         this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false<br />         if (this.state.shouldvisible && !this.state.isvisible){<br />             this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])<br />             this.state.isvisible=true<br />         }<br />         else if (this.state.shouldvisible==false && this.state.isvisible){<br />             this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])<br />             this.state.isvisible=false<br />         }<br />     },<br /> <br />     init:function(){<br />         jQuery(document).ready(function($){<br />             var mainobj=scrolltotop<br />             var iebrws=document.all<br />             mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode<br />             mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')<br />             mainobj.$control=$('<div id="topcontrol"> '+mainobj.controlHTML+'</div> ')<br />                 .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})<br />                 .attr({title:'Scroll Back to Top'})<br />                 .click(function(){mainobj.scrollup(); return false})<br />                 .appendTo('body')<br />             if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text<br />                 mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text<br />             mainobj.togglecontrol()<br />             $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){<br />                 mainobj.scrollup()<br />                 return false<br />             })<br />             $(window).bind('scroll resize', function(e){<br />                 mainobj.togglecontrol()<br />             })<br />         })<br />     }<br /> }<br /> scrolltotop.init()<br /> </script>

Featured Post

Untuk widget Featured Post, kami kira sahabat bisa memasangnya sendiri, mengingat pemilik template sudah memodivikasinya agar sesuai dengan blogger.

Demikian template Google SEO V2 yang keren, responsive, dan tentunya fast loading. Semoga bermanfaat dan jika ada kesulitan, silahkan coret-coret saja di kotak komentar.