Menambah kolom teks area pada table

Wah sudah lama banget nih gak posting... Maklumlah lagi sibuk dengan urusan offline nih...hehehehe...

Artikel ini membahas kelanjutan dari artikel sebelumnya yaitu membuat menu table pada sidebar yang pernah di bahas tempo lalu. Disini kita melanjutkan dengan pembahasan membuat menu dropdown di dalam table.

Anda pasti pernah merasa risih dengan menu yang ada pada sidebar anda yang membentang panjang kebawah dan semakin lama semakin panjang. Nah bagaimana cara mensiasati supaya menu pada sidebar pada blog anda terlihat simple dan bisa dilakukan dengan menggerakan cursor saja. Solusinya adalah dengan cara menambahkan kolom teks area pada table sidebar blog anda. (Untuk membuat table silahkan anda baca artikel sebelumnya). Fungsi kolom, ini selain membuat simple artikel sidebar blog anda tentu saja dapat mempercantik tampilan blog anda dan meringankan saat melakukan loading blog anda.

Nah...Bagaimana cara membuatnya? Baik simak dan praktekan langkahl di bawah ini.

• Langkah 1

Ikuti langkah 1 yang pernah di bahas pada artikel membuat table, untuk langkah ke 2 anda balik kesini lagi ya... hehehe (maaf...agak sedikit merepotkan karena harus bolak balik)

• Langkah 2
  

Copy dan pastelah kode HTML dibawah ini untuk membuat table dan teks area nya...

<div align="left"><table border="1" width="180"><tbody><tr><td bgcolor="#cccccc" width="180" height="100%"><div id="HTML8" class="widget HTML"><div style="overflow: auto; width: 100%; height: 100px;"><a href="http://linkyangdituju.com/">Judul Artikel</a><br /></p></div></div></td></tr></tbody></table></div>

• Langkah ke 3
  

Perhatikan kode HTML di atas, pilih teks "http://linkyangdituju.com", ganti dengan alamat link yang anda inginkan, dan teks "Judul Artikel", ganti dengan teks yang anda inginkan. Lihat table di sidebar blog ini, sebagai contoh table dari kode HTML di atas.

• Langkah 4
  

Untuk menambahkan artikel atau link baru, anda bisa mengcopy paste kode HTML di bawah ini.

<p align="center"><a href="http://linkyangditambah.com/">Judul Artikel Baru</a><br/>

Ingat untuk membuat hyperlink dan judul artikel baru ikuti langkah ke 2, dan berhati-hatilah dalam pengetikan hurup-hurup HTML ini, karena bila anda salah dalam pengetikan kode ini maka link tidak akan berjalan alias error.

Nah setelah anda melakukan langkah diatas, sekarang lihat blog anda.

Table ini bisa anda pergunakan untuk yang lain seperti tempat link dan benner anda atau juga yang lain sesuai dengan kebutuhan anda.

Semoga artikel ini bermanfaat dan selamat mencoba...

Untuk pembuatan website bisnis reseller otomatis anda bisa order dan klik disini dan jika ingin punya ladang uang sendiri silahkan klik disini

Salam sukses

Membuat Table Untuk Artikel Sidebar

Sering kita lihat di blog pada artikel sidebar kita terasa berantakan dan tidak tersusun rapi. Nah ada cara membuat tampilan artikel sidebar anda terlihat rapi tersusunan sesuai dengan keinginan anda yaitu dengan menggunakan table. Disini kita menggunakan kode HTML untuk membuat table sidebar tersebut. Dalam membuat kode HTML ini anda bisa menggunakan software macromedia dreamweaver.

Bagaimana cara membuat tablenya? Baik mari kita bahas tentang pembuatan table ini.

LANGKAH 1 : Buka kustomisasi pada sisi kanan atas blog anda lalu pilih tambah gadget, kemudian pilih HTML/JAVA script.

LANGKAH 2 : Copy kode HTML dibawah ini :

<div align="left"><table border="1" width="180"><tbody><tr><td width="180" height="100%" bgcolor="#CCCCCC"><a>JUDUL ARTIKEL ANDA</a></p></div><div align="center"><a href="http://www.linkyangdituju.com/"></a></div></table>

LANGKAH 3 : Paste di gadget HTML /Java script tadi.

LANGKAH 4 :

1. Ganti JUDUL ARTIKEL dengan judul artikel yang anda inginkan
2. Ganti link yang dituju dengan alamat link artikel anda
3. Simpanlah file tersebut

Contoh artikel yang telah di beri table :


Nah setelah anda melakukan 4 tahap di atas silahkan anda lihat sidebar blog anda...

Selamat mencoba dan Salam sukses