Membaca memang mengasyikan apalagi kalo tema yang sedang kita baca memang merupakan bacaan favorit kita, makin panjang tulisan yang hendak kita baca malah akan menarik untuk dinikmati. Namun kadang kala tulisan yang panjang juga membuat pembaca enggan untuk membacanya walaupun tulisan itu sangat menarik untuk dibaca.
Tulisan yang panjang juga bisa memperpanjang height dari blog kita, bayangkan aja jika dalam halaman utama kita memperlihatkan jumlah postingan sebanyak tujuh post panjang-panjang lagi berapa kali scroll ke bawah hanya untuk melihat HeadLine dari postingan kita :e
Lalu bagaimana agar tampilan blog kita (heightnya) menarik, mari kita simak tutorial di bawah ini.
Perhatian !! Karena ini berhubungan dengan Sintaks HTML dari Blog Anda maka diharapkan Anda melakukan edit Script dengan Teliti, Bila perlu Back Up dulu Blog Anda :e
Pertama yang anda lakukan adalah :
1. Loginlah terlebih dahulu di Blogger.com
2. Mulailah pilih Bahasa yang hendak Anda Gunakan
3. Klik lah Link Tata Letak | Edit HTML
4. Jangan lupa centang Expand Template Widget
Setelah anda dengan benar mengikuti langkah2 di atas, carilah kode seperti ini :
<div class='post-body'> pastinya anda binggung untuk mencarinya karena begitu banyak sintaks HTML yang ada di situ, untuk memudahkan anda pilihlah Edit pada menu bar browser anda atau tekan CTRL + F. Akan muncul kotak di bawah Browser FF anda, di dalam blok itulah anda mengetikan sintaks <div class='post-body'>
kalau sudah ketemu tambahkan sintaks ini di bawah
<div class='post-body'><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'>Baca Selengkapnya </a>
</b:if>
setelah anda mengkopi sintaks di atas hasil akhirnya akan tampak seperti ini:
<div class='post-body'>
<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'>Baca Selengkapnya
</a>
</b:if><div style='clear: both;'/></div>Kalau sudah anda Save template dan beralih ke Tab Pengaturan dan pilih Sub Tab Format scroll ke bawah dan carilah Template Posting, isikan di dalam box Template Posting dengan
<div class="fullpost"></div> Adapun fungsi dari Template Posting adalah, format yang selalu ditampilkan apabila anda akan memposting tulisan baru, dan format ini aktif di Edit HTML pada menu Entri baru
Tata cara penggunaannya adalah sebagai berikut :
Pilihlah Tab Posting otomatis browser anda akan menampilkan halaman posting baru dan aktif di Edit HTML bukan di Tulis pada box tempat penulisan posting anda. Lalu anda ketikan tulisan seperti biasa di box tersebut, missal anda ingin menuliskan:
Negara Republik Indonesia terletak di dua Benua dan dua Samudra yang menjadikan letaknya sangat strategis dalam perdangan dunia, dan menjadikan Negara Republik Indonesia sangat subur, Gemah Ripah Loh Jinawi, (Anda bermaksud memotong kata disini) segala macam tanaman dapat tumbuh subur di tanah Nusantara, keramahan penduduknya juga merupakan cirri khas yang dimiliki bangsa Indonesia, beragam budaya tanah air, mata pencaharian penduduk, tempat wisata yang elok
Maka yang harus anda lakukan adalah anda harus aktif di box posting Edit HTML,
Negara Republik Indonesia terletak di dua Benua dan dua Samudra yang menjadikan letaknya sangat strategis dalam perdangan dunia, dan menjadikan Negara Republik Indonesia sangat subur, Gemah Ripah Loh Jinawi, <div class="fullpost">(Anda bermaksud memotong kata disini) segala macam tanaman dapat tumbuh subur di tanah Nusantara, keramahan penduduknya juga merupakan cirri khas yang dimiliki bangsa Indonesia, beragam budaya tanah air, mata pencaharian penduduk, tempat wisata yang elok </div>
Sumber : o-om dan sumber2 lain di Internet :e
