Selasa, 03 April 2012

TuTorial Cara Membuat Scroll Bar di Widget

Berkaitan dengan artikel saya sebelumnya,masih tentang scroll.hehe
kali ini saya akan berbagi tips untuk membuat scroll pada widget .seperti yang sudah kita ketahui bersama Scroll bar fungsinya untuk menghemat tempat di blog.
cara nya sangat simple kok.hehe
. . .  nih contohnya lo dah jadi.hehe :


Cara Membuat scroll bar untuk arsip blogger nih ane kasi tips ke agan" yang baru di blogger cara membuat scroll pada arsip blogger.hehe soalnya dari pengalaman dulu waktu baru belajar blogger bikin scroll nya susah bnget,hehe mangkanya ane posting tips ini untuk agan" yang baru di blogger jga sama kaya saya :) langsung di smak aja iya langkah"nya: Login dulu ke blogger.com Pilih menu "Design" Klik "Edit HTML" buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template" Beri tanda centang pada "Expand Template Widget" Cari kode ini
(supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari) Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode
Kalo udah, tambahin kode
di atas kode untuk lebih jelasnya, coba perhatiin beberapa kode yang ada dibawah ini deh !!
klo dah ketemu Klik "Save Template" Catatan: Teks warna biru adalah posisi dimana kode harus diletakkan Teks warna kuning adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button sekian tips tentang membuat scroll pada blog semoga bermanfat :)


bagaimana????? anda tertarik.hehe
lo tertarik langsung aja ikuti tutorial saya berikut ini:
1. Masuk ke dasbor -> klik rancangan -> klik tambah widget -> klik HTML/JavaScript
2. Masukkan kode berikut





<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">

LETAKKAN TULISAN , GAMBAR ATAU APAPUN DISINI

</div>

 NOTE : Ganti Warna Merah Sesuai Kebutuhan ANda
Sekian Saja  TuTorial Cara Membuat Scroll Bar di Widget
semoga bermanfaat ^_^

Artikel Menarik lainnya:

Widget by [ Boykean-archive ]

0 komentar:

Posting Komentar

tolong masukannya . . !!!
:)

Template by : kendhin x-template.blogspot.com