Cara Membuat Halaman Depan Tampil Hanya Judul Posting

-
Salah satu cara aga blog kita tampil indah adalah dengan mengolah halaman depan blog kita menjadi lebih cantik.Beberapa usaha yang sering kita lakukan adalah salah satunya daengan menampilkan judul posting blog saja di halaman depan blog.
Nah,Disini saya akan memberikan tips membuat halaman depan blog kita tampil hanya judul posting saja seperti yang kita bisa lihat di website detik.com

Berikut Langkah langkahnya.

1.Login Blogger -> Rancangan -> Edit HTML
2.Download Template Lengkap dan beri centang pada kotak Expand Template Widget
3.Cari kode "]]></b:skin>"Untuk mempermudah pencarian,tekan CTRL+f


 <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .post-body{display:none;}
    </b:if>
    </b:if>
    </style>


Setelah ketemu paste kode dibawah ini tepat dibawah kode ]]></b:skin> Save Template

Kode diatatas adalah kode untuk menampilkan judul posting dan tanggal penerbitan blog.Jika hanya ingin menampilkan judul saja,sebaiknya menggunakan kode yang ini

    <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .post-body, .post-footer, .jump-link,
    .post-timestamp, .reaction-buttons,
    .star-ratings, .post-backlinks,
    .post-icons, .date-header{display:none;}
    </b:if>
    </b:if>
    </style>
  
Oke,Selamat Mencoba.

Postingan populer dari blog ini

Pasang Meta Deskripsi dan Meta Keyword

-
Gambar
Assalamualaikum.. Pada kesempatan ini, saya akan berbagi informasi mengenai  Cara Memasang Meta Keyword dan Deskripsi Blog. Meta keyword dan deskripsi sangat penting bagi pengoptimalan Search engine (SEO) blog kita. Dengan meta keyword , search engine akan mudah mengenali apa saja isi / konten dari blog kita. Selain iut dengan meta desripsi , kita bisa memberitahukan kepada para pencari informasi melalui search engine tentang apa sajakah konten - konten yang ada dalam blog kita tersebut. Daripada bingung kegunaannya mari saya tunjukkan contoh gambar dibawah ini: Itu adalah hasil pencarian blog saya melalui Google, Lihatlah pada Tulisan : "Informations about blogging, science, knowledge, tutorials , mathematic, biology, etc." Itulah yang dinamakan meta desripsi. Jadi kita bisa menceritakan pada pencari informasi bahwa isi blog kita itu mengenai apa saja... Langsung saja ya daripada panjang lebar, Ini dia caranya: Masuk ke dashboard Klik design Pili...
Baca selengkapnya

Merubah Tag Heading Judul Blog

-
Gambar
Assalamualaikum.. Kembali lagi kali ini kita membahas permasalahan SEO, dan yang akan dibahas kali ini adalah Cara mengganti tag heading judul blog agar menjadi lebih SEO friendly. Mesin pencari google lebih menyukai tag heading < h 1> dibandingkan lainnya, dikarenakan dianggap merupakan yang terpenting. Oleh sebab itu, ada baiknya bila kita mengganti tag heading judul post kita dengan <h1>. Untuk melakukannya ikuti langkah berikut ini : Masuk ke dashboard Klik desing Pilih tab edit HTML Cari kode berikut ini : <b:if c o nd='data:post.title'> <h 3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> ...
Baca selengkapnya