UBB Perspective
Universitas Bangka Belitung
Artikel UBB
Universitas Bangka Belitung's Article
01 Agustus 2008 | 03:19:06 WIB
Cara Membuat Read More Baca Selengkapnya di Blog Bagi Blogger
Ditulis Oleh : Admin
Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika ingin supaya postingan yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :
1. Buka menu Layout kemudian pilih Edit HTML. <div class='post-body entry-content'> <p><data:post.body/></p> <b:if cond='data:blog.pageType == "item"'> <span class="fullpost"> <span class="fullpost">
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
kotak "expand widget templateny" dicentang dulu.
kalo ketemu maka dibawahnya ada kode ini :
<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>
Tulisan "Read More....." itu bisa diubah, misalnya jadi "Baca Selengkapnya".
5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
</span>
9. Ketika memposting, disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
</span>
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Selesai
B. Teknik Read More yang lain
Kalau read more yang sebelumnya, kalau kita klik tulisan read more atau Baca Selengkapnya itu kita akan membuka halaman baru sehingga akan meloading lagi halaman web kita. Di trik Read more yang baru ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lai. Berikut ini langkah-langkahnya:
1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kalau mau memback-up template kamu dulu klik tulisan Download Template lalu simpan.
4. JBeri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>
<script src='https://kendhin.890m.com/Readmore.js' <div class='post-header-line-1'/> <div class='post-body entry-content' expr:id='"post-" + data:post.id'> <b:else/>
type='text/javascript'/>
6. Kalo sudah cari kode dibawah ini
(letaknya kira-kira di bagian tengah kebawah)
7. D ibawahnya ada kode <div class='post-body entry-content'> ganti kode tersebut menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>
8.Terus dibawahnya ada kode gini <p><data:post.body/></p>
9. Tambahkan kode ini dibawahnya.
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.
<span id="fullpost">
</span>selesai....
Kalau memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>
Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini? caranya :
'Read more' yang lama kodenya seperti ini :
<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<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>
hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas, lalu ikuti langkah berikut ini :
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.
<span id="fullpost">
</span>
bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".
Written BY :Kendhin
UBB Perspectives
FAKTOR POLA ASUH DALAM TUMBUH KEMBANG ANAK
MEMANFAATKAN POTENSI NUKLIR THORIUM DI KEPULAUAN BANGKA BELITUNG : PELUANG DAN DAMPAK LINGKUNGAN
Pengaruh Sifat Fisika, Kimia Tambang Timah Terhadap Tingkat Kesuburan Tanah di Bangka Belitung
Akuntan dan Jurnalis: Berkolaborasi Dalam Optimalisasi Transparan dan Pertanggungjawaban
Sustainable Tourism Wisata Danau Pading Untuk Generasi Z dan Alpa
Perlunya Revitalisasi Budaya Lokal Nganggung di Bangka Belitung
Semangat PANDAWARA Group: Dari Sungai Kotor hingga Eksis di Media Sosial
Pengaruh Pembangunan Produksi Nuklir pada Wilayah Beriklim Panas
Pendidikan dan Literasi: Mulailah Merubah Dunia Dari Tindakan Sederhana
Mengapa APK Perguruan Tinggi di Babel Rendah ?
Dekonstruksi Cara Pikir Oposisi Biner: Mengapa Perlu?
PENINGKATAN KUALITAS PELAYANAN PUBLIK DENGAN ASAS GOOD GOVERNANCE
UMP Bangka Belitung Naik, Payung Hukum Kesejahteraan Pekerja atau Fatamorgana Belaka?
Peran Generasi Z di Pemilu 2024
Pemilu Serentak 2024 : Ajang Selebrasi Demokrasi Calon Insan Berdasi
Menelusuri Krisis Literasi Paradigma dan Problematik di Bumi Bangka Belitung
Jasa Sewa Pacar: Betulkah Menjadi sebuah Solusi?
Peran Sosial dan Politis Dukun Kampong
Mahasiswa dan Masalah Kesehatan Mental
Analogue Switch-off era baru Industri pertelevisian Indonesia
Di Era Society 50 Mahasiswa Perlu Kompetensi SUYAK
HUT ke-77 Kemerdekaan Republik Indonesia, sudah merdekakah kita?
Pemblokiran PSE, Pembatasan Kebebasan Berinternet?
Pentingnya Pemahaman Moderasi Beragama Pada Mahasiswa di Perguruan Tinggi Umum
SOCIAL MAPPING SEBAGAI SOLUSI TATA KELOLA SUMBER DAYA ALAM
Bisnis Digital dan Transformasi Ekonomi
Masyarakat Tontonan dan Risiko Jenis Baru
Penelitian MBKM Mahasiswa Biologi
PEREMPUAN DI SEKTOR PERTAMBANGAN TIMAH (Refleksi atas Peringatan Hari Kartini 21 April 2022)
Kiat-kiat Menjadi “Warga Negara Digital” yang Baik di Bulan Ramadhan
PERANG RUSIA VS UKRAINA, NETIZEN INDONESIA HARUS BIJAKSANA
Kunci Utama Memutus Mata Rantai Korupsi
Pengelolaan Sumber Daya Air yang Berkelanjutan
SI VIS PACEM PARABELLUM, INDONESIA SUDAH SIAP ATAU BELUM?
KONKRETISASI BELA NEGARA SEBAGAI LANGKAH PREVENTIF MENGHADAPI PERANG DUNIA
Memaknai Sikap OPOSISI ORMAWA terhadap Birokrasi Kampus
Timah, Kebimbangan yang Tak akan Usai
Paradigma yang Salah tentang IPK dan Keaktifan Berorganisasi
Hybrid Learning dan Skenario Terbaik
NEGARA HARUS HADIR DALAM PERLINDUNGAN EKOLOGI LINGKUNGAN
Mental, Moral dan Intelektual: Menakar Muatan Visi UBB dalam Perspektif Filsafat Pierre Bourdieu
PEMBELAJARAN TATAP MUKA DAN KESIAPAN
Edukasi Kepemimpinan Milenial versus Disintegrasi
Membangun Kepemimpinan Pendidikan di Bangka Belitung Berbasis 9 Elemen Kewarganegaraan Digital
Menuju Kampus Cerdas, Ini yang Perlu Disiapkan UBB
TI RAJUK SIJUK, DIANTARA KESEMPATAN YANG TERSEDIA
Mengimajinasikan Dunia Setelah Pandemi Usai
ILLEGAL MINING TIMAH (DARI HULU SAMPAI HILIR)
PERTAMBANGAN BERWAWASAN LINGKUNGAN
Inflasi Menerkam Masyarakat Miskin Semakin Terjepit
NETRALITAS DAN INTEGRITAS PENYELENGGARA PEMILU
Siapa Penjarah dan Perampok Timah ???
Menjaga Idealisme dan Kemandirian Pers
POLITIK RAKYAT DAN TANGGUNG JAWAB PEMIMPIN
Penelitian Rumpon Cumi Berhasil di Perairan Tuing, Pulau Bangka
Gratifikasi, Hati-Hatilah Menerima Sesuatu
Perairan Tuing, Benteng Sumberdaya Perikanan Laut di Kabupaten Bangka