Pada saat kita membuat posting yang baru biasa halaman yg kita posting itu banyak mengambil tempat diblog kita. Nahhh tutorial ini menjelaskan gimana kita cumin menampilkan sebagian aja postingan kita yang nampak di halaman blog. Wah……… ngantuk juga nih dah malem masih dikantor hehehehe setahu bos sih lembur karena banyak kerjaan ternyata ngeblog.heheheheheh lumayan lah duit lemburnya di pake makan cemil sambil ngeblog nanti kita lanjut yah tutorialnya. Sebenarnya sih enggak hilang cumun disingkat doank kok entar juga muncul klo kita ngelik judul atau more/selanjutnya. Mari kita paparkan cara membuatnya gimana :
1. Buka menu Template kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<div class='post-header-line-1'/> <div class='post-body entry-content'>
4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Di Bawah kode di atas ada kode html seperti berikut:
<p><data:post.body/></p>
6. Letakkan kode berikut dibawah kode di atas.
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".
7. Maka susunan kodenya akan menjadi seperti berikut :
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
8. Simpan hasil pengeditan.
9. Kemudian pilih menu Setting lalu pilih Formatting
10. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">
</span>
11. Kemudian Simpan.
12. Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">
</span>
13. Letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
Sumber : http://trik-tips.blogspot.com/

0 Your Coment:
Posting Komentar
Masukan dan kritikan anda turut andil dalam penyempurnaan blog ini. Made_Blink182