Membuat Read More Versi II

Kali ini akan saya tuliskan cara membuat read more di blogger versi II. Pembaca dapat melihat cara membuat read more versi I pada postingan terdahulu. Perbedaannya ialah versi I akan menuju halaman baru jika diklik link read more. Sedangkan Versi II tidak demikian karena tulisan selanjutnya akan muncul dibawahnya tanpa membutuhkan halaman baru seperti yang terjadi pada versi I. Berikut cara pembuatannya:

1. pastikan udah log in ke blogger

2. Lalu selanjutnya ke menu Layout terus Edit HTML

3. Jangan lupa Backup Template dan juga Centang "Expand Widget Templates"

4. Pasang Code dibawah tepat diatas Code </head>.

<script src='http://anas.ku93.googlepages.com/readmore-2.js' type='text/javascript'/>

5. Kemudian kamu Cari code kaya dibawah

<div class='post-header-line-1'/> <div class='post-body entry-content'>


6. Ganti code diatas hingga menjadi dibawah

<div class='post-header-line-1'/> <div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


7. Kemudian setelah anda ganti dibawah Code diatas ada Code
<p><data:post.body/></p>

8. Kemudian dibawah Code diatas tambah Code seperti ini

<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);'>[+/-] 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...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

9. Kurang lebih Semuanya menjadi seperti dibawah

<div class='post-header-line-1'/> <div class='post-body entry-content' 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);'>[+/-] 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...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

Catatan : Tulisan yang tercetak tebal diatas bisa kamu ganti sesuai selera kamu, itu adalah link Read more

10. Langkah Pertama selesai kemudian Save Tempaltes

11. Kemudian Ke langkah selanjutnya yaitu ke menu Setting --> Formatting

12. pada Kotak "Post Tempaltes" isikan Code dibawah ini
<span id="fullpost">


</span>


13. Kemudian Simpan

Selamat Mencoba!!!

Cara Posting Script

Para Bloggers pemula yang budiman (Dramatisir nech..) Dalam menuliskan script pada postingan kita menggunakan cara tertentu agar keadaan script tampil dengan sempurna tanpa berubah. Cara tersebut sangatlah mudah dan simple.

Anda tinggal memasukkan script yang akan diposting ke sini setelah menghilangkan semua tulisan yang ada didalam kolom. Setelah script di masukkan tekan Encode. Contoh script berikut: <div class='post-body entry-content'> jika di proses akan menjadi: &lt;div class='post-body entry-content'&gt; Selanjutnya script dapat diposting dengan hasil yang diinginkan. Selamat mencoba.

Terms & Conditions

Berikut ini Syarat & Ketentuan

I. Ketentuan Umum
Ada ketentuan umum yang harus diketahui para pengunjung di antaranya: 

1. Mengunjungi blog ini berarti menyetujui dan patuh pada ketentuan-ketentuan yang tercantum dalam Syarat dan Ketentuan ini
2. Syarat dan ketentuan ini dapat berubah setiap saat berdasarkan beberapa pertimbangan dan ketentuan hukum yang berlaku, tanpa pemberitahuan terlebih dahulu. 
3. Pengunjung dilarang melakukan kegiatan spam. Jika ketentuan ini dilanggar, pihak pengelola berhak menghapus tanpa pemberitahuan terlebih dahulu.
4. Semua isi yang terkandung dalam blog ini merupakan hak milik pengelola dan/atau pemegang hak cipta masing-masing artikel/tulisan.
5. Diperkenankan melakukan penyalinan (copy-paste) semua maupun sebagian artikel/tulisan dengan syarat menyertakan sumber yang mengarah ke alamat blog ini,
6. Segala dampak yang diakibatkan dari penggunaan isi blog ini, sepenuhnya bukan tanggung jawab pengelola.

II. Tujuan

Ada beberapa tujuan pokok pembuatan blog ini, di antaranya sebagai berikut:

1. Menyalurkan hobi pengelola,
2. Mengembangkan kemampuan tulis menulis pengelola,
3. Memberikan pendidikan dengan menyebarluaskan ilmu pengetahuan dan teknologi.
4. Mencari keuntungan materi dari pemasangan beberapa iklan

II. Himbauan

Demi keberlangsungan blog ini, pengunjung dihimbau untuk:

1. Ikut berkonstribusi mengirimkan artikel/tulisan yang sesuai tujuan.
2. Mengingatkan pihak pengelola agar memberikan sumber, ketika mendapati sebuah artikel/tulisan yang ada kesamaan dengan pemilik sah tulisan dimaksud.

Demikian syarat dan ketentuan ini dibuat. Kemudian, atas kerjasama dan pengertiannya diucapkan banyak terimakasih.


Salam

Pengelola