•  
  • TopBlogIndonesia.com   Alexa Certified Traffic Ranking for https://aguswijayaonline.wordpress.com/   bannerwpndonesiablack   blogerindonesia

  • Masukkan alamat email sobat untuk mengikuti blog ini, thanks ya..

    Bergabunglah dengan 362 pengikut lainnya

  • Spam Diblokir

Membuat Tampilan Halaman Secara Scroll

Membuat tampilan halaman secara scroll memang banyak sekali manfaatnya, selain mudah dalam membuatnya juga bisa memperingkas tampilan karena mempunyai fungsi scoll. Untuk membuatnya tidak diperlukan kode HTML yang rumit, sobat hanya menambahkan kode HTML di bawah ini pada halaman yang akan dibuat tampilan secara scroll.

Untuk membuatnya silahkan sobat ikuti langkah-langkah dibawah ini :

<div style="overflow: auto; width: 300px; height: 200px; padding: 10px; border: 1px solid #eee;">
Letakkan isi halaman yang akan ditampilkan disini
</div>

1. Login to Blogger kemudian pilih “Layout”
2. Klik pada “Page Tulisan Baru / Halaman Baru” terus letakkan kode tersebut “Widget -> Teks”

 

Keterangan :

Overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
Width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
Height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
Padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
Border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

Mudah bukan, selamat mencobanya .. 🙂

Tinggalkan Balasan

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

%d blogger menyukai ini: