Blogspot Sudah Support Fungsi Readmore

Fitur Baru Blogspot, Fungsi Readmore. Akhirnya, setelah sekian lamanya, pada ulang tahun yang ke-10 ini, Blogspot memberi “hadiah” kepada para penggunanya suatu fitur baru berupa fungsi Readmore. Dengan adanya fitur baru tersebut, kini para pengguna blogspot tidak perlu susah-susah lagi mengedit templatenya untuk mendapatkan fungsi readmore, seperti pada postingan sebelumnya, Membuat Readmore versi pertama dan juga Membuat Readmore Versi Kedua. Dengan hanya sekali klik saja, kita sudah dapat menikmati postingan dengan fitur readmore, yaitu postingan yang secara default hanya ditampilkan sebagian dan ketika kita mengklik klik “readmore” (baca selengkapnya), postingan akan ditampilkan secara utuh (penuh). Jika tertarik, silakan ikuti selengkapnya bersama Tips dan Trik Blog berikut ini.

Oh, iya fitur readmore ini masih dalam draft namun demikian kita sudah dapat menikmati atau menggunakan fitur tersebut. Dan fitur ini akan berfungsi dengan baik jika kita menggunakan tempalate asli blogspot. Bagi yang menggunakan template bukan dari blogspot, fitur tersebut tidak berfungsi dengan baik, di mana link “Readmore” (baca selengkapnya) tidak muncul namun postingan atau tulisan dapat terpotong dengan baik.

Berikut langkah-langkah untuk menikmati fitur readmore tersebut.

Pertama, login ke http://draft.blogger.com hingga masuk Dasbor >> Entri Baru hingga kita akan mendapati post editor (halaman pengetikan).

Kedua, ubah ke mode “compose”, seperti secreenshot di bawah ini.

Ketiga, ketikkan artikel atau tulisan yang ingin kita posting pada post editor tersebut.

Keempat, jika sudah, arahkan (tempatkan) kursor pada bagian tulisan yang ingin kita penggal, seperti screenshot di bawah ini.

Kelima, kemudian klik icon “Insert jump break”, seperti di bawah ini.

Keenam, kemudian “Terbitkan Entri” (publish)

Ketujuh, sekarang bukalah blog dan pastikan tulisan atau artikel telah terpenggal dengan baik.

Membuat Readmore Versi Kedua

Membuat Readmore Versi Kedua : Antara satu blogger dengan blogger lainnya menyebut readmore versi ini dengan sebutan yang berbeda-beda, ada yang menyebut dengan readmore versi baru dan tidak sedikit pula yang menyebutnya dengan readmore versi Kedua. Tips Trik Blog sendiri lebih suka menyebutnya dengan readmore versi kedua. Saya sebut demikian karena memang sebelumnya pernah diulas mengenai pembuatan readmore ini dan selain itu, tidak tertutup kemungkinan ada tips readmore yang lain lagi sehingga lebih tepat disebut versi kedua dari pada versi baru.

Apapun namanya, yang jelas tips readmore kali ini berbeda dengan tips readmore terdahulu. Jika pada tips readmore yang terdahulu, ketika kita mengklik “link readmore” untuk membuka postingan secara utuh maka diperlukan waktu beberapa lama karena harus me-loading ulang postingan tersebut. Dan akan menjadi parah lagi apabila blognya termasuk blog yang berat di mana hal ini dapat membuat pengunjung tidak nyaman & akan menjadi lebih fatal jika kemudian pengunjung menjadi malas untuk melanjutkannya. Sedangkan pada versi yang kedua ini, jika kita mengklik “link readmore” maka postingan secara keseluruhan akan terpampang di bawahnya dengan seketika. Selain “link readmore”, tersedia juga “link summary” di mana jika kita mengkliknya maka postingan akan menjadi pendek (berupa ringkasan) lagi.

Oh iya, postingan tentang readmore ini telah disajikan oleh banyak blog yang ada di seantero dunia. Walaupun sudah tergolong “basi” namun Tips Trik Blog akan tetap mempostingnya kembali, siapa tahu masih ada blogger yang membutuhkannya terutama new blogger. Bagi yang sudah mengetahui tips ini, silakan baca yang lain, ya!!!

Langsung saja, kita menuju kepada langkah-langkah membuat readmore versi kedua tersebut.

Pertama, login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML

Kedua, centangi Expand Template Widget
Ketiga, pasang kode berikut ini di atas kode

<script src='http://www.geocities.com/yono_pati/readmore.js&#039;
type=’text/javascript’/>

Keempat, temukan kode di bawah ini.

Kelima, sisipkan kode berikut ini

expr:id='”post-” + data:post.id’>
<b:if cond='data:blog.pageType == "item"'

pada kode di atas sehingga menjadi seperti di bawah ini.

<div class='post-body entry-content' expr:id='”post-” + data:post.id’>
<b:if cond='data:blog.pageType == "item"'>

Keenam, temukan kode berikut ini yang letaknya di bawah kode tadi.

Ketujuh, tambahkan kode berikut ini di bawah kode tersebut.

#fullpost {display:none;}

Readmore…

Summary…

checkFull(“post-” + “”)

Catatan

Teks “readmore” dan “summary” dapat kita ganti sesuai keinginan/selera masing-masing, misalnya menjadi “selengkapnya” dan “ringkasan”.

Kedelapan, secara keseluruhan akan menjadi seperti di bawah ini, di mana kode yang berwarna merah adalah kode yang baru saja kita tambahkan.

<div class='post-body entry-content' expr:id='”post-” + data:post.id’>
<b:if cond='data:blog.pageType == "item"'>

#fullpost {display:none;}

[+/-] Selengkapnya…

[+/-] Ringkasan…

checkFull(“post-” + “”)

Kesembilan, simpan template

Kesepuluh, ketika melakukan pempostingan, letakkan teks/tulisan yang akan disembunyikan di antara kode dan

Sebagai contoh adalah sebagai berikut.

Antara satu blogger dengan blogger lainnya menyebut readmore versi ini dengan sebutan yang berbeda-beda, ada yang menyebut dengan readmore versi baru dan tidak sedikit pula yang menyebutnya dengan readmore versi Kedua. Tips Trik Blog sendiri lebih suka menyebutnya dengan readmore versi kedua.

Dengan contoh di atas, ketika kita melakukan publish maka teks/tulisan “Tips Trik Blog sendiri lebih suka menyebutnya dengan readmore versi kedua.” akan disembunyikan dan jika diklik “link readmore”nya maka akan terpampang seluruh tulisan di atas.

Untuk melihat hasilnya, silakan kunjungi Blogging Triks & Tips.

(sumber : Trik Tips Blogging, Blog K.Rohman, Beautiful Beta)

baca juga yang ini

1. Tips Membuat Readmore Bag. Pertama
2. Deklarasi Link Teks
3. Kustomasi Efek dan Warna pada Link Teks
4. Kustomasi warna background
5. Tips Trik Windows XP
6. Tips Trik Komputer
7. Trik Tips Blogging

Tags: Tips Readmore

Komentar