Cara mudah membuat scroll halaman pada sidebar atau halaman blog

Mungkin tips semacam ini sudah banyak di posting oleh blogger-blogger pendahulu, tapi saya yakin masih banyak blogger-blogger pemula yang belum mengerti dan bahkan agak mengabaikan tips semacam ini.

Biasanya scroll halaman di perlukan pada saat jumlah postingan anda sudah banyak dan berniat untuk membuat daftar isi pada sidebar blog anda, atau untuk membuat daftar link teman yang jumlahnya sudah terlalu banyak. Kalau tidak dibuatkan scroll halaman, pastinya akan memakan banyak tempat pada sidebar blog anda.

Contoh scroll halaman :

Contoh 1

Contoh 2

Apakah anda berminat membuatnya?? Silahkan copy kode dibawah, dan paste pada Widget teks biasa/HTML blog anda, atau kalau anda ingin menampilkannya pada postingan anda, silahkan paste pada halaman ”New Post” anda (paste pada halaman mode HTML bukan Visual) 

<div style=”overflow:auto;width:190px;height:130px;background-color:#004D61;text-align:center;border:0solid #999999;padding:0;”>

<p style=”text-align: center;” align=”center”><span style=”font-size: 13pt;”><a href=”https://lombokdihati.wordpress.com/2011/07/22/cara-mudah-membuat-scroll-halaman-pada-sidebar-atau-halaman-blog/“>Cara Membuat Scroll</a></span></p>

Untuk Contoh nomor 2 diatas, silahkan Copy kode dibawah.

dan untuk mendapatkan link Gravatar(warna hijau), klik kanan gambar Gravatar teman anda, kemudian klik Copy Image Address Selanjutnya Paste pada tulisan yang berwarna hijau dibawah.

<div style=”overflow: auto; width: 250px; height: 100px; background-color: #00 ce d1; text-align: left; border: 1px solid #999999; padding: 1px;”>

<p class=”MsoNormalCxSpFirst” style=”line-height: normal; text-align: left;”><em><span style=”font-size: 12pt; font-family: ‘Arial’, sans-serif; color: #0070c0;”><a href=”https://lombokdihati.wordpress.com/“><img src=” http://1.gravatar.com/avatar/545b58eb8abe5ec34002506012e1a4e8?s=32&amp;d=wavatar&amp;r=G” alt=”Nyoman CNd ” /></a> </span></em><span style=”font-size: 12pt; font-family: ‘Arial’, sans-serif; color: #0070c0;”><a href=” https://lombokdihati.wordpress.com/” target=””_blank””>Lombok dihati</a></span><em></p>

  • Angka yang berwarna merah adalah lebar scroll (sesuaikan dengan lebar sidebar blog anda)
  • Angka yang berwarna biru adalah tinggi scroll

  • Angka yang berstabillo kuning adalah warna dasar dalam scroll. untuk memilih warna dasar silahkan klik disini

  • Center(tengah)adalah posisi tulisan/gambar dalam areal scroll (anda bisa ganti dengan left=kiri atau right=kanan)

  • Angka yang berwarna hijau adalah ketebalan garis tepi (kalau anda tulis angka  0 itu artinya scroll halaman anda tanpa ada garis tepi)

  • Angka yang berstabillo ungu  adalah warna garis tepi.

Setelah semua anda sesuaikan, kemudian jangan lupa klik tombol simpan. Selanjutnya anda login ke Beranda blog anda, dan lihatlah hasilnya.

 

Selamat ber-eksperimen 🙂

Baca Juga :

1.      Cara Mudah Pasang Flash Banner Swf Pada Widget WordPress.com

2.      Cara install dan mendapatkan kode install file flash swf

3.      Cara mudah membuat animasi flash pada 123-banner.com

4.      Cara Membuat Jam 3 Dimensi Flip Clock

5.      Cara Membuat Jam Digital dan Memasangnya  Pada Sidebar- Blog

6.      Cara mudah membuat animasi flash teks berjalan marquee pada flashvortex.com

7.      Cara mudah pasang animasi flash ABOWMAN pada sidebar wordpress.com

8.      Cara pasang animasi flash spiderman pada pojok halaman blog wordpress.com

9.      Cara memasang histats counter pada blog

10.   Cara pasang histats counter pada pojok halaman blog

11.   Cara merubah jenis fonts dan warna pada huruf berkedip efek blink pada blog wordpress.com

12.   Cara Membuat Logo Badge Pixel Kecil yang imut imut

13.   Cara Membuat Logo Badge Pixel Kecil yang Bisa Disisipkan Gambar

14.   Cara membuat readmore pada artikel blog

15.   Cara membatasi jumlah tampilan artikel pada halaman depan/beranda blog, dan merubah kalimat ”Tinggalkan Komentar” yang terletak di atas kolom komentar

16.   [Tips] Agar Halaman Blog Tidak Menjadi Berat Saat Loading

17.   Cara mudah membuat tulisan rata kiri dan kanan pada halaman artikel posting blog

18.   Cara mengompress/mengurangi ukuran foto/gambar

19.   Cara Membuat Tulisan Berstabillo Pada Artikel Posting Blog

20.   Cara membuat artikel terkait atau baca juga pada halaman artikel posting blog

21.   Cara menaruh komentar baru pada wordpress agar terletak pada bagian atas

22.   Cara membuat sub menu drop down pada halaman blog wordpress

23.   Cara membuat halaman tetap yang melekat-pada halaman depan blog wordpress

24.   Cara Meningkatkan Jumlah Pengunjung pada Blog

52 responses to “Cara mudah membuat scroll halaman pada sidebar atau halaman blog

Silahkan tinggalkan komentar, untuk silaturahmi selanjutnya

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s