DOWNLOAD TEMPLATE

Semua-Niche|Template Fajri Awesome Seo Sekaligus Responsive,Walah sepertinya
saya sering sekali share hal-hal berbau dunia blogging tetapi khusus hari ini saya akan
share template,Tempalte ini mungkin bisa jadi referensi bagi anda yang masih binggung
nyari template yang bagus,Saya sarankan template ini,Karena template ini sangat menarik
dan sangat cocok untuk apapun niche yang ada di blog anda.

Fiture Template :

Responsive
SEO Friendly
Flat UI Design
Vertical Menu
Dialog Box
Notification Comment
Search Box
Label Cloud Flat UI Design
Popular Post Widget Design
Blockquote Design
SyntaxHighlighter Yang Sudah Dimodifikasi
And Many More

Untuk Pengaturan Template
Silahkan Amati Dibawah Ini

Untuk Pengaturan Notifikasi :

Untuk Pengaturan Notifikasi Silahkan Anda Ganti Bagian Home Page dengan Url

Blog Anda .

<script type='text/javascript'>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
  home_page: "http://semuaniche.blogspot.com",
    max_result: 20,
    t_w: 40,
    t_h: 40,
    summary: 9999,
    new_tab_link: false,
    ct_id: "comments-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function (total) {
        document.getElementById("show-total").innerHTML = '<strong class=\'total-show\'>' + total + '</strong>';
        document.title = '(' + total + ') ' + originalTitle
    }
};
$('#notif').click(function () {
    $("#cm-wrapper").css({
        right: "0px"
    });
    $("#bg, #notif2").show();
    $("#notif").hide()
});
$('#notif2').click(function () {
    $("#cm-wrapper").css({
        right: "-381px"
    });
    $("#bg, #notif2").hide();
    $("#notif").show()
});
$('#bg').click(function () {
    $("#cm-wrapper").css({
        right: "-381px"
    });
    $("#bg, #notif2").hide();
    $("#notif").show()
});
document.getElementById('notif').onclick = function () {
    document.title = originalTitle;
    $('#show-total').hide()
};
document.getElementById('show-total').onclick = function () {
    document.title = originalTitle;
    $('#show-total').hide();
    $("#cm-wrapper").css({
        right: "0px"
    });
    $("#bg").show()
};
//]]>
</script>

Untuk Dialog Box :

Untuk Dialog Box Silahkan Anda Ganti Dengan Deskrpsi Sesuai Keinginan Anda
Dengan cari kata "Dialog Box" Pada Template .

Untuk Menu Vertikal :

Untuk Menu Vertikal yang berada di blog ini,Bisa Anda Edit Sesuai Selera Anda .

ul class='sidebar-menu'>
<li class='active'><a expr:href='data:blog.homepageUrl'>
<i class='icon-home'/>
<span>Home</span></a></li>
<li class='sub-menu'>
<a href='javascript:;'>
<i class='icon-eye-open'/>
<span>Blogger Plugin</span>
<span class='arrow'/>
</a>
<ul class='sub' style='overflow: hidden; display: none;'>
<li><a href='#' title='CSS'>CSS</a></li>
<li><a href='#' title='SEO'>SEO</a></li>
<li><a href='#' title='jQuery'>jQuery</a></li>
<li><a href='#' title='Navigation'>Navigation</a></li>
<li><a href='#' title='Komentar'>Komentar</a></li>
</ul>
</li>
<li class='sub-menu'>
<a href='javascript:;'>
<i class='icon-heart'/>
<span>Social</span>
<span class='arrow'/>
</a>
<ul class='sub' style='overflow: hidden; display: none;'>
<li><a href='#' title='Facebook'>Facebook</a></li>
<li><a href='#' title='Google'>Google</a></li>
<li><a href='#' title='Twitter'>Twitter</a></li>
</ul>
</li>
<li>
<a href='#'>
<i class='icon-user'/>
<span>About Me</span>
</a>
</li>
<li>
<a href='#'>
<i class='icon-envelope'/>
<span>Contact</span>
</a>
</li>
<li>
<a href='#'>
<i class='icon-lock'/>
<span>Privacy Police</span>
</a>
</li>
<li>
  <a href='#'>
<i class='icon-refresh'/>
<span>Link Exchange</span>
</a>
</li>
<li class='sub-menu'>
<a href='javascript:;'>
<i class='icon-star'/>
<span>More</span>
<span class='arrow'/>
</a>
<ul class='sub' style='overflow: hidden; display: none;'>
<li><a href='#' title='Ragam'>Ragam</a></li>
<li><a href='#' title='Lain-lain'>Lain-lain</a></li>
</ul>
</li>
</ul>
</div>

Terakhir,Untuk Back To Top

Untuk Back To Top,Silahkan anda masukan script dibawah ini didalam HTML/JAVASCRIPT

Dibagian Tata Letak.

<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/AVvXsEjyhf362eAArC-fYlj-NxNOo591P48PfXbnqGYPlbqX_UnpmdcyrdeDW8IbPiz_Datj-JsRQZT-XuHYNfkfxX-neZrQwBYu3VxEDkO174wcHtF6_1rBsVV2vfiKrjAOGWIb0RnyU3fs8FHh/s1600/Untitled.png" />', //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>

tampungan

Jumat, 30 Oktober 2015

Template Fajri Awesome Seo Sekaligus Responsive