METAL - XP - Malem Sob, Setelah capek mau posting apalagi karena sudah kebanyakan software...Sekarang waktunya berbagi-bagi Template Blogspot Gratis !! Kebetulan saya sendiri hobby-nya yaitu uprek-uprel template, jadi gak ada salahnya kalau sekali-kali saya buat template sendiri. Nah, Seperti yang sobat tahu, bahwa saya pribadi itu, lebih suka dengan template yang simple, elegan, menarik dilihat, fast loading, serta yang penting adalah SEO Friendly.,,,TEMPLATE yang saya tawarkan hampir mirip dengan template yang saya pakai...
Sekilas tentang template yang akan saya share yaitu "Faster Black Blogger Templates"
Anda bisa melihat screeenshot-nya pada gambar dibawah ini:
 |
| Faster Black Blogger Template |
Dimana Spesifiknya sebagai berikut:
- Platform Type For Blogger / Blogspot
- SEO Friendly Dengan Meta Title dan Meta Tag
- Double Menu Navigation ( Top Header and Bottom Header)
- 1 Right Sidebar
- Auto ReadMore Ready
- Breadcrumb Ready
- Social Bookmark Ready
- Etc.
Nah berikut adalah tahapan setting templatenya:
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. 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 == "item"'>
<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
3. 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 MENU1sampai MENU5.
Update!!
Sepertinya masih ada kekurangan pada warna link pada widget dari bawaan blogger, misal recent post dan recent comment, jadi sobat harus menambahkannya
PENTING!!
Template ini memang saya bagi gratiskan, dan saya akan lebih menghormati anda bila tidak menghapus bagian Fotter CREDITS-nya.
Sementara sampai disini dulu yang bisa saya jelaskan disini, bila anda masih mengalami kesulitan, bisa langsung ditanyakan dengan berkomentar langsung disini.
Dan saya berharap masukan dari template ini, entah itu kelebihan ataupun kekurangannya, pastinya agar saya bisa lebih baik untuk kedepannya. Terimakasih.
Sumber : http://kode-blogger.blogspot.com
PERTAMAX gan....nice info...visit back yah.. :)
BalasHapuspertamaX, diamankan dulu.
BalasHapus