+62 (0717) 422145 Senin-Jumat: 07.30 - 16.00 WIB
Link Penting UBB

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.

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.

<div class='post-body entry-content'>


kalo ketemu maka dibawahnya ada kode ini :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p> menjadi seperti 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/></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 class="fullpost">
</span>

8. Kemudian Simpan.

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 class="fullpost">

</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'

type='text/javascript'/>


6. Kalo sudah cari kode dibawah ini

<div class='post-header-line-1'/>


(letaknya kira-kira di bagian tengah kebawah)


7. D ibawahnya ada kode <div class='post-body entry-content'> ganti kode tersebut menjadi seperti ini:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


8.Terus dibawahnya ada kode gini <p><data:post.body/></p>

9. Tambahkan kode ini dibawahnya.

<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>

11. jadi seluruh kodenya akan menjadi seperti ini :



<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
Trik-Tips Blog

UBB Perspectives

Juga Untuk Periode Berikut

Untuk Periode Berikut

Stereotipe Pendidikan Feminis

Urgensi Perlindungan Hukum Dan Peran Pemerintah Dalam Menangani Pekerja Anak Di Sektor Pertambangan Timah

Isolasi dan Karakterisasi Bakteri Asam Laktat Asal Ikan Mujair (Oreochromis mossambicus) yang Berpotensi Sebagai Probiotik

Pemanfaatan Biomikri dalam Perlindungan Lingkungan: Mengambil Inspirasi dari Alam Untuk Solusi Berkelanjutan

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?

Membangun Kepercayaan dan Kesadaran Masyarakat Dalam Membayar Pajak Melalui Peningkatan Kualitas Pelayanan Serta Transparansi Alokasi Pajak

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

Peran Pemerintah Terhadap Pemenuhan Kebutuhan Protein Hewani Melalui Pemanfaatan Probiotik dalam Sistem Integrasi Sapi dan Kelapa Sawit (Siska)

TIMAH “BERPERI”

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?

Jalan Ketiga bagi Sarjana

Pentingnya Pemahaman Moderasi Beragama Pada Mahasiswa di Perguruan Tinggi Umum

SOCIAL MAPPING SEBAGAI SOLUSI TATA KELOLA SUMBER DAYA ALAM

Bisnis Digital dan Transformasi Ekonomi

Merebut Hati Gen Z

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

Xerosere* Bangka dan UBB

Pengelolaan Sumber Daya Air yang Berkelanjutan

SI VIS PACEM PARABELLUM, INDONESIA SUDAH SIAP ATAU BELUM?

RELASI MAHA ESA DAN MAHASISWA (Refleksi terhadap Pengantar Mata Kuliah Pendidikan Agama Islam di Perguruan Tinggi Umum)

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

TATAP MUKA

Mengimajinasikan Dunia Setelah Pandemi Usai

MENJAGA(L) LINGKUNGAN HIDUP

STOP KORUPSI !

ILLEGAL MINING TIMAH (DARI HULU SAMPAI HILIR)

KARAKTER SEPERADIK

SELAMAT BEKERJA !!!

ILLEGAL MINING

Pers dan Pesta Demokrasi

PERTAMBANGAN BERWAWASAN LINGKUNGAN

GENERASI (ANTI) KORUPSI

KUDETA HUKUM

Inflasi Menerkam Masyarakat Miskin Semakin Terjepit

NETRALITAS DAN INTEGRITAS PENYELENGGARA PEMILU

Siapa Penjarah dan Perampok Timah ???

Memproduksi Kejahatan

Potret Ekonomi Babel

Dorong Kriminogen

Prinsip Pengelolaan SDA

Prostitusi Online

Menjaga Idealisme dan Kemandirian Pers

JUAL BELI BERITA

POLITIK RAKYAT DAN TANGGUNG JAWAB PEMIMPIN

Penelitian Rumpon Cumi Berhasil di Perairan Tuing, Pulau Bangka

Budidaya Ikan Hias Laut

Gratifikasi, Hati-Hatilah Menerima Sesuatu

KEPUASAN HUKUM

JANGAN SETOR KE APARAT

JAKSA TIPIKOR SEMANGAT TINGGI

Perairan Tuing, Benteng Sumberdaya Perikanan Laut di Kabupaten Bangka

GRAND DESIGN KEPENDUDUKAN (Refleksi Hari Penduduk Dunia)

Berebut Kursi Walikota