Skip to main content

Cara Membuat Auto Readmore pada BLOG Supaya Loading menjadi Ringan

AiBeiC blog | Cara Membuat Auto Readmore pada BLOG Supaya Loading menjadi Ringan - Selamat berjumpa di blog saya yang sederhana ini.

Untuk blogger pemula yang pertama kali bikin blog baru, biasanya kalian masih menggunakan template bawaan blogspot yang fiturnya masih standar.

Setelah sekian waktu ngeblog, buat kamu yang rajin update artikel sering kali nggak terpikir betapa penuhnya tampilan pada homepage, hingga loading blog terasa lelet saat membuka situs blog kamu karena panjangnya artikel yang harus dimuat pada saat home url di klik.

Kasus yang begini seharusnya kamu membutuhkan fitur auto readmore pada interface home blog agar menyingkat waktu loading saat pengunjung mengklik url beranda blog kamu.

Disamping itu readmore juga bisa lebih membikin rapi tampilan home pada blog.


"Readmore" atau bisa juga "selanjutnya" ataupun "baca selengkapnya" dan lain lain sering kita lihat pada blog atau situs yang menggunakan template pihak ketiga bukan bawaan blogspot.

Kamu tidak usah jauh jauh mencari contohnya karena AiBeiC blog ini pun sejatinya sudah menggunakan auto readmore untuk tampilan pada home page walau tidak dimunculkan tombol "baca lagi"nya.

Sehingga saya bisa katakan, readmore outomatis sangat perlu diterapkan pada blog kamu, karena manfaatnya sungguh dapat kita rasakan sendiri.


Readmore ini terbagi 2, ada yang outomatis tanpa javascript adapula yang menggunakan javascript.

Untuk automatis tanpa javascript, kode script readmore perlu ditanam pada html template.

Kamu perlu sedikit utak-atik/ edit html template, tapi praktis sekali kerja untuk selamanya.


Sedangkan untuk yang menggunakan javascript kita perlu manual menyisipkan script readmore setiap kali posting artikel.

Ribet kan?

Memang masing masing teknik punya kelebihan dan kekurangan masing-masing, namun pertimbangan dari segi praktis saya lebih memilih auto readmore tanpa javascript.


Saat ini kebanyakan para blogger menerapkan auto readmore plus gambar. Memang dari tampilan teknik ini cukup bisa menarik perhatian kita.

Auto readmore dengan gambar

Tapi saya baru tau ternyata permasalahan loading blog yang lamban bisa jadi karena kita selama ini menggunakan script auto readmore plus gambar pada blog kita.

Untuk segala permasalahan diatas, nampaknya kita perlu menerapkan Auto Readmore Tanpa Javascript tanpa gambar atau no thumbnail.

Auto readmore tanpa gambar
image: teknologivirtual.com

Baik, selanjutnya kita ke tutorial bagaimana cara membuatnya


1. Login Ke Blogger.com.

2. Klik Rancangan → Edit HTML → Expand Template Widget.

3. Cari kode seperti dibawah ini:

<data:post.body />


4. Ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<br/>
<data:post.body/>
<b:else/><b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if></b:if>

5. Simpan Template.

Dan untuk tampilan CSS pada thumnail, tambahkan kode dibawah ini sebelum </b:skin>

thumb img {
  float: left;
  margin: 0 10px 10px 0;
}


Simpan dan lihat hasilnya…


Demikian tutorial Cara Membuat Auto Readmore pada BLOG Supaya Loading menjadi Ringan.

Selamat Mencoba dan Semoga Bermanfaat.

Comments

baca juga...

Tips Hemat Kuota Internet Terbaru Untuk Pengguna Android

AiBeiC blog | Tips hemat kuota internet terbaru untuk pengguna android - Pengguna internet untuk dapat mengakses internet tentu wajib punya pulsa internet, baik jenis kuota reguler maupun unlimited.

Bisa saja sih dengan gratisan, seperti wifi di area hotspot gratis ataupun dengan cara hacking operator pulsa seperti para komunitas gretongers yang menjamur didunia maya. Komunitas ini biasanya mangkal di forum-forum khusus yang memiliki idealisme serupa dengan membernya yaitu suka hal-hal yang berbau gratisan.

Mereka tak sungkan memberikan panduan atau tips hack operator pulsa biar bisa internetan gratis.

Tapi hal itu sungguh merepotkan bagi sebagian orang, apalagi tidak semua orang expert atau ahli mengkonfigurasi kan layanan provider agar bisa di hack. Perlu keterampilan dan bakat khusus, disamping keberuntungan juga sih...


Pengguna smartphone atau gadget pintar lainnya, pada umumnya butuh hal yang terkesan praktis namun tetap efektip. Begitu pula halnya bagaimana dalam efesiensi kuota…

Trik Bagaimana Cara Menarik Searching Dengan Google

AiBeiC blog | Trik bagaimana Cara menarik Searching dengan google - Entah berapakali kita searching di internet menggunakan pencarian google, namun tau gak sih ternyata om google punya beberapa trik unik dlm menampilkan teknik pencariannya dan perlu untuk kamu coba.
Mungkin ini berita lama dan sedikit basi, tapi realitanya masih banyak juga yang belum tau.

Setau saya trik ini ada banyak, namun saya akan coba contohkan beberapa saja yang menarik untuk kita praktekkan.


1. Do a barrel roll.

Teknik ini menampilkan tampilan search engine berputar atau rolling pd tampilan halaman kita. Jika tidak terbiasa kamu akan terkejut pada saat lihat pertama kali.

Ok, Caranya biasa saja, kamu buka situs Google, lalu ketikan "do a barrel roll"tanpa tanda petik.

Kalau gak mau ribet bisa juga secara langsung dengan cara klik link berikut:

http://www.google.co.id/search?q=do+a+barrel+roll&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:id:official&client=firefox-a


2. Google Askew / Goo…

Mengenal IP static - IP dynamic | Cara Setting Alamat IP Pada Windows 7 Secara Mudah

AiBeiC blogMengenal IP static - IP dynamic | Cara Setting Alamat IP Pada Windows 7 Secara Mudah - Jika membahas tentang IP adress tentu kamu kenal dengan istilah IP Static dan IP Dynamic.

Jenis IP ini sangat erat kaitannya dengan jaringan dunia Internet. Karena disini kita membahas IP sebuah komputer dalam dunia internet.


Internet Protocol Address biasa disingkat IP address ini adalah suatu alamat dengan kode tertentu dalam sebuah Jaringan komputer dengan mempergunakan pola angka sebagai identitas unik alamat penggunanya.

Penggunaan IP Static dan Dynamic sangat bergantung dengan provider Internet yang kita gunakan.



PERBEDAAN IP STATIC DENGAN IP DYNAMIC


IP Static dan IP Dynamic pada dasarnya dua system IP yang berbeda. Pengguna IP Static dan IP Dynamic itu bergantung sekali dengan provider Internet atau ISP yang digunakan.

Provider dari Jaringan GSM seperti three, axis, xl, pada umumnya menggunakan IP Dynamic.

Hal itu berbeda halnya dengan jaringan Speedy.

Pada dasarnya Speedy menggu…