Cara Membuat Read More Atau Baca Selengkapnya di Blogger Atau Blogspot | KafeinKode

Kursus bahasa arab berkualitas

Cara Membuat Read More Atau Baca Selengkapnya di Blogger Atau Blogspot

Anonim No Comments



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?

Cara-Membuat-Read-More-Atau-Baca-Selengkapnya-di-Blogger-Atau-Blogspot

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.

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:

<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>

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:

<data:post.body/>

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

<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>

jika Anda sudah menemukannya, copy lah kode

<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>

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

Kursus bahasa arab berkualitas

[shareaholic app="recommendations" id="20730868]

0 comments

Leave a Reply

Your email address will not be published. Required fields are marked *