Cara Membuat Kolom Di Postingan

1. LoGinLah dulu di BLogger.. Dasbor > Entri Baru..
2. Di postingan artikelmu yang akan kamu tambahkan Tabel.. Copy-Paste lah kode TabeL di bawah ini..

Contoh TabeL 2 KoLom..

<table width="200" border="1"><br /> <tr><br /> <td align="center"><br /> <br /> Kolom ke 1<br /> <br /> </td><br /> <td align="center"><br /> <br /> Kolom ke 2<br /> <br /> </td><br /> </tr><br /> </table></div>

Keterangan :

Width > Untuk lebar tabel dan Border > Untuk tebal garis tabel..semakin besar nilainya makin tebal garis tabelnya..

Center> Untuk menentukan posisi Textnya di tengah (center) atau Kiri (Left) ..

Tulisan Kolom 1 dan Kolom 2 Gantilah dengan Text atau UrL Direct Link Gambar atau kode text area/terserah kamu

Tags: Artikel Blog

Cara Membuat Kolom Di Postingan

By Rizky Septiawan → Minggu, 18 September 2011

Cara Membuat Widget Melayang Di Blog

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..

2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<style type="text/css"><br /> #gb{<br /> position:fixed;<br /> top:50px;<br /> z-index:+1000;<br /> }<br /> * html #gb{position:relative;}<br /> <br /> .gbtab{<br /> height:150px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat;<br /> }<br /> .gbcontent{<br /> float:left;<br /> border:2px solid #FAFD02;<br /> background:#FAFD03;<br /> padding:10px;<br /> }<br /> </style><br /> <br /> <script type="text/javascript"><br /> function showHideGB(){<br /> var gb = document.getElementById("gb");<br /> var w = gb.offsetWidth;<br /> gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br /> gb.opened = !gb.opened;<br /> }<br /> function moveGB(x0, xf){<br /> var gb = document.getElementById("gb");<br /> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br /> var dir = xf>x0 ? 1 : -1;<br /> var x = x0 + dx * dir;<br /> gb.style.right = x.toString() + "px";<br /> if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br /> }<br /> </script><br /> <br /> <div id="gb"><br /> <br /> <div class="gbtab" onclick="showHideGB()"> </div><br /> <br /> <div class="gbcontent"><br /> <br /> <!-- Begin ShoutMix - http://www.shoutmix.com --><br /> <iframe scrolling="auto" width="190" frameborder="0" src="http://www6.shoutmix.com/?ecaknyo" height="700" title="ecaknyo"><br /> <a href="http://www6.shoutmix.com/?ecaknyo">View shoutbox</a><br /> <!-- End ShoutMix --></iframe><br /> <br /> <script type="text/javascript"><br /> var gb = document.getElementById("gb");<br /> gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /> </script></center></div></center></div></div></div>

4. Simpanlah Widget Melayang ini... Selesai.. namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh blog kamu.. Mudahkan.. ;-)

Tags: Artikel Blog

Cara Membuat Widget Melayang Di Blog

By Rizky Septiawan →