Sangat jarang dijumpai kasus "jumlah posting di halaman utama tidak dapat di atur melalui fitur yang disediakan blogger/blogspot", baik melalui pengaturan di :
Add a Gadget --> Posting Widget --> Edit --> jumlah Posting
ataupun melalui:
Settings/Pengaturan --> Formatting/Format --> Show at most/Tampilkan sebanyak mungkin --> jumlah Posting
Hal yang sepertinya mustahil seperti di atas, sebenarnya "bukanlah sesuatu yang mustahil terjadi". Yah ..., namanya juga buatan manusia. Pasti sekali waktu (atau bahkan seringkali) dapat terjadi sebuah kesalahan saat perencanaan/pembuatan hingga sebuah desain yang direncanakan dengan baik dan diharapkan tampil sempurna ternyata setelah dicoba dan digunakan sedikit meleset dari hasil yang ditargetkan. Sepanjang yang aku ketahui, permasalahan tak berfungsinya pengaturan jumlah posting belum pernah ditemui pada template bawaan blogger. Kasus seperti ini dapat dipastikan terjadi pada template hasil modifikasi atau template yang dibuat/didesain oleh perseorangan atau situs tertentu. Sekalipun mungkin tips atau tutorial ini tidak mengatasi semua persoalan yang sama pada semua template (karena luar biasa banyaknya desain blog diluar bawaan blogger), namun semoga bisa menjadi sebuah solusi bagi beberapa sobat blogger yang mungkin mempunyai kode html template tak jauh berbeda dengan apa yang akan kita bongkar.
Pada satu kasus yang kita temukan, ternyata pada bagian kode HTML yang berkaitan dengan posting blog telah dimodifikasi dengan sebuah read more otomatis yang di dalamnya juga disertakan javascript. Kode HTML di bawah ini mungkin tidak terlalu sama persis, namun semoga dapat menjadi sebuah acuan untuk kembali menormalkan fungsi pengaturan jumlah posting di halaman utama yang dalam kondisi normal bisa diatur dalam jumlah 1 s/d 500 posting.
Catatan/Keterangan:
Semoga bermanfaat!!
Add a Gadget --> Posting Widget --> Edit --> jumlah Posting
ataupun melalui:
Settings/Pengaturan --> Formatting/Format --> Show at most/Tampilkan sebanyak mungkin --> jumlah Posting
Hal yang sepertinya mustahil seperti di atas, sebenarnya "bukanlah sesuatu yang mustahil terjadi". Yah ..., namanya juga buatan manusia. Pasti sekali waktu (atau bahkan seringkali) dapat terjadi sebuah kesalahan saat perencanaan/pembuatan hingga sebuah desain yang direncanakan dengan baik dan diharapkan tampil sempurna ternyata setelah dicoba dan digunakan sedikit meleset dari hasil yang ditargetkan. Sepanjang yang aku ketahui, permasalahan tak berfungsinya pengaturan jumlah posting belum pernah ditemui pada template bawaan blogger. Kasus seperti ini dapat dipastikan terjadi pada template hasil modifikasi atau template yang dibuat/didesain oleh perseorangan atau situs tertentu. Sekalipun mungkin tips atau tutorial ini tidak mengatasi semua persoalan yang sama pada semua template (karena luar biasa banyaknya desain blog diluar bawaan blogger), namun semoga bisa menjadi sebuah solusi bagi beberapa sobat blogger yang mungkin mempunyai kode html template tak jauh berbeda dengan apa yang akan kita bongkar.
Pada satu kasus yang kita temukan, ternyata pada bagian kode HTML yang berkaitan dengan posting blog telah dimodifikasi dengan sebuah read more otomatis yang di dalamnya juga disertakan javascript. Kode HTML di bawah ini mungkin tidak terlalu sama persis, namun semoga dapat menjadi sebuah acuan untuk kembali menormalkan fungsi pengaturan jumlah posting di halaman utama yang dalam kondisi normal bisa diatur dalam jumlah 1 s/d 500 posting.
A: Kode HTML Template bukan Bawaan Blogger yg Bermasalah
<DIV class='post-header-line-1'/>
<DIV class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<DIV expr:id='"summary" + data:post.id'><data:post.body/></DIV>
<SCRIPT type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</SCRIPT>
<SPAN class='rmlink' style='float:left'><A expr:href='data:post.url'>READ MORE >></A></SPAN>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<DIV style='clear: both;'/> <!-- clear for photos floats -->
</DIV>
B: Kode HTML Template Bawaan Blogger
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
Langkah untuk menormalkan fungsi jumlah posting
- Login ke Blogger.
- KLIK "Design/Rancangan".
- KLIK "Edit HTML".
- KLIK "Expand Widget Templates".
- KLIK "Download Full Templates/Download Template Lengkap" untuk mengamankan template (back-up templates).
- Simpan file templates di folder PC.
- Kembali di "Edit HTML".
- Cari kode <div class='post-header-line-1'/>. Karena sering ada sedikit perbedaan penulisan pada spasi, untuk mencarinya gunakan sebagian kode saja:
<div class='post-header-line-1'
Sebaiknya gunakan Ctrl+F , sehingga kode lebih mudah dicari. - Setelah ditemukan, maka akan terlihat di bawah kode tersebut akan terdiri dari beberapa kode HTML lain dalam bentuk seperti kode HTML A (yg bukan template blogger). Simpan dengan baik kode HTML ini karena nantinya akan digunakan kembali!
- Rubah kode menjadi seperti kode HTML B (bawaan blogger).
- KLIK "SAVE Templates/Simpan Template".
- Atur jumlah posting melalui langkah yang terlihat di ujung teratas (ada 2 cara).
- Coba buka blog dihalaman utama untuk melihat hasilnya (halaman utama --> contoh: http://gubhugreyot.blogspot.com).
- Akan terlihat jumlah posting sesuai pengaturan, namun tampilan berbeda dengan yang selama ini terlihat (karena tanpa read more otomatis).
- Kembalilah ke Edit HTML, kemudian ganti kembali kode HTML hasil perubahan (B) dengan yang aslinya (yang telah di simpan --> kode HTML A).
- KLIK "SAVE Templates/Simpan Template".
- Buka blog kembali di halaman utama dan lihat hasilnya.
Catatan/Keterangan:
- Jika pada template sampeyan di atas dan di bawah kode:
<div class='post-header-line-1'/> ada kode yang lain seperti di bawah ini:<div class='post-header'>
<div class='post-header-line-1'/>
</div>
maka kode HTML yang harus diganti dengan kode bawaan blogger dimulai dari kode di atas hingga kode terbawah seperti yang terlihat di contoh. - Agar tidak ragu perlu diketahui bahwa setelah kode HTML di atas (baik A ataupun B) terdapat kode:
<div class='post-footer'> - Bukalah Special Tutorials yang terdapat di menu sebelah kiri untuk memperlancar proses pengerjaan. Di dalamnya terdapat beberapa tutorial penting termasuk Cara melakukan back-up templates dan Cara cepat mencari kode HTML serta beberapa tutorial dasar lain.
Semoga bermanfaat!!
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
» Happy Blogging - gubhugreyot «
Comments
Post a Comment