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 pastepada 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=”http://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=”http://lombokdihati.wordpress.com/“><img src=”http://1.gravatar.com/avatar/545b58eb8abe5ec34002506012e1a4e8?s=32&d=wavatar&r=G” alt=”Nyoman CNd ” /></a> </span></em><span style=”font-size: 12pt; font-family: ‘Arial’, sans-serif; color: #0070c0;”><a href=” http://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.
sumber : http://lombokdihati.wordpress.com/2011/07/22/cara-mudah-membuat-scroll-halaman-pada-sidebar-atau-halaman-blog/
0 komentar:
Posting Komentar
Silahkan berikan komentar anda ( Mohon untuk tidak mencantumkan sara, pornografi, atau perkataan yang tidak layak ) :