Membuat Read More Atau Baca Selengkapnya
*** Membuat Read More atau Baca Selengkapnya Pada Template Blogger baru...
1. Sig in dulu ke blogger
2. Masuk pada menu setting atau pengaturan
3. Klik formatting/ format
4. Pada bagian post Template, isi kotak kosong tersebut dengan kode seperti ini:
<span class="fullpost">
</span>
5. Save setting
Guna setting kode ini agar pada saat postingan kode tersebut muncul secara otomatis pada bagian edit HTML untuk membantu kita agar tidak lupa dengan kode tersebut.
langkah selanjutnya...
6. Kembali ke dasboard
7. Masuk pada menu Layout atau Tata Letak
8. Klik menu Edit HTML
9. Untuk mengantisipsi hal yang tidak kita inginkan terjadi pada template kita baiknya klik tombol Download Full Template dulu, kemudian save di folder, jadi bisa back up data kembali kalau tak berhasil.
10. Jangan lupa centang kotak kecil disamping tulisan Expand Widget Template Tunggu beberapa saat sampai proses selesai.
11. Cari kode berikut } ]]></b:skin> kemudian letakkan tepat dibawahnya kode warna merah berikut:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Jadi kodenya berada antara kode } ]]></b:skin> dan </head>
12. Selanjutnya cari kode <p><data:post.body/></p> letakkan kode warna merah berikut tepat dibawahnya
<b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>
Read more...bisa anda ganti dengan baca selengkapnya atau kalimat lain yang anda sukai
13. Jangan lupa save/ simpan template.
14. Terakhir, setiap kali membuat postingan, pada tempat yang anda inginkan diletakkan Read More letakkan kode ini <span class="fullpost"> dan diakhir postingan letakkan kode </span> yang perlu diingat anda meletakkan kode tersebut pada bagian edit HTML bukan bagian compose/ Tulis.
*** Memasang read more pada template yang disediakan blogger sama dengan langkah-langkah diatas dari point 1 sampai 10. Untuk selanjutnya cari kode:
<p><data:post.body/></p> atau <data:post.body/> karena kode itu sama saja, p hanya kode spasi
Kalau sudah dapat ganti kode tersebut dengan kode berikut:
<!-- Start Readmore -->
<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'>Readmore.....</a>
</b:if>
<!-- End Readmore -->
Langkah selanjutnya sama dengan point 13 dan 14 diatas
Selamat mencoba! Semoga bermanfaat! Jangan lupa komentarnya untuk tutor baru!??? He3x, senyum ja. Alhamdulillah selesai, cape juga...
1. Sig in dulu ke blogger
2. Masuk pada menu setting atau pengaturan
3. Klik formatting/ format
4. Pada bagian post Template, isi kotak kosong tersebut dengan kode seperti ini:
<span class="fullpost">
</span>
5. Save setting
Guna setting kode ini agar pada saat postingan kode tersebut muncul secara otomatis pada bagian edit HTML untuk membantu kita agar tidak lupa dengan kode tersebut.
langkah selanjutnya...
6. Kembali ke dasboard
7. Masuk pada menu Layout atau Tata Letak
8. Klik menu Edit HTML
9. Untuk mengantisipsi hal yang tidak kita inginkan terjadi pada template kita baiknya klik tombol Download Full Template dulu, kemudian save di folder, jadi bisa back up data kembali kalau tak berhasil.
10. Jangan lupa centang kotak kecil disamping tulisan Expand Widget Template Tunggu beberapa saat sampai proses selesai.
11. Cari kode berikut } ]]></b:skin> kemudian letakkan tepat dibawahnya kode warna merah berikut:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Jadi kodenya berada antara kode } ]]></b:skin> dan </head>
12. Selanjutnya cari kode <p><data:post.body/></p> letakkan kode warna merah berikut tepat dibawahnya
<b:if cond='data:blog.pagetype != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>
Read more...bisa anda ganti dengan baca selengkapnya atau kalimat lain yang anda sukai
13. Jangan lupa save/ simpan template.
14. Terakhir, setiap kali membuat postingan, pada tempat yang anda inginkan diletakkan Read More letakkan kode ini <span class="fullpost"> dan diakhir postingan letakkan kode </span> yang perlu diingat anda meletakkan kode tersebut pada bagian edit HTML bukan bagian compose/ Tulis.
*** Memasang read more pada template yang disediakan blogger sama dengan langkah-langkah diatas dari point 1 sampai 10. Untuk selanjutnya cari kode:
<p><data:post.body/></p> atau <data:post.body/> karena kode itu sama saja, p hanya kode spasi
Kalau sudah dapat ganti kode tersebut dengan kode berikut:
<!-- Start Readmore -->
<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'>Readmore.....</a>
</b:if>
<!-- End Readmore -->
Langkah selanjutnya sama dengan point 13 dan 14 diatas
Selamat mencoba! Semoga bermanfaat! Jangan lupa komentarnya untuk tutor baru!??? He3x, senyum ja. Alhamdulillah selesai, cape juga...
0 komentar:
Posting Komentar