Pertanyaan Membuat Read More

Pertanyaan :

Bagaiaman cara membuat “ Read More” atau “ Baca selengkapnya “ pada New Blogger.

 

Jawaban :

Untuk membuat “ Read More “ dalam new blogger ada 7 cara. salah satunya pernah saya tulis  di sini.

Namun untuk memudahkan, pada sesi pertanyaan ini, saya mengunakan cara yang paling mudah dan tidak begitu banyak kode yang perlu di copy-paste kan ke dalam template kita.

 

caranya ;

 

1.  Buka tab Tata-Letak - Edit Html.

 

2. Kemudian tandai kotak kecil / centang di samping tulisan Expand Template Widget.

 

3. Setelah itu cari tag ini . ( gunakan Ctrl + F  ).

 

</head>

 

Kemudian ganti tag tersebut dengan kode di bawah ini.

 

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

.therest {display: none;}

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

.readmorelink {display: none;}

</b:if>

</style>

</head>

 

4. Selanjutnya cari kode ini.  ( gunakan Ctrl + F  ).

 

<data:post.body/>

 

Setelah ketemu  ganti  dengan kode ini.

 

<data:post.body/>

<a expr:href='data:post.url' expr:title='data:post.title'>Read More…</a>

 

5. Cara menulisnya pada “ Post Editor “ pilih tab Edit Html, penulisannya seperti ini.

 

 

penulisannya seperti di bawah ini.

 

Ini merupakan  paragrap pertama yang akan di tampilkan untuk di baca oleh pengunjung blog. berapa jumlah alinea-nya terserah kita sebagai pemilik blog

<div class="therest">Dan ini merupakan paragrap yang disembunyikan oleh kita, untuk memperingkas tulisan kita. yang di awali oleh sebuah kode Html - yang tulisannya saya beri warna merah dan akhiri oleh kode penututpnya.</div>

 

6. Supaya kita tidak lupa dengan kode html pemengalanya, kita bisa menyimpan kode tersebut. yaitu buka tab Pengaturan- Format.

 

Kemudian masukan kode di bawah ini ke dalam  kotak sebelah kanan  tulisan Template Posting.

 

Paragraf Pertama

<div class="therest">

Semua Paragrap yang di sembunyikan

</div>

 

 

red : jika masih ada masalah bisa anda titip pesan.

Read More…