Minggu, 04 Agustus 2013

fungsi Scroll untuk Berbagai Keperluan

Fungsi Scroll untuk Berbagai Keperluan
Fungsi Scroll untuk berbagai keperluan, anda hanya membuat kode seperti ini :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Isi
</div>
Contoh : 



Cara Agar Blog Bisa diakses Via Handphone

Cara Buat Spoiler di Blog

Cara Melindungi Artikel Dari Copy Paste (Disable Highlight)

Cara Membuat Teks Berjalan di Menu Bar

Cara Menampilkan Status Y M

Cara kontrol akses blog blogger anda (Control permissions)

Cara mudah Ganti Favicon Di Blogspot

Custom permalink pada blogger

Daftar google sitemap

Fungsi Scroll untuk Berbagai Keperluan

Hanya Menampilkan Judul Posting Pada Halaman Awal Blog

Kotak Komentar Di bawah Posting

Memasang AddThis Pada Blogger

Memasang Efek Salju di Blog Model Baru

Memasang Protektor Anti Copas Di Blogspot

Memasang gambar ber-link pada blog

Mematikan Klik Kanan

Membackup Widget Blogger

Membuat Blog di Blogger

Membuat Daftar Isi Berdasarkan Label

Membuat Fungsi Refresh Otomatis pada Blog

Membuat Kotak Pencarian/Search Engine

Membuat Link dalam Postingan Blogger

Membuat Link di Sidebar atau Widget

Membuat Marquee( Text berjalan )

Membuat Readmore pada Posting ( Manual )

Membuat Recent Comment atau Komentar Terbaru

Membuat Text Area

Membuat iframe di Blog

Mengembalikan Tulisan Home

Mengganti Gambar Kursor di Blog

Mengganti Template Blog

Menghapus Tulisan Menampilkan Entri Terbaru dengan Label

Menghilangkan Garis Bawah pada Link

Menghilangkan Garis atau Bingkai Pada Gambar di posting

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Menghilangkan Navbar blogger (Navigation Bar)

Menghilangkan Tulisan Beranda/Home

Menghilangkan Tulisan Posting Baru/Newer Post

Menghilangkan Tulisan Posting Lama atau Older Post

Menghilangkan Tulisan di Poskan Oleh

Menghilangkan bingkai gambar pada blog

Menghilangkan tulisan Beranda/Home

Mengurutkan judul posting berdasarkan ABJAD

Menyingkat komentar post dengan scrolling

Merubah Title Blog dengan Title Postingan

Pasang Buku Tamu di Sidebar

Pasang Feed di Blog

Pasang Flash di Blog

Pasang Jam di Blog

Pasang Meta Tag Blogger

Pasang Pelacak IP Address

Pasang Skrip Alert Di Blog

Pasang Statis Pagerank Blog Anda

Posting Kode HTML di Blog

Posting Via Email

SEO Blog Versi Deska_tire

Setting Custom Domain Blogspot

Shortcut atau Jalan pintas pada blogger

Tips Mengedit HTML Blogspot

Tips SEO untuk blogger pemula

Tips memilih domain

Tips memilih template blog yang SEO friendly

Tips pada template blogger

Tips sederhana mengelola blog

Tips sederhana mengelola blog

Tips sederhana menjadi seorang Blogger sejati




 keterangan :

width:300px; = Untuk mengatur lebar bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 300 sesuai kebutuhan

Fungsi Scroll untuk Berbagai Keperluan

height:200px; = Untuk mengatur tinggi bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 200 sesuai kebutuhan

border:1px solid #eee  = di gunakan untuk menampilkan garis, sehingga menghasilkan effect kotak, ubah nilainya menjadi 0px jika kalian tak ingin menampilkan garis nya

 overflow:auto; = kode penghasil scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

padding:10px; = digunakan untuk membuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. Seperti 5px

Fungsi Scroll untuk Berbagai Keperluan

itu lah kira-kira kodestandartnya, kalian bisa juga menambahkan variasi lainya di fasilitas ini seperti : merubah backroundnya dengan gambar atau merubahnya dengan warna keinginan anda

selain bisa di isi dengan link dan teks, fungsi scroll juga bisa di isi dengan gambar, iklan atau apa saja sesuai keinginan anda

untuk meletakkannya , seperti biasa anda menambahkan elemen halaman, pilih html/javascript lalu geser sesuai letak yang kalian inginkan


Berkomentarlah dengan sopan dan tidak menggunakan Link aktif. EmoticonEmoticon

Diberdayakan oleh Blogger.