Black SEO Template

Template "Faster Black SEO Friendly Terbaru Blogspot
Sobat blogger yang sejati dalam dunia blogger, kali ini saya ingin berbagi info mengenai Template Faster Black SEO Friendly Terbaru Blogspot. Terutama para sobat blogger yang suka pada SEO Friendly, hehehehe...(pasti itu yang dicari semua blogger).
Langsung saja saya kasih infonya tentang Template Faster Black SEO Friendly Terbaru Blogspot, template ini diberi nama dengan “Faster Black Blogger Template" karya dari mas Viyan Pradita. Template "Faster Black" ini berwarna hitam, karena dari judulnya "Faster Black" maka template ini didesain hitam.
Template Faster Black ini mempunyai kelebihan yaitu :

1. Platform template untuk Blogger
2. Double menu navigasi (Top Header dan Bottom Header)
3. Meta title dan meta tag ready (SEO friendly)
4. Sidebar kanan
5. Auto Read More ready
6. Breadcrumb ready (menu navigasi diatas judul posting)
7. Social Bookmark ready, dll.

Ini screenshotnya sobat :

 Demo | Download

Dan untuk cara penyetingannya dibawah ini sob :
1. Bagaimana cara mengganti background header

• Langkah awal yaitu siapkan dulu gambar untuk backgroud headernya. (bisa menggunakan Photoshop)
• Ukuran gambar yaitu Width: 800px dan Hight: 150px.
• Biar gak menambah berat blog, cobalah bila menggunakan Photoshop, "save as for web"  itu fungsinya untuk mengompres besar file dari gambar.
• Setelah gambar beres, lanjut untuk mengupload ke blog, berikut caranya:
• Pergi ke "Rancangan" terus ke "Tata Letak"
• Klik "Edit"
  
  
• Lalu Unggahlah gambar dari komputer anda:
  
  
• Selesai dan Simpan.

2.Setelah disimpan sobat selanjutnya bisa mengikuti langkah kedua ini :
Cara Setting Meta Title Dan Meta Tag

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='YOUR DESKRIPTION' name='DESCRIPTION'/>
<meta content='YOUR KEYWORDS' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='global' name='target'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='global' name='distribution'/>

<link expr:href='data:blog.url' rel='canonical'/>

Keterangan:
Ubahlah Deskripsi dengan deskripsi blog anda
Ubahlah Keyword dengan keyword blog anda

Cara Setting Menu Navigasi

a. Menu Navigasi Atas Header
Carilah kode berikut: <div id='navigation'>
Setelah ketemu settinglah pada kode dibawah ini:

<div id='navigation'>
<ul id='nav'>
<li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='URL HERE'>About</a></li>
<li><a href='URL HERE'>Contact</a></li>
<li><a href='URL HERE'>Privacy Policy</a></li>
<li><a href='http:/feeds/posts/default' rel='nofollow' title='Feed'>RSS</a></li>
</ul>
</div>
</div>

Keterangan:
Ubahlah kode yang berwrna merah (URL HERE) dengan URL yang ingin anda masukan.

b. Setting Menu Navigasi Bawah Header
Carilah kode berikut: <div id='mn2'>
Setelah ketemu settinglah pada kode dibawah ini:

<div id='mn2'>
<div id='pagev'>
<a href='URL HERE'>Home</a>
<a href='URL HERE'>Menu1</a>
<a href='URL HERE'>Menu2</a>
<a href='URL HERE'>Menu3</a>
<a href='URL HERE'>Menu4</a>
<a href='URL HERE'><blink>Menu5</blink></a>
</div></div>

Keterangan:
Ubah URL HERE dengan Link URL Yang anda inginkan, begitu juga dengan keterangan dari MENU1 sampai MENU5.

Sepertinya masih ada kekurangan pada warna link pada widget dari bawaan blogger, misal recent post dan recent comment, untuk mengakalinya silahkan ikuti langkah-langkah berikut:

Nah untuk langkahnya adalah sebagi berikut :
1.Untuk memberi recent post :
Ikuti langkah-langkah berikut :

1. Silahkan Login ke blogger terlebih dahulu.
2. Pilih Rancangan/Layout (bagian Elemen Halaman)
3. Tambah Gadget/Add Page Gadget pada sidebar, dan taruh kode dibawah ini di dalamnya

<script src="http://k-blogger.googlecode.com/files/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BlogSobat.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Simpan, dan lihat hasilnya.


Keterangan :
Angka 10 yang tercetak tebal dan merah diatas adalah, angka postingan yang mau Sobat tampilkan.

2.Untuk recent comment :

Ikuti langkah-langkah berikut :

1. Silahkan Login ke blogger terlebih dahulu.
2. Pilih Rancangan/Layout (bagian Elemen Halaman)
3. Tambah Gadget/Add Page Gadget pada sidebar, dan taruh kode dibawah ini di dalamnya

<script style="text/javascript" src="https://sites.google.com/site/kodeblogger/javascript/comments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogSobat.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

4. Simpan dan lihat hasil-nya.


Keterangan :
Tulisan NamaBlogSobat yang tercetal warna merah diatas harus kamu ganti dengan alamat blog Sobat
Angka 5 yang tercetak warna biru itu menunjukkan Komentar terakhir yang ditampilkan di blog, kamu bisa mengubah sesuai selera kamu.
Semoga bermanfaat.