tag:blogger.com,1999:blog-65194328516936475802024-10-06T21:12:51.700-07:00GUBUK IT SAMARINDA- Andy - IT Share -http://www.blogger.com/profile/04180141794378982260noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-6519432851693647580.post-3225884359103925632009-02-25T03:29:00.001-08:002009-02-25T03:29:53.816-08:00Semalat Datangwelamat datang di gubuk it samarinda- Andy - IT Share -http://www.blogger.com/profile/04180141794378982260noreply@blogger.com1tag:blogger.com,1999:blog-6519432851693647580.post-25245430581830155022009-02-25T03:23:00.000-08:002009-02-25T03:26:16.059-08:00Trik Blogger: Mempersingkat Posting dengan Read MoreSaya sudah cukup lama merasa gerah dengan post di blog saya yang panjaaaaang banget...<br />sudah lama niat mencari cara menambahkan more/read more/baca selanjutnya/baca selengkapnya (atau apalah sesuai selera), karena fitur ini tidak disediakan blogger (tanya kenapa?) padahal wordpress menyediakannya...<br />niatan ini tak kunjung saya laksanakan... sampai hari ini...<br /><br />caranya sebagai berikut:<br /><br />=========<br />Langkah Pertama:<br /><br />Login dulu ke blogger anda. Kemudian anda Klik pada LAYOUT >>TEMPLATE>>Edit HTML. Setelah masuk ke editor HTML disana anda akan melihat script code yang memusingkan. Jangan takut ga usah dipikirin. JANGAN LUPA! Centang dulu checklist Expand Template Widget. Kemudian cari kode dengan cara Find di browser anda untuk kode di bawah ini:<br /><p></p><div style="color: rgb(0, 0, 0);" class="fullpost"><span style="color: rgb(51, 102, 255);"><p><data:post.body/></p></span><span style="color: rgb(51, 102, 255);"></span><br /><br />Jika sudah ketemu, maka ganti kode diatas dgn kode dibawah ini:<br /><br /><span style="color: rgb(51, 102, 255);"> <!-- Read More --></span><br /><span style="color: rgb(51, 102, 255);"> <b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: rgb(51, 102, 255);"> <style>div.fullpost{display:inline;} </style></span><br /><span style="color: rgb(51, 102, 255);"> <p><data:post.body/></p></span><br /><span style="color: rgb(51, 102, 255);"> <b:else/></span><br /><span style="color: rgb(51, 102, 255);"> <style>div.fullpost{display:none;} </style></span><br /><span style="color: rgb(51, 102, 255);"> </b:if></span><br /><span style="color: rgb(51, 102, 255);"> <!-- End Read More --></span><br /><br />Dibawah kode diatas, temukan kode dibawah ini:<br /><br /><span style="color: rgb(51, 102, 255);"><div style='clear: both;'/> <!-- clear for photos floats --><br /><span style="color: rgb(0, 0, 153);"></span></div></span><br /><br />Setelah kode: <span style="color: rgb(0, 0, 153);"><span style="color: rgb(51, 102, 255);"><div style='clear: both;'/> <!-- clear for photos floats --></span><br /></span><br />simpan kode dibawah ini:<br /><br /><span style="color: rgb(51, 102, 255);"><!-- Read More --></span><br /><p><span style="color: rgb(51, 102, 255);"> <b:if cond='data:blog.pageType != "item"'></span><br /><span style="color: rgb(51, 102, 255);"> <p><data:post.body/></p></span><br /><span style="color: rgb(51, 102, 255);"> <a expr:href='data:post.url'><b>Read More... </b></a> </b:if></span><br /><span style="color: rgb(51, 102, 255);"> <!-- End Read More --></span><br /><br /></p><p>Untuk text "<span style="color: rgb(51, 102, 255);">Read More</span>", anda bisa mengganti dengan kata-kata yang anda suka. Misalnya:Baca Selanjutnya..., Seterusnya...., Lihat selengkapnya..., dsb. dsb. Sesuai selera anda.</p><p>Setelah itu klik SIMPAN TEMPLATE.<br /><br />SELESAI? Belum. Tenang dulu, sabar….<br />Anda harus mengikuti langkah berikutnya (langkah kedua), di bawah ini:</p><p>Langkah Kedua :</p> <p>Anda harus edit dulu terlebih dahulu posting anda, di jendela edit posting, pilih Edit HTML (bukan "Compose") anda tinggal menambahkan tulisan <span style="color: rgb(51, 102, 255);"><div class="fullpost"></span> paragraph yang akan di singkat, kemuadian di tutup dengan <span style="color: rgb(51, 102, 255);"></div></span> di akhir paragrafnya. Sehingga semua paragraf yang ada diantara . <span style="color: rgb(51, 102, 255);"><div class="fullpost"></span> dan <span style="color: rgb(51, 102, 255);"></div></span><b style=""> </b>akan disingakt menjadi “<span style="color: rgb(51, 102, 255);">Read More…</span>”.</p> <p>Contoh:</p> <p>Ini adalah contoh penulisan headline untuk pengantar sebelum Read More. bla..bla..bla.. kemudian bla.. bla.. bla<br /></p><p><span style="color: rgb(51, 102, 255);"><div class="fullpost"></span><o:p></o:p><br /><span><br />Perubahan layout pada artikel agar dapat muncul Read More ternyata tidak sulit. Jadi tidak perlu takut dan bingung kalau hanya sekedar merubah kode-kode yang berbahasa dewa itu. Oke?!</span></p><p style="color: rgb(51, 102, 255);"></div></p>Sehingga hasinya kalau dilihat: <p>Ini adalah contoh penulisan headline untuk pengantar sebelum Read More. bla..bla..bla.. kemudian bla.. bla.. bla</p> <p><span style="color: rgb(51, 102, 255);">Read More…</span><o:p></o:p></p> <p class="MsoNormal">Selamat mencoba…..</p></div>- Andy - IT Share -http://www.blogger.com/profile/04180141794378982260noreply@blogger.com0