Posted by Ahmad Zaini Sudirman
Template SEO friendly sangat banyak dicari dan didownload karena template sejenis ini dapat meningkatkan ranking penelusuran di search engine seperti google, bing, dan yahoo.
Kali ini saya akan membagikan template buatan CB yang sudah dimodifikasi dari versi pertamanya.
Apa saja yang sudah diupdate nya?
- Navigasi Page Menu Responsive. Lebih Mobile Friendly!
- Featured Post Bawaan Blogger.
- Schema Org Structured Data. Lebih SEO!
- Pesan Komentar Pindah ke Atas Kotak Komentar.
Dan Banyak Lagi!!
--------------------------------------------------------------------------------------------------------------------------------
Panduan Setting Template
Setting Nama dan URL
Cari Kode Seperti dibawah ini
<li><a href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='/p/about.html'>About</a></li>
<li><a class='prett' href='#'>Contact</a>
<ul class='menus'>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Google+</a></li>
</ul>
</li>
<li><a href='#'>Sitemap</a></li>
<li><a class='prett' href='#'>Categories</a>
<ul class='menus'>
<li><a href='#'>Cat 1</a></li>
<li><a href='#'>Cat 2</a></li>
<li><a href='#'>Cat 3</a></li>
</ul>
</li>
<li><a href='#'>Gallery</a></li>
<li><a href='#'>Download</a></li>
<li><a href='faktadantips.blogspot.com'>Link</a></li>
</ul>
</nav>
<div class='outer-wrapper'>
<nav id='menutop'>
<input type='checkbox'/>
<label/>
<ul>
<li><a href='/' title='Home'>Home</a></li>
<li><a class='dutt' href='#'>Drop-Down</a>
<ul class='menux'>
<li><a href='#'>Sub-item 1</a></li>
<li><a href='#'>Sub-item 2</a></li>
</ul>
</li>
<li><a class='dutt' href='/p/get-in-touch.html'>Contact</a>
<ul class='menux'>
<li><a href='#'>e-mail Form</a></li>
<li><a href='#'>Twitter</a></li>
</ul>
</li>
<li><a href='/p/privacy-policy.html'>Privacy Policy</a></li>
<li><a href='/p/sitemap.html'>Sitemap</a></li>
<li class='sorting-01 facebook'><a href='#'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li>
<li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus'><a href='#'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li>
<li class='sorting-06 linkedin'><a href='#'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li>
<li class='sorting-04 youtube'><a href='#'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li>
</ul>
</nav>
Silahkan mengganti tanda pagar (#) dengan link url sobat, dan untuk mengganti nama menu ganti nama yang didalam kode >.....< dengan menu yang sobat kehendaki
Kode Back to Top:
#1. Tata Letak -> Add Widget
#2. Judul Kosongkan!
#3.
Dan copy-paste kode dibawah
<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/AVvXsEgs1yo_ygBdlSAxuAU4gkzvYRydq1trkku9513ip7sZpV7zX6KTl1SOiTYHLDcvXNEwPf3FsJFamDwtAvMFjThd0R-EyfhhyCq9fv6iWarmRQdgJ3jXBPy2WEmmNrdr2YvTabT1tAvnNVZk/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)
#4. Kemudian klik save.
Memasang Kotak Pencarian
- Buka 'Tata Letak'
- Klik add Gadget
- Copas kode dibawah
<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>
4. Klik Save.
SETTING FEATURED POST:
1. Klik Edit widget Featured Post
2. Pilih/Klik Posting yang akan ditampilkan.
Semoga Bermanfaat
ADS HERE !!!