Menampilkan Kode Banner pada Postingan

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Kode HTML dapat anda tampilkan pada area posting dengan menggunakan tag <textarea>. Metode ini dapat anda gunakan bila ingin membagikan kode banner atau script widget. Saya pernah menggunakan pada blogger/blogspot dan terakhir saya memasang di halaman blog CMS WordPress.

Beberapa waktu lalu Andi Muhammad Kautsar (katsanakes.com) ingin memasang banner Komunitas Blogger Maros (KBM) di blognya. Saya pun bergegas menyisipkan kode banner pada halaman website resmi KBM, buttasalewangang.com. Awalnya saya mencoba menggunakan <code>, namun tak menampilkan kode yang saya ambil dari komentar Andi Muhammad Islamuddin (cinikironk.blogspot.com).

Setelah melakukan pencarian di Google, saya menemukan salah satu solusinya. Menggunakan tag <textarea> agar dapat menampilkan source code di postingan atau laman blog.

Cara Memasang Kode HTML Banner pada Postingan

Memasang kode banner pada postingan dapat anda lakukan dengan menggunakan Text Editor. Bagi anda yang menggunakan Blogger/Blogspot bisa memakai editor HTML.

Sebagai contoh, saya ingin memasang kode banner untuk gambar logo Komunitas Blogger Maros disertai hyperlink ke website KBM. Alhasil kode yang mesti saya masukkan pada area Page sebagai berikut :

Pada textarea untuk baris atau rows saya patok 5, sedangkan kolom (cols) 60. Fungsi rows dan cols pada textarea untuk ukuran daerah teks kode yang ditampilkan. Penambahan <center> agar banner berada pada posisi tengah baik di sidebar ataupun postingan. Hasilnya dapat anda lihat pada banner KBM di bawah ini.

Komunitas Blogger Maros

Selama melalukan pengeditan, jangan buka Visual Editor, karena tag Textarea akan berpindah dari kode yang anda sisipkan.

Halaman Banner Komunitas Blogger Maros

Anda dapat belajar lebih lengkap mengenai Textarea pada situs w3schools.com. Selain itu, banyak tag HTML yang bisa anda pelajari. Disertai pula dengan Tryit Editor, dimana anda dapat mencoba mengaplikasikan kode HTML, CSS, Javascript,  PHP, dan lain-lain. Semangat belajar. Salam ikhlas 🙂

2 Komentar

  1. Ponsel baru 8 Februari 2015 Reply
  2. Carapadu 26 Maret 2017 Reply

Ada komentar?

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *