Cara Menulis Kode HTML Pada Postingan Blog

Awalnya saya kesulitan membuat postingan sebelumnya Menyimpan Gambar Di Luar Server, karena harus memasukkan kode HTML ke dalam postingan.

Ternyata, ada cara yang cukup mudah untuk dilakukan. Untuk dapat menampilkan kode seperti ini: <img class="alignnone" style="margin: 10px 15px;" title="Backlink Dengan Anchor Text" src="http://farm3.static.flickr.com/2639/4045059035_4a273fc197.jpg" alt="Backlink Dengan Anchor Text" width="100" height="150" /> , kita hanya perlu mengganti tiga kode HTMLnya saja supaya bisa tetap muncul di postingan sebagai kode, bukan sebagai gambar aslinya.

Yang harus dirubah adalah:

  • Kode < diganti menjadi &lt;
  • Kode " diganti menjadi &quot;
  • Kode > diganti menjadi &gt;
  • Maka, kode HTML seperti yang tertulis di atas, tidak serta merta menjadi tampilan gambar seperti ini:
    Backlink Dengan Anchor Text

    Ada beberapa lagi cara lain, tapi saya belom pernah coba. Cara seperti apa yang Anda pakai?

    Menyimpan Gambar Di Luar Server

    Memiliki sebuah blog yang ringan, yang mudah diakses dan memiliki kecepatan loading lebih singkat, menjadi impian semua bloger. Kecepatan loading sebuah blog menjadi salah satu pertimbangan khusus bagi orang lain yang akan mengakses blog kita.

    Jika sebuah blog terlalu lama dibuka, pembaca bisa segera kabur dan memencet tombol close, serta kemungkinan besar tidak akan balik lagi mengunjungi blog kita di lain kesempatan.

    Banyak hal yang bisa diupayakan untuk mempercepat loading sebuah blog, diantaranya yang paling sederhana adalah dengan menggunakan sesedikit mungkin widget dan gambar yang tidak diperlukan di blog kita. Banner juga masuk ke dalam kategori ini. Jika memang tidak terlalu diperlukan, Anda dapat menghilangkannya.

    Hal lain yang mungkin belum bagitu banyak diterapkan oleh bloger adalah dengan mengupload gambar yang akan kita pakai di blog, di luar server kita. Kita dapat “menitipkan” gambar di beberapa tempat seperti Flickr, Picasa atau Photobucket.

    Dulu, saya selalu dengan gampangnya memasukkan gambar secara langsung di dalam postingan, tetapi akibatnya blog menjadi berat, apalagi jika ukuran gambar yang digunakan sangat besar [ratusan KB bahkan sampai dengan 1 MB].

    Saya sadari, itulah yang menyebabkan blog saya sangat berat untuk diakses. Tetapi untuk mengedit satu per satu lagi tulisan yang sudah pernah saya buat, membutuhkan waktu dan tenaga yang tidak sedikit. Maka dari itu, kini saya lebih selektif dalam menggunakan gambar dan mencoba mengupayakan selalu mengupload gambar di tempat lain. Saya menggunakan Flickr.Com.

    Bagi Anda yang memiliki akun Yahoo Mail, secara otomatis dapat login ke Flickr.Com dengan akun Yahoo Mail Anda. Jika Anda memiliki Gmail, Anda dapat mengupload gambar di Picasa dengan akun Gmail Anda.

    Setelah gambar di upload di tempat lain, Anda dapat memasukkan gambar yang akan Anda pakai dengan memakai kode seperti:
    <img class="alignnone" style="margin: 10px 15px;" title="Backlink Dengan Anchor Text" src="http://farm3.static.flickr.com/2639/4045059035_4a273fc197.jpg" alt="Backlink Dengan Anchor Text" width="100" height="150" />
    Hasilnya akan tampak seperti ini:

    Backlink Dengan Anchor Text

    Kode src=" http://farm3.static.flickr.com/2746/4119735168_83b6db09ae.jpg" inilah yang menunjukkan tempat di mana gambar kita diupload, sehingga letaknya bukan berada di dalam blog kita.

    Sudahkah Anda menerapkan cara seperti itu?