Cara Membuat Read More Atau Baca Selengkapnya di Blogger Atau Blogspot

Cara Membuat Read More Atau Baca Selengkapnya di Blogger Atau Blogspot

Diposting pada

Langsung saja, ketika Anda nge-blog, pernahkah Anda mendapati tulisan read more atau baca selengkapnya tidak muncul? atau mungkin anda bertanya, bagaimana membuat read more atau baca selengkapnya di blogger atau blogspot? Sebenarnya banyak cara dan tutorial yang bertebaran di internet tentang cara membuat read more atau baca selengkapnya di blogger atau blogspot, tapi terkadang tutorial-tutorial tersebut kurang jelas dan tidak begitu membantu bukan?

Nah, pada kesempatan kali ini, saya akan share pengalaman saya dan problem yang dihadapi dalam pembuatan read more atau baca selengkapnya di blogger atau blogspot, saya akan mencoba mengulas sedikit permasalahan tentang problem yang berkaitan dengan pembuatan read more atau baca selengkapnya, dengan tujuan untuk memperjelas tulisan-tulisan atau tutorial-tutorial yang banyak beredar di internet.

Baca juga:  4 Masalah yang Sering Dihadapi Oleh Blogger

Read more atau baca selengkapnya merupakan sebuah fitur yang diciptakan oleh semua platform blogging di seluruh dunia, baik itu WordPress, blogger dan lainnya. Keberadaan fitur read more atau baca selengkapnya adalah untuk memotong dan mempersingkat tulisan blog.

Fitur read more atau baca selengkapnya, biasanya digunakan dalam suatu kebutuhan di mana beberapa kumpulan artikel perlu ditampilkan dalam satu page sekaligus. Sangat tidak eye catching tanpa adanya read more, objek-objek artikel menjadi tidak rapih, sehingga dibuatlah fitur read more atas dasar ini. Singkatnya seperti itulah fungsi dari read more.

Untuk memulainya, pertama-pertama saya kasih tau, bahwa script atau kode yang dapat memunculkan read more atau baca selengkapnya adalah ini:

[html]
<b:if cond=’data:post.hasJumpLink’>

<div class=’jump-link’>
<a expr:href=’data:post.url + &quot;#more&quot;’><data:post.jumpText/></a>
</div>

Baca juga:  6 Alasan Mengapa Anda Harus Mengeruk Uang Dari Blog

</b:if>
[/html]

silahkan cek, di pengaturan template blogger Anda, apakah script atau kode tersebut ada? jika memang tidak ada, bisa jadi itulah sebabnya mengapa tulisan read more atau baca selengkapnya tidak mau muncul. maka solusinya adalah copy kode tersebut, lalu cari kode ini:

[html]
<data:post.body/>
[/html]

nah, di sinilah permasalahan mulai muncul. saya akan jelaskan.
jika memang kode tersebut ada lebih dari tiga atau dua, maka, carilah kode ini:

[html]
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>

<div expr:id=’&quot;summary&quot; + data:post.id’><data:post.body/></div>

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D’text%2Fjavascript’%3EcreateSummaryAndThumb(%26quot%3Bsummary%3Cdata%3Apost.id%2F%3E%26quot%3B)%3B%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
</b:if>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if>

<b:if cond=’data:blog.pageType == &quot;static_page&quot;’><data:post.body/></b:if>

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

</b:if>
</b:if>
[/html]

jika Anda sudah menemukannya, copy lah kode

Baca juga:  Cara Mengetahui URL RSS Feed Website dan Blog

[html]
<b:if cond=’data:post.hasJumpLink’>

<div class=’jump-link’>
<a expr:href=’data:post.url + &quot;#more&quot;’><data:post.jumpText/></a>
</div>

</b:if>
[/html]

tepat dibawah kode tersebut. kemudian save. insya Allah muncul, saya sudah coba. Setelah read more berhasil dibuat, sobat bisa coba untuk styling read more bikinan sobat melalui tutorial ini

Itulah cara membuat read more atau baca selengkapnya di blogger atau blogspot yang bisa saya share pada kesempatan kali ini, semoga bermanfaat

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *