Header Ads Widget

Ebook GRATIS Bisnis Online dari Nol - Banner Post Ads Uka Fahrurosid

Latest

6/recent/ticker-posts

Cara Membuat Kotak Text Area Scrolling di Blog

Pelajari cara mudah membuat kotak text area scrolling di blog untuk tukar link atau kode banner.

Contoh desain kotak text area HTML untuk blog

Cara Membuat Kotak Text Area Scrolling di Blog

Kotak text area adalah fitur kecil tapi powerful yang sering digunakan untuk menampilkan kode HTML atau link banner agar mudah dicopy-paste oleh pengunjung. Biasanya dipasang di sidebar atau bagian postingan blog, terutama buat anda yang ingin tukeran link atau promosiin blog lain.

Langkah Mudah Membuat Kotak Text Area

Tenang, nggak perlu jago coding buat bikin kotak ini. Ikuti aja langkah-langkah simpel berikut ini:

  1. Login ke akun Blogger anda.
  2. Pilih menu Template lalu masuk ke Page Elements.
  3. Klik Add a Gadget, lalu pilih HTML/JavaScript.
  4. Copy-paste kode berikut ini ke dalam kolom konten gadget tersebut:
<textarea rows="4" cols="25" name="textarea">
<a href="https://ukafahrrosid.blogspot.com" target="_blank">
<img border="0" alt="Banner Netpreneur Blog Indonesia"
src="http://.tinypic.com/23iez6c.gif"/></a>
</textarea>

Jangan lupa edit bagian-bagian pentingnya ya:

  • rows: jumlah baris di kotak text area
  • cols: jumlah kolom (lebar kotaknya)
  • href: ganti dengan URL blog anda
  • src: ganti dengan URL gambar/banner anda
  • alt: ganti dengan nama atau deskripsi banner anda

Tips Tambahan

Biar tampilannya makin kece, anda juga bisa tambahkan sedikit CSS styling atau taruh di bagian sidebar pakai widget agar lebih mudah ditemukan pengunjung.

Kesimpulan

Kotak text area scrolling ini cocok banget buat anda yang aktif tukeran link atau ingin bantu pengunjung menyimpan kode penting dengan cepat. Gampang bikinnya, tapi hasilnya bisa bantu blog anda lebih interaktif dan profesional.

Ayo Coba Sekarang!

Sudah siap mempercantik blog anda dengan kotak text area? Langsung praktekkan langkah-langkah di atas. Kalau anda punya trik lain seputar blogging, jangan ragu share di kolom komentar ya!

Semoga Bermanfaat!

Miliki ebook GRATIS yang akan bantu kamu cuan dari dunia digital.

Dapatkan di Sini!

Follow @ukafahrurosid

Posting Komentar

1 Komentar

  1. Sungguh sangat luar biasa sajiannya, bila dibanding saya yang pemula

    BalasHapus

Banner Ads 728x90