| 0 komentar ]

Kali ini saya akan sedikit berbagi ilmu buat pengunjung blog ini. Sebenarnya sedikit sekali pengetahuan yang saya miliki untuk sekedar berbagi ilmu mengenai judul postingan yang saya berikan diatas.
Singkat saja, ilmu ini saya peroleh dari berbagi blog tutorial yang pernah saya kunjungi. Blog milik nya Mas Agus yang begitu amat sering yang kunjungi, dari sana pula saya memperoleh banyak informasi mengenai tutorial blog. Sama halnya dengan blog miliknya Kang Rohman, yang menyediakan banyak sekali ilmu tentang dunia blog.
Maksud judul postingan diatas adalah, bagaimana kita menata postingan agar terlihat rapih, dan tentunya ingin membuat postingan itu terlihat hanya sebagian saja dan sisanya tidak ditampilkan. Berikut langkah yang harus kita kerjakan :
1. Masuk ke account blog kita. Klik disini!
2. Setelah masuk, klik menu layout, terus tuju kata Edit HTML, jangan lupa biasakan sebelum melakukan editting di kolom HTML, biasakan untuk memback up semua kode HTML kita dengan cara klik Donwload Full Template.
3. Klik atau beri tanda ceklis pada tulisan Expand Widget Templates.
4. Berikutnya mulai memasukan kode berikut ini kedalam isi HTML nya.

Terlebih dahulu cari kode berikut ini
<div class="post-header-line-1">
<div class="post-body entry-content">

Lalu copy-paste kode HTML yang berwarna biru persis dibawahnya
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}></style>

Setelah itu copy kode dibawah ini
<a expr:href='data:post.url'>Read more....</a>
</b:if>

Dan simpan persis dibawah kode <p><data:post.body/></p>

Setelah beres maka dari kode-kode yang kita masukan tadi, maka akan terlihat seperti ini
<div class="post-header-line-1">
<div class="post-body entry-content">

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}></style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read more....</a>
</b:if>


Semua kode telah dimasukan, sebelum di save sebaiknya kita lihat hasilnya dulu dengan meng klik tab Preview, baru kalau sudah OK bisa langsung menyimpan (save)

Setelah beres memasukan kode tadi, langkah berikutnya adalah cara kita memposting artikel yang ingin ditampilkan sebagian.

Masukan ringkasan postingan awal kita yang akan ditampilan, lalu akhir dengan mamasukan kode ini <span class="fullpost">. Berikutnya masukan sisa postingan yang akan disembunyikan dan akhir dengan kode ini </span>
Atau sebagai contoh nya seperti ini

Kali ini saya akan sedikit berbagi ilmu buat pengunjung blog ini. Sebenarnya sedikit sekali pengetahuan yang saya miliki untuk sekedar berbagi ilmu mengenai judul postingan yang saya berikan diatas.<span class="fullpost">
Singkat saja, ilmu ini saya peroleh dari berbagi blog tutorial yang pernah saya kunjungi. Blog milik nya Mas Agus yang begitu amat sering yang kunjungi, dari sana pula saya memperoleh banyak informasi mengenai tutorial blog. Sama halnya dengan blog miliknya Kang Rohman, yang menyediakan banyak sekali ilmu tentang dunia blog.</span>

0 komentar

Post a Comment