tag:blogger.com,1999:blog-16577030232257001142011-07-30T11:02:00.842-07:00BLOG BISNIS RIZALRIZALhttp://www.blogger.com/profile/11850803099303228728noreply@blogger.comBlogger21100tag:blogger.com,1999:blog-1657703023225700114.post-25490608294040703482009-03-23T23:59:00.000-07:002009-03-24T00:50:00.597-07:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/__Ca7Rpfs9OY/Sch1q--mtfI/AAAAAAAAAgw/eqgrU4y8hqE/s1600-h/menu.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 169px; height: 180px;" src="http://4.bp.blogspot.com/__Ca7Rpfs9OY/Sch1q--mtfI/AAAAAAAAAgw/eqgrU4y8hqE/s400/menu.jpg" alt="" id="BLOGGER_PHOTO_ID_5316628741431408114" border="0" /></a>Wah sudah lama banget nih gak posting... Maklumlah lagi sibuk dengan urusan offline nih...hehehehe...<br /><br />Artikel ini membahas kelanjutan dari artikel sebelumnya yaitu <a href="http://bisnisrizal-table.blogspot.com/">membuat menu table pada sidebar</a> yang pernah di bahas tempo lalu. Disini kita melanjutkan dengan pembahasan membuat menu dropdown di dalam table.<br /><br />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. <a href="http://bisnisrizal-table.blogspot.com/2009/03/membuat-table-untuk-artikel-sidebar.html">(</a><a href="http://bisnisrizal-table.blogspot.com/2009/03/membuat-table-untuk-artikel-sidebar.html">Untuk membuat table silahkan anda baca artikel sebelumnya</a><a href="http://bisnisrizal-table.blogspot.com/2009/03/membuat-table-untuk-artikel-sidebar.html">)</a>. Fungsi kolom, ini selain membuat simple artikel sidebar blog anda tentu saja dapat mempercantik <a href="http://bisnisrizal-tampilanblog.blogspot.com/">tampilan blog</a> anda dan meringankan saat melakukan loading blog anda.<br /><br />Nah...Bagaimana cara membuatnya? Baik simak dan praktekan langkahl di bawah ini.<br /><ul style="font-weight: bold;"><li><span style="font-size:130%;">Langkah 1</span></li></ul>Ikuti <span style="color: rgb(255, 0, 0);">langkah 1</span> yang pernah di bahas pada artikel <a href="http://bisnisrizal-table.blogspot.com/2009/03/membuat-table-untuk-artikel-sidebar.html">membuat table</a>, untuk langkah ke 2 anda balik kesini lagi ya... hehehe (maaf...agak sedikit merepotkan karena harus bolak balik)<br /><br /><ul style="font-weight: bold;"><li><span style="font-size:130%;">Langkah 2<br /></span></li></ul><br />Copy dan pastelah kode HTML dibawah ini untuk membuat table dan teks area nya...<br /><br /><p align="center"><textarea name="code" rows="3" cols="50"><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></textarea></p><ul style="font-weight: bold;"><li><span style="font-size:130%;">Langkah ke 3<br /></span></li></ul>Perhatikan kode HTML di atas, pilih teks <span style="color: rgb(255, 0, 0);">"http://linkyangdituju.com"</span>, ganti dengan alamat link yang anda inginkan, dan teks <span style="color: rgb(255, 0, 0);">"Judul Artikel"</span>, ganti dengan teks yang anda inginkan. Lihat table di sidebar blog ini, sebagai contoh table dari kode HTML di atas.<br /><ul style="font-weight: bold;"><li><span style="font-size:130%;">Langkah 4<br /></span></li></ul>Untuk menambahkan artikel atau link baru, anda bisa mengcopy paste kode HTML di bawah ini.<br /><p align="center"><textarea name="code" rows="3" cols="50"><p align="center"><a href="http://linkyangditambah.com/">Judul Artikel Baru</a><br/></textarea></p><p style="text-align: left;">Ingat untuk membuat <span style="color: rgb(255, 0, 0); font-weight: bold;">hyperlink</span> dan <span style="font-weight: bold; color: rgb(255, 0, 0);">judul artikel baru</span> ikuti <span style="color: rgb(255, 0, 0); font-weight: bold;">langkah ke 2</span>, dan berhati-hatilah dalam pengetikan hurup-hurup HTML ini, karena bila anda salah dalam pengetikan kode ini maka link tidak akan berjalan alias error.</p><p style="text-align: left;">Nah setelah anda melakukan langkah diatas, sekarang lihat blog anda.</p><p style="text-align: left;">Table ini bisa anda pergunakan untuk yang lain seperti tempat link dan benner anda atau juga yang lain sesuai dengan kebutuhan anda.</p><p style="text-align: left;">Semoga artikel ini bermanfaat dan selamat mencoba...</p><p style="text-align: left;">Untuk pembuatan website bisnis reseller otomatis anda bisa <a href="http://bisnisrizal.com/">order dan klik disini</a> dan jika ingin punya ladang uang sendiri silahkan <a href="http://ladanguang2000.com/">klik disini</a></p><p style="text-align: left;">Salam sukses<br /></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1657703023225700114-2549060829404070348?l=bisnisrizal-table.blogspot.com' alt='' /></div>RIZALhttp://www.blogger.com/profile/11850803099303228728noreply@blogger.com3tag:blogger.com,1999:blog-1657703023225700114.post-34326601239276111112009-03-12T01:26:00.000-07:002009-03-23T23:14:21.609-07:00Sering 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.<br /><br /><span style="font-weight: bold;">Bagaimana cara membuat tablenya</span>? Baik mari kita bahas tentang pembuatan table ini.<br /><br /><span style="font-style: italic; font-weight: bold;">LANGKAH 1 :</span> Buka kustomisasi pada sisi kanan atas blog anda lalu pilih tambah gadget, kemudian pilih HTML/JAVA script.<br /><br /><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/__Ca7Rpfs9OY/Sbje6teWURI/AAAAAAAAAf0/Rl3B6DYXd28/s1600-h/kutom.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 397px; height: 100px;" src="http://3.bp.blogspot.com/__Ca7Rpfs9OY/Sbje6teWURI/AAAAAAAAAf0/Rl3B6DYXd28/s400/kutom.jpg" alt="" id="BLOGGER_PHOTO_ID_5312240860704166162" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/__Ca7Rpfs9OY/SbjfIog_3CI/AAAAAAAAAf8/mVtSFdKyg_Y/s1600-h/tata+letak.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 337px; height: 400px;" src="http://4.bp.blogspot.com/__Ca7Rpfs9OY/SbjfIog_3CI/AAAAAAAAAf8/mVtSFdKyg_Y/s400/tata+letak.jpg" alt="" id="BLOGGER_PHOTO_ID_5312241099891268642" border="0" /></a><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/__Ca7Rpfs9OY/SbjfU8cM3JI/AAAAAAAAAgE/MXIKN0ZP3i4/s1600-h/html.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 366px; height: 400px;" src="http://2.bp.blogspot.com/__Ca7Rpfs9OY/SbjfU8cM3JI/AAAAAAAAAgE/MXIKN0ZP3i4/s400/html.jpg" alt="" id="BLOGGER_PHOTO_ID_5312241311398288530" border="0" /></a><br /><span style="font-weight: bold; font-style: italic;">LANGKAH 2</span> : Copy kode HTML dibawah ini :<br /><p align="center"><textarea name="code" rows="3" cols="50"><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></textarea></p><span style="font-weight: bold; font-style: italic;">LANGKAH 3 :</span> Paste di gadget HTML /Java script tadi.<br /><span style="font-weight: bold; font-style: italic;"><br />LANGKAH 4 :<br /></span><p style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/__Ca7Rpfs9OY/SbjVla1sGBI/AAAAAAAAAfs/E-XasCVVXH4/s1600-h/2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 181px; height: 130px;" src="http://4.bp.blogspot.com/__Ca7Rpfs9OY/SbjVla1sGBI/AAAAAAAAAfs/E-XasCVVXH4/s400/2.jpg" alt="" id="BLOGGER_PHOTO_ID_5312230599319885842" border="0" /></a></p><br /><ol><li><span>Ganti JUDUL ARTIKEL dengan judul artikel yang anda inginkan</span></li><li><span>Ganti link yang dituju dengan alamat link artikel anda</span></li><li><span>Simpanlah file tersebut</span></li></ol>Contoh artikel yang telah di beri table :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/__Ca7Rpfs9OY/Sbjg_h9viCI/AAAAAAAAAgM/Y9Iy-nBQJ30/s1600-h/table.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 195px; height: 317px;" src="http://4.bp.blogspot.com/__Ca7Rpfs9OY/Sbjg_h9viCI/AAAAAAAAAgM/Y9Iy-nBQJ30/s400/table.jpg" alt="" id="BLOGGER_PHOTO_ID_5312243142537218082" border="0" /></a><br />Nah setelah anda melakukan 4 tahap di atas silahkan anda lihat sidebar blog anda...<br /><br />Selamat mencoba dan Salam sukses<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1657703023225700114-3432660123927611111?l=bisnisrizal-table.blogspot.com' alt='' /></div>RIZALhttp://www.blogger.com/profile/11850803099303228728noreply@blogger.com8