Pastel Kawaii SEO Responsive Blogger template

ash princess kawaii

Hi cute blogger, aku bikin template blog lagi niy...Yang ini warna lebih ke pastel. Tetep bertema cute seo responsive blogger template. Dan  ga banyak gambar yang bikin berat loading. Neh fiturnya...

  • Responsive
  • Fast loading
  • Breadcrumb
  • Share social bookmark
  • Permalink
  • Info author
  • Related post
  • Blockquote auto syntax highlighter
  • animated emote comment
cute seo html5 blogger template
animated emote comment

Ingin lihat demo templatenya langsung aja Demo Pastel Kawaii SEO Blogger template
Untuk setting blog posts pada layout, berikut screenshotnya.


Untuk setting mobile template, berikut screenshootnya.


Kode subscribe:

<style>
.subscribe-box{background:2E2E2E; color:orange; font-family:'Delius',sans-serif; font-size:18px; line-height:20px; text-align:center; text-transform:uppercase; padding:1px 20px 10px}
.subscribe-box p{margin:0; padding:10px 0}
.subscribe-form{clear:both; display:block; margin:10px 0}
form.subscribe-form{clear:both; display:block; width:auto; margin:10px 0 0}
.subscribe-email{background:#f1f1f1; border:1px dashed tan; color:#444; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; margin:0 0 10px; padding:10px}
.subscribe-email:focus{outline:none}
.subscribe-button{background:#F3F781; border:none; color: #3B170B; font-family:delius; cursor:pointer; text-transform:uppercase; width:100%; padding:5px 10px; font-size:18px; transition:all .5s ease}
.subscribe-button:hover, .subscribe-button:focus, .subscribe-button:active{background:#FAAC58;color: #3B170B; outline:none; border:none}
</style>
<div class="subscribe-box">
<p>Get Update Newsletter</p>
<div class="subscribe-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=ashprincesskawaii" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ashprincesskawaii', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="ashprincesskawaii" /><input name="loc" type="hidden" value="en_US" /><input autocomplete="off" class="subscribe-email" name="email" placeholder="Enter your email ..." /><input class="subscribe-button" title="" type="submit" value="Submit" />
</form></div></div>

Kode button back to top

<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)
* Modified by ash princess kawaii***********************************************/
var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://dl7.glitter-graphics.net/pub/384/384957uvzupp2kbf.gif" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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:'Fill To Top ! '})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

author : Erna Ayuning Nareswari ~ http://ashprincesskawaii.blogspot.co.id
article Pastel Kawaii SEO Responsive Blogger template posted by Erna Ayuning Nareswari. Thank you for your visit and your willingness to read this article. If you want to copy paste this article , please specify link Pastel Kawaii SEO Responsive Blogger template as the source.
LEAVE COMMENT AFTER VISIT MY PAGE

3 comments

KAITIE delete 4 Juli 2015 14.26

:-?

terima kasih sudah men-share^^ saya izin memakai di blog saya yaa :-?

Erna Ayuning Nareswari delete 19 Januari 2016 01.39

iya sis...pleasure.. =p~