Wednesday, July 29, 2009

MENGATUR UKURAN TEMPLATE

BELAJAR MEMBUAT BLOGGER TEMPLATE 7

Mengatur ukuran template mungkin adalah hal pertama yang perlu dilakukan ketika mulai mendesain template baru. Ada dua cara untuk mengatur ukuran (pada dasarnya lebar) template.
1. Mengatur ukuran template dengan fixed width (ukuran tetap) lebar tertentu, bilang saja 800 pixels.
2. Mengatur ukuran template dengan fluid size, lebar template berubah sesuai dengan browser atau screen size

Untuk mengatur lebar template, kita sebenarnya harus mengatur lebar dari sedikit container besar. Container yang paling umum diatur lebarnya adalah :

1. Body
2. Outer-wrapper
3. Header-wrapper
4. Content-wrapper
5. Footer-wrapper
6. Main-wrapper
7. Sidebar-wrapper*
8. Footer-wrapper

*Note: Kita juga bisa hanya mengatur lebar dari sidebar1 dan sidebar2 tanpa mengatur lebar sidebar-wrapper. Mengatur sidebar-wrapper akan baik jika kedua sidebar memiliki lebar yang sama.

Dalam template-template terbaru ourblogger.com, desainernya juga mengatur lebar container yang hanya di dalam beberapa wrapper container (cukup mubasir) untuk menghindari beberapa alignment bugs kecil yang mungkin muncul. Lebar container ini diatur sama seperti lebar dari container induknya. Container itu antara lain :

1. Header
2. Main

Ini adalah contoh kode dari Generic Blogger Template yang memperlihatkan semua lebar container yang diatur untuk meyakinkan lebar template benar-benar diatur (hanya lebar yang tepat yang ditampilkan). Dalam contoh ini, lebar template adalah 800 pixel.

body {
min-width: 800px; }

#outer-wrapper {
margin: 0 auto; /* to make the template lays in the screen center */
min-width: 800px;
max-width: 800px; }

#content-wrapper {
min-width: 800px;
max-width: 800px; }

#header-wrapper {
min-width: 800px;
max-width: 800px; }

#main-wrapper {
min-width: 400px;
max-width: 400px; }

.sidebar {
padding: 10px 10px 10px 10px;
min-width: 180px;
max-width: 180px; }

#sidebar1 {.....}
#sidebar2 {.....}

#footer-wrapper {
min-width: 800px;
max-width: 800px; }

body diatur dengan perintah min-width = 800px, yang berarti bahwa lebar terkecil haruslah 800px. Jika diatur dengan perintah width = 800px saja, lebar template bisa saja berubah tergantung situasi. Mengatur min-width memberikan jaminan ukuran terkecil itu akan digunakan.

Container selanjutnya adalah container di dalam outer-wrapper. Kebanyakan hanya mengaturnya dengan perintah width = 800px saja. Tapi seperti yang dijelaskan sebelumnya, kita sebaiknya mengatur ukuran ini dengan ketat untuk menghindari, akan lebih baik jika mengatur container dengan min-width dan max-width dari nilai sehingga ukuran container benar-benar mengikuti ukuran tersebut- tidak akan berubah atau membesar atau melebar ke besaran yang lain. Hal lain mengenai outer-wrapper, ini adalah tempat dimana kita mengatur perintah untuk bagian lain dari template agar menempatkan diri di tengah-tengah layer atau rata kiri dari outer-wrapper ini. Dalam kasus ini, margin: 0 auto akan menempatkan template di tengah-tengah. Hanya menuliskan margin: 0 akan menempatkannya rata kiri sebagai posisi utama.

