SCROLL (BLOG)

 

MENU

1. scroll untuk widged
2. Scroll Box Popular Posts dg Kode CSS
3. Scroll Box Popular post dngn xHTML
4. Scroll Tampil Pada Post Jika di Perlukan
5. Scroll Box Untuk BLOG archive

• scroll untuk widged

1. Login Blog
2. masuk disign
3. Page Elemant 
4. klik Add a gadged
5. add HTML/javascrip

lalu letakkan code di bawah ini pada bagian content

<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;">
script widged anda
</div>

yang berwarna pink ganti dengan script widged anda.

• Scroll Box Popular Posts dg Kode CSS

1. Login ke Blogger
2.  Halaman Dasbor (Dasboard) 
3. Rancangan (Design) 
4. Edit HTML
5. Backup Template 
6. Cari kode ]]></b:skin> 
7. Letakkan kode CSS di atas kode tersebut.
8. Simpan Temlate (Save
   Template).
9. Selesai (Finish). 

Kode CSS

 .popular-posts{
 overflow:auto;
 height:250px;

• Scroll Box Popular post dngn xHTML

1. Login ke Blogger.
2. Halaman Dasbor (Dasboard).
3. Rancangan (Design).
4. Edit HTML
5. Klik Expand Widget
   Template.
6. Backup Template.
7. Cari kode <div
   class='widget-content popular-posts'>.
8. Ganti kode di atas dengan kode berikut

  <div class='widget-content popular-posts' style='height:250px;overflow:auto;'>

9. Simpan Temlate (Save
   Template).
10. Selesai (Finish).

• Scroll Tampil Pada Post Jika di Perlukan

•  LANGKAH PERTAMA

1. Masuk ke Blogger.
2. Pilih Rancangan kemudiaN masuk ke Edit HTML.
3. Backup dulu template anda jika takut gagal.
4.Cari kode :  

]]></b:skin> 

5. Copy kode dbawah ini dan paste tepat diatas kode ]]></b:skin>

.scrollpost {
height:200px;
width:450px;
overflow:auto; }

6. Ubah heght dan width sesuaI dengan lebar tempat postingan artikel blog anda.
7.Klik tombol SimpaN Template.

                                     



  

• LANGKAH KEDUA

Pada waktu anda akan membuat postingan dan ingin menampilkan scroll pada
postingan tersebut, cantumkam kode dibawah pada kolom HTML postingan.

1. pilih post, buat entri baru, kemudian pilih HTML kiri atas.
2. Copy kode dbawah ini dan paste pada kolom HTML bukan COMPOSE

<div
class="scrollpost"> tulis artikel anda
disini </div>

• Scroll Box Untuk BLOG archive

1. Login akun blogger anda
2. Dashboard > Design > Edit HTML
3. klik pada kotak Expand Widget Templates
4. Sebelum itu, sila backup templates anda terlebih dahulu sebagai langkah berjaga-jaga.
5. Dengan menggunakan fungsi find pada keyboard (tekan ctrl + F serentak), cari kode ;

 <div id='ArchiveList'>

6. Anda akan temukan kode ini <div class='widget-content'> sebelum kode <div id='ArchiveList'> tadi.



7. Ganti kode <div class='widget-content'> yang anda temukan di langkah 6 dengan kode di bawah:

 <div class='widget-content' style='overflow:auto; height:200px'>

8. Save dan lihat hasilnya.

Code 200px mengikut tinggi yang anda mau, selera anda.


intinya adalah menggunakan perintah kode overflow. Jika anda menambahkan kode overflow ini ke dalam widget anda, maka ini akan membentuk sebuah scroll.