Membuat Kotak Scroll Untuk Kode2 java sript

Scroll berguna untuk menghemat tempat misalnya kalau anda menulis kode html yang panjang di postingan saya sarankan memakai ini.
Caranya begini :


Tambahkan kode di bawah ini ke dalam postingan anda

<div style="height:200px; width:350px; background: #FFFFFF; border:2px solid #FFFFFF; padding: 20px 6px; overflow: scroll;">Isikan materi postingan anda (Teks/Image/KODE HTML)</div>

 Warna Hijau adl tingginya, warna orange adl lebarnya, dan warna merah adl  teks/image/kode html.

Untuk tulisan yang berwarna merah isi dengan postingan yang ingin anda masukkan ke kotak scroll

Hasilnya:

Isikan materi postingan anda (Teks/Image/KODE HTML)

Sekian infonya,,,,,Selamat Mencoba,,,,

Efek Marquee

Marquee adalah sebuah Tag HTML yang digunakan agar sebuah Teks bisa bergerak/berjalan. Tag ini banyak digunakan Oleh Blogger karena menarik dan mudah dalam pembuatannya
berikut ini adalah atribut-atribut yang di gunakan sebagai pelengkap marquee:
BGCOLOR="warna" ==>yang di gunakan Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" ==> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" ==> Untuk mengatur perilaku gerakan
-->scroll = membuat text bergerak berputar
-->Slide = membuat text bergerak sekali lalu berhenti
-->alternate = membuat text bergerak bolak-balik
TITLE="pesan" ==> yang akan muncul jika mouse berada di atas text marquee
SCROLLMOUNT="angka" ==> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya
SCROLLDELAY="angka" ==> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" ==> Mengatur jumlah loop
WIDTH="lebar" ==> Mengatur lebar blok teks dalam pixel atau persen


Langsung Saja Copy Kode Berikut:

<marquee direction="rigth" title="contoh pertama" >Marquee</marquee>

Warna merah adalah gerak teks kekanan  atau kekiri anda tinggal mengganti teks 

rigth (kanan)

left (kiri)

Yang hitam Hasilnya

Hasilnya:

Marquee

Yang Kedua:

<marquee title="ini contoh yang kedua" bg direction="left" behavior="alternate" scrollmount="8">marquee 2</marquee>

Warna merah adalah gerak teks kekanan  dan kekiri anda tinggal mengganti teksnya saja

Hasilnya:

marquee 2

Yang Ke Tiga:

<marquee title="contoh yang ketiga adalah yang paling cocok buat blog anda" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" direction="up" width="100%" height="100" align="center">

<a href="http://ginggerclub.blogspot.com" target="new">Ginggerclub</a><br/>

<a href="http://ginggerclub.blogspot.com/2009/02/membuat-text-melayang-pada-blog.html" target="new">posting</a><br/>

<a href="http://ginggerclub.blogspot.com/2009/02/membuat-efek-salju-pada-blog.html" target="new">posting</a><br/>
</marquee>
 

Hasilnya:



ginggerclub


posting


posting

text yang bercetak tebal adalah hasilnya

Selamat mencoba,,,,,,,,,

Membuat Blog Lebih Lebar..

Setiap template memiliki ukuran-ukuran tersendiri,jika secara kebetulan blog anda mempunyai ukuran yang sangat lebar atau malah kekecilan,nah saya punya solusinya untuk memperperbesar atau memperkecil suatu blog.
Tapi sebelum melakukan pengediatan saya sarankan untuk membackup template anda.
langsung saja pada tahap pengeditannya
1. login ke blogger
2. masuk ke tata letak (layout) >> Edit html
3. jangan lupa memberi tanda centang pada Expand Widget Template
sebelum melakukan pengeditan perhatikan kode-kode berikut:

Header blog:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

header blog adalah tempat judul blog anda diletakkan.

Halaman blog

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

halaman blog adalah lebar dari blog anda.

Halaman posting

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}

ini adalah tempat posting anda diletakkan.

Sidebar blog

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

sidebar ini adalah tempat anda meletakkan gedget.

Footer blog

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

4.jika anda ingin mengubah lebar blog anda untuk menjadi kecil atau besar anda dapat mengubah pada text yang berwarna merah sesuai keinginan anda.
5. jika sudah simpan template
6.lihat hasilnya,,,, Ok,,,