Mungkin ada yang pernah mengalami. Layout halaman Multiply-nya sudah rapi dan bagus. Lalu tiba-tiba jadi agak berantakan karena ada salah satu pengunjung yang memberikan komentar berupa link yang lebih panjang dari kotak komentar.

Jadi serba salah. Mau diedit tak bisa. Mau dihapus pun kadang link tersebut memang penting dan relevan. Mau ngajarin agar si komentator menulisnya dalam bentuk kode HTML pun tak mudah, nanti dibilang sok tau dan sok ngatur pula. Dan pengunjung pun maunya praktis dong, tinggal copy paste aja. Tapi layout jadi terdorong, rusak dan tak enak dilihat nih.

Salah satu solusi jalan tengahnya adalah menambahkan sebaris kode CSS di kotak Custom CSS halaman Multiply Anda. Caranya sudah tahu kan? Kalau belum, klik Customize My Site di bagian samping, lalu di panel kuning yang muncul di bagian atas klik Custom CSS. Copy baris di bawah ini, lalu paste di bagian kosong, disarankan di paling bawah:

.replybodytext { overflow:hidden; }

Save. Dan lalu mari kita lihat hasilnya:

Tenang saja, walau terlihat terpotong, link tersebut tetap tidak berubah alamatnya, sesuai yang di-copy paste oleh si komentator. Bagian yang terlalu panjang (overflow) itu cuma disembunyikan (hidden), tidak dihapus. Dan layout Multiply Anda pun tetap seperti yang Anda inginkan.

Silakan dicoba.


31 CommentsChronological   Reverse   Threaded
aranolein wrote on Apr 9
thanks tips-nya. mudah-mudahan tidak ada yang posting link panjang banget lagi kalau udah tahu caranya ya :)
itbo wrote on Apr 9
tengkiyuuuuuuuuuuuu.... :D
anchy wrote on Apr 9
waaahh!!! canggihh!!! barusan nyobain dan berhasil! makasih yah... =)
shintahadinoto wrote on Apr 9
makasiy ^_^
sikathabis wrote on Apr 9
ikut coba, mantabh
kudiarto21 wrote on Apr 9
maturnuwun maz.....
akyu sudah make itu... tapi ko' disini tetep ajah keluar jalur yah maz?.... jika semua comment akyu hilangkan..... halaman kembali kebentuk semula alias rapih jali.... mohon petunjuknya maz......
vjaroz wrote on Apr 9
thanks
prazz wrote on Apr 9
klo yg ini gimana cara benerinnya, choz??

http://prazz.multiply.com/journal
panicattheshop wrote on Apr 9
hikz..knp aku ga bisa....huhuhu
richoz wrote on Apr 9, edited on Apr 9
prazz said
klo yg ini gimana cara benerinnya, choz??

http://prazz.multiply.com/journal
kalo itu coba pakai ini:
div.tablediv1, tr.bg2, tr.bg4 th { overflow: hidden; }

kalau images-nya mengganggu
tambahin lagi: div.tablediv1 img { display: none; }
motemo wrote on Apr 9
richoz said
{ display: none; }
perintah ini menampilkan abang Jakarta

{ display:abang; }
richoz wrote on Apr 9
sudah make itu... tapi ko' disini tetep ajah keluar jalur yah
di bagian mananya ya?
di sini terlihatnya begini:
richoz wrote on Apr 9
hikz..knp aku ga bisa....huhuhu
kode ini mengatur 'overflow' di kotak komentar

kalau 'overflow'-nya di bagian post
coba edit dan gunakan tombol link untuk memasukkan link
jadi tidak copy paste linknya langsung ke badan tulisan
richoz wrote on Apr 9
motemo said
perintah ini menampilkan abang Jakarta

{ display:abang; }
{ display: transparent; }
kalipaksi wrote on Apr 9
TFS bos...
akumalamgelap wrote on Apr 9
huahahahahahahahahahahaha
kudiarto21 wrote on Apr 9
richoz said
di bagian mananya ya?
di sini terlihatnya begini:
contentnya melebar ke kanan di firefox 3.0, mungkin cachenya.... di opera and netscape udah rapih jali seperti sedia kala ;)
prazz wrote on Apr 9
richoz said
kalo itu coba pakai ini

div.tablediv1, tr.bg2, tr.bg4 th { overflow: hidden; }

kalau images-nya mengganggu
tambahin lagi

div.tablediv1 img { display: none; }
hmmm....
klo cuma mo atur lebar image-nya biar lebih kecil, pake ukuran fix kah??
richoz wrote on Apr 9, edited on Apr 9
prazz said
hmmm....
klo cuma mo atur lebar image-nya biar lebih kecil, pake ukuran fix kah??
coba eksperimen aja
misalnya: div.tablediv1 img { width: 50px; }
aladinballet wrote on Apr 9
wahhhh.. makasih richozz...
canggih euy dirimu.. :)
deku wrote on Apr 9
prazz said
klo yg ini gimana cara benerinnya, choz??

http://prazz.multiply.com/journal
hapus jurnalnya ... :P
pinkfluffydinosaurs wrote on Apr 9
Thanks, langsung dipraktekkan!
richoz wrote on Apr 9
deku said
hapus jurnalnya ... :P
.kamu { kejam! }
ibukomandan wrote on Apr 10
choz.. gue gag bisa2 bikin box dgn tanda kutip itu <iipsmiley>
richoz wrote on Apr 10
choz.. gue gag bisa2 bikin box dgn tanda kutip itu <iipsmiley>
baiklah™
nanti akan dibuatkan tipsnya tersendiri
kondombocor wrote on Apr 22
http://kondombocor.multiply.com/music/item/364/Casiopea_20Th_-_Medley_Sapi

mas...tadi saya nyoba disini tapi gak bisa kenapa ya? trims
om kondre
lidiatanod wrote on Apr 22
thanks, rupanya ini toh obatnya, MPku rapi kembali. salam kenal :-)
Comment deleted at the request of the author.
Comment deleted at the request of the author.
juriglagu wrote on May 1
A:\> coba paste yg panjang di comments box jurig... tapi jurig ga pake css itu_
blu3hearts wrote on May 30
thank u for the tips....
Add a Comment
   
© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help