Template Blogger yang terbilang masih baru ini namanya adalah 'X-Press
Blogger Template' , Penasaran Templatenya seperti apa? Screenshot, Demo,
dan Downloadnya ada dibawah ini. Saya buat artikel ini semata-mata
dibuat sebagai arsip pribadi agar lebih mudah membaca keterangannya.
Namun jika anda ingin mencoba silah download saja Template Blogger SEO
Friendly Terbaru September 2013
Screenshot
Feature :
- Faster Loading
- Simple
- Ready Menu Dropdown Bounce Effect on Header
- Ready Banner Slider 468 x 60 on Header
- Ready Auto Read More
- Ready Comments, Date, Clock, Author Post
- Ready No Image
- Ready Labels
- Ready Permalink
- Ready Related Posts
- Ready Threaded Comment
- Ready Fitur Reply
- Ready Form Message on Comments
- Ready Footers 3 Column
- Valid HTML5 ( Bisa Lihat Validator Chek )
- SEO on http://chkme.com/
- and Many More...
Pengaturan Meta Tag, cari kode :
<meta content='Deskripsi Blog' name='description'/>
<meta content='keyword Blog' name='keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='kode google' name='google-site-verification'/>
<meta content='kode bing' name='msvalidate.01'/>
<meta content='kode alexa' name='alexaVerifyID'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Pemilik Blog' name='author'/>
<meta content='width=device-width' name='viewport'/>
<link href='URL Blog/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='URL Blog/atom.xml' rel='alternate' title='Atom' type='application/atom+xml'/>
<link href='URL Blog/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/>
Pengaturan Menu, cari kode :
<div class='DANDYmenu'>
<ul><li><a href='#' title='Back to Home'>Home</a></li>
<li><a href='#'>Contact ▼</a><ul>
<li><a href='URL_Facebook_Anda' target='_blank' title='Facebook'>Contact on Facebook</a></li>
<li><a href='URL_Twiter_Anda' target='_blank' title='Twitter'>Contact on Twitter</a></li>
<li><a href='URL_G+_Anda' target='_blank' title='Google+'>Goggle +</a></li>
</ul></li>
<li><a href='#' title='Test Menu'>Test Menu</a></li>
<li><a href='#' title='Test Menu'>Test Menu</a></li>
</ul></div>
kode yang berwarna Biru adalah URL anda.
kode yang berwarna Merah adalah Judul ketika di hover / disentuh dengan mouse.
Sisanya anda otak atik sendiri ya
Pengaturan Banner Slider, Cari kode :
<div id='slider2'>
<div id='mask'>
<ul><li> <a href='#' title='#'><img alt='#' src='#URLGambar'/></a></li>
<li> <a href='#' title='#'><img alt='#' src='#URLGambar'/></a> </li>
<li><a href='#' title='#'><img alt='#' src='#URLGambar'/></a></li>
<li><a href='#' title='#'><img alt='#' src='#URLGambar'/></a></li>
</ul> </div>
kode yang berwarna Biru adalah URL.
kode yang berwarna Hijau adalah Judul ketika di hover / disentuh dengan mouse.
kode yang berwarna Ungu adalah untuk misalnya gambar itu tidak muncul, dan akan digantikan teks dengan alt tersebut.
kode yang berwarna Merah adalah URL Gambar.
nah, sudah saya beritahu semua kan? sisanya tinggal anda edit sendiri sesuka anda.
Demo :
http://wowliriklagubestbeb.blogspot.com
Download :
X-Press Blogger Template 2013
0 comment:
Post a Comment