Membuat Kolom ScrollDan ada beberapa dari sobat yang mampir ke blog ini sempat bertanya bagaimana membuat kolom scroll ini. Untuk menjawab pertanyaan dari para sobat, saya coba bantu menjelaskan bagaimana cara membuat kolom scroll tersebut.
Untuk itu silahkan ikuti langkah langkah berikut ini.
1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<li><a href="http://pinginbelajar.blogspot.com/2009/02/membuat-kolom-scroll.html" target="_blank"> Membuat Kolom Scroll</a></li>
<li><a href="http://pinginbelajar.blogspot.com/2009/02/pingin-mendisable-klik-kanan.html" target="_blank"> Pingin Mendisable Klik Kanan...?</a></li>
<li><a href="http://pinginbelajar.blogspot.com/2009/02/pingin-link-berkedip-ketika-mouse.html" target="_blank"> Pingin Link Berkedip Ketika Cursor Melintas...?</a></li>
</div>
<li><a href="http://pinginbelajar.blogspot.com/2009/02/membuat-kolom-scroll.html" target="_blank"> Membuat Kolom Scroll</a></li>
<li><a href="http://pinginbelajar.blogspot.com/2009/02/pingin-mendisable-klik-kanan.html" target="_blank"> Pingin Mendisable Klik Kanan...?</a></li>
<li><a href="http://pinginbelajar.blogspot.com/2009/02/pingin-link-berkedip-ketika-mouse.html" target="_blank"> Pingin Link Berkedip Ketika Cursor Melintas...?</a></li>
</div>
7. Silahkan anda ganti script yang berwarna merah dengan script milik anda
8. Klik Simpan
9. Selesai
Selamat mencoba, semoga bermanfaat
" Membuat Kolom Scroll "
Kasih koment pertama...tutornya seepp uda..
mas kalo scrollnya potomatis bergerak ke bawah ada ga ya tipsnya? mohon maaf kalo sudah pernah posting ya... yang penting komen dulu :)
kalo untuk yang otomatis bergerak sendiri... berarti itu menggunakan marquee... sy akan coba postingkan bentar lagi..
salam,
hehehehe....kecolongan niy mo buat artikel...ternyata uda dah buat duluan...yo wis kita follow artikelnya..Dengan begitu kita dapat mengahrgai satu sama lain...tul ndak uda ?
setuju sekali... mari kita terus berkarya..yang penting.. saling berbagi dan menghargai...bravo blogger se indonesia
salam,
wehehehe...asik nih buat main-main
mas, bisa bantu tolong jelasin tambahan dikit lagi ga? punya'ku dah bikin yg kaya' gini.. tapi kok nyambung gitu ya??? mohon pencerahannya, maklum masi newbie ni blog-nya http:\\bocah-pbun.blogspot.com
makacih uda...masuk lage artikelnya buat arsip (abis kalo beli buku ga ada ulasan2 kayak gene..hehehe) tetap semangat dan berkarya..tarik mang.....
wah keren uda...emang lagi aku cari2 juga...btw gimana nih caranya modif template 2 kolom jadi 3 kolom? Pengennya sih blog aku pengen aku jadiin 3 kolom
@ bocah pangkalan bun
silahkan tambahkan dengan script <br/>
arti script tersebut adalah spasi untuk 1 baris
@ virchin18
u r welcome, semoga bermanfaat
@ zujoe
untuk merubah template, kita harus merubahnya di template
di sidebarnya kita harus tambahin lagi dari 1kolom menjadi 2 kolom
dan kita juga harus merubah setingan width nya.
kalu mau gampang, ganti aja dengan template baru.
silahkan search di google.."free template"
keren uda aku coba ah,,thanks
nice post bang.. thanks :)
o0o gitu toh cara buatnya bang .... okeh deh langsung di praktekin ;;)
makasih uda :)
makasih mas tipsnya...ini yang tak cari-cari. dicoba dulu yaaa..
mazzz postingkan ya
mazzz cara menganti acon cursor menjadi gambar okeee maazzzzz
makasihhh
sory posting ya td q hapuusss yaa
@ aan.mania
silahkan langsung ke sini http://www.myspacecursor.net
sip...ternyata begitu ya..
http://innakoe.blogspot.com/2009/03/my-first-award-perpetual-smiling.html
ohh... ini dia neh.. yang gw cari - cari dare dulu... thanks sob.. keren euy..
ternyata yang namanya tata letak untuk wordpress jadi appearance.. aku jadi pengen posting yang kayak gini. buat teman teman yang pakai cms wordpress. soalnya agak beda dikit, dan kalau bahasanya beda, bisa tambah sulit. boleh ndak ya uda ronsi?
can ia use this in wordpress ?
makasih uda tips nya udah saya ikutin
Blog saya bagian "Recent Articles" mau dirubah dg Kolom Scroll tanpa meninggalkan background. Tolong beri panduannya...trims. :12
@ Arief...
script yang saya tampilkan di atas tidak akan merubah background anda, jika anda tidak ingin ada garis pinggir (border) maka anda ganti saja kode border:1px menjadi border:0px
semoga bisa membantu, trims
Trims atas pencerahannya, nt dicoba dulu...
Sudah saya coba menambahkan tag {div}{/div} dan keluar scroll, tapi kok jumlah link postingan berkurang dari 29 jadi 10 saja? Tolong solusinya. Thnx.
/*+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++*/
{div}
#recent_content {
overflow:auto;
width:450px;
height:155px;
margin:10px 0 0 48px;
font-weight:700;
}
#recent_content a:link, #recent_content a:visited {
font-size:12px;
font-family:Arial,Verdana;
color:#e6e1e1;
text-decoration:none;
}
#recent_content a:hover {
font-size:12px;
font-family:Arial,Verdana;
color:#5dcefa;
}
#recent_content ul {
list-style: none;
margin: 0;
padding: 5px 0 0 2px;
float:left;
}
#recent_content li {
background:url(http://s254.photobucket.com/albums/hh92/eblogtemplates/langit/langittag_blue.gif) no-repeat 3px 7px;
list-style:none;
line-height:25px;
padding-left:20px;
float:left;
width:400px;
overflow:auto;
}
{/div}
kalo membuat jarak(spasi) antar judul artikelnya tu ditambahin perintah apa ya?
@ bocah pangkalan bun
mungkin ini bisa sedikit memberi penjelasan, karena awalnya saya juga mempunyai pertanyaan yang sama. Yaitu dengan cara manambah tanda bullet atau bisa juga angka. lihat disini
http://72.14.235.132/search?q=cache:DvlbE3kYQlMJ:dppka.malangkab.go.id/admin/files/Struktur%2520dasar%2520HTML.doc+struktur+dasar+html+tanda+bullet&cd=2&hl=id&ct=clnk&gl=id&client=firefox-a
:14 Terimakasih UDA :16
Thanks ya???
:10
Ke blog saya dong kapan2!
kok ngak nyambung2 ke postingan saya, sudah di ubah sesui judul eh, kemana ya
saya orang baru di dunia blog dan belum mengerti sama sekali (buta)dalam bidang ini..
semoga saja ada yg mau membantu bagaimana membuat blog yg baik dan bgs...
ini link saya http://riocomo.blogspot.com/
tolong bantuan dan masukannya..
terima kasih
tenkyu :10
backgroundnya di bikin warna bisa g?
Mantap..
saya numpang baca sebentar, maklum masih belajar nih mas, makasih ya tip/triknya, sangat menarik. boleh tukeran link kagak mas?, kalo boleh infokan saya ya mas.. :)
numpang nanya.. cara bwt scroll di arsip blog gmn y.. soalnya qlo arsipnya bnyk tmpilan blog jd gk bgus..
pingen nanya.. cara membuat scroll di blog archive gmn ya.. soalnya qlo arsipnya banyak blognya tambah jelek..
:10
:14 nyobain emotionnya :) tester schroolnya
makasih bos sharingnya nih
SMASH - I heart You - Free download Mp3 SMASH - I heart You
Poskan Komentar