Cara Membuat Tampilan Blog Seperti Website Pencarian

Memiliki tampilan blog yang menarik memiliki daya tarik tersendiri bagi pengunjung blog anda. Semakin mudahnya penulusuran pada halaman artikel blog dan penataan kategori yang benar, maka hal tersebut dapat memudahkan pengunjung menjelajahi artikel yang telah di publikasikan dan meningkatkan trafik blog anda. Loading website yang ringan atau cepat merupakan salah satu syarat agar website atau blog anda kelola dikatakan sebagai web/blog yang SEO, untuk mempercepat loading blog anda, caranya cukup mudah:

1. Pilih template yang tidak terlalu memberatkan loading
2. Jika mengupload gambar, usahakan ukurannya seringan mungkin
3. Memasang efek JavaScript secukupnya
4. dll

Untuk kali ini mimin akan membagikan tutorial tentang merubah tampilan blog agar menyerupai pencarian web, untuk demo tampilannya bisa dilihat di link di bawah ini:

DEMO

Jika, anda tertarik menggunakan tampilan seperti blog tersebut, bisa anda ikuti cara mimin di bawah ini.

(1) Silahkan download template di bawah ini:

DOWNLOAD

(2) Ganti template blog anda dengan template tersebut

(3) Untuk anda yang pemula, pilih tab menu "Tema", kemudian pilih tombol "Backup/Pulihkan" di bagian pojok kanan, dan "Choose File" template blog yang sudah anda unduh tadi, selanjutnya pilih tombol "Simpan"

(4) Setelah template blog anda terganti, masuk ke "Edit HTML"

(5) Cari kode ]]></b:skin> menggunakan "Ctrl + F" pada keyboard

(6) Letakkan kode ini di bawah kode tersebut

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.post, #blog-pager {display:none;}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body#layout .sidebar {display:inline;margin-top:200px;}
</style>
</b:if>

(7) Untuk mengganti kalimat "Hai. Selamat datang" dan yang lainnya, anda cukup mencari keyword yang ingin anda rubah pada bagian "Edit HTML" dan merubah kalimatnya

(8) "Simpan Tema" yang sudah anda edit tadi

(9) Terakhir, lihat tampilan blog anda untuk memastikan apakah cara di atas dapat bekerja atau tidaknya

Semoga postingan di atas bermanfaat, Jika mencopy artikel ini tolong sertakan sumber: http://MYTh-Sharer.blogspot.co.id/ untuk mencegah terjadinya pelanggaran hak cipta.

Share jika kalian suka artikel di atas

SHARE

M. Yusuf T.

Blog ini dibuat hanya untuk hobi semata,jka ada kesamaan dalam konten artikel blog ini dengan website yang lain kemungkinan hanyalah keberuntungan belaka atau memang copas dari website yang bersangkutan juga :). LOL. Artikel blog ini di tulis berdasarkan pengalaman penulis. Thx untuk kunjungannya.

• 
• 
• 
• 
•