Rabu, 04 Maret 2009

Blogging Hack | Cara bikin read more

Tips HTML kali ini adalah bagaimana cara membuat read more pada posting blogger, sehingga tampilan artikel dipotong dan dilanjutkan dengan link ke post keseluruhan. Berikut ini cara hack atau edit html tag blog Anda:

Pertama Anda harus masuk ke blogger / login kemudian pilih menu Tata Letak, dan Edit HTML. Selanjutnya centang bagian expand widget templates supaya semua tag html kelihatan.

Copy kode html untuk css berikut ini:

<style>
<b:if cond='data:blog.pageType == "item"'>
div.fullpost {display:inline;}
<b:else/>
div.fullpost {display:none;}
</b:if>
</style>


Kemudian paste atau letakkan kode di atas persis di atas kode </head>. Untuk mempermudah pencarian tag, jika Anda menggunakan FireFox ketikkan CTRL + F trus masukan pada kotak Find kode </head>.

Sementara jangan simpan dulu template Anda,
Salin kode di bawah ini:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' class='readmore'>Read More..</a>
</b:if>



Dan letakkan persis di bawah kode <data:post.body/>. Cara mencarinya seperti di atas. Jadi, kode terahir yang Anda pasang seharusnya seperti ini:


<data:post.body/>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' class='readmore'>Read More..</a>
</b:if>




Jika sudah, klik simpan template. Seharusnya tidak ada masalah. Jika menemukan pesan error seperti kesalah memasukan kode, tinggal klik bersihkan edit lalu ulangi langkah dari awal.

Kalo pesan error yang muncul semacam Kami tidak bisa melayani bla..bla..bla.., Anda tutup browsernya, bersihkan cache dan cookie, atau restart PC dan ulangi semua dari awal.

Langkah berikutnya,
Pilih menu Pengaturan, Format, pada bagian Template Posting salin dan masukan kode berikut ini:


<DIV class="fullpost">


</DIV>



Lalu simpan template Anda.

Cara Memposting Artikel

Pilih mode HTML untuk memposting artikel. Masukan paragraf atau text yang akan dipenggal sebelum tag / di atas <DIV class="fullpost">, dan postingkan artikel sisanya setelah <DIV class="fullpost"> sebelum </DIV>. Persisnya lihat contoh di bawah ini:


Ini paragraf atau text yang akan dijadikan penggalan

<DIV class="fullpost">

Ini paragraf sisanya

</DIV>



Maka hasilnya setelah dipublish akan sama seperti artikel-artikel yang Anda baca di blog ini.

Selamat Mencoba..

^_^







4 komentar: