Tag Archive: Tips Readmore


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 iconInsert jump break”, seperti di bawah ini.

Keenam, kemudian “Terbitkan Entri” (publish)

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

Iklan

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

Tips Membuat Readmore

Walaupun sudah tergolong “basi” dan sudah banyak postingan tentang Tips Membuat Readmore atau Baca Selengkapnya, namun saya yakin masih ada yang membutuhkannya terutama bagi new blogger. Dengan readmore, postingan akan terlihat lebih ringkas dan postingan akan tampil penuh jika mengklik link yang diberikan. Tips dan Trik Blog akan memberikan tipsnya berikut ini.

Langsung saja ke pokok temanya, tips membuat readmore pada new blogger.

Login ke blogger.com hingga masuk di halaman Panel Kontrol (Control Panel)

Kemudian klik Tata Letak (Layout)

Kemudian klik tab Edit HTML hingga tampil halaman edit html. (Jangan lupa centangi pada Expand Template Widget)

Setelah itu cari dan pastikan ketemu code seperti di bawah ini.

Setelah ketemu, letakkan code berikut ini, di bawah kode di atas tadi.


.fullpost{display:inline;}



.fullpost{display:none;}

Di bawah code di atas, pastikan ada code di bawah ini.

Letakkan code berikut ini,

Readmore,..

di antara code ini

dan code ini

Selengkapnya, setelah code diubah adalah seperti di bawah ini. Yang berwarna hitam adalah code asli sedangkan warna merah adalah code yang baru saja kita tambahkan.


.fullpost{display:inline;}



.fullpost{display:none;}

Readmore,..

Selanjutnya Simpan Template

Catatan : kata “Readmore” dapat Anda ganti dengan kata yang lain, seperti “baca selanjutnya” atau yang lain.

Kemudian, lanjutkan ke menu Pengaturan (Setting) > tab Format. Tambahkan code berikut ini pada kotak Template Posting.

Kemudian Simpan Pengaturan (Save Setting)

Selanjutnya pada waktu memposting, tempatkan tulisan yang ingin ditampilkan sebelum code dan tempatkan tulisan yang terpotong (disembunyikan) di antara dan .

Sebagai contoh dapat dilihat simulasi di bawah ini.

Teks yang tampil adalah “Teks atau tulisan ini yang akan tampil sebagian (tidak terpotong).”

Teks yang disembunyikan “Teks atau tulisan ini yang akan dipotong atau disembunyikan”.

Selamat Mencoba ya!!

Terima kasih khusus saya ucapkan kepada guru besar saya Mas Afatih Suhud, Mas Kendhin, juga Kang Rohman.