Gratis berlangganan artikel Zykry via mail, join sekarang!

Tuesday, March 30, 2010

Membuat Scroll Pada Komentar trus berjuang


Beberapa waktu yang lalu saya mencoba Membuat Scroll Pada Komentar, hal ini didasarkan kepada pemikiran atau prediksi bahwa komentar yang masuk semakin lama akan semakin bertambah banyak .. duh narsisnya.. sehingga halaman blog akan panjang. Untuk mengatasi ini maka dibuat scrolling pada daftar komentar itu , sehingga blog tidak tampak memanjang ke bawah. Caranya bisa simple bisa juga ribet.. hal ini tergantung pada templatenya. Kalau kodenya sama ya.. gampang.. tapi kalau gak sama.. yaa rasakan sendiri aja deh.. hehehe..
Kalau berminat Membuat Scroll Pada Komentar, langkahnya seperti ini :

  1. Masuk ke Acount blogger anda atau ke Dashboard
  2. Pilih Layout, kemudian klik Edit HTML
  3. Cari kode seperti di bawah ini
    /* Comments
    -------------------------- */
    #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: $sidebarcolor;
    }
    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
  4. Tambahkan kode berikut di atas kode : #comments h4
    #comments {
    height:400px;
    overflow:auto;
    }
  5. Angka 400px : adalah tinggi kotak scroll itu, tinggal diganti sesuai selera kita.
  6. Jika sudah jangan lupa Save template

Catatan :

Setiap template , kodenya berbeda-beda , seperti di blog Zykry Trick yang khusus Dofollow saya cukup dibuat bingung juga , setelah 2 jam di utak-atik baru ketemu , we alaa… kodenya malah seperti ini : Coba  bandingkan dengan kode di atas , jauh ya…
.navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px} #comments {
height:400px;
overflow:auto;
}
.comments{color:#000; margin:1.5em 0pt 0pt; padding:0pt}
.comments a{color:$linkcolor}
.comments h3{font-size:1.6em}
.commentlist{color:#000; list-style-type:none; margin:1.5em 0pt 0pt; padding:0pt}
.commentlist li{margin-bottom:2em; padding:0.5em 1em}
.alt1{border:1px solid #F2F0E8; padding:0.5em}
.comment-footer a{color:$linkcolor}
Perhatikan yang warna biru itu adalah kode yang ditambahkan untuk fungsi scroll nya. Gimana dengan punya sobat.. beda juga apa tidak ??.
Tambahan :  Kalau cara diatas masih belum pas , coba yg ini  :

  1. Cari kode seperti dibawah ini :
    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <div class='comments-singleblock'>
    <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
  2. Jika sudah ketemu. tambahkan kode ini tepat diatasnya :
    <div style='overflow:auto; width:ancho; height:400px;'>
  3. Beri penutup tag dari div  yaitu  tambahkan kode  </div> setelah kode </dl>
Ok tengyuu..


Related Post:

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di zykry-trick.blogspot.com
Thx to :
Jangan lupa add facebook Zykry Dark
print this page Print this page
Membuat Scroll Pada Komentar trus berjuangSocialTwist Tell-a-Friend

Comments :

10 comments to “Membuat Scroll Pada Komentar trus berjuang”

Akmal Fahrurizal said...
on 

udah berhasil sob . .tapi kolom form pengisian komentarnya juga malah kebawa . .kalo form pengisian komentarnya tetep diluar scroll box gimana tuh caranya??*malah nanya2 . .*hehe , ,
makasi banget ya. .

Miscellaneous Questions and Answers said...
on 

Makasih banget broww, semoga amal dan kebaikannya dibalas sama yang diatas...!

Nikmaya John said...
on 

Ikut baca2 ya gan,,, lagi males ngotak atik blogger,,, hehe

cara mengobati kanker kolon said...
on 

boleh juga di coba

tempat aborsi said...
on 

thank's atas infonya

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
poker online terpecaya
bandar poker
domino online
agen poker online
poker online

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

Unknown said...
on 

Hai..
kita dari agen poker online papadomino mau memberitahukan bahwa sekarang sedang ada promo bonus yaitu :
* Bonus Mingguan : 0.5% (setiap senin)
* Bonus Referral : 20% (seumur hidup)

Hanya dengan minimal depo & wd Rp 20.000,-
Proses depo / wd cepat
100% PLAYER VS PLAYER Tanpa ROBOT
link pendaftaran : http://papadomino.com/?ref=jesica6413
Untuk info lebih lanjut silahkan hubungi : 2B4A514B

* Buat yang suka bermain togel silahkan kunjungi http://www.papa4d2.com/ref.php?ref=jesica
;)
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

AGEN BOLA TERBESAR said...
on 

Terimakasih Atas Infonya Gan.. Sangat Membantu Dan Di Tunggu Artikel Berikutnya Yah ^_^
AGEN PIALA DUNIA
BANDAR BOLA
JUDI ONLINE
BACCARAT ONLINE
PARLAY 2 TIM


Apa pendapat anda?

No spam and no porn yaw!!

Widget By Devils Workshop

Guest Book

Iklan

Pasang iklan anda di Zykry-trick hanya Rp.15.000 /bulan Hubungi : 087 823 177 355 - 085 759 277 896 Facebook : Zykry@programmer.net
 
twitter

Tukeran Link

Tips Dan Trick Blogging

U follow I follow

Statistik


free counters
broadband speed test
Current Events & News Blogs - Blog Rankings Blog Directory
Internet Blogs Web Design & CSS (Graphics) - TOP.ORG
Blogging Blogs - Blog Catalog Blog Directory Online Marketing - OnToplist.com
Web design blogs
The Republic of Indonesian Blogger | Garuda di Dadaku
Top 10 Award