Triks membuat READMORE di LANGIT Blogger Template

READMORE atau memasang Readmore adalah mempersingkat sebuah postingan/tulisan di blog yang tampil di halaman home sebuah blog, untuk setting Readmore umumnya tapi bukan template classic anda bisa lihat di Blog Dollar and Rupiah.


Dalam posting ini saya hanya membahas cara memasang Readmore secara singkat dan cepat untuk teman-teman yang memakai template blogger LANGIT ( LANGIT BLOGGER TEMPLATE ).

1. Masuk ke halaman LAYOUT atau TATA LETAK blog anda ( Langit Blogger Tempalte ) dan klik Edit Html kemudian centang/beri tanda ceklis pada ' Expand widget template " (sebelumnya backup dulu template anda dengan cara mengklik Download full template, jadi template anda yang lama langsung tersimpan )

2. Cari kode seperti dibawah ini :

<div class='entry'>
<p><data:post.body/>
<!-- chitika code start -->
<br/><br/>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
ch_client = &quot;eblogtemplates&quot;;
ch_type = &quot;rpu&quot;;
ch_noprice = &quot;1&quot;;
ch_shufflequeries = 1;
ch_width = 468;
ch_height = 90;
ch_color_title = &quot;2277DD&quot;;
ch_non_contextual = 1;
ch_nosearch = 1 ;
ch_font_title = &quot;Arial&quot;;
ch_font_text = &quot;Arial&quot;;
ch_sid = &quot;langit-template&quot;;
var ch_queries = new Array( );
var ch_selected=Math.floor((Math.random()*ch_queries.length));
if ( ch_selected &lt; ch_queries.length ) {
ch_query = ch_queries[ch_selected];
}
//--&gt;&lt;/script&gt;
&lt;script src=&quot;http://scripts.chitika.net/eminimalls/mm.js&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;
<br/><br/>
<!-- chitika code end -->
</p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

3. Lalu hapus kode tersebut dan ganti dengan kode Readmore dibawah ini

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<b:if cond='data:blog.pageType != &quot;item&quot;'><br/>
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

4.Jika suda klik SAVE TEMPALTE

5.Dari menu TEMPALTE kita pindah ke menu : klik SETTING ( pengaturan ) > klik FORMATTING ( Format ), lihat dibagian bawah ada ada tulisan POST TEMPLATE ( template posting ), nach sekarang isi kotak tersebut dengan kode dibawah ini

<span class="fullpost">

</span>

5. Klik SAVE ( Simpan pengaturan )

6. Terakhir setiap akan menulis postingan klik EDIT HTML dan sisipkan kode tersebut diantara postingan yang akan ditampilkan dan disembunyikan, lihat contoh dibawah ini

Ini adalah contoh paragraph pertama <span class="fullpost"> dan ini merupakan paragraph selanjutnya dan terakhir postingan anda yang tidak akan terlihat keculai link Readmore di klik oleh pengunjung anda </span>( kode </span> tersebut disimpan pada akhir tulisan/postingan Anda ).

Selamat mencoba ( saya sudah mencobanya seperti anda lihat diblog saya ini )

Semoga bermamfaat