READ MORE TUTORIAL : UNTUK SAHABAT BLOGGERS PENGUNJUNG BLOG AKU KHASNYA

Bismillahirahmanirahim.

Assalamualaikum..

Cara Membuat Read More Terbaik... Pengunjung Tersenyum Anda Tersengeh... hehehe

Pasal blog lagi ni.. mintak sahabat2 ambil perhatian.. berkenaan tentang Read More . Seperti yg kita tahu banyak cara nak buat Read More ni. Tapi the latest Read More ialah mcm yg aku guna skrg ni. Kira lama jugak la aku dah guna [+/-]Read More ni. tapi sebelum aku jumpa "[+/-] Read More" ni, aku guna jugak macam yg lama. Tp yg jenis ni hanya boleh diguna pada new template jer. pada classsic template x dpt den nak nolong. Read More ni memang cukup2 bagus klau kita aplikasikan pada blog kita. Bagusnya apabila kita click pada [+/-]Read more ni, baki tulisan dari posting kita tu akan terus kluar tanpa perlu window mereload semula page kita. Selain itu , untuk posting yg pendek kita boleh hilangkan tulisan [+/-]Read more tu. Xder la org ingat masih ada posting yg tertinggal lagi. Dah la window nak kena reload semula, rupanya memang sampai situ jer posting kita.. hampehh.. mesti pelawat2 blog kita benggang kan. Mcm biasa.. klau kita guna [+/-]Read More jenis ni, pelawat2 blog kita yg internetnya slow mcm kura2 mesti suka dan berterima kasih pada tuan punya blog. Pelawat2 tentu akan merasa gembira segembira tuan punya blog jugak.. wakakaka..

Kat sini aku try buat tutor dia.. klau utk otai2 confirm xder masalah punya.. touch and go. Untuk yg kira newbie memang ada leceh sikit .. tp klau x cuba, mana nak tau kan.. lebih baik gagal setelah mencuba daripada xnak mencuba langsung.
ok.. teruskan..


1. Sig in di blogger dengan id korang.
2. Klik menu layout.
3. Klik menu Edit HTML.
4. Klik pada Full Download Template , jgn bimbang download ni x lama.. lebih kurang dua saat jer. Bukan mcm download movie pun sampai berjam-jam. Pastu pastikan dulu kat mana tersimpannya file Full Download Template yg korang dah download tadi, proses ni bertujuan untuk kembalikan semula blog korang pada keadaan asal, jika korang terbuat silap dalam proses editing template nanti.
5. Berikan tanda pada kotak kecil yang ada tulisan Expand Template Widget.
6. Tunggu beberapa saat.. kemudian
7.Cari code </head>. kalau dah jumpa, x payah buat apa2 dulu.
8. Copy kode kat bawah ni plak (yg warna biru), pastu pastekan selepas kode </head> yang korang dah jumpa tu tadi.

<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />

9. Dah seatle yg tu, masih pada page yang sama, korang cari plak kode kat bawah ni . Yang berwarna hitam tu adalah kode ori yang perlu korang cari, yang memang dah ada pada kode template korang, dan yang berwarna merah adalah kode yang korang kena copy dari sini dan tambah kat korang punya :

<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
( ATAU )
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Read Less...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
.... rest of template code ....

10. Klik pada SAVE TEMPLATES



Langkah seeterusnya :
1. Klik menu Setting.

2. Klik menu Formatting.

3. Copy kode kat bawah ni (yg warna biru) dan paste pada ruangan Post Template.

<span id="fullpost">


</span>

4. Klik pada Save Setting.

5. Selesai.



Cara posting artikel :

Masa korang nak buat posting , click pada Edit HTML jangan pilih Compose, maka akan secara automatik terlihat kode tadi, yaitu :

<span id="fullpost">


</span>


Letak sedikit artikel korang sebelum kode <span id="fullpost">, dan artikel selebihnya korang letak selepas kode <span id="fullpost"> tapi sebelum kode </span>.


Untuk artikel yang pendek, korang tinggal buang je kode tadi tu.. selesai.

Bagi bloggers yg dah otai2, x sampai 5 minit pun nak buat benda ni sebenarnya. Tp bagi yg newbie perlukan sedikit masa dan pengamatan. Tu sebab aku buat tutor ni guna bahasa pasar jer, biar korang senang faham. Tapi kalau x faham jugak.. call atau contact aku kat YM aku jer ... (rubber_tapperz@yahoo.com)
Ok... selamat mencuba...
Wassalam!