Malam sobat, semoga kalian semua dalam keadaan sehat dan bahagia bersama dengan orang-orang tercinta yang selalu setia menemani. Apalagi yang dapat saya lakukan dalam mengisi sunyinya malam ini. Adakah ide yang melintas..? Meluncur ide dalam kepala. (Wuzz..wuzz..!!)
Ide yang melintas yaitu melanjutkan pembahasan tentang 'Read More' otomatis yang saya coba posting artikelnya pada blog ini kemarin. Seperti biasa ide ini muncul setelah saya mengalami beberapa saat yang lumayan sulit untuk mendapatkan trik menghapus 'Read More' dari laman statis, dan setelah beberapa kali putar-putar dengan mbah 'Google' yang selalu setia menemani saya saat jogging jari di dunia maya ini (Agak langka bahasan tentang ini).
Langsung saja pada pokok bahasan, sobat. Kalau sobat telah mencoba apa yang telah saya jelaskan pada artikel tersebut (red. "PASANG 'READ MORE' OTOMATIS PADA BLOG") pasti tidaklah terlalu susah untuk mendapatkan hasil terbaik sebagaimana terlihat pada gambar di bawah ini.
Masalah bakalan muncul jika blog sobat memiliki laman statis (static page) karena jika kita memasang 'Read More' otomatis maka artikel yang ada pada laman statis juga ikut disingkat. (lihat gambar di bawah ini.)
Seharusnya laman statis sebagaimana definisinya adalah laman yang dibuat namun tidak ditampilkan di bagian depan laman postingan. Statis berarti tetap, tetap di sini adalah lokasi penempatannya tidak berubah. Halaman static terpisah dari halaman postingan (definisi dari BIK Pemula). Nah kalau menurut pendapat saya laman statis adalah laman yang bersifat tetap / tidak berubah dan ditempatkan terpisah dari laman utama / laman posting artikel. Karena sifatnya yang tetap maka seyogyanya laman ini tidak sepantasnya disingkat atau dipenggal dengan 'Read More'.Kembali saya tegaskan di sini jika blog milik sobat tidak memiliki laman statis pada blognya setelah memasang 'Read More' otomatis tidak ada salahnya memsang kode script ini. Untuk menyingkat waktu langsung aja kita belajar dan praktek :
- Login ke akun kamu di blogger.com.
- Pada dashboard klik Rancangan atau Design lalu klik Edit HTML.
- Jangan lupa beri centang "v" Expand Template Widget.
- Jangan lupa buat backup template blog melalui Download Full Template.
- Lalu kita cari kode <div class='post-header-line-1'/> </div> dengan menggunakan bantuan fungsi ctrl+f, di bawah kode tadi terdapat kode berikut ini :
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<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 - <data:post.title/></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> - Kalau sudah ketemu ganti kode di atas dengan kode berikut ini :
<div class='post-body'>
<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>
<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:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div> - Setelah itu jangan lupa simpan template. Lihat hasilnya di sini.
Terima kasih saya sampaikan pada Hendri Piran dan Anshul Dudeja dimana artikel mereka, saya jadikan bahan inspirasi penulisan artikel ini.
Maaf jika masih banyak kekurangan dalam penulisan artikel ini, namanya juga pemula / rookie yang mencoba senam otak dan joging jari dengan ilmu alakadarnya.
[Sumber inspirasi : http://www.anshuldudeja.com/ dan http://belajar-ilmu-komputer.blogspot.com/]
by
0 comments:
Post a Comment