2 Cara Gampang Membuat dan Memasang Auto Readmore Otomatis Tanpa Javascript di Blog - Auto Readmore ini dibuat dengan tambahan thumbnail gambar yang ringan di homepage blog. Auto Readmore sendiri banyak sekali macam-macamnya ada yang berbentuk javascript dalam penerapannya dan juga tersedia juga untuk default blogger.

Baca Juga :
Cara Membuat Related Post Otomatis di Postingan Blog
Mendaftarkan Blog ke Google News
Membuat Video Youtube Responsive di Blog

Dan dikesempatan hari ini Mas Yoga berbagi ilmu baru yaitu membuat Auto Readmore tanpa Javascript. Sobat sudah tahu sendiri kan dengan kegunaan Javascript di blog? seperti yang kita ketahui, bahwa javascript sendiri sangat mempengaruhi loading blog kita.

Sobat jangan khawatir, Auto Readmore ini Mas Yoga buat dengan rich snipet popular post, jadi sobat tidak usah khawatir karena fitur itu sendiri valid bagi blog dan fast loading tentunya.

Biasanya dalam membuat sebuah blog baru, template blogger belum menyediakan fitur Auto Readmore. Jadi sebelum menuju tutorial ini dari postingan ini. Diharuskan membuat Auto Readmore dulu sebelum melanjutkan langkah selanjutnya.

Cara Membuat Auto Readmore yang belum ada readmorenya dan masih berupa postingan biasa diblog.

Jika template blog sobat masih berupa postingan biasa dan belum ada readmorenya berikut tutorial lengkap membuat Auto Readmore Thumbnail no Javascript yang Mas Yoga bagikan untuk sobat.

➤ Login ke Akun Blogger sobat.
➤ Klik menu Template, kemudian klik edit template.
➤ Cari kode ]]>.
➤ Copy pastekan CSS dibawah ini kedalam template sobat.

 .thumbnail-post {
width:100px; 
height:100px; 
float:left; 
margin:0px 10px 0px 0px;
} 

➤ Setelah itu cari kode yang ke 2 ataupun yang ke 3 bisa juga yang ke 4, gantilah kode tersebut kode dibawah ini.

 










      Baca Selengkapnya

Keterangan : Thumbnail saya menggunakan Snippet di ambil dari Referensi pada Popular Post

➤ Langkah terakhir Save Template sobat. Selesai,
Bagaimana sobat, apakah berhasil? jika masih gagal, lakukan kembali dengan teliti. Langkah selanjutnya yaitu Memodifikasi Auto Readmore sebelumnya yang kita buat tanpa menggunakan Javascript.

Memodifikasi Auto Readmore yang sudah dibuat Tanpa Javascript

Langkah kedua yaitu Apabila Template sobat sudah dipasang Auto Readmore. Langkah selanjutnya memodifikasinya Tanpa Javascript, agar lebih valid dan Fast Loading.

➤ Menuju ke Edit Template, kemudian temukan kode Javascript dibawah ini.

Keterangan : Jangan lupa untuk menghapus script auto read-more link yang biasanya terletak di atas .

Kalau sudah ketemu semua kode Javascript dia atas. Gantilah semua kode tersebut dengan kode dibawah ini.

➤ Langkah terakhir simpan template, dan lihat hasilnya sobat.

Jika nanti sobat ada kesulitan dalam mengikuti tutorial di atas. Jangan lupa untuk bertanya di kotak komentar, nanti Mas Yoga akan sebisanya membantu sobat.

Tutoril Membuat Auto Readmore no Javacript cukup untuk hari, Semoga tutorial blogging ini bermanfaat buat sobat.

Terima Kasih dan Sampai Jumpa. Tunggu updetan Tutorial Blogging selanjutnya.