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 != "item"'><b:if cond='data:blog.pageType != "static_page"'><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 ,,, !
Iya, sama-sama :)
Oke gan
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