Tiga container besar berikutnya, header-wrapper, content-wrapper, dan footer-wrapper selalu diatur dalam ukuran yang sama, dalam kasus ini, 800px. Dalam kasus lain, ketiganya dapat diatur lebih kecil dari lebar outer-wrapper tapi tidak lebih besar, karena outer-wrapper 'membatasi' 3 container ini di dalamnya (kalau dalamnya lebih besar, tidak akan terlihat di layar). Hal lain, jika kita menambahkan border kanan, ini akan menambah lebar, dan akan memotong apapun yang lebih besar darinya di bagian kanan. Jadi, jika kita mau menambahkan border, sebut saja 2px di kiri dan 2px di kanan untuk header-wrapper, kita harus mengatur lebar header-wrapper menjadi 796px sehingga totalnya menjadi 796+2+2 = 800px. Hal yang sama berlaku pada container lainnya.

Tiga container terakhir, yaitu 2 sidebar dan main-wrapper. Karena ketiganya berdampingan, kita harus yakin lebar totalnya sesuai dengan header-wrapper dan kawan-kawan dalam kasus ini lebar=800px atau kurang, tapi tidak boleh lebih. Kembali mengacu pada kasus ini, kita bisa mengatur but main-wrapper menjadi 400px dan dua sidebar yang ukurannya 200px. Tapi karena aq menambahkan padding sebesar di kiri dan kanan setiap, yang mendorong border sidebar keluar, kita harus mengurangi lebar sidebar menjadi 180px sehingga total lebar sesudah diberi padding menjadi 200px. Kita harus mencatat bahwa container sidebar terbesar adalah sidebar-wrapper (tidak hanya sidebar). Kita bisa mengatur lebar dari sidebar-wrapper selain sidebar, Tapi aku lebih suka mengatur lebar sidebar karena aku mungkin akan mengatur 2 sidebar yang memiliki lebar berbeda. Tapi ini hanya tergantung pada selera individu, desainer template yang lain mungkin punya cara-lain untuk mengatur lebar sidebar. Selama itu bekerja, tidak masalah.

Mengatur fluid template size:

Untuk mengatur lebar yang berubah sesuai browser dan ukuran layar, silahkan melihat W3Schools Tutorials untuk lebih detail.

Tuesday, July 28, 2009

LOMBA BLOG DIJAMIN.MURAH.COM 2009

Ada lomba lagi nie!!! hadiahnya menggiurkan lho!!!

dijaminmurah.com, sebagai salah satu market leader penyedia domain dan hosting murah menyelenggarakan Lomba Blog dijaminmurah.com 2009 yang mengambil tema penulisan tentang Kemerdekaan Republik Indonesia atau Bulan Ramadhan.

Lomba yang menyediakan banyak hadiah bagi para pemenang ini akan digelar mulai tanggal 20 Juli 2009 hingga 12 September 2009 dan pengumuman pemenang pada tanggal 13 Oktober 2009

Ketentuan Lomba

Lomba ini terbuka bagi siapa saja dan GRATIS, kecuali karyawan dan kerabat karyawan PT. Ardh Global Indonesia. Tiap peserta hanya dibolehkan mengirimkan satu blog dengan satu artikel untuk mengikuti lomba. Ketentuan lainnya adalah sebagai berikut:

1. artikel belum pernah dipublikasikan sebelumnya
2. Dalam posting artikel tersebut harus mencantumkan tag dan keyword lomba blog dijaminmurah.com
3. Artikel di tulis di blog masing-masing, bisa menggunakan blogsome, blogger, wordpress atau penyedia free blog lainnya(bebas), dan bagi yang tidak memiliki blog, dijaminmurah.com menyediakan fasilitas blogging gratis dengan format http://namapeserta.dijaminmurah.net menggunakan wordpress yang bisa didapatkan dengan mengirimkan email ke panitia lomba di alamat lombablog@dijaminmurah.com
4. Berbahasa indonesia, tidak bahasa asing sebagai tulisan utama (bahasa asing hanya boleh sebagai istilah atau pelengkap artikel)
5. Peserta wajib memasang banner “Lomba Blog DJ 2009” sebagai tanda keikutsertaan
6. Tulisan tidak boleh menyinggung SARA, selain itu isi artikel tidak boleh berhubungan dengan periklanan internet, seperti: mengiklankan produk hosting dan atau sejenisnya dari perusahaan lain, iklan adsense, iklan paid to click, iklan paid to reviews penjualan DVD/CD bajakan atau konten pornografi, serta tidak bertentangan dengan hukum yang berlaku di Indonesia
7. Keputusan Juri tidak dapat diganggu gugat


Penjurian


Penjurian dilakukan dengan ketentuan sebagai berikut:

1. Pemenang dinilai dari tulisan yang paling berbobot, mudah dimengerti, memiliki tampilan web yang menarik, sesuai dengan tema dan mengikuti persyaratan lomba.
2. Berbahasa indonesia, tidak bahasa asing sebagai tulisan utama (bahasa asing hanya boleh sebagai istilah atau pelengkap artikel
3. Penilaian bersifat langsung ketika blog di daftarkan.
4. Tidak ada surat menyurat perihal lomba ini

Kriteria Penilaian


Penjurian atas artikel dilakukan dengan ketentuan sebagai berikut:

1. Penyajian tulisan (bahasa, dan isi berita)
2. Orisinalitas tulisan
3. Kesesuaian antara tema dan tulisan
4. Tampilan (keindahan)

Hadiah dilihat di sini
Mau daftar langsung aja ke sini

DAFTAR KODE WARNA HEXADECIMAL (TABEL)

Untuk mendesain template, web, dan desain lainnya, kita sering berhadapan dengan yang namanya Kode warna Hexadecimal (kode warna yang terdiri dari 6 karakter. Tabel di bawah ini sengaja diposting untuk memudahkan melihat kode warna yang nantinya diinsert ke dalam desain template. o'CHAN udah coba sediakan segala macam kode warna selengkap-lengkapnya. semoga membantu.

#FF00FF#00FFFF#FFFF00#0000FF#00FF00FF0000
#FFFFFF#CCCCCC#999999#666666#333333#000000
#9900FF#9900CC#990099#990066#990033#990000
#9933ff#9933CC#993399#993366#993333#993300
#9966FF#9966CC#996699#996666#996633#996600
#9999FF#9999CC#999999#999966#999933#999900
#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00
#0099FF#0099CC#009999#009966#009933#009900
#0066FF#0066CC#006699#006666#006633#006600
#0033FF#0033CC#003399#003366#003333#003300
#0000FF#0000CC#000099#000066#000033#000000
#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00
#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00
#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00
#FF99FF#FF99FF#FF9999#FF9966#FF9933#FF9900
#FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000
#6600FF#6600CC#660099#660066#660033#660000
#6633FF#6633CC#663399#663366#663333#663300
#6666FF#6666CC#666699#666666#666633#666600
#6699FF#6699CC#669999#669966#669933#669900
#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00
#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#3399FF#3399CC#339999#339966#339933#339900
#3366FF#3366CC#336699#336666#336633#336600
#3333FF#3333CC#333399#333366#333333#333300
#3300FF#3300CC#330099#330066#330033#330000

Saturday, July 25, 2009

MENGGUNAKAN TEMPLATE YANG SUDAH JADI

BELAJAR MEMBUAT BLOGGER TEMPLATE 6

Tutorial kali ini akan menjelaskan bagaimana caranya memanfaatkan Generic Blogger Template untuk latihan dalam tweaking (mengubah setting dengan menambahkan, mengurangi maupun memodifikasi) kode dan memodifikasi template. Tujuan utama kita adalah untuk tahu bagaimana mendesain template kita sendiri, tapi dengan mengetahui bagaimana memodifikasi template terlebih dahulu (dan mendapatkan feeling bagimana template bereaksi pada modifikasi kode) adalah step yang sangat penting yang kita perlukan sebelum memulai mendesain template kita sendiri.

Mengubah template tidak semudah seperti mengubah atau menambahkan beberapa kode, menekan tombol “View Blog” dan berpikir kalau segalanya berjalan seperti yang kita inginkan. Dalam banyak kesempatan kamu akan melihat banyak hal akan berbeda dari apa yang kita perkirakan. Khususnya jika kamu bukanlah web programmer. Aku sendiri perlu bolak-balik membuka halaman “Edit HTML” lalu menekan halaman "View Blog" berulang-ulang kali sebelum aku mendapatkan apa yang aku inginkan.
Jadi, yang paling baik untuk dilakukan adalah benar-benar bereksperimen dengan prilaku dari template kode, lihat bagaimana mereka membuat template berubah, dan akhirnya mengerti (lebih kurang) mengapa mereka mengubah jalan yang mereka ubah: dengan mudah letakkan-jadilah bagian dari kode.

Untuk membuatnya lebih mudah, kita bisa mendownload Generic Blogger Template dari ourbloggertemplate dan bermain dengan benda ini. Sebenarnya itu adalah template yang jelek, tapi perbedaan warna container akan menolong kita mengetahui bagaimana template itu dapat berubah. Pertama-tama yang harus dilakukan adalah membuat blog percobaan menggunakan blogger account. Lalu upload Generic Blogger Template ke dalam blog percobaan barusan. Letakkan beberapa posting yang banyak berisi text, gambar, dan tambahkan beberapa widget juga, jadi dengan begitu kita bisa melihat effect yang lebih nyata.

Tahap berikutnya hanya tinggal bermain dengan kode-kode di dalamnya. Paling baik jika dilakukan satu per satu. Katakanlah pilih satu container, mungkin header wrapper, dan ubah beberapa kode perintah untuk container itu. Lalu lihat template baru dan lihat apakah perubahan yang terjadi sesuai dengan yang kamu perkirakan. Sebagai permulaan, coba untuk bermain dengan padding dan margin (bermain dengan color, font, atau beberapa appearance-setting tidak lebih menantang dibandingkan bermain dengan perintah layout-setting. Jangan bermain dulu dengan perintah pengaturan ukuran (size-setting) seperti lebar container karena ini akan melibatkan container lain dan juga bisa membuat sangat kacau. Kita akan melakukannya nanti. Setelah yakin pada satu container, cobalah satu container lainnya atau beberapa sekaligus.

Dalam waktu singkat, kamu akan yakin dengan Generic Blogger Template dan nantinya kamu bisa memulai tweaking kode blogger templatemu sendiri. Pada poin ini, dapat dikatakan kalau semuanya hanyalah untuk mengetahui cara tweaking kode. Tapi kamua akan cukup tahu untuk melakukan makeover pada template anda dan mulai belajar hal baru dan mengatasi masalah baru pada template anda sendiri. Kuncinya di sisni adalah koding skill akan tumbuh selaras dengan waktu. Semoga kode berpihak pada anda.

translate dari ourbloggertemplate.com

Friday, July 24, 2009

CONTAINER DAN ELEMEN UMUM DALAM BLOGGER TEMPLATE

BELAJAR MEMBUAT BLOGGER TEMPLATE 5

Inilah daftar dari container dan elemen umum dalam blogger template dan fungsi-fungsi mereka.( elemen adalah dasar dari setiap objek yang membuat blog berfungsi dan container adalah elemen besar yang mengandung elemen lebih kecil atau content lain).

elemen elemen umum di bawah ini yang akan diperlihatkan tidak elemen yang semestinya ada atau harus ada di dalam blogger template, tapi hanya beberapa elemen umum yang mengontrol bagian terbesar dari template style. Dengan mengetahui ini, akan memuahkan kita untuk mengetahui dimana melihat kode itu dan bagaimana menyesuaikan dengan elemen baru lainnya yang mungkin kita temukan di blogger template yang lain.

Aku tidak akan mendaftar semua elemen, tapi hanya elemen yang cukup sehingga kita bisa mendapat ide dan bisa mengerti semua elemen lain dalam template kita sendiri. Tutorial ini akan merefer kepada gambar dari CSS Styling Section di bawah ini agar lebih mudah untuk diikuti.

Simbol pagar (#) dan titik (.) memperlihatkan atribut dari elemen ( klasifikasi singkat dari tipe elemen). Tapi kita tidak perlu terlalu mengkhawatirkan itu. Jika ingin tahu lebih banyak, silahkan lihat tutorial dari W3Schools .

Global:
body {.....} – Properti umum dari template secara keseluruhan.
#outer-wrapper {.....} – Permulaan dan container terbesar dari semua content template. Di dalam sini ada header-wrapper, content-wrapper, dan footer-wrapper.
#content-wrapper {.....} – Wrapper yang mengandung sidebars dan main containers.
a {.....} – Ini mengatur semua property dari link text (hyperlink)
a:visited {.....} – Ini mengatur semua property link yang sudah dikunjungi(visited link text).
a:hover {.....} – ini mengatur property semua link text ketika panah mouse menunjuknya.

Karena semua code elemen harus ditulis dalam {…}, kita akan menulis judul elemen setelah ini.

Header:
#header-wrapper - container yang membelit Blog Title dan Blog Description.
#header – container di dalam header-wrapper.
#header h1 – tag di dalam container ini mengatur tampilan dan layout dari Blog Title.
#header h1 a – mengatur property Blog Title sebagai link text.
#header .description – property Blog Description.
#header a img – mengatur property dari gambar di dalam header

Main:
#main-wrapper – container yang membelit Date Header, Blog Posts, Comments, Feed Link, dan beberapa widget yang ditempatkan di atas atau di bawah Blog Posts.
#main – container di dalam main-wrapper.
#main .widget – mengatur property dari semua widget di main container.
h2.date-header – mengatur property dari Date Header (di atas Post Title).
.post – mengatur Blog Posts container.
.post h3 – mengatur property dari Post Title.
.post-body p – mengatur property dari body atau content
.post ul – mengatur property dari unordered list (daftar yang tidak bernomor).
.post ol – mengatur property dari ordered list (daftar bernomor).
.post li – mengatur property dari daftar sendiri di unordered list atau ordered list.
a img – mengatur property umum dari gambar (refer link dan gambar itu sendiri dengan linknya).

Sidebar:
.sidebar-wrapper – container yang membelit semua elemen dan content sidebar.
.sidebar – container di dalam sidebar-wrapper.
#sidebar1 – mengatur property sidebar1.
#sidebar2 – mengatur property dalam sidebar2. Jika ingin membuat property sidebar1 dan sidebar2 sama, kita hanya perlu .sidebar dan tidak harus menuliskan #sidebar1 dan #sidebar2 dalam CSS code.
.sidebar .widget – mengatur property dari semua widget (add Page Element) dalam sidebar.
#sidebar1 .widget – hanya mengatur widget dalam sidebar1.
.sidebar .BlogArchive – mengatur property Blog Archive. Tekniknya sih ini sidebar juga, tapi aku tidak yakin mengapa pengaturan property untuk sidebar widget tidak mengubah property Blog Archive. Itulah mngapa kita harus menuliskan perintah untuk mengatur property BlogArchive.
.sidebar h2 – mengatur property judul sidebar widget.
.sidebar #BlogArchive1 h2 –mengatur judul Blog Archive.

Miscellaneous:
tekniknya, profile (about Me) diletakkan did alam sidebar, tapi sering ditempatkan dalam Miscellaneous section karena ada elemen-elemen yang lebih kecil bersamaan dengan Profile container dan meletakkannya dalam Miscellaneous.
#Profile1 – mengatur property umum About Me.
#Profile1 h2 – mengatur title/header dari the About Me.
.profile-img a img – mengatur gambar dari About Me.
.profile-textblock – mengatur descripsi author About Me.
.profile-data – mengatur author data About Me.
.profile-datablock – mengatur semua blok dalam About Me.
blockquote - mengatur quoted text dalam postingan.
code – mengatur text di dalam tag code dalam postingan.

Post-Footer:
.post-footer – mengatur property keseluruhan post-footer.
.post-footer-line – mengatur property setiap baris baru dalam post-footer.
.post-footer a – mengatur property link text dalam post-footer.
.post-footer .post-comment-link a – mengatur "comment" link dalam post-footer.
#blog-pager – mengatur property "newer posts", "home", dan "older posts" link.
#blog-pager-newer-link – mengatur property dari "newer posts" link.
#blog-pager-older-link – mengatur property dari "older posts" link.
.feed-links – mengatur "Subscribe to: Posts (Atom)" link.

Comment:
#comments – mengatur property keseluruhan comment container.
#comments a - mengatur property link text dalam comment container.
#comments h4 – mengatur header comment container.
• .deleted-comment – mengatur property deleted comment.
.comment-author – mengatur property comment author.
.comment-body p - mengatur property comment body.
#comments ul - mengatur unordered list di dalam comment container.
#comments li – mengatur individual list di dalam comment container.

Footer:
#footer-wrapper – bagian yang membelit keseluruhan elemen dan content di dalam footer section.
#footer – container dalam footer-wrapper.
#footer h2 – mengatur property footer title/header.
#footer .widget - mengatur footer widget properties.
.footer a – mengatur semua footer link text.

Sekarang kita tahu semua elemen dan container ini, kita akan bisa melihat dimana meletakkan template kode saat mengubah beberapa hal tentang (fonts, text colors, background colors, padding, dll). Yang harus dilakukan setelah ini hanya sedikit memodifikasi kode di dalam {.....} untuk elemen tersebut.

translate dari :ourbloggertemplate.com

Thursday, July 23, 2009

MENGATUR PROPERTI DARI CONTAINER

BELAJAR MEMBUAT BLOGGER TEMPLATE 4

Dalam tutorial ini, kita akan belajar dasar dari kode apa saja yang mengatur property dari kotak (selanjutnya sebut saja container). Untuk membuat semuanya lebih sederhana, kita akan melihat 2 container saja, yaitu main dan post. Jika kita mengerti dua ini otomatis kita juga bisa mengerti yang lain karena kodenya mirip bahkan hampir sama.

Ini contoh kode keduanya :
#main {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 400px;
max-width: 400px;
background: $mainbgColor;
color: #111111;
font: $textFont;
}

.post {
margin: 0px 20px 10px 0px;
padding: 10px 20px 10px 2px;
line-height: 1.5em;
text-align: left;
background: $postbgColor;
}


#main and .post adalah judul dari setiap container. Setiap kode container harus ditulis dalam {…}. Untuk penjelasan di bawah ini, kita akan focus pada kode dalam container post, terutama untuk penjelasan tentang margin dan padding ( kode yang berwarna merah)

• Margin – mengatur jarak antara garis luar container ke garis dari container induk yang di luarnya (lebih besar). Ada 4 angka yang didefinisikan pada margin property. Pertama, margin atas (top margin), kedua margin kanan(right margin), tiga margin bawah (bottom margin), dan yang terakhir margin kiri (left margin). Ini diatur dengan berdasar pada arah putar jarum jam yang dimulai dari atas. Dalam kasus di atas, container induk dari container post adalah container main. Lihat bagaimana garis putus-putus pada bagian biru (post) ditempatkan di dalam bagian hijau (main), mengikuti post margin command (pengaturan margin di atas). Jika semua margin diatur menjadi nol, post container ukurannya akan sama seperti main container. Pahami bahwa margin adalah perintah yang memindahkan garis tepi menjauhi garis tepi induk. Hal lain, margin bisa memiliki nilai negative, dimana berarti itu menggeser keluar garis tepi induk dan tumpang tindih (tidak jauh dari itu)

• Padding – mengatur jarak antara garis tepi container ke container anakan (lebih kecil) di dalamnya. Contoh kasusnya adalah bagian post container dan post body. Keempat angka itu mengatur padding searah jarum jam juga seperti property margin. Kita bisa lihat bagaimana padding menempatkan post body di dalam post container. Geraknya menjauhi garis putus2. Tidak seperti margin, padding adalah perintah yang memindahkan tepi container anakan menjauhi garis tepinya. Nilai padding tidak mungkin negative.

• Min-width and Max-width – Mengatur lebar container. Sebenarnya cukup menuliskannya width=400px (hanya contoh), tapi ada yang punya kebiasaan untuk mengatur lebar seketat mungkin, karena jika ukuran tersebut tidak dikoding dengan ketat, lebar container mungkin membesar dan mengecil dengan bebas dalam situasi tertentu dan browser yang berbeda. Jadi dengan mengatur lebar dengan ketat, tampilan template akan terlihat sangat pas seperti yang diinginkan pada setiap browser (Jadi dengan mengatur secara ketat, tampilan blog di setiap browser pasti akan sama. Jika sempat melihat template2 baru di ourblogger.com, Template-template itu diatur secara berlebihan, didefinisikan di dalam main wrapper lalu didefenisikan juga di main container padahal sangat sama. Dengan melakukan itu kita akan menyelesaikan beberapa aligment bug yang terlihat (meskipun sampai sekarang belum bisa dimengerti mengapa hal itu bisa menyelesaikan masalahnya.

• Background – mengatur warna latar belakang kotak. Pengaturan ini menggunakan warna dengan kode hexadecimal. Lihat di sini untuk mengetahui semua kode warna. Kita juga bisa menambahkan latar belakang gambar yang mengulangi dirinya sendiri untuk melapisi semua bagian container. Caranya melakukan ini adalah mengarahkan url gambar. Untuk detailnya, lihat tutorial dari W3Schools. Kita juga bisa mengatur nilai dari $samplevariable, dimana variable ini bisa didefenisikan pada subsection 1 dalam Struktur Style CSS..

• Color – mengatur warna text menggunakan code warna hexadecimal, atau variable yang sudah didefenisikan sebelumnya di Subsection 1.

• Font – mengatur text font. Kita masih bisa menggunakan variable yang diatur pada subsection 1. Lihat W3Schools untuk lebih detail.

• Text-align – Mengatur text alignment. Ada 3 option, yaitu left, center, dan right.

• Line-height – Mengatur jarak atau tinggi garis

Tutorial ini memberikan informasi dasar untuk beberapa kode blogger template. Tutorial ini sudah mengungkapkan pengertian dasar dari margin dan padding. Detailnya bisa dilihat di w3Schools CSS Tutorial Sebagai sumber yang cukup dipercaya

Friday, July 17, 2009

TRAGEDI MARRIOT DAN RITZ CARLTON

Tragedi kembali terulang. Sepertinya keamanan Indonesia masih perlu dipertanyakan. Bagaimana mungkin BOM kembali meledak di Indonesia. Apakah karena Indonesia yang belum mampu meningkatkan keamanannya? Yah, penggemar MU mungkin akan kecewa. Mana mau MU ke Indonesia kalo gini?? Ya Ngga???

Ledakan yang diduga bom terjadi di dekat Hotel JW Marriott dan di Hotel Ritz Carlton, Mega Kuningan, Jakarta Selatan. Ledakan menurut saksi mata terjadi dua kali. Beda ledakan pertama dan kedua hanya terpaut beberapa menit saja.

Pada pukul 7.40 WIB di kawasan kuningan terdengar suara mirip bom. Di depan Marriott pun terlihat asap tebal," ujar seorang pembaca detikcom, Jumat (17/7/200).

Pembaca lainnya menyampaikan saat ini sudah banyak polisi berdatangan di lokasi kejadian. detik.com


Komunitas Sastra Air Putih mengundang teman-teman untuk mengungkapkan perasaan terhadap kejadian ini.

Buat kawan-kawan Air Putih: sebagai rasa cinta dan belasungkawa untuk Indonesia, tuliskan "SALAM DUKAMU UNTUK INDONESIA" lewat puisi: kirim ke puisi.air@gmail.com untuk dimuat. Salam duka.... Air Putih, 17/7/09

Thursday, July 16, 2009

MAX SCHULTZE

Max Johann Sigismund Schultze (Mar 25, 1825 - Januari 16, 1874), anatomist mikroskopis Jerman, lahir di Freiburg di Breisgau (Baden).

Ia belajar kedokteran di Berlin dan Greifswald. dan ditunjuk sebagai extraordinary profesor di Halle pada tahun 1854 dan lima tahun kemudian menjadi profesor anatomi dan histologi serta direktur Institute anatomis di Bonn. Dia meninggal di Bonn pada 16 Januari 1874.

Max Johann Sigismund Schultze (Mar 25, 1825 - Januari 16, 1874), anatomist mikroskopis Jerman, lahir di Freiburg di Breisgau (Baden).

Ia belajar kedokteran di Berlin dan Greifswald. dan ditunjuk sebagai extraordinary profesor di Halle pada tahun 1854 dan lima tahun kemudian menjadi profesor anatomi dan histologi serta direktur Institute anatomis di Bonn. Dia meninggal di Bonn pada 16 Januari 1874.

Karirnya dimulai pada tahun 1865, saat itu ia mengedit Archiv für mikroskopische Anatomie, dimana juga memberikan kontribusi pada banyak paper, dan dia memajukan subjek umumnya, dengan penyempurnaan pada metode teknis. Karya-karyanya meliputi:

* Beiträge zur Naturgeschichte der Turbellarien (1851)
* Uber Organismus den der Polythalamien (1854)
* Beiträge zur Kenntnis der Landplanarien (1857)
* Zur Kenntnis der elektrischen Organe der Fische (1858)
* Ein heizbarer Objecttisch pukat und Verwendung bei Untersuchungen des Blutes [1] (1865, yang pertama dikenal keterangan platelet)
* Zur Anatomie und der Physiologie jala (1866)


Namanya sangat dikenal karena karyanya pada teori sel. Dengan menggabungkan teori Felix Dujardin dari konsep "sarcode" pada binatang dengan Hugo von Mohl dengan protoplasma pada sayuran, ia menyatukan keduanya, dan dua hal itu termasuk di bawah nama umum protoplasma, mendefinisikan sel sebagai nucleated massa dari protoplasma dengan atau tanpa sel-dinding (Das Protoplasma der Rhizopoden und der Pflanzenzellen; ein Beiträg zur Theorie der Zelle, 1863).

translate dari : wikipedia

Wednesday, July 15, 2009

FELIX DUJARDIN


Felix Dujardin (April 5, 1802 - April 8, 1860) adalah seorang ahli biologi Perancis yang lahir di Tours. Dia diingat untuk penelitian protozoa dan invertebrata lainnya.

Pada tahun 1840 ia ditunjuk sebagai profesor dari geologi dan mineralogi di Universitas Toulouse, dan pada tahun berikutnya dia menjadi seorang profesor dari zoology dan botani di Rennes. Nanti dalam karirnya ia menjadi anggota dari Perancis Académie des sciences. Mengenai latar belakang pendidikannya, Dujardin lebih banyak belajar secara otodidak

Dujardin terutama dikenal untuk karyanya dengan hewan mikroskopis , dan pada 1834 yang diusulkan kelompok baru organisme bersel satu yang dipanggil Rhizopoda; artinya "akar-kaki. Nama itu kemudian diubah menjadi Protozoa. Dia menolak konsep Naturalis Kristen Gottfried Ehrenberg's ( 1795-1876) yang menyatakan organisme mikroskopis adalah "organisme lengkap" yang mirip dengan hewan yang lebih tinggi.

Dalam Foraminifera, ternyata dia menemukan sebuah kehidupan formless substansi yang dinamakannya "sarcode"; yang kemudian diganti oleh protoplasma oleh Hugo von Mohl (1805-1872). Selain itu, dia melakukan penelitian yang luas,termasuk di dalamnya kelompok hewan tdk bertulang punggung echinoderms, helminths dan cnidarians.

Pada 1850 Ia adalah orang pertama yang menggambarkan jamur badan, kunci dalam sistem saraf struktur serangga.

translate from : wikipedia

TULISAN TERBARU