Selasa, 19 Januari 2010

Tips dan trik Blog : Memperpendek Tampilan Postingan Pada Halaman Utama Blogspot ( Menu Read more )


1. Masuk ke Blogger Dasbor
2. Klik pada: Tata Letak
3. Klik pada: Edit HTML
4. Klik pada: Expand Template Widget
5. Kemudian lihat pada script, copy paste script ke editor atau bila tidak ada bisa menggunakan Notepad
6. Untuk lebih amannya buat backup dari script awal, agar nanti bila terjadi error bisa kembali ke awal.
7. Kemudian cari <data:post.body/> dengan menu find yang tersedia di notepad

script awal:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>



Kemudian ganti dengan script dibawah ini:


<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<style type='text/css'>.bawah {display:none;}</style>
<data:post.body/>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <br/> <div style='text-align: right;'>Baca lebih lanjut...</div></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><br/><div style='text-align: right;'>Baca lebih lanjut...</div></a>
</b:if>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


kemudian copy semua script dan masukkan ke blogger, klik pada simpan template.
Selesai.

Langkah selanjutnya, kita harus membagi setiap postingan yang kita buat menjadi 2 bagian, yaitu
<div class="Summary">....</div> dan
<div class="bawah">....</div>

atau bisa juga menjadi tiga bagian dengan susunan:
<div class="bawah">....</div>
<div class="Summary">....</div>
<div class="bawah">....</div>


dibagi menjadi dua, contoh:

<div class="Summary">Isi posting dari awal yang akan ditampilkan dihalaman utama</div>
<div class="bawah">
Isi postingan yang tidak ditampilkan</div>

dibagi menjadi 3 bagian, contoh:
<div class="bawah">Isi postingan bagian awal, tetapi tidak ditampilkan dihalaman utama</div>
<div class="Summary">
Isi posting yang ingin ditampilkan dihalaman utama</div>
<div class="bawah">
Isi postingan bagian selanjutnya sampai yang paling akhir yang tidak akan ditampilkan dihalaman utama</div>

Selamat mencoba.

6 komentar:

  1. mas, templateku ga ada script nya. yang ada cuma yang spt ini:
    }
    .post-body {
    padding: 0 30px 15px 30px;
    line-height:1.6em;
    }
    .post-body blockquote {
    line-height:1.3em;
    }

    gimana dong? tolongin yah.. Syukran sebelumnya.

    BalasHapus
  2. mas, templateku ga ada script nya. yang ada cuma yang spt ini:
    }
    .post-body {
    padding: 0 30px 15px 30px;
    line-height:1.6em;
    }
    .post-body blockquote {
    line-height:1.3em;
    }

    gimana dong? tolongin yah.. Syukran sebelumnya.JAzakallah khair

    BalasHapus
  3. Pada HTML klik pada kotak kecil Expand Template Widget dibagian pojok kanan kotak HTML, lalu cari dibagian bawah. Kalau yang kamu sebutkan itu scrip rss, cari post.body diantara tag <body> dan </body>

    BalasHapus
  4. udah bisa mas.. syukran^_^ tapi kalo postingannya pendek, gimana caranya supaya ga ada read more nya?

    BalasHapus