earth

Guestbook

/* Iklan google ads */
Menyambung tulisan kemarin seputar Readmore, rasanya perlu juga lebih menjelaskan tentang bagaimana cara mengedit posting lama (old posting) yang sudah terlanjur ada dalam blog kita. Memang pada tulisan awal sedikit disinggung mengenai cara mengeditnya, tapi sehubungan banyaknya pertanyaan pada penulis, ada baiknya lebih dijelaskan lagi supaya kamu lebih "ngeuh".

Secara sederhana, untuk mengedit posting laman (old posting), kamu cukup menambahkan kode berikut tepat di depan naskah tulisan kamu yang mau disembunyikan:
</span><span class="fullpost" style="font-family:arial;">
Selanjutnya di akhir naskah tulisan, kamu harus menutup perintah span tersebut dengan </span>.

Jika kamu menginginkan pengeditan yang lebih sempurna lagi, berikut akan diberikan penjelasan secara detail. Hanya saja cara ini cukup melelahkan dan memerlukan ketelitian.
Cara mengedit teks
Untuk mengedit teks tulisan, cobalah ikuti langkah-langkah berikut:
  • Masuklah ke Edit Entry dari blogger kamu.
  • Pastikan kamu berada pada pilihan Tulisan (Compose), bukan pada Edit HTML.
  • Blok semua naskah tulisan kamu dengan cara menekan tombol Control A, lalu kopi dengan menekan tombol Control C.
  • Buka aplikasi Notepade melalui Start menu Windows – All Programs – Accessoris (MsWord juga boleh, tapi kalau di-save, sebaiknya menggunakan format XML Documents).
  • Lakukan paste dengan cara menekan tombol Control V.
  • Bagilah naskah tulisan kamu kedalam dua bagian terpisah.

Sampai sini sudah paham coy? Ok, kita lanjut ke langkah-langkah selanjutnya.
  • Blok bagian pertama naskah kamu, lalu kopi.
  • Buka halaman Edit Entry, dan pilih Edit HTML.
  • Tuliskan kode berikut sebelum kamu melakukan paste naskah tulisan kamu:
    <div style="text-align: justify;"><span style="font-family:arial;">Isi paragraf tampil</span>
    
  • Paste-lah sebagian tulisan tadi menggantikan Isi paragraf tampil.
  • Setelah itu tuliskan kode berikut di depan kode penutup span (</span>):
  • <span class="fullpost" style="font-family:arial;">Isi paragraf sembunyi</span></div>
    
  • Selanjutnya, blok bagian kedua naskah kamu, lalu kopi.
  • Paste-lah bagian kedua naskah tersebut menggantikan Isi paragraf sempunyi.
  • Save hasil editing ini, dan ucapkan Alhamdulillah...

Nah, sekarang kamu tinggal melihat hasilnya.
Cara mengedit Bullets and Numbering
Jika naskah tulisan kamu menggunakan bullets and numbering, cara mengeditnya sebagai berikut:
  • Dari halaman Edit Entry, pilih Edit HTML.
  • Cari kalimat yang akan diberi Bullets and Numbering.
  • Beri kode <ul> untuk Bullet dan <ol> untuk Numbering kemudian tambahkan kode <li> pada setiap kalimat yang diberi Bullets and Numbering.
  • Tutup setiap kalimat kalimat yang diberi Bullets and Numbering dengan </li>.
  • Setelah selesai semuanya, tutup dengan </ul> atau </ol> sesuai perintah awal.
    Contoh:
    Cara-cara menyalakan komputer:
    • Colokkan kabel komputer ke stop contact.
    • Lalu tekan tombol power
    • Nyala deh...!
    Ditulis seperti ini:
    Cara-cara menyalakan komputer:
    <ul><li> Colokkan kabel komputer ke stop contact.
    </li><li> Lalu tekan tombol power
    </li><li> Nyala deh...!</li></ul>
Memang cukup ribet. Berbeda jika kamu melakukannya melalui opsi Tulisan (Compose) pada halaman Edit Entry. Kamu tinggal mem-blok yang akan diberi Bullets and Numbering, lalu klik Toolbars menu. Beres deh. Tapi jika kamu tidak hati-hati malah akan mengakibatkan Readmore kamu jadi tidak berfungsi dengan benar, alias berada di akhir naskah, bukan ditengah-tengahnya.
Cara mengedit Foto atau Gambar
Buat kamu yang postingannya memakai foto/gambar dan paste-nya (seperti penjelasan di atas), maka foto/gambarnya pasti raib entah kemana (karena jika kamu mengkopi-nya maka yang terbaca cuma teks). Nah, untuk mengeditnya kamu harus melakukan langkah berikut:
  • Dari halaman Edit Entry, pilih Edit HTML.
  • Tambahkan kode berikut sebelum kode <div style="text-align: justify;">:
  • <img style="float: left; margin: 0 10px 10px 0; cursor:pointer; cursor: hand; width: 200px; height: 150px;" src="URL foto/gambar" border="0"/>
    
  • Selesai deh...

Untuk lebih jelasnya mengenai editing ukuran dan posisi foto/gambar, kamu bisa membacanya pada tulisan Cara Mudah Memasukkan Foto Kedalam Blog di blog ini.

Nah, sekarang sudah jelas kan? Ok deh, selamat berjuang sekuat tenaga, kata Rhoma Irama...
  • Artikel Terkait Dengan HTML Tutorials

    Terimakasih sudah membaca artikel SC Community's Blog

    3 komentar

    Waduh nganggo nu ieu oge masih teu tiasa. kedah kumaha atuh?

    13 Juni 2009 21.25  

    Mo nanya nih kang enes, Waktu ngerubah judul postingan, judulnya sih berubah tapi ketika dilihat dalam addrers bar browser judulnya tetap masih judul yg semula. kok biZa ya? kenapa bin kumaha ya kang enes kok biza begitoo? hatur tengkyu..

    22 April 2010 10.32  

    kang..
    masukin bullets yang ad di daftar isi tu gmn kang..
    trus cara masukin kode css spti jdul posting itu gmn.?
    mhon bntuannya..

    3 Januari 2011 13.02  

    Tambahkan Komentar

    • Dimohon untuk tidak mencantumkan link aktif pada komentar sobat.
    • Gunakan Ruang Tanya pada TabView Menu, jika ingin menanyakan sesuatu yang tidak ada kaitannya dengan artikel di atas.
    Kang eNeS

    Terimakasih atas semua apresiasi yang sobat berikan.

    10 Artikel Terbaru

    10 Artikel Terpopuler