Cara Membuat Read More di Blog.

13 April 2009 Dicatat oleh EmahTimah di 9:25 AM

1. Saya ini memaparkan dalam ruangan ini sesuatu Cara untuk Membuat Read More / Baca Selanjutnya di Blog walaupun pada hakikatnya sesetengah dari anda mungkin menganggap topik ini sudah lapuk tetapi tidak pada yang baru menceburi bidang Blog.

2. Jadi saya tujukan kepada sesiapa yang nak tahu dalam menambahbaikan pada Blog anda. terimalah penkongsian yang ikhlas dari hati saya kerana saya juga menerima dari orang yang ikhlas berkongsi heheheh...

3. Sila ikuti langkah berikut:

Langkah #1

* Sign in di blogger dengan id anda.


* Klik Pengaturan


* Klik Format


* Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi text area kosong tersebut dengan kod di bawah ini :


<span class="fullpost">


</span>


* Klik butang Simpan Pengaturan


Pemasangan kod ini di maksudkan agar pada saat posting artikel, kod tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kod tersebut.

Langkah #2

* Klik menu Dasboard


* Klik Reka Letak


* Klik tab Edit HTML


* Klik tulisan Download Template Lengkap.


* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


* Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :




* Tunggu beberapa saat ketika proses sedang berlangsung


* Silahkan anda cari kod berikut pada kod template milik anda :

<data:post.body/>

atau kod di bawah ini (sama saja) ;

<p><data:post.body/></p>

* Ganti dengan kod di bawah ini :

<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>

* Klik butang Simpan Template
* Selesai.


4. Cara Posting Artikel

* Klik menu Posting


* Klik menu Edit HTML, maka secara otomatis tampak kod yang telah kita setting tadi, yakni :


<span class="fullpost"> </span>


* Tuliskan artikel yang ingin dipaparkan pada blog sebelum kod :


<span class="fullpost">


* Tulis keseluruhan sisa artikel sesudah kod di atas tadi dan sebelum kod :


</span>


* Klik butang bertuliskan MEMPUBLIKASIKAN POSTING


* Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya berjaya atau tidak. Jika tidak, mungkin ada bahagian yang tercicir. Cuba lihat kembali langkah diatas.


5. Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...

Semoga Berjaya !