Gratis berlangganan artikel Zykry via mail, join sekarang!

Sunday, March 21, 2010

Cara Membuat Scroll Pada Daftar Komentar



imageBeberapa waktu lalu, beberapa postingan anaa mendapatkan banyak komentar hingga puluhan (belum sampai ratusan nie?) Alhamdulillah apresiasi yang indah dari rekan-rekan sahabat blogger. Tapi rasanya kurang nyaman juga melihat sebuah halaman dibuka dan daftar komentarnya panjang sekali, beberapa kali blogwalking dan melihat disebagian blog sahabat lainnya ada yang daftar komentarnya memakai scroll, anaapun tertarik untuk membuat hal serupa itung itung hemat halaman.
Ternyata mudah saja untuk membuat scroll pada daftar komentar, kode yang ditambahkan jg sangat sedikit, nah berikut selengkapnya:
1. Dalam keadaan loggin, klik tata letak (layout)=> Edit HTML=> Cari kode berikut:
/* 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;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

Tambahkan kode berikut di atas kode #comments h4

#comments {
height:280px;
overflow:auto;
}

Save template!


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
Cara Membuat Scroll Pada Daftar KomentarSocialTwist Tell-a-Friend

Comments :

4 comments to “Cara Membuat Scroll Pada Daftar Komentar”

mulyana post said...
on 

/* Comments
-------------------------- */
bang di templat saya kode ini ga ada cara bikin nya gimna ya bang,sudah copas yang ini tapi input salah
knpa ya,pleas

Zykry Dark Aka Hacker Boyz said...
on 

@mulyana post
ente cari
#comments h4 {
trus sisipkan kode dbwh ini,tepat di atasnya :
#comments {
height:280px;
overflow:auto;
}
jadi kodenya sprti ini :
#comments {
height:280px;
overflow:auto;
}
#comments h4 {
.....
....
...
..
.

Nikmaya John said...
on 

Keren nih tipsnya,, ntar saya coba,,,

obat herbal kanker usus besar said...
on 

mantap banget infonya


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