Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Menu Fungsi Scroll

Membuat Menu Fungsi Scroll

Beberapa hari nggak online/update blog ,saat lihat komentar ada sobat yang menanyakan sambil belajar bagaimana membuat fungsi scroll seperti pada sidebar seperti disamping blog ini. Kira-kira komentar itu seperti ini : mas, salam kenal. aku penasaran gimana cara buat kotak yang kayak Blog Tutorial itu ?? mohon bimbingannya mas ... Untuk itu mumpung lagi ada waktu,sekarang kita kita bahas menghias blog dengan memanfaatkan fungsi scrollbar ya.. Untuk lebih relevan,sebaiknya diletakkan pada sidebar Untuk membuat menunya sobat hanya membutuhkan kode HTML seperti ini : <div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee"> isi menu </div> Keterangan : width --> lebar menu height --> tinggi menu padding --> jarak antar tulisan dengan garis pinggir border --> ketebalan garis pinggir Contoh Menu dengan Fungsi Scroll : 1. Shareapic - Upload Gambar di Bayar Dollar$$ 2. Penghasilan dari PPC Lokal - KumpulBlogger 3. Li...

Membuat Menu Fungsi Scroll

Beberapa hari nggak online/update blog,saat lihat komentar ada temen kita menanyakan sambil belajar bagaimana membuat fungsi scroll seperti pada sidebar seperti disamping blog ini. Untuk itu mumpung lagi ada waktu, sekarang kita kita bahas menghias blog dengan memanfaatkan fungsi scrollbar ya.. Untuk lebih relevan,sebaiknya diletakkan pada sidebar.Untuk hasil contohnya seperti ini: TENTUKAN JUDUL KOLOM >> TEXT YANG AKAN TAMPIL >> TEXT YANG AKAN TAMPIL >> TEXT YANG AKAN TAMPIL >> TEXT YANG AKAN TAMPIL >> TEXT YANG AKAN TAMPIL <style type='text/css'> #fungsiscroll { float: left; width: 100%; font-family:arial; font-size:12px; margin: 6px 0px 6px 0px; padding:0px; line-height: 18px; display:; } #fungsiscroll p { padding: 0px; margin: 0px; } #fungsiscroll a:hover { color: green; padding: 0px; } #fungsiscroll a { text-decoration:none; color:black; } #fungsiscroll a img { border: none; margin: 0px; padding: 0px 0px 15px 0px; } #fungsiscroll h2 { co...