fungsi HTML pada Blog
Bagi
anda Blogger pemula tentu bertanya-tanya bagaimana cara memperindah
blog anda seperti blog-blog lain yang pernah anda lihat. Saya akan
merangkum beberapa tips yang dibutuhkan bagi pemula seperti saya.
Sebelum anda berkreasi dengan template anda ada baiknya untuk membackUp
template blog, caranya dengan masuk ke Edit HTMl lalu klick link
download full template.
1. Menghilangkan Navbar blogger
Ada beberapa alasan kenapa kita menghilangkan navbar ini terutama agar blog kita tampilannya lebih bagus. Caranya sangat gampang
Login ke blog anda
Klick Design lalu Edit HTML
Cari code berikut ]]>
Lalu pasang code berikut sebelum code di atas
#navbar { display: none; }
atau
#navbar-iframe {display: none !important;}
Save template lalu lihat perubahannya, simple bukan?
2.Mengganti icon Blogger atau Favicon
Secara default favicon anda akan berupa huruf B cara menggantinya gampang.
Login lalu klick Design dan Edit HTML
Pasang code berikut sebelum code </head>
<link href='http://namalink.com' rel='SHORTCUT ICON'/>
Ganti code yang dicetak tebal dengan url
favicon anda atau biarkan kosong agar terlihat favicon kertas putih,
bukan huruf B . Anda bisa membuat favicon di favicon.cc atau mencari icon di iconfinder.com ukurannya biasanya 16X16 pixel.
3.Cara menghilangkan tanggal posting
Caranya cukup mudah yaitu :
Login lalu cari Edit HTML
Centang Expand Widget
Cari dan hapus code berikut
<data:post.dateHeader/>
Save Template
Tetapi hanya sedikit blogger yang menghilangkan tanggal postingan.
4. Mengubah Page Title lebih SEO friendly
Secara default title Blog kamu akan seperti ini Blog title | Post title
Sekarang anda bisa membaliknya caranya sebagai berikut :
Login lalu cari Edit HTML
Temukan code dibawah ini
<title><data:blog.pageTitle/></title>
Ganti dengan code berikut
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Atau code dibawah bersama dengan beberapa kata kunci anda
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>
Save template anda
5. Mengubah Blog Nofollow menjadi DoFollow
Keistimewaan blog DoFollow adalah
mesin pencari akan mengindeks link pada comment form sehingga
pengunjung yang meninggalkan comentar di blog anda akan mendapatkan
manfaat ini membuat semakin banyak pengunjung yang berdatangan ke blog
anda. Cara merubahnya sebagai berikut :
Login dan cari Edit HTML lalu centang Expand Widget Templates
Cari code berikut
<a expr:href='data:comment.authorUrl'rel='nofollow'>
Hapus code rel='nofollow'
Lalu Save template anda
6.Menghilangkan widget atau sidebar di main page atau sebaliknya
Pernahkah anda melihat blog yang pada
halaman utamanya berisi 3 colom tetapi saat anda masuk ke sebuah posting
hanya ada satu sidebar atau footernya tidak muncul. Nah anda juga bisa
mengatur blog anda menjadi seperti itu. JUga bisa menhilangkan Footer
pada halaman utama dan memunculkannya pada halaman postingan saja.
Karena lumayan panjang silahkan lihat postingan saya sebelumnya tentang Menghilangkan widget atau sidebar di main page.
7.Menghilangkan "Showing newest posts with label"
Tulisan itu biasanya muncul saat anda mengklik label letaknya diatas semua postingan.
Terlebih dahulu Login ke blogger
Lalu klick Design dan Edit HTML
Centang Expand Wdget Templates
Cari code berikut
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Ganti dengan code dibawah ini
<b:includable id='status-message'>
<b:if cond=’data:navMessage’>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Save Template lalu lihat perubahannya.
8.Agar Blog anda banyak pengunjung
Ada banyak cara agar pengunjung blog anda
bertambah sehingga penghasilan dari blog andapun meningkat. Silahkan
baca postingan saya sebelumnya tentang meningkatkan pengunjung blog dan 10 cara meningkatkan traffic serta bagaimana supaya pengunjung mau berkomentar di blog anda
9.Mengganti tulisan older Post/Newer Post
Di bagian bawah blog kita ada tulisan
"Older post" dan "Newer post". Anda bisa menggantinya dengan "Next" atau
apapun yang anda suka, caranya adalah :
Login dan masuk ke Edit HTML
cari code dibawah untuk mengganti kata Newer Posts
<data:newerPageTitle/>
Ganti dengan kata yang kamu suka misalnya "Terbaru" atau pasang gambar tanda panah juga bisa
Lalu cari code berikut dan ubah seperti cara diatas untuk mengganti "Older Posts"
<data:olderPageTitle/>
Lalu save template
10. Menghilangkan "Subscribe to Post (Atom)"
Tulisan tersebut muncul dibawah blog anda jika anda ingin menghilangkannya silahkan ikuti langkah berikut
Login lalu klick Design dan Edit HTML
Centang Expand Widgets Templates
Cari code dibawah ini
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
Ganti dengan code dibawah
<b:include data='feedLinks' name='feedLinksBody'/>
Save template dan tulisan itupun hilang entah kemana.
Itulah rangkuman tips untuk blogger
pemula yang perlu diketahui dalam memperindah tampilan blog anda dan
sekali lagi saya sarankan untuk selalu membackUp template anda sebelum
melakukan perubahan sekecil apapun sehingga kalau terjadi kesalahan anda
bisa mengembalikan tampilan blog anda seperti semula.
Saya sudah beberapa kali mengganti
template dan melakukan modifikasi menurut saya tampilan blog banyak
berpengaruh selain mengganti blog title agar lebih SE friendly. Yang
terpenting adalah content blog anda, jika blog anda dirasa bermanfaat
oleh pengunjung maka merekapun akan kembali dilain waktu dan apalagi
bila tampilan blog anda mudah di browsing dan enak dipandang tentunya
pengunjung akan betah berlama-lama di blog anda.
