Cara Mudah Membuat Kotak Text, Kolom Scroll, Variasi Text Area, Bingkai Text pada Posting Blog-Web

Assalamu'alaykum Wr. Wb.
Bismillahirrohmaanirrohiim

Terima kasih buat sobat semua yang telah berkunjung pada blog yang sederhana ini, kali ini saya menulis artikel yang berjudulCara Membuat Text Area/Kolom Scroll pada Posting Blog. 

Tutorial pemasangannya :

1. Login ke blog anda
2. Buat Entri Baru/ New Entri
3. Kemudian Klik HTML, masukan (copy) kode di bawah ini:

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 200px; width: 500px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukkan Tulisan atau teks sobat disini
< /div></span></span></span>

hasil nya seperti di atas SOB

Keterangan !!!!

200px : untuk mengatur tinggi kolom scroll

500px : kode untuk mengatur lebar kolom scroll

Tulisan atau teks sobat disini : silahkan sobat ganti dengan teks atau tulisan yang sobat inginkan.

Selamat mencoba !!

cara membuat buku tamu keren

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog - Buku tamu auto hide di blog . Apakah sobat sudah tau buku tamu auto hide di blog? nah,,, Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula (di lewati pointer mouse), hanya beda sedikit dengan buku tamu show / hide otomatis jika mouse lewat kotak buku tamu.

 Sobat blogger yang setia, kali ini saya share Membuat atau memasang buku tamu auto hide yang tentunya keren, seperti keterangan diatas untuk buku tamu auto hide ini memiliki efek yang sangat menarik, jika mouse diatrahkan pada buku tamu auto hide maka buku tamu yang mulanya tidak kelihatan akhirnya muncul dengan otomatis, Membuat buku tamu auto hide di blog seperti yang tampak di sidebar blog ini Tentunya sangat mudah untuk membuatnya. Tidak percaya? Jika Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat. Cara Membuat Buku Tamu (Guestbook) Auto Hide di Blog
 1. Sobat Daftar dulu ke CBOX >> DISINI
2. Setelah register, dapatkan code chatbox. Setelah mendapatkan Codenya, Sign in ke blogger dan silahkan Login dengan Account Anda
3. Pilih Tata letak >> Pilih Page Elemen/Elemen Halaman >> Klik Add a Gadget/Tambah Gadget
4. Lalu pilih "HTML/JavaScript"
5. Kemudian Copy-Paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png')  no-repeat;
}
.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>

Kode CBOX Sobat

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://softwaremaniapc.blogspot.com/2012/12/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>

Keterangan Penting: Teks yang berwarna BIRU silahkan sobat ganti dengan CBOX sobat, Sekian dulu sobat Cara Membuat Buku Tamu (Guestbook) Auto Hide di Blog semoga dapat bermanfaat. Selamat Mencoba