Kamis, 04 April 2013

Membuat Scroll Widget dan Isi Komentar

#Scroll Widget
Klik Gambar Untuk Memperbesar Tampilan


1. Buka Template

2. Centang Expand Template Widget



Klik Gambar Untuk Memperbesar Tampilan


3. Cari judul Widget "LINK MASYARAKAT"
    1. Klik Ctrl + F


    2. Masukan LINK MASAYARAKAT

    3. Tekan Enter sampai ketemu



Klik Gambar Untuk Memperbesar Tampilan


Klik Gambar Untuk Memperbesar Tampilan


4. Cari kode <div class='widget-content'>


Tambahkan di sebelahnya kode style='height:300px; width:auto; overflow:auto;'>


Menjadi 


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




Klik Gambar Untuk Memperbesar Tampilan


ATAU ...


Tambahkan kode css tepat di atas body {


1. Tekan ctrl+F

2. Masukan body {

3. Tekan Enter sampai ketemu
4. Copy paste kode di bawah ini, tepat di atas kode body {



#Bloglist1, #HTML2 .widget-content {

height:310px;

width:auto;

overflow;auto;

}


Keterangan :

Bloglist1 itu adalah kode identitas pengganti widget berjudul "LINK MASYARAKAT"


Setiap widget identitasnya berbeda-beda untuk dijadikan scroll !!!





Klik Gambar Untuk Memperbesar Tampilan


Dua cara diatas pilih salah satu saja

>>> Terakhir klik Simpan Template



#Scroll Komentar

Klik Gambar Untuk Memperbesar Tampilan


1. Tekan ctrl+F

2. Ketik <data:post.commentLabelFull/>:

3. Tepat dibawahnya terdapat kode


    <div class='comments-content'>


    Tambahkan kode  style='max-height:300px;overflow:auto;'


    Menjadi 



   <div class='comments-content' style='max-height:300px;overflow:auto;'>


4. Klik Simpan Template



Klik Gambar Untuk Memperbesar Tampilan


Klik Gambar Untuk Memperbesar Tampilan