Dalam mengatur tampilan dari blog agar menarik dan tidak membuat pengunjung bosan dengan tampilan blog yang terlalu memanjang kebawah sehingga sipengunjung menjadi tidak betah berada diblog kita. Saya punya saran bagi anda untuk mengatur template blog agar menarik dan tidak membosankan, lagipula tidak ada salahnya anda mencoba saran saya ini.
Artikel kali ini berguna untuk menghemat sidebar blog anda, ketika anda memasang misalnya seperti pada tampilan blog saya mitra simeulue, pada side bar banner blog mitra disitu saya menampilkan script banner blog saya sehingga bisa dicopy langsung. Nah, jika saya tidak memasang sidebar dengan scrollbox seperti pada sidebar kanan bawah blog saya dapat dipastikan akan memakan tempat yang lumayan banyak.
Cara memasang sidebar Scrollbox pada blog, sebagai berikut :
1. Login pada akun blogger anda.
2. Klik Rancangan => Tambah Gadget.
3. Pilih lokasi gadget sesuai keinginan anda. Lalu pilih Html/Javascript.
4. Setelah itu pastekan kode script berikut didalam gadget Html/Javascript.
Artikel kali ini berguna untuk menghemat sidebar blog anda, ketika anda memasang misalnya seperti pada tampilan blog saya mitra simeulue, pada side bar banner blog mitra disitu saya menampilkan script banner blog saya sehingga bisa dicopy langsung. Nah, jika saya tidak memasang sidebar dengan scrollbox seperti pada sidebar kanan bawah blog saya dapat dipastikan akan memakan tempat yang lumayan banyak.
Cara memasang sidebar Scrollbox pada blog, sebagai berikut :
1. Login pada akun blogger anda.
2. Klik Rancangan => Tambah Gadget.
3. Pilih lokasi gadget sesuai keinginan anda. Lalu pilih Html/Javascript.
4. Setelah itu pastekan kode script berikut didalam gadget Html/Javascript.
================================================
<div style="overflow: scroll; width: 400px; height: 100px;">isi pesan anda</div>
================================================
keterangan :
* Teks warna hijau = anda bisa merubah lebar dan tinggi scrollbox.
* Teks warna merah = isi dari pesan anda atau kalimat yang ingin anda masukkan kedalamnya.
Sedikit tambahan, jika ada ingin menambahkan (ganti) warna background pada scrollbox menjadi warna keinginan anda maka scriptnya akan menjadi seperti ini :
==========================================================
<div style="overflow: scroll; background-color:KODE WARNA; width: 400px; height: 100px;">ISI PESAN ANDA</div>
==========================================================
keterangan :
* teks berwarna merah = kode warna background,
misal :
warna abu-abu(gray) kode warnanya = #CCCCCC
warna hitam kode warnanya = #FFFFFF
dan lain sebagainya.
Untuk contoh scrollbox dengan warna background klik disini
Anda bisa melihat kode warna tersebut di Adobe Photoshop atau diprogram-program aplikasi yang menampilkan kode dari warna.
Ok, semoga bermanfaat dan terima kasih telah berkunjung.
* Teks warna hijau = anda bisa merubah lebar dan tinggi scrollbox.
* Teks warna merah = isi dari pesan anda atau kalimat yang ingin anda masukkan kedalamnya.
Sedikit tambahan, jika ada ingin menambahkan (ganti) warna background pada scrollbox menjadi warna keinginan anda maka scriptnya akan menjadi seperti ini :
==========================================================
<div style="overflow: scroll; background-color:KODE WARNA; width: 400px; height: 100px;">ISI PESAN ANDA</div>
==========================================================
keterangan :
* teks berwarna merah = kode warna background,
misal :
warna abu-abu(gray) kode warnanya = #CCCCCC
warna hitam kode warnanya = #FFFFFF
dan lain sebagainya.
Untuk contoh scrollbox dengan warna background klik disini
Anda bisa melihat kode warna tersebut di Adobe Photoshop atau diprogram-program aplikasi yang menampilkan kode dari warna.
Ok, semoga bermanfaat dan terima kasih telah berkunjung.
0 komentar:
Post a Comment
Setiap komentar anda sangat berarti untuk de'o (baca: saya)kritik dan saran ditunggu ya..
Reaksi anda terhadap artikel de'o jangan lupa ya