Setelah Ayas perhatiin.....lama.......teruuuuuuuus........terussss..........Ky nya ada yang aneh diblog Ayas. Apa y?
Setelah bertapa selama beberapa hari, g makan g minum, paling juga cuma makan nasi putih, tahu tempe, kadang2 ayam, mie, lalapan ato sesekali soto..(sama jua boong!!)..akhirnya ketemu juga apa yang aneh!!
Dengan template 3 kolom, blog Ayas terlihat aneh dan agak g teratur, cz.....
Antara sidebar1, sidebar2 dan klom posting g sama tingginya...jadi kelihatan g teratur.
Klo blog sodara juga kaya gni, dengan template 3 kolom, sidebar kiri kanan, biasanya mengalami masalah kaya gini juga. Tinggi kolom g sama, jadi agak mengganggu.
Lha..gimana supaya tinggi kolom2 tsb bisa kompakan alias sama tinggi??
Yuuuuuuuuukkkzzzzzzzzz..................
========UPDATE==========
Untuk contoh penggunaan trick ini, silahkan menuju kesini.
========================
Cari informasi, cari trik..gimana caranya supaya sidebar n kolom posting bisa sama tinggi. Akhirnya nemu juga caranya di blog sang master. Tapi...........
Setelah dicoba, ternyata ada sedikit ganjalan. Kenapa? Bisa c tu sidebar jadi kompakan. Tapi, trick itu digunakan untuk sidebar yang berada dalam 1 wrapper. Jadi g yang kiri kanan kaya punya ayas ni..
Na, gimana supaya blog ayas ini bisa sama tingginya satu sama laen? Setelah utak atik sedikit, Alhamdulillah, berhasil deh....
Ni Ayas tunjukin buat temen2...
Caranya simple banget kok. Easy juga. Namanya juga easyblogtrick.
Sodara cuma perlu copy kode dibawah ini.......
<script type='text/javascript'>
function Sama_Tinggi(){
var mainwrapper = document.getElementById("main-wrapper");
var sidebarwrapper = document.getElementById("sidebar-wrapper");
var sidebar2wrapper = document.getElementById("sidebar2-wrapper");
var content = document.getElementById("content-wrapper");
Tinggimainwrapper = mainwrapper.offsetHeight;
Tinggisidebarwrapper = sidebarwrapper.offsetHeight;
Tinggisidebar2wrapper = sidebar2wrapper.offsetHeight;
Tinggicontent = content.offsetHeight;
TinggiSisa = Tinggicontent - Tinggimainwrapper;
TinggiSisa2 = Tinggicontent - Tinggisidebarwrapper;
TinggiSisa3 = Tinggicontent - Tinggisidebar2wrapper;
mainwrapper.style.paddingBottom = TinggiSisa + "px";
sidebarwrapper.style.paddingBottom = TinggiSisa2 + "px";
sidebar2wrapper.style.paddingBottom = TinggiSisa3 + "px";
}
</script>
function Sama_Tinggi(){
var mainwrapper = document.getElementById("main-wrapper");
var sidebarwrapper = document.getElementById("sidebar-wrapper");
var sidebar2wrapper = document.getElementById("sidebar2-wrapper");
var content = document.getElementById("content-wrapper");
Tinggimainwrapper = mainwrapper.offsetHeight;
Tinggisidebarwrapper = sidebarwrapper.offsetHeight;
Tinggisidebar2wrapper = sidebar2wrapper.offsetHeight;
Tinggicontent = content.offsetHeight;
TinggiSisa = Tinggicontent - Tinggimainwrapper;
TinggiSisa2 = Tinggicontent - Tinggisidebarwrapper;
TinggiSisa3 = Tinggicontent - Tinggisidebar2wrapper;
mainwrapper.style.paddingBottom = TinggiSisa + "px";
sidebarwrapper.style.paddingBottom = TinggiSisa2 + "px";
sidebar2wrapper.style.paddingBottom = TinggiSisa3 + "px";
}
</script>
Ada beberapa kode yang harus diperhatikan dan DISESUAIKAN dengan template sodara:
- main-wrapper, adalah id mainwrapper kamu. biasanya tertulis #main-wrapper, tempat dimana kamu posting artikel.
- sidebar-wrapper, adalah id sidebar pertama kamu. Bisa yang kiri ato kanan. Biasanya tertulis #sidebar-wrapper.
- sidebar-wrapper, id sidebar kedua sodara. klo ditempat ayas, tertulis #sidebar2-wrapper. Sesuaikan dengan template sodara.
- content-wrapper, adalah tempat dimana ketiga elemen tersebut (main-wrapper, sidebar1 n sidebar2) berada. Biasanya tertulis #content-wrapper.
Selanjutnya, paste kode tersebut diatas kode </head>
Lalu ganti kode <body> menjadi <body onload='Sama_Tinggi()'>
Trus disimpen, n preview. Jadi deh..........Keren khan???
Klo ada yang belum berhsil, coba terus n jangan sungkan2 untuk bertanya ke Ayas, barangkali Ayas bisa bantu....
Yang penting berani mencoba..Ups, hampir lupa, download dulu template sodara y....
GAMPANG KOK!!!
