Cara Membuat Read More Otomatis Yang Ringan Dan Mudah Di Blog

Hai sahabat, kali ini saya akan berbagi kepada Anda tentang bagaimana cara membuat read more otomatis yang ringan dan mudah di blog. Untuk itu, silahkan dibaca lebih lanjut.

Untuk mempercantik tampilan blog Anda, maka Anda perlu memasang read more di blog Anda. Selain hanya sekedar untuk mempercantik saja, maka perlu Anda ketahui bahwa dengan memasang read more atau baca selanjutnya ini, juga dapat mengurangi loading home page blog Anda. Bayangkan jika pengunjung yang datang di blog Anda, harus menunggu loading semua artikel Anda di home page untuk terbuka semuanya. Pasti loading menjadi lambat bukan?

Oleh sebab itulah read more berperan untuk memangkas atau memotong artikel Anda, dan kemudian hanya menampilkan sedikit saja dari cuplikan artikel tersebut di home page. Dengan begitu meskipun Anda menempatkan hingga 10 artikel di halaman utama, maka tidak akan di load terlalu berat. Sebab ya itu tadi, dari 10 artikel itu hanya ditampilkan cuplikan-cuplikannya saja.

Di blogger/blogspot, ada dua cara untuk membuat read more pada blog Anda. Yang pertama adalah dengan cara manual, yaitu Anda membuat satu-satu di setiap artikel. Tentunya ini tanpa edit html segala yang mungkin terkadang cukup sulit. Dan jika Anda tertarik, maka Anda boleh membaca tulisan saya sebelumnya yaitu cara membuat read more manual di blog.

Yang kedua adalah secara otomatis. Maksudnya cara otomatis adalah Anda tinggal mengedit html template Anda, dan kemudian seluruh artikel Anda baik yang telah ada atau pun yang akan Anda buat selanjutnya, maka akan ter-read more otomatis. Dan ini bagus bagi Anda yang memiliki artikel banyak dan tidak ingin repot-repot mengedit satu-satu artikel Anda. Dan inilah yang akan saya bahas kali ini.

O iya, tentunya masing-masing cara memiliki kelebihan dan kerurangannya masing-masing. Jika Anda ingin mengetahuinya, silahkan baca tulisan saya sebelumnya yaitu kelebihan dan kekurangan read more manual dan otomatis. Dengan membaca tulisan tersebut saya berharap Anda mengetahui mana yang terbaik di antara kedua cara itu.

Baiklah tak panjang lebar lagi, inilah cara membuat read more otomatis yang ringan dan mudah di blog.

1. Masuk di blog Anda yang ingin diberi read more otomatis. Atau Anda belum memiliki blog? Nah, jika belum  maka silahkan baca cara mudah membuat blog.

2. Setelah masuk di blog Anda, silahkan klik menu template di sebelah kiri blog Anda. Selanjutnya silahkan klik edit html seperti gambar di bawah ini.


3. Setelah masuk pada editor html template Anda, munculkanlah kotak pencarian dengan menekan tombol CTRL+F di keyboard. Nah, cari kode ]]></b:skin> dengan cara mencarinya melalui kotak pencarian yang baru saja Anda munculkan.


4. Setelah ketemu, copy kode di bawah ini, dan harus Anda letakkan tepat di atas kode ]]></b:skin> tadi.

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

5. Nah, tahap kelima ini, cari kode <data:post.body/> di html template Anda. Ingat ya, bahwa kode tersebut masing-masing template memiliki jumlah yang berbeda-beda. Ada yang dua, ada yang tiga dan empat. Jadi, cobalah pilih kode tersebut dari yang paling terakhir duluan dan gantikan dengan kode berikut.

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

6. Simpan template Anda dan lihat hasilnya. Jika belum berhasil, silahkan kembali masuk ke edit html template tadi, dan tekan CTRL+Z di keyboard untuk mengembalikan atau meng-undo pada settingan saat belum merubah kode html di blog Anda.

7. Nah, karena tadi belum berhasil, silahkan Anda ganti kode yang nomor tiga,nomor dua, atau nomor satu hingga berhasil. Mudah kok, asalkan Anda sabar dan teliti, saya yakin pasti berhasil.

Bagaimana? apakah sudah bisa? Jika iya silahkan bagikan di sini. Dan untuk keberhasilan Anda, saya ucapkan selamat. Baiklah, mungkin demikian tulisan saya tentang cara membuat read more otomatis yang ringan dan mudah di blog, semoga bermanfaat bagi Anda. Terima kasih..

3 komentar

mkasih gan ,,, postingan cara-membuat-read-more-otomatis , yang bagus dan bermanfaat ini layaknya di share ajja ,, nih saya bantu ngeshare ,, ,, jgn lupa kunbal nya pulsagratisandroidku.blogspot.com terimakasih skali lagi gan , maju terus blog nya ,,, !

Gunakan kotak komentar untuk bertanya, menambahkan, memberi saran serta berdiskusi. Namun demikian, saya meminta kepada Anda agar jangan sampai menyinggung sesuatu yang berbau SARA. (Suku, Agama, Ras dan Antar Golongan) UPDATE: peraturan berkomentar telah saya perbarui menjadi lebih banyak. Silahkan baca di link ini http://goo.gl/HWGGd8
EmoticonEmoticon