Buat yang seneng ngutak ngatik n ngoprek blog, saya akan mencoba menguraikan bagaimana cara membuat 3 kolom dari format template standar..ini merupakan ringkasan dan translate dari blognya Hans yang saya temukan gak sengaja dari googling..marilah kita mengenal struktur blogger kita.
Blogger template standart mempunyai sebuah Header section , Sidebar-section, main-section dan Footer-section didalam section inilah blogger meletakkan widgets, yng merupakan page elements yang bisa dipilih dari tab template. Jika kita membuat blog baru yang masih fresh maka tampilan tab page element akan seperti ini :
Layout ini mempunyai 4 sections: Header, Main (with the Blog Posts), Sidebar and Footer.
The HTML-template terlihat spt ini (no baris untuk mempermudah saja):
010: <body>
020: <div id='outer-wrapper'>l<div id='wrap2'>
030: <!-- skip links for text browsers -->
040: <span id='skiplinks' style='display:none;'>
050: <a href='#main'>skip to main </a>
060: <a href='#sidebar'>skip to sidebar</a>
070: </span>
080: <div id='header-wrapper'>
090: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
100: <b:widget id='Header1' locked='true' title='Second Sidebar (Header)'type='Header'/>
110: </b:section>
120: </div>
130: <div id='content-wrapper'>
140: <div id='main-wrapper'>
150: <b:section class='main' id='main' showaddelement='no'>
160: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
170: </b:section>
180: </div>
190: <div id='sidebar-wrapper'>
200: <b:section class='sidebar' id='sidebar' preferred='yes'>
210: <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
220: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
230: </b:section>
240: </div>
250: <!-- spacer for skins that want sidebar and main to be the same height-->
260: <div class='clear'> </div>
270: </div> <!-- end content-wrapper -->
280: <div id='footer-wrapper'>
290: <b:section class='footer' id='footer'/>
300: </div>
310: </div></div> <!-- end outer-wrapper -->
320: </body>
baris 010 dan 320 adalah body tags. Semua kode2 harus diletakkan diantara 2 tags ini
baris 020 dan 310 adalah div tags untuk 2 wrapper, wrapeer dikenal juga " outer wrapper" dan wrapper dikenal "wrap2". dalam CSS kita dapat mendefinisikan jenis huruf , warna, dan styling untuk wrappers.
baris 080 sampai 120 adalah header. seperti yang kita lihat disana ada div-wrapper (080 dan 120),section-tags (090 dan 110) dan widgets yang didlmnya ada header (100)
baris 130-270 adalah content (blog post dan side bar ) .disana ada div-wrapper yang disebut content wrapper (130 dan 270) dan didlm wrapper ini ada 2 atau lebih wrapper : main wrapper (140-180) dan side bar wrapper (190-240)
didalam main-wrapper kita dapat menemukan the main-section (150 dan 170) dengan Blog-widget (160). widget ini mengandung post post kita.
didalam sidebar-wrapper kita menemukan the sidebar-section (200 dan 230) dengan Archive-widget (210) dan Profile-widget (220).
dan terakhir ada Footer (280-300).
setelah mengerti struktur mari skr lihat format template ini... di "stylesheet kiat akan menemukan kode seperti dibawah ini :
#outer-wrapper {
width: 660px;
padding: 10px;
....... }
#main-wrapper {
width: 410px;
float: left;
....... }
#sidebar-wrapper {
width: 220px;
float: right;
........ }
The outer-wrapper mempunyai lebar 660 pixels. Padding diset 10 pixels, sehingga semua yang ada didalam outer wrapper mempunyai jarak 10 pixel dari border sehingga menyisakan 660 - 20 = 640 pixels untuk main-wrapper and sidebar-wrapper.
The main-wrapper mempunyai lebar 410 pixels, dan floats to the left.
The sidebar-wrapper had a width of 220 pixels, and floats to the right. Together, main-wrapper and sidebar-wrapper have a width of 410 + 220 = 630 pixels. ditengah ada space 640 - 630 = 10 pixels.
jadi kita harus membuat space jika ingin menambah side bar
Menambah side bar ke 2
pertama kita akan menambah sidebar ke struktur template kemudian kita akan menambahkan itu ke CSS dan membuatnya pas dengan halaman yg kita buat.
Step 1: Backup template ( ini penting klao kegagalan terjadi anda tdk kehilangan template lama)
Step 2: buat right-sidebar
ganti baris 190 and 200 menjadi :
190: <div id='right-sidebar-wrapper'>
200: <b:section class='sidebar' id='right-sidebar' preferred='yes'>
nb: angka 190 dan 200 jangan dikopi
pada CSS style-sheet, ganti "#sidebar-wrapper" menjadi "#right-sidebar-wrapper".
lalu save changes
Step 3: menambah sidebar kiri dengan menambah baris kode pada :
131: <div id='left-sidebar-wrapper'>
132: <b:section class='sidebar' id='left-sidebar' preferred='yes'/>
133: </div>
angka 131,132,133 jangan ikut dikopi
sekarang simpan template dan lihat ke halaman page element
dapat kita lihat ada penambahan section baru , dibawah header dan diatas the posts, tp itu blm berada di sisi samping , oleh krn itu kita harus menambahkan kode CSS
Step 4: tambah CSS untuk left sidebar.
pada CSS-style sheet kamu , tambahkan kode ini:
#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
Maka Tampilan akan seperti ini:
Step 5. ganti lebar outer-wrapper and header-wrapper .
pada CSS-stylesheet carilah #header-wrapper and #outer-wrapper definitions, dan ganti lebar 660 to 860.
maka tampilan akhir akan menjadi seperti ini :
saat mencoba ini hasilnya memang bisa untuk 3 kolom, tp yang sayamasih bingung juga knp tampilan page elementnya ngaco...tp anehnya kalo di view..yah hasilnya bagus....jadi gak masalah deh untuk sementara...Kalo bingung lebih baik liat kesini langsung siapa tau bisa menemukan jawabannya
Sunday, July 22, 2007
| [+/-] |
Ngoprek Blog Template 3 Kolom |
Thursday, July 19, 2007
| [+/-] |
Back to School |
.jpg)
Itulah kata-kata pertama yang terlintas di anak-anak sekolah yang memulai hari-hari sekolah dari MOS (Masa Orientasi Siswa).
Tidak ketinggalan juga terjadi di SMK TI Airlangga Samarinda, dengan dipenuhi anak-anak baru yang sangat antusias ingin belajar di SMK TI Airlangga. Mereka mengikuti acara MOS yang diadakan kakak-kakak kelas mereka yang tergabung didalam OSIS walapun didandan dengan beraneka ragam permintaan (model norak kale ya...) tetap saja mereka mau.
Masa Orientasi Siswa ini sangat bermanfaat sekali dipandang dari segi positif dikarenakan dengan adanya MOS ini, siswa-siswa yang memulai hidup mereka didalam SMK yang sebelumnya mereka berkutat didalam bangku sekolah SMP dan penuhnya jadwal MOS yang membuat mereka sedikit ( ato banyak yah ....???) mengalami kelelahan.
Dari segi negatif (pasti ada yah....., namanya positif ya pasti ada negatif to .....), anak-anak baru yang tidak kuat mental pasti sedikit malu (iya kale ...ye ...) n mana kakak-kakak kelasnya galak-galak lage ..jpg)
(masa sich ..., jadi malu kena marah .....)
Tapi tidak jadi masalah, yang penting sekolah dulu ..., SELAMAT BERGABUNG DI SMK TI AIRLANGGA, Selamat Stress dengan segala pelajaran yang akan menunggu kalian + jangan menyerah, karena hidup tanpa tantangan tiada artinya (itu kata siapa ya ???.... tau deh lupa).
Tuesday, June 26, 2007
| [+/-] |
Mie Jogja "Pak Karso" |
Sedikit kembali berkelana mencoba jalan-jalan kuliner dengan masakan yang tersedia diwarung yang katanya n keliatan rame oleh pengunjung.
Tepatnya tadi malam pukul 19.00 Wita, mencoba merasakan gimana sich aroma dan rasa masakan di warung Mie Jogja "Pak Karso".
Dari kemaren-kemaren jalan melewati jalan slamet riyadi, ada satu warung yang keliatan laen dengan yang laen, dari corak warna + penerangan yang sangat kontras (terang banget dari yang laen) membuat mata pasti ingin melihat apa sich yang terjadi disana. Belum lagi keramaian yang ada disana, liat-liat....., eh ternyata warung baru nih kayaknya (ato jarang lewat sana jadi dak pernah liat yah...???). Keliatannya enak nih + didukung rame-nya pengunjung yang makan + menunggu pesanan.
Singkat kata, cobain makan. Tersedia 3 Menu yang tersedia : Mie Goreng, Mie Kuah, Nasi Goreng, semua menu dengan harga Rp. 8.000,-. Lumayan mahal nih buat anak kost2-an, belum lagi minumannya semuanya dengan harga Rp. 3.000,-.
Saya coba pesan Mie Goreng, n doi pesan Mie Kuah. Dengan ramenya pengunjung kemungkinan untuk pengunjung yang udah kelaparan jangan pernah berharap mendapatkan pesanan dengan cepat. Sekitar 30 Menitan menu datang, cobain ah.....(mumpung laper banget).
Pertama menu mie goreng yang datang, waduh ...., kok dikit yah (itu yang terlintas pertama sekali di benak ini) n penyajian yang menurut saya kurang menarik (apa gara2 ini nih banyak yg datang yah ....??), tapi biarlah cobain makan udah lama2 nunggu. Ketika makanan masuk ke dalam mulut, rasa yang pertama kali hinggap di lidah adalah biasa aja rasanya + aromanya. Seperti mie goreng anak kost2-an yg asal buat (he...he...., maklum anak kost), tapi biarlah udah mahal2 kok dibiarin gitu aja, doi juga merasakan demikian ketika mencoba mencicipi mie goreng pesanan saya + menu pesanan doi mie kuah belum kunjung datang.
15 Menitan setelah menu pesanan saya habis dilahap n masuk perut, menu pesanan doi pun datang. Kemudian tidak menunggu berapa lama lagi, dengan menu tambahan yang lain yang tersedia (kecap + saos), doi pun makan pesanannya. Kata doi juga pesanan dia juga biasa aja (dak terlalu istimewa nih ...), saya cicipin dulu ah ....., pertama sich kuahnya dulu. Biasalah pura2 (he....he .... he ...), lumayan nih rasa kuahnya (memikat lidah untuk mencicipi) apa karena inikah banyak pembeli yah ....??, cobain campurannya dulu ah ..., biasa aja, sama dengan pesanan saya tadi kayaknya (itu yang terlintas).
Tapi dak pa2 deh, lumayan mengetahui rasa makanan di Mie Jogja "Pak Karso", kesan yang saya ambil dari Mie Jogja "Pak Karso" adalah menu rasa yang biasa saja di lidah saya + cara penyuguhan yang masih kurang menarik, harga yang lumayan menguras kantong, antrian pembelian + menunggu pesanan yang lumayan lama + menu yang mengandung banyak lemak.
Jadi yang lagi diet ato tidak menginginkan badan gemuk + dilarang dokter untuk memakan makanan berlemak saya sarankan untuk tidak makan di Mie Jogja "Pak Karso".
Sekian dulu wisata kuliner di kota tepian kali ini, entar disambung lagi dengan wisata kuliner ditempat laen.
Wednesday, June 20, 2007
| [+/-] |
"TONG KOSONG NYARING BUNYINYA" |
"Tong kosong nyaring bunyinya, eh tong kosong banyak bicara, oceh sana sini dak ada isi, otak udang ngomongnya sembarang", itulah sedikit cuplikan lirik lagu dari slank yang saya ambil untuk menggambarkan situasi ujian "Seminar Skripsi" disalah satu perguruan tinggi swasta di "Samarinda"
Entah mau pamer atau mau menutupi kebodohan sendiri, itu yang terjadi ketika berlangsungnya ujian tersebut. Benar atau salah emank itulah yang terjadi sekarang, dengan koar-koar untuk menjatuhkan orang yang di uji dengan segala kata-kata yang tidak enak ("Sok tau juga, padahal dak ngerti apa-apa"), mencobai si "anak" yang di uji untuk lebih jatuh lagi + drop.
Padahal ditilik dari kemampuan "DIA" sendiri yang notabene "Katanya ngerti teknologi" tidak ada apa-apanya dibandingkan dengan siswanya sendiri atau malah untuk seorang anak kelas I di salah satu Sekolah Menengah Kejuruan "Terfavorit" dikaltim. Dengan sok aksi dirinya sendiri, tidak sadar kemampuan dirinya yang seharusnya membuat malu dirinya sendiri tapi untuk menutupi hal tersebut menjatuhkan orang lain.
Satu kata-kata yang saya kutik dari ujian sidang tersebut adalah "KALO SEGITU AJA, YA GAMPANG AJA", seakan-akan enak banget cara membuatnya "PADAHAL DIRINYA SENDIRI DAK NGERTI CARA MEMBUATNYA". Ih ......., panas rasanya diri ini kalo bisa mendengar langsung dari orang yang mengatakannya. Setidaknya berbicara untuk menjatuhnya orang lain atau menganggap orang lain itu dilihat lagi dengan kemampuan sendiri (berkaca pada diri sendiri dahulu baru ngomongin orang), apa diri sendiri bisa dengan apa yang dia lakukan atau jangan-jangan cuma omongan sampah yang disodorkan.
Coba untuk menghasilkan atau menciptakan sesuatu, jangan hanya menekan atau harus diri sendiri juga belajar dengan memberikan fasilitas sebagai sarananya.
"GOOD LUCK" yang pengen "MAJU" ............
Thursday, June 14, 2007
| [+/-] |
Bingung .....!!! |
Bingung...., itulah kata pertama sekali yang ada dibenak saya, sekian lama tidak mengisi blok. Entah karena sibuk atau emank penyakit bosan n malas kembali hadir dalam kehidupan ini dalam mengisi blok.
Bingung....., entah mau dimulai dari mana untuk mengisi kembali blok ini, padahal banyak saja hal yang bisa dijadikan bahan buat ngisi blog.
Kebetulan juga lagi masa jedah habis ujian semesteran n menunggu pembagian hasil yang diterima anak-anak, salah satu anak juga lagi "Puyeng" ikut lomba tingkat nasional.
Tapi tidak satupun kata-kata yang mampu kurangkai untuk mengisi kembali blog.
Bingung ....., n bingung .......
Tuesday, May 29, 2007
| [+/-] |
Kembali ke ZAMAN BATU |
Kembali ke "ZAMAN BATU", itulah yang ada didalam benak ini, ketika melihat kondisi yang terjadi akhir-akhir ini, baik ditempat kerja maupun dirumah kontrakan.
yah mo bilang apa lagi emank itu yang terjadi malah "LEBIH PARAH DARI ZAMAN BATU", pikirku lagi.
Bagaimana tidak, ketika "ZAMAN BATU" tidak terdapat penerangan (baik dari listrik seperti "ZAMAN YANG KATANYA METROPOLIS") maupun dari sumber-sumber cahaya yang ada saat ini, tapi kebutuhan akan air bersih yang mudah dipenuhi.
Tapi sekarang di bumi yang katanya "KAYA DENGAN KANDUNGAN BUMI dan PROVINSI DENGAN PENYUMBANG TERBESAR INDONESIA" malah kebalikan dari "ZAMAN BATU", makin parah nih. PLN seenak dengkul para "PEJABAT"-nya mematikan aliran listrik dengan alasan yang udah "SAMA SEKALI BASI" n kemudian air .....!!! (I Miss You) itu yang ada sekarang ini.
Bagaimana tidak, di kontrakan hampir dipastikan sering sekali tidak dialirin air (itu juga bukan air yang bersih kalo ngalir).
Tidak tau dibilang gimana lagi, emank itu yang ada sekarang.
Di laporkan (eeehh... ditelpon) juga jawabannya bikin sakit hati, apalagi PLN (Semuanya Bull shit).
Semua unek-unek ini sengaja saya tuliskan diblog ini sebagai bentuk sedikit kekesalan kepada semua kinerja yang terjadi di bumi ETAM ini.
Mohon...., berikan pelayanan yang bener. Kalian itu PELAYAN masyarakat bukan PEJABAT dari masyarakat.
Tuesday, May 15, 2007
| [+/-] |
Suster Ngesot |
Bagi yang seneng nonton Film, berikut sinopsis Film Horor terbaru asli garapan sutradara Indonesia :
SUSTER NGESOT
Vira (Nia Ramadhani), seorang suster bersahabat dengan Silla (Donita), yang juga suster seksi. Dari Bandung mereka menuju Jakarta untuk melakukan tugas mereka. Silla berkenalan dengan Mike (Mike Lewis), mahasiswa Australia yang berada di Indonesia. Hubungan mereka pun berlanjut
Vira dan Silla tinggal di sebuah kamar di asrama yang sudah dua puluh tahun ditutup. Konon kamar tersebut penuh dengan misteri. Vira lalu bertemu Mak Saroh, tukang cuci yang tahu banyak tentang ada apa di kamar itu. Seorang suster cantik bernama Lastri Sulistia meninggal disana dua puluh tahun yang lalu. Ia dibunuh oleh kekasihnya, dokter Herman yang kedapatan selingkuh dengan Mila, sahabat Lastri. Karena panik, Lastri pun dibunuh dan dikubur di tembok kamar tersebut. Setelah kamar ini dibuka kembali, hantu Lastri menjelma sebagai suster ngesot, keluar untuk membalas dendam kepada dokter Herman dan orang-orang dia asrama yang melakukan perselingkuhan
Vira yang selalu mendapat firasat jika akan terjadi pembunuhan, mencoba memberitahu Silla dan Mike, namun mereka tidak peduli. Bahkan, Mike dan Silla diam-diam menjalin cinta. Perselingkuhan terjadi. Hingga suatu saat Vira mendapat tanda bahwa korban berikutnya adalah Mike. Saat suster ngesot mulai menyerang Silla, Silla mengakui kesalahannya kepada Vira, namun suster ngesot tetap mengejarnya. Vira segera mengadukan hal ini kepada Mak Sharoh namun sesungguhnya Mak Sharoh telah meninggal sepuluh tahun yang lalu.
Apakah Vira, Silla dan Mike terlepas dari kejaran suster ngesot?
