Membuat Read More Otomatis
Bikin readmore di blog emang
kayaknya wajib nih. Biar tampilan blog jadi rapi. Dan kita bisa nampilkan
beberapa postingan untuk kita taruh di halaman depan sekaligus bikin browser
gak kelamaan membuka front page atau halaman depan blog kita. Namun, terkadang
kita kesulitan saat mau bikin posting dimana kode-kode saling bertabrakan,
misanya kode untuk meratakan paragraf atau kode untuk menapilkan huruf
gontol-gontokan dengan kode <span class="fullpost"> dan
kode </span>
Nah, berikut aku mau berbagi jurus bikin Readmore yang ngga ngerepotin, Readmorenya bekerja secara otomatis bro. Langsung aja ngetik di ruang posting pada mode compose. Atur warna huruf, tebal, miring atau perataan parangrafnya sesuka hati, tanpa khawatir readmorenya ngga bekerja.
Ok blogger, ... youk ngilikin template sebentar ...
1. Back up dulu templatemu
2. Login ke blogspot.com
3. Klik Customize
4. Klik Layout
5. Klik Edit HTML
6. Conteng kotak Expand Widget Templates
7. Cari kode seperti di bawah ini :
Nah, berikut aku mau berbagi jurus bikin Readmore yang ngga ngerepotin, Readmorenya bekerja secara otomatis bro. Langsung aja ngetik di ruang posting pada mode compose. Atur warna huruf, tebal, miring atau perataan parangrafnya sesuka hati, tanpa khawatir readmorenya ngga bekerja.
Ok blogger, ... youk ngilikin template sebentar ...
1. Back up dulu templatemu
2. Login ke blogspot.com
3. Klik Customize
4. Klik Layout
5. Klik Edit HTML
6. Conteng kotak Expand Widget Templates
7. Cari kode seperti di bawah ini :
</head>
Selanjutnya, kopi kode di bawah ini lalu letakkan di bawah kode </head> tadi
<script type="text/javascript"> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src="http://syahenimkojek.googlepages.com/readmore_keren_bro.js" type="text/javascript"></script>
Selanjutnya, cari kode seperti di bawah ini :
<data:post.body/>
Ganti kode tersebut dengan kode seperti di bawah ini :
<b:if
cond='data:blog.pageType != "item"'>
<b:if
cond='data:blog.pageType != "static_page"'>
<div
expr:id='"summary" +
data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a
expr:href='data:post.url'> READ MORE</a></span>
</b:if>
</b:if>
<b:if
cond='data:blog.pageType ==
"item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Klik save. Dan mulailah memposting
Sekedar Informasi :
Mungkin ini bisa membantu, seperti
terlihat pada contoh di atas, pada template Blogger ada beberapa syntax (kode)
yang maksudnya merujuk ke jenis halaman tertentu, misalnya:
1. item <== merujuk ke halaman
posting/artikel.
2. static_page <== merujuk ke halaman statis
(static pages).
3. index <== merujuk ke halaman index. misalnya
homepage, archive, dan search label.
Semoga bermanfaat dan good luck..!
Sumber : http://nenysmadda.blogspot.com/2011/08/membuat-read-more-otomatis.html