Tampilkan postingan dengan label Scroll Widget dan Isi Komentar. Tampilkan semua postingan
Tampilkan postingan dengan label Scroll Widget dan Isi Komentar. Tampilkan semua postingan

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