Google Seo V2 Responsive Seo Blogger Template

Kali ini admin akan membagikan Google Seo V2 Responsive Seo Blogger Template.

Wah namanya keren ya Google, iya namanya aja udah keren apalagi templatenya gan. Ini merupakan karya dari CB dan memang tampilannya sangat menarik bagi para pengguna blogger. Banyak dari pengguna blogger juga menggunakan blog ini karena tampilannya yang menarik dan sangat responsive!

So jangan ragu dan gunakan template ini.

Daftar Update di Google SEO V2:

1. Featured Post Bawaan Blogger. Lebih Mudah!
2. Blog Pager Next-Prev Jadi Judul Posting. Lebih SEO & User Friendly!
3. Navigasi Page Menu Responsive. Lebih Mobile Friendly!
4. Schema Org Structuted Data. Lebih SEO Friendly!
5. Bebas AdSense.
6. Pesan Komentar Pindah ke Atas Kotak Komentar.
7. and more.

Panduan Setting Template

Kode Back To Top:

• Login kehalaman blogger.com

• Tataletak > Add a Gadget > HTML/Javascript

• Lalu masukan code dibawah ini

<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF1aI1suQa-VnRLUgzdkBOV-_0ZWQA69iD6NjWHg3fx41EMNSDQ6nN4VPhW4UaPDDoVi8Cyp4V-4ZjkiLQFMckSIcJNy6plOtK7E_5Z_HgJTho3H5_1fHw0UHb9jGH9lMUNgj8QBix4APU/s1600/back+to+top+button+(1).gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()
</script>

• Save and Done!

Search Box:

• Login kehalaman blogger.com

• Tataletak > Add a Gadget > HTML/Javascript

• Lalu masukan code dibawah ini

<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>

• Save and Done!

Featured Post:

• Login kehalaman blogger.com

• Tataletak

• Klik Widget Featured Post

• Pilih Postingan yang akan ditampilkan

• Save and Done!

Dan sudah disetting semua, semoga dapat mempercantik template ini. tertarik download GRATIS!

Demo Download

Semoga dapat membantu sobat sekalian.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: