Mengatasi Komentar Blogger Lebih 200 Tidak Muncul

Pada saat saya membenahi Postingan-postingan lama, saya menemukan komentar 200+ hanya muncul 200 saja dan sisanya tidak muncul. Bagi sobat yang pernah mengalami hal ini tentunya punya kebingungan yang sama, bagaimana cara menampilkan komentar lainnya.

Ternyata ini terjadi pada komentar yang dimodifikasi, sementara sistem komentar bawaan Blogger sudah memunculkan infinite scroll. Jadi bagi kalian yang punya banyak komentar dan menggunakan komentar defaul Blogger, saya kira tidak memerlukan postingan ini.

Komentar yang banyak di Blog ini, ketika blogger lagi masa-masanya hype, belum menjamurnya Vlogger. Komentar di blog ini mulai agak sepi ketika saya menggunakan Disqus, kemudian sempat berhenti di dunia Blogging. Komentar lama istilahnya "dibuang sayang".

Memasang Kode HTML

Untuk solusinya saya sertakan dibawah, dengan 2 alternatif. Penampakan hasilnya nanti seperti ini:

Komentar 200 - 400

Untuk komentaryang lebih dari 200 dan kurang dari 400, simpan kode dibawah ini di area komentar. (Silahkan ujicoba saja didaerah mana yang lebih enak)

<b:if cond='data:post.commentPagingRequired'>
	<span class='comments-pager'>
		<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl + &quot;#comments&quot;''><data:messages.older/></a>
		<span class='comments-range'><data:post.commentRangeText/></span>
		<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl + &quot;#comments&quot;''><data:messages.newer/></a>
	</span>
</b:if>

Komentar 400+

Untuk komentar yang lebih dari 400, simpan kode dibawah ini di area komentar. (Silahkan ujicoba saja didaerah mana yang lebih enak)

    <b:if cond='data:post.commentPagingRequired'>
        <nav class='comments-pager'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:messages.older/></a>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:messages.oldest/></a>
            <span class='comments-range'><data:post.commentRangeText/></span>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:messages.newest/></a>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:messages.newer/></a>
        </nav>
    </b:if>

Tambahkan CSS

Untuk mempercantik tampilan, simpan kode ini di atas ]]></b:skin> atau </style>.

.comments-pager{text-align:center;width:auto;height:auto;line-height:normal;margin:15px 0;display:block;clear:both;border:1px solid rgba(114,114,114,.26);padding:.5em 1em;overflow:hidden}
.comments-pager .unneeded-paging-control{display:none}
.comments-pager .paging-control{display:inline-block;margin:0 3px}
.comments-pager .comments-range{display:inline-block;margin:0 30px}

Semoga Bermanfaat..