Bisnis Online I Affiliasi I Tutorial Blog I Tips & Trick I Motivation I SEO

Cara Membuat Readmore Unik Tanpa Javascript

Selama tiga tahun lebih aku termasuk orang yang anti dengan readmore otomatis. Apalagi yang menggunakan javascript. Tampilannya memang bagus dan elegan namun membuat loading blog menjadi lamban. Saya tak ingin pengunjung blog pergi duluan gara-gara postingan nggak terbuka secara keseluruhan.

Namun belakangan saya merasa perlu memasang readmore otomatis mengingat artikel saya jumlahnya sudah puluhan lebih. Karena saya ingin menampilkan tulisan yang begitu banyak pada halaman muka, sebagai konsekuensinya aku harus membuang beberapa widget pilihan agar loading situs tidak bertambah berat.

Cara memasang baca selengkapnya atau readmore dengan mudah dan cepat

Saya sendiri berani memasang readmore ini karena tidak menggunakan javascript. Seandainya saja  tutorial yang ada di internet mewajibkan penggunaan javascript, maka saya lebih memilih menggunakan fitur jumpbreak daripada harus mengorbankan kecepatan loading blog.

Namanya seorang blogger, suatu saat pasti akan menemukan kebosanan dan titik jenuh. Tampilan template yang sudah dimodifikasi dengan readmore ingin dikembalikan ke posisi semula tanpa readmore. Nah, agar saya tidak lupa cara mengembalikan ke template dasar, maka saya buatlah tutorial cara memasang readmore otomatis ini. Jadi kalau kita mau mengembalikan ke versi default, kita tinggal mengikuti tutorial dengan urutan kebalikannya.

Berikut cara memasang readmore otomatis tanpa javascript yang simple dan mudah:
1. Login ke akun blogger sobat
2. Klik menu template kemudian klik edit html
3. Cari kode ]]></b:skin>
4. Untuk mempercepat pencarian, silahkan gunakan tombol kombinasi CTRL + F
5. Jika sudah ketemu kode skin diatas, masukkan kode dibawah ini tepat diatasnya.

.post-thumbnail{float:left;margin-right:20px}

6. Setelah itu cari kode <data:post.body/>
7. Anda akan menemukan tiga kode data:post.body yang sama. Pilihlah kode yang kedua.
8. Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

9. Jika sudah, simpan template dan lihatlah hasilnya.

Demikianlah artikel sederhana tentang cara memasang readmore otomatis yang unik dan beda tanpa javascript. Jangan khawatir dengan loading blog atau seo anda. Kode css ini sebenarnya milik related post versi mobile namun dimanfaatkan untuk pemasangan readmore otomatis.
SHARE :

Cara Unik Masak Mie Instan

HEBOH..!!! - Kata itulah yang mungkin akan sahabat katakan tatkala melihat VIDEO UNIK masak mie instan berikut https://youtu.be/1MEs9a-973U.
8 Komentar untuk "Cara Membuat Readmore Unik Tanpa Javascript"

Rasa bosa seorang blogger akan melahirkan inovasi baru. Contohnya tampilan blog ini. Hanya tenplate-nya saja yang saya pertahankan sampai saat ini. Sejarah dalam membangun blog ini yang tak bisa terlupakan.

lumayan nih buat ngubah tampilan, makasih inponya...

Saya malah udah make readmore yg pake js dari 2taun yg lalu, tapi kurang tau efek loadingnya.hehe
Kalau sempat tlong kasih review berat/tidaknya load blog saya pak.
Salam.

makasih udah dikasih tau, boleh copy paste ya :)

Terima kasih Tips-nya bermanfaat sekali, by the way, komentar balik di artikel aku ya "3 cara mengembalikan rambut rusak" disini >> http://fifisurabaya.blogspot.com/2014/12/3-cara-mengembalikan-kesuburan-rambut.html

berguna banget nih,, aku save ya tutorialnya

Wah bole bole nih tekniknya. Saya sudah lama kepengen ada sesuatu yang baru untuk mengganti "read more" atau "baca selengkapnya" dengan tanpa script Hiehiehiehiee keren keren. Izin sedot dulu ya

keren banget ya perkembangan blognya, ane dari dulu cuma nulisaja, ganti template dari gratisan ha ha

1. Silakan buka Daftar Isi untuk melihat artikel menarik lainnya
2. Komentar sobat adalah investasi besar untuk meningkatkan jumlah pengunjung ke Blog Sobat

Back To Top