Monday, February 25, 2013

Template SEO Friendly Ellegant Tenan

Setelah sekian lama memendam keinginan untuk berkreasi dengan membuat template akhirnya kesampaian juga walau masih nebeng dengan template orang lain alias template modifikasi. Dengan bekal pengetahuan yang serba terbatas setelah sekian lama memproklamirkan diri sebagai Blogger, terciptalah sebuah template modifikasi yang saya beri titel "Template Ellegant Tenan". Walaupun hasil modifikasi dari Sora Template namun template ini dari segi tampilan sudah jauh beda dengan template aslinya dengan kolaborasi background dan beberapa fitur tambahan yang belum ada sebelumnya.

Template ini juga sudah saya uprek sedemikian rupa dengan menambahkan beberapa "ramuan SEO" dari para Master blog. Template ini juga sudah menggunakan tag H1 sebagai judulnya sehingga lebih SEO, Didalam Template Ellegant Tenan ini saya tanam juga beberapa script yang konon menurut para Master Blog dapat membuat template lebih SEO Friendly.

Beberapa fitur baru juga sudah saya tambahkan dari template sebelumnya yang belum terdapat fitur-fitur tersebut. Fitur tambahan yang saya tanam dalam template ini adalah:

-Nama Asal Template: LeetPress
-Author: Sora Template
-Desain: celana-cewek
-Breadcrumb
-Related Post dengan RSS dengan fungsi scroll sehingga lebih efisien tempat.
-Fitur Addthis yang berisi Facebook Like, Twitter, Pin It dan fitur Share ke Social Media lainnya.

Fitur Bawaan
Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Elegant, Magazine, Featured Content Slider, Fixed Width, Header Banner, Top Navigation Menu, Page Navigation.

Screen Shot



Tampilan asli Leetpress


Konfigurasi Fitur
Konfigurasi Featured Content Slider:
Login ke blogger > dashboard - layout> -> Edit HTML. Cari kode berikut ini:

<div class='sliderContent'>
<div class='featured-item' style='background:#000 url(/image.jpg) no-repeat center; height:280px;'>
<div class='featured-inner'>
<div class='featured-arrows'/>
<h1><a href='#'>Dead Space 2 Review</a></h1>
</div>
</div>
..........

Kalau sudah ketemu silahkan ganti sesuai dengan petunjuk dibawah ini:
" # " dengan URL posting fitur Anda.
" image.jpg " dengan gambar slider Anda.

Konfigurasi Menu Dropdown:
Login ke blogger dashboard - layout> -> Edit HTML, cari kode seperti ini untuk mempermudah pencariannya dengan menggunakan Ctrl + F

<div id='navigation-wrapper'> 
<ul id='navigate'>
<li><a href='#'>Home</a></li>
<li><a href='#'>News</a>
<ul class='sub-menu'>
<li><a href='#'>Xbox 360</a></li>
..........
Jika sudah ketemu  ganti " # "dengan URL menu item Anda.

Cara Mengubah Banner Header:
Cari script seperti dibawah ini, kalau susah gunakan fungsi Ctrl + F

<div id='header-banner'>
<a href='#' target='_blank'><img alt='banner' src='/banner.png'/></a>
</div>
Sekarang ganti:
" # "dengan URL banner Anda.
" banner.png " dengan gambar banner yang Anda inginkan.

Konfigurasi Navigasi Widget Halaman:
cara kode seperti dibawah ini:


var pages=4, // Number of posts in each page
num=2, // Number of buttons will display


 var pages = 4 , / / jumlah posting di setiap halaman
     num = 2 , / / jumlah tombol akan ditamilkan

Bagaimana mengubah Information Author:
Carilah kode seperti dibawah ini, seperti biasanya gunakan fungsi Ctrl + F

<div id='about-author'>
<img height='75' src='/author.png' width='75'/>
<h5><strong>Author:</strong> admin</h5>
<div class='author-descrip'>Lorem ipsum dolor sit amet...</div>
</div>

Ganti /author.png dengan gambar sesuai dengan keinginian anda, untuk admin silahkan ganti dengan nama profile Blogger anda.

Selamat mencoba, semoga berhasil

No comments:

Post a Comment

Popular seribu