Assalamu ‘alaikum Wr. Wb.
Hai teman-teman pa kabarnya nich???
Semoga sehat selalu dan tetap dalam lindungan Allah SWT....
Amiin...
Postingan kali ini, saya ingin berbagi informasi tentang penggunaan Blog dari blogger.
Informasi ini saya kutip dari salah satu buku yg membahas tentang blog yaitu buku “Keajaiban Blogger” penulis Dedik Kurniawan, penerbit Elex Media Komputindo.
Sebelumnya saya mengucapkan terima kasih kepada penulis serta rekan-rekannya penulis yg sudah menyusun buku “Keajaiban Blogger”
Artikel ini membahas mengenai bagaimana cara membuat menu read more atau baca selengkapnya di postingan. Penggunaan menu read more digunakan untuk mempersingkat posting yg terlalu panjang. Dengan adanya menu read more, postingan akan ditampilkan bagian cuplikannya saja.
Nah, berikut ini merupakan proses pembuatannya........
1. Masuklah ke halaman Dashboard > Pengaturan > Format
2. Kemudian cari kotak kosong, tepatnya di kotak template posting. Lalu ketik kode ini.
<div class="fullpost">
</div>
3. Lalu klik Simpan Setelan (Save).
4. Kembalilah ke halaman Dashboard > Rancangan > Edit HTML.
5. Berilah tanda ceklis pada Expand Template Widget, kemudian carilah kode di bawah ini.
<data:post.body/>
Tetapi sebelumnya, saya menyarankan menggunakan browser mozilla agar dalam pengeditan ini tidak error. Untuk mempercepat pencarian gunakan tombol CTRL + F. Lalu isi kotak yg ingin dicari.
6. Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode ini>
<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/>
<a expr:href='data:post.url'><strong>BacaSelengkapnya...</strong></a></p>
</b:if>
7. Klik Simpan Template.
8. Agar fungsi read more dimasukkan ke tulisan baru, caranya klik menu Posting > Entri Baru. Aktifkan terlebih dahulu mode Edit HTML (jangan mode tulis), maka secara otomatis terdapat kode di bawah ini;
<span class="fullpost">
</ span>
Mungkin yg akan terlihat kode:
<div class="fullpost"> </div>
kode tersebut tidak usah dihapus, biarkan aja tetap di atas.
Kalau kode di bawah ini tidak terlihat, tulis aja sendiri.
<span class="fullpost">
</ span>
9. Buat tulisan yg ingin terlihat pada blog sebelum kode:
<span class="fullpost">
10. Tulis sisanya yg ingin disembunyikan sesudah kode:
<span class="fullpost">
11. Sebagai contoh;
Artikel
Istilah internet tentulah sudah tak asing bagi kita.
Istilah tersebut sering kita jumpai.
Namun, mungkin masih ada di antara kita yang belum mengerti apa maksud istilah tersebut.
<span class="fullpost&">
Agar mudah mengingatnya, perhatikan bahwa kata “internet” mengandung kata “net” yg berarti jaringan.
Istilah internet sendiri merupakan singkatan dari interconnected networking yang berarti jaringan komputer yang saling terhubung.
</ span>
12. Jika sudah, klik terbitkan entri.
13. Contoh dari yg nomor 11 akan terlihat seperti ini;
Istilah internet tentulah sudah tak asing bagi kita.
Istilah tersebut sering kita jumpai.
Namun, mungkin masih ada di antara kita yang belum mengerti apa maksud istilah tersebut.
BacaSelengkapnya
Semoga artikel kali ini bermanfaat bagi teman-teman.
Jazakallahu Khairan Katsiran.
Wassalam.
Sumber:
Kurniawan, Dedik. 2009. Keajaiban Blogger. Kalanganyar: Elex Media Komputindo
