" Ya Allah, Berikanlah kepadaku kemampuan untuk selalu berdzikir, mensyukuri rahmat dan nikmat, serta beribadah kepada-Mu dengan sebaik-baiknya. Amin ya Roobbal'alamin.....! "

Selasa, 04 Oktober 2011

TIPS & TRIK BIKIN READMORE DI WP DAN BS VERSI TERBARU CUKUP 11 HURUP HTML

Posting artikel atau tulisan yang panjang di Wordpress maupun di Blogspot memang sangat tidak enak karena terlalu banyak memakai halaman. Ada cara untuk membuat posting kita hanya sebagian saja yang bisa dilihat di halaman, sedang yang sebagian lagi hidden atau tidak tampak karena dipisahkan dengan sebuah kode HTML, sehingga memunculkan tulisan Readmore = Baca Selanjutnya.  Nah kalau Readmore atau Baca selengkapnya ini di Klik baru seluruh postingan bisa kelihatan.
Saya banyak membaca di beberapa Blogger tentang cara membikin Readmore, ternyata terlalu rumit dan begitu panjang dan bahkan kalau dicoba ternyata hasilnya sering gagal.
Saya mencoba bermain HTML dengan beberapa instrumen, akhirnya saya temukan cara mudah bahkan sangat mudah untuk membikin Readmore>>  atau Baca Selanjutnya>> Bahkan untuk Wordpress kita bisa bikin versi kita sendiri menuliskan ”Klik disini untuk lanjutannya>>” seperti yang satu ini : Lihat Disini !

Nah sekarang mari kita fokus dengan pembuatan  Readmore>> atau Baca selanjutnya>>  atau dengan versi anda :

WORDPRESS
1.      Silahkan anda Login dengan ID dan Password  anda sendiri.
2.      Klik Post dan pilih Add New Post atau Tambahkan Posting Baru
3.      Pastikan Posting anda di kolom HTML ”bukan Visual”
4.      Ketik artikel kurang lebih 1/3 bagian dari dari keseluruhan artikel anda, ENTER agar cursor berada dibawah tulisan anda.
5.      Diatas tulisan artikel anda ada banyak kotak kecil bertuliskan seperti : ul, ol, il, code, more, proofread,  dll
6.      Klik tulisan  (more)  dan akan muncul kode HTML seperti ini   <!--more-->
7.      Setelah itu lanjutkan tulisan artikel anda untuk di hidden dibawah kode HTML tersebut sampai selesai.
8.      Publish   atau Update.
SELESAI......sangat mudah bukan....? dan lihat hasilnya......

Kode HTML  <!--more-->  akan muncul tulisan  Readmore>> pada halaman Wordpress anda.
Kalau anda tidak puas dengan tulisan Readmor>>  dan anda ingin mengganti dengan tulisan lainnya,  ketik kode HTML seperti  ini  <!--more  Silahkan baca selanjutnya-->  maka akan muncul tulisan  Silahkan baca selanjutnya pada halaman WP anda.........wow asyik kan.....?

BLOGSPOT
1.       Anda masuk dengan ID dan Password anda.
2.      Klik ENTRI BARU atau NEW ENTRY
3.      Pastikan tulisan anda di kolom Compose  (bukan Edit HTML)
4.      Ketik seluruh artikel yang ingin anda Posting
5.      Klik  Edit HTML
6.      Baca artikel anda yang di terjemahkan oleh HTML
7.      Dimana anda suka untuk memotong artikel anda dengan Readmore>>  ketik kode HTML ini   <!--more-->   dibawah kode HTML  </div>   atau  <br/>  sama saja.
8.      Klik  Update......

SELESAI DAN LIHAT HASILNYA
Saya ucapkan selamat mencoba dan semoga berhasil........




Posting artikel atau tulisan yang panjang di Wordpress maupun di Blogspot memang sangat tidak enak karena terlalu banyak memakai halaman. Ada cara untuk membuat posting kita hanya sebagian saja yang bisa dilihat di halaman, sedang yang sebagian lagi hidden atau tidak tampak karena dipisahkan dengan sebuah kode HTML, sehingga memunculkan tulisan Readmore = Baca Selanjutnya.  Nah kalau Readmore atau Baca selengkapnya ini di Klik baru seluruh postingan bisa kelihatan.
Saya banyak membaca di beberapa Blogger tentang cara membikin Readmore, ternyata terlalu rumit dan begitu panjang dan bahkan kalau dicoba ternyata hasilnya sering gagal.
Saya mencoba bermain HTML dengan beberapa instrumen, akhirnya saya temukan cara mudah bahkan sangat mudah untuk membikin Readmore>>  atau Baca Selanjutnya>> Bahkan untuk Wordpress kita bisa bikin versi kita sendiri menuliskan ”Klik disini untuk lanjutannya>>” seperti yang satu ini : Lihat Disini !

Nah sekarang mari kita fokus dengan pembuatan  Readmore>> atau Baca selanjutnya>>  atau dengan versi anda :

WORDPRESS
1.      Silahkan anda Login dengan ID dan Password  anda sendiri.
2.      Klik Post dan pilih Add New Post atau Tambahkan Posting Baru
3.      Pastikan Posting anda di kolom HTML ”bukan Visual”
4.      Ketik artikel kurang lebih 1/3 bagian dari dari keseluruhan artikel anda, ENTER agar cursor berada dibawah tulisan anda.
5.      Diatas tulisan artikel anda ada banyak kotak kecil bertuliskan seperti : ul, ol, il, code, more, proofread,  dll
6.      Klik tulisan  (more)  dan akan muncul kode HTML seperti ini   <!--more-->
7.      Setelah itu lanjutkan tulisan artikel anda untuk di hidden dibawah kode HTML tersebut sampai selesai.
8.      Publish   atau Update.
SELESAI......sangat mudah bukan....? dan lihat hasilnya......

Kode HTML  <!--more-->  akan muncul tulisan  Readmore>> pada halaman Wordpress anda.
Kalau anda tidak puas dengan tulisan Readmor>>  dan anda ingin mengganti dengan tulisan lainnya,  ketik kode HTML seperti  ini  <!--more  Silahkan baca selanjutnya-->  maka akan muncul tulisan  Silahkan baca selanjutnya pada halaman WP anda.........wow asyik kan.....?

BLOGSPOT
1.       Anda masuk dengan ID dan Password anda.
2.      Klik ENTRI BARU atau NEW ENTRY
3.      Pastikan tulisan anda di kolom Compose  (bukan Edit HTML)
4.      Ketik seluruh artikel yang ingin anda Posting
5.      Klik  Edit HTML
6.      Baca artikel anda yang di terjemahkan oleh HTML
7.      Dimana anda suka untuk memotong artikel anda dengan Readmore>>  ketik kode HTML ini   <!--more-->   dibawah kode HTML  </div>   atau  <br/>  sama saja.
8.      Klik  Update......

SELESAI DAN LIHAT HASILNYA
Saya ucapkan selamat mencoba dan semoga berhasil........




Tidak ada komentar:

Posting Komentar