4.11.2008

Read More Versi baru

langsung saja ya ga usah pake lama cause lagi limit ney pulsa buat internetan,he…untuk membuat read more versi baru ini silahkan ikuti langkah-langkah berikut ini :
1.Sig in di blogger dengan id anda

2.Klik menu layout

3.Klik menu Edit HTML

4.Saya sarankan untuk mem-back up code template anda dengan meng-klik tulisan Download Template lengkap, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template

5.Jangan lupa untuk meng-klik kotak kecil di samping tulisan Expand Template Widget



1.Copy kode berikut, lalu paste tepat di atas kode </head>

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

2.Tambahkan script berikut pada kode template anda, yang berwarna hitam adalah kode asli dari kode template dan yang berwarna biru adalah kode yang harus di tambahkan :


<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"'>
<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);'> Baca Selengkapnya... </a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Ringkasan saja... </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>

3.Klik tombol SAVE

Langkah selanjutnya :
1.Klik menu Pengaturan

2.Klik menu Format

3.Copy script berikut lalu paste pada kotak kosong yang berada di samping tulisan Template posting

<span id="fullpost">


</span>


4.Klik tombol Simpan Setting

5.Selesai.



Cara posting dengan read more :

Pada saat berada pada menu posting, pilih tombol yang Edit HTML jangan pilih yang tombol Compose, maka akan secara otomatis terlihat kode tadi di atas yaitu :


<span id="fullpost">



</span>


Simpan artikel yang mau di tampilkan di muka (ringkasannya) di atas kode <span id="fullpost">, dan sisa keseluruhan artikel di simpan sesudah kode <span id="fullpost"> dan sebelum kode </span>.


Untuk artikel yang pendek, sobat tinggal menghapus kode tadi dan nanti artikel muncul tanpa ada kode Baca Selengkapnya... dan Ringkasan saja....

untuk lebih lengkapnya silahkan kunjungi blognya Kang Rohman ,beliau salah satu blog master indonesia...anda akan mendapat banyak sekali tips2 blogging dari kang Rohman

Selamat mencoba ! Jika ada penulisan script yang salah silahkan kirimkan kritik dan saran anda di mick.emo.boy@gmail.com............Terimakasih

THX for Kang Rohman

download codenya

2 komentar:

  1. Salam, sepertinya hampir sama antara tampilan read more yang lama dengan yang baru, bedanya dimana mas?

    BalasHapus
  2. @alfamalik
    kalau yang baru itu kita bisa hemat waktu untuk me-load potongan dari postingan yang di buat seperti itu... bandingkan saja dg readmore yg lama, yg baru tidak butuh loading lagi..sekira mungkin seperti itu secara rinci beda antaranya

    BalasHapus

Silahkan tinggalkan komentar anda di sini...
makasih ya uda kasih komentar...
sering - sering maen sini ya...
No SaRa, No PoLiTiCs, No SPaMMiNG!!!