Kemarin kita pernah membahas soal cara membuat read more. Tapi kali ini kita akan memodifikasi Read More tersebut yaitu dengan membuat "Read More beserta judul postingan" seperti ini
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Membuat read more beserta judul postingan
Kemarin kita pernah membahas soal cara membuat read more. Tapi kali ini kita akan memodifikasi Read More tersebut yaitu dengan membuat "Read More beserta judul postingan" seperti ini
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Membuat read more beserta judul postingan
Kemarin kita pernah membahas soal cara membuat read more. Tapi kali ini kita akan memodifikasi Read More tersebut yaitu dengan membuat "Read More beserta judul postingan" seperti ini
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Membuat read more beserta judul postingan
Kemarin kita pernah membahas soal cara membuat read more. Tapi kali ini kita akan memodifikasi Read More tersebut yaitu dengan membuat "Read More beserta judul postingan" seperti ini
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Membuat read more beserta judul postingan
Kemarin kita pernah membahas soal cara membuat read more. Tapi kali ini kita akan memodifikasi Read More tersebut yaitu dengan membuat "Read More beserta judul postingan" seperti ini
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...
Jika pada postingan yang lalu saya pernah menulis kode seperti ini
<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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>
Maka sobat harus mengubahnya sedikit menjadi seperti ini:
<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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya “<data:post.title/>”  »» </a></strong>
</b:if>
Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!
Membuat read more atau baca selengkapnya
Read More adalah salah satu solusi agar postingan kita bisa terlihat lebih singkat juga tidak terlalu memakan banyak tempat pada halaman blog kita pada saat kita memposting sebuah artikel yang terlalu panjang.
Pada saat pengunjung membaca sebuah artikel milik kita yang terlihat hanyalah bagian awal dari postingan kita, sisanya atau keseluruhan artikel yang kita posting akan terlihat ketika pengunjung tersebut meng klik tulisan Read More.
Saran saya ketika sobat membuat sebuah artikel, tulislah inti dari judul artikel di bagian awal tulisan sobat, agar para pengunjung yang membaca artikel sobat menjadi lebih penasaran dan ingin terus membaca artikel sobat hingga tuntas.
Bagi sobat yang ingin membuat Read More silahkan ikuti langkah-langkahnya berikut ini :
1. Login ke blog milik sobat
2. Klik Rancangan
3. Klik EDIT HTML
4. Beri tanda centang pada Expand Widget Template.
5. Copy kode di bawah ini dan paste kan tepat diatas kode </head>
<style>
<b:if cond='data:blog.pageType=="item"'> span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
6. Kemudian cari kode
<p><data:post.body/></p>
lalu copy kode dibawah ini dan paste tepat kode tersebut
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More..</a>
</b:if>
7. Klik "Save template"
8. kemudian klik Pengaturan
9. Klik Format dan masukan kode ini pada kolom kosong yang ada dibagian bawah
<div class="fullpost">
</div>
10. Klik Simpan, selesai.
Ketika sobat menulis sebuah artikel, kode diatas akan muncul. Tulis artikel yang ingin sobat tampilkan sebelum kode
<div class="fullpost">
dan sisa artikel sobat tulis sesudah kode tadi dan akhiri dengan kode
</div>
Pada saat pengunjung membaca sebuah artikel milik kita yang terlihat hanyalah bagian awal dari postingan kita, sisanya atau keseluruhan artikel yang kita posting akan terlihat ketika pengunjung tersebut meng klik tulisan Read More.
Saran saya ketika sobat membuat sebuah artikel, tulislah inti dari judul artikel di bagian awal tulisan sobat, agar para pengunjung yang membaca artikel sobat menjadi lebih penasaran dan ingin terus membaca artikel sobat hingga tuntas.
Bagi sobat yang ingin membuat Read More silahkan ikuti langkah-langkahnya berikut ini :
1. Login ke blog milik sobat
2. Klik Rancangan
3. Klik EDIT HTML
4. Beri tanda centang pada Expand Widget Template.
5. Copy kode di bawah ini dan paste kan tepat diatas kode </head>
<style>
<b:if cond='data:blog.pageType=="item"'> span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
6. Kemudian cari kode
<p><data:post.body/></p>
lalu copy kode dibawah ini dan paste tepat kode tersebut
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More..</a>
</b:if>
7. Klik "Save template"
8. kemudian klik Pengaturan
9. Klik Format dan masukan kode ini pada kolom kosong yang ada dibagian bawah
<div class="fullpost">
</div>
10. Klik Simpan, selesai.
Ketika sobat menulis sebuah artikel, kode diatas akan muncul. Tulis artikel yang ingin sobat tampilkan sebelum kode
<div class="fullpost">
dan sisa artikel sobat tulis sesudah kode tadi dan akhiri dengan kode
</div>
Membuat read more atau baca selengkapnya
Read More adalah salah satu solusi agar postingan kita bisa terlihat lebih singkat juga tidak terlalu memakan banyak tempat pada halaman blog kita pada saat kita memposting sebuah artikel yang terlalu panjang.
Pada saat pengunjung membaca sebuah artikel milik kita yang terlihat hanyalah bagian awal dari postingan kita, sisanya atau keseluruhan artikel yang kita posting akan terlihat ketika pengunjung tersebut meng klik tulisan Read More.
Saran saya ketika sobat membuat sebuah artikel, tulislah inti dari judul artikel di bagian awal tulisan sobat, agar para pengunjung yang membaca artikel sobat menjadi lebih penasaran dan ingin terus membaca artikel sobat hingga tuntas.
Bagi sobat yang ingin membuat Read More silahkan ikuti langkah-langkahnya berikut ini :
1. Login ke blog milik sobat
2. Klik Rancangan
3. Klik EDIT HTML
4. Beri tanda centang pada Expand Widget Template.
5. Copy kode di bawah ini dan paste kan tepat diatas kode </head>
<style>
<b:if cond='data:blog.pageType=="item"'> span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
6. Kemudian cari kode
<p><data:post.body/></p>
lalu copy kode dibawah ini dan paste tepat kode tersebut
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More..</a>
</b:if>
7. Klik "Save template"
8. kemudian klik Pengaturan
9. Klik Format dan masukan kode ini pada kolom kosong yang ada dibagian bawah
<div class="fullpost">
</div>
10. Klik Simpan, selesai.
Ketika sobat menulis sebuah artikel, kode diatas akan muncul. Tulis artikel yang ingin sobat tampilkan sebelum kode
<div class="fullpost">
dan sisa artikel sobat tulis sesudah kode tadi dan akhiri dengan kode
</div>
Pada saat pengunjung membaca sebuah artikel milik kita yang terlihat hanyalah bagian awal dari postingan kita, sisanya atau keseluruhan artikel yang kita posting akan terlihat ketika pengunjung tersebut meng klik tulisan Read More.
Saran saya ketika sobat membuat sebuah artikel, tulislah inti dari judul artikel di bagian awal tulisan sobat, agar para pengunjung yang membaca artikel sobat menjadi lebih penasaran dan ingin terus membaca artikel sobat hingga tuntas.
Bagi sobat yang ingin membuat Read More silahkan ikuti langkah-langkahnya berikut ini :
1. Login ke blog milik sobat
2. Klik Rancangan
3. Klik EDIT HTML
4. Beri tanda centang pada Expand Widget Template.
5. Copy kode di bawah ini dan paste kan tepat diatas kode </head>
<style>
<b:if cond='data:blog.pageType=="item"'> span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
6. Kemudian cari kode
<p><data:post.body/></p>
lalu copy kode dibawah ini dan paste tepat kode tersebut
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More..</a>
</b:if>
7. Klik "Save template"
8. kemudian klik Pengaturan
9. Klik Format dan masukan kode ini pada kolom kosong yang ada dibagian bawah
<div class="fullpost">
</div>
10. Klik Simpan, selesai.
Ketika sobat menulis sebuah artikel, kode diatas akan muncul. Tulis artikel yang ingin sobat tampilkan sebelum kode
<div class="fullpost">
dan sisa artikel sobat tulis sesudah kode tadi dan akhiri dengan kode
</div>
Subscribe to:
Posts (Atom)