Layout #2

Postingan ini merupakan bagian ke-2 dari posting yang membahas layout blogpot. Jika dibagian pertama kita membahas sampai pada pembagian layout blog berupa head dan body, maka pada postingan ini kita melanjutkan mempelajari lebih dalam lagi bagaimana isi dari head dan body tersebut dibentuk.
Pertama-tama, silahkan login terlebih dahulu untuk masuk ke akun blogpot pembaca. Pada bagian dasbor, klik menu Tata Letak, kemudian pilih tab submenu Edit HTML. Pembaca akan melihat sebuah kotak yang berisi struktur bahasa pemrograman blog. Pada kotak tersebut kita bisa melihat bagian mana saja yang berada dibagian head dan bagian body. Sebagai contoh saya akan menunjukkan salah satu bagian yang terdapat dibagian body:


<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
</b:section>

Untuk membuat sebuah elemen pada body dari layout blogspot, baik itu pada header, mainbar, sidebar , maupun footer, terlebih dahulu kita membuat sebuah section sebagai tempat elemen tersebut didesain.
Struktur diatas merupakan struktur bahasa untuk membuat sebuah elemen berupa label yang berfungsi untuk menampilkan label (kategori) dari posting pada blog kita.

• Baris pertama menunjukkan bahwa elemen kategori tersebut ditempatkan pada sebuah section (bagian) dengan id=sidebar2 dan class=sidebar. Sedangkan showaddelement='yes' menunjukkan bahwa pada section tersebut akan terdapat fungsi Tambah Gadget, sehingga kita bisa menambahkan gadget (elemen) baru pada section tersebut.

• Baris kedua menunjukkan gadget yang dibuat pada section tersebut, yaitu berupa widget dengan tipe label dan diberi judul Categories. Tipe menunjukkan jenis widget, sedangkan title menunjukan judul yang kita beri pada widget tersebut.

• Baris ketiga merupakan tag penutup untuk membuat section.

Seperti itulah pembentukan sebuah elemen pada layout blogspot. Lantas, apakah sesederhana itu? Ho..ho..tentu tidak. Sebenarnya masih ada pengaturan-pengaturan yang diberikan pada elemen-elemen tersebut. Coba perhatikan kolom centang yang bertulisakan "Expand Template Widget" yang ada disebelah kanan atas kotak kode-kode tersebut. Silahkan pembaca beri centang pada kolom tersebut. Pembaca akan melihat struktur kode yang berbeda dengan yang sebelum dicentang. Sebenarnya fungsi kode tersebut sama, baik sebelum dicentang maupun sesudah dicentang. Kita hanya memperluas tampilan struktur pembentukan elemen-elemen blog kita. Dengan memperluasnya, kita bisa melihat secara lengkap struktur bahasa dalam memdesain elemen-elemen blog kita. Kita juga bisa melakukan pengaturan-pengaturan lebih detail pada elemen-elemen tersebut.
Mungkin pembaca yang masih baru akan merasa sedikit pusing berhadapan dengan kode-kode tersebut. Itulah salah satu kenikmatan menggunakan blogspot, dimana jika kita tidak mau bersentuhan dengan kode-kode tersebut, maka kita bisa mengatur layout blog kita cukup lewat tab submenu Elemen Halaman. Namun, jika pembaca ingin mempelajari dan mengatur layout dari template yang pembaca gunakan secara lebih detail lagi, maka kita bisa melakukannya melalui tab submenu Edit HTML ini.

Pengaturan Layout

Silahkan pembaca buka halaman layout blog pembaca dengan memilih tabmenu Tata Letak pada dasbor akun blogspot pembaca. Seperti pada postingan yang membahas tentang hosting dan domain, dimana kita menganalogikan sebuah website seperti sebuah rumah, maka pada postingan ini layout-layout pada website seperti blog secara umum akan kita ibaratkan seperti denah pada rumah tersebut. Denah sebuah rumah biasanya terdiri dari teras depan, dapur di belakang, ruang tamu, bagian samping kiri atau kanan, dan lain-lain. Denah sebuah website misalnya sebuah blog juga terbagi-bagi seperti denah pada rumah tersebut dan digunakan sebagai tempat menampilkan konten blog kita. Karena layout atau denah sebuah website biasanya berbeda-beda antara yang satu yang lain dan tergantung pada keinginan pemilik website, maka saya akan menjelaskan secara general saja layout atau denah sebuah website. Seperti denah rumah pada umumnya, bagian-bagian website seperti blogspot juga mempunyai fungsi masing-masing. Coba pembaca perhatikan kembali halaman Tata Letak yang telah pembaca buka tadi. Berikut screenshoot halaman Tata Letak :



Beberapa fungsi dari bagian-bagian tersebut diantaranya adalah sebagai berikut:

* Header biasanya berfungsi untuk menampilkan nama, logo, maupun deskripsi dari blog. Informasi tersebut biasanya ditampilkan pada header dengan maksud agar terlihat pada setiap halaman blog. Header diharapkan bisa memberikan gambaran singkat mengenai sebuah blog ketika pengunjung pertama kali membukanya sebelum membaca isi dari blog tersebut.
* Bagian mainbar merupakan bagian utama dari sebuah blog dimana pada bagian inilah postingan kita akan ditampilkan secara berurutan.Pada blogspot baru, mainbar juga bisa berfungsi sebagai tempat menulis komentar dan menampilkan komentar-komentar tersebut.
* Sidebar merupakan bagian blog yang berada di sisi blog sebelah kanan ataupun kiri, bahkan ada juga di sisi atas atau bawah (tergantung template blog yang dipakai). Biasanya sidebar berfungsi sebagai tempat menampilkan elemen-elemen tambahan, misalnya kalender, foto profil, dan lain-lain. Pada blogspot, elemen-elemen tambahan ini disebut sebagai gadget. Kita bisa menambahkan pada blog kita gadget baru yang telah disediakan oleh blogspot. Dibagian side mana sajakah kita bisa menambahkan gadget baru? Gadget bisa ditambahkan jika pada side tersebut terdapat fungsi "Tambah Gadget".



Link yang ditunjukkan oleh tanda panah merah diatas merupakan link yang berfungsi untuk menambah gadget baru. Karena pada sidebar tersebut terdapat fungsi Tambah Gadget, berarti kita bisa menambahkan gadget pada sidebar tersebut.
Untuk melakukan penambahan sebuah gadget baru, silahkan klik link tersebut. Maka akan muncul halaman yang berisi list gadget yang telah disediakan oleh blogspot.



* Footer merupakan bagian yang terletak dibagian bawah halaman blog. Biasanya elemen ini berfungsi untuk menampilkan lisensi dari blog kita, misalnya copyright, link sumber template, designer template, dan lain-lain.

Penjelasan diatas merupakan gambaran bentuk dan tata letak dari template blog yang kita gunakan jika dilihat dari luar. Bagaimana sebenarnya layout-layout tersebut disusun? Pembaca tentu ingat bahwa sebuah website didesain dengan menggunakan bahasa pemrograman web, dimana digunakan tag-tag yang memberikan instruksi bagaimana sebuah website akan ditampilkan. Pada blogspot, layout yang kita gunakan sebenarnya terdiri dari 2 bagian besar, berupa kepala dan badan. Hal ini bisa pula kita ibaratkan seperti tubuh manusia. Tubuh manusia bisa dibagi menjadi 2 bagian besar, yaitu kepala dan badan (dari leher sampai ujung kaki), dimana kepala merupakan bagian yang berisi informasi yang disimpan di otak dan berfungsi untuk mengatur gerakan badan kita. Sedangkan badan merupakan bagian yang berfungsi sebagai alat untuk melakukan aktivitas. Pada sebuah website seperti halnya sebuah blog, kepala ini disebut sebagai head dan badan disebut sebagai body. Bagian head dibatasi oleh tag dan tag . Sedangkan bagian body dibatasi oleh tag dan tag . Dibagian head inilah kita akan menyisipkan informasi yang akan digunakan untuk mengatur body dari blog tersebut. Salah satunya adalah struktur CSS yang digunakan untuk mengatur tampilan blog kita.

Persipura Masuk di Grup Maut

Kuala Lumpur - Penampilan perdana Persipura Jayapura di Liga Champions Asia diprediksi bakal berjalan berat. Sebab juara Indonesian Super League (ISL) itu harus tergabung di grup maut bersama tim-tim kuat asal Asia Timur.

Berdasarkan undian yang dilakukan di Kuala Lumpur, Malaysia, Senin (7/12/2009) Persipura akan beradu kuat dengan juara Liga Jepang, Kashima Antlers di Grup F. Musuh lain adalah asal Korea Selatan dan China, Jeonbuk Motors dan Changcun Yatai.

Menilik rekor buruk yang dipunya wakil Indonesia jika bertemu klub dari negara-negara tersebut, kans Persipura untuk melangkah ke fase knock out relatif lebih sulit dibanding para rivalnya itu.

Persipura tidak sendirian di kejuaraan ini, sebab juara Copa Indonesia, Sriwijaya FC, akan menyusul 'Tim Mutiara Hitam' bila mampu mengalahkan Singapore Armed Forces babak semifinal playoff Wilayah Timur dan menaklukkan Da Nang (Vietnam) atau Muangthong Thailand) di partai final playoff.

Jika Sriwijaya mampu melewati babak play Off maka akan tergabung dalam Grup G yang diisi oleh Henan Jianye (China), Gamba Osaka (Jepang), dan Suwon Bluewings (Korsel). Juara bertahan Pohang Steelers berada di Grup H bersama Adelaide United (Australia), Shandong Luneng dan pemenang Piala Jepang.

Sementara itu runner up ISL musim lalu, Persiwa Wamena, akan berpetualang di Piala AFC dan tergabung di Grup G Wilayah Timur bersama South China (Hongkong),VB (Maladewa) dan pemenang ACL Playoff 2 antara Binh Duong atau Selangor FC

Wilayah Barat

Grup A
Al Ahli (Arab Saudi)
Al Gharafa (Qatar)
Al Jazira (UAE)
Esteghlal (Iran)

Grup B
Zob Ahan (Iran)
Al Ittihad (Arab saudi)
Bunyodkor (Uzbekistan)
Pemenang play-off wilayah Barat

Grup C
Al Ain (UAE)
Sepahan (Iran)
Al Shabab (Arab Saudi)
Pakhtakor (Uzbekistan)

Grup D
Al Sadd (Qatar)
Al Ahli (UAE)
Mes Kerman (Iran)
Al Hilal (Arab Saudi)

Wilayah Timur

Grup E
Seongnam Ilhwa (Korsel)
Melbourne Victory (Australia)
Beijing Guoan (China)
Kawasaki Frontale (Jepang)

Grup F
Kashima Antlers (Jepang)
Jeonbuk Motors (Korsel)
Persipura Jayapura (Indonesia)
Changchun Yatai (China)

Group G
Henan Jianye (China)
Gamba Osaka (Jepang)
Suwon Bluewings (Korsel)
Pemenang play-off wilayah Timur

Grup H
Adelaide United (Australia)
Shandong Luneng (China)
Juara Piala Jepang
Pohang Steelers (Korsel)

Playoff
Barat: Al Karamah (Suriah)/Al Wahda (UAE) vs Churchill Brothers (India)
Timur: Muang Thong United (Thailand)/ SHB Da Nang (Vietnam) vs Sriwijaya FC (Indonesia)/Singapore Armed Forces (Singapura).

Mascherano Segera Disodori Kontrak Baru

Liverpool - Dalam beberapa bulan terakhir sempat tersiar kabar bahwa Javier Mascherano segera meninggalkan Liverpool. Namun, kabar tersebut tampaknya juga bakal berlalu seiring dengan kontrak baru yang akan diberikan oleh The Reds.

Di bursa transfer musim panas ini gelandang internasional Argentina itu kerap diisukan bakal hijrah ke Spanyol. Mascherano bahkan pernah mengatakan dirinya memimpinkan main di Nou Camp bersama tim peraih tiga gelar juara di musim lalu itu.

Awalnya Liverpool sering "pikir-pikir" untuk membiarkan Mascherano mewujudkan mimpinya itu. Namun, setelah Xabi Alonso dilepas ke Real Madrid, pikiran itu tampaknya segera dikubur.

Akan tetapi, karena dari awal Liverpool tidak terlalu siap menjual Mascherano, maka klub pun terus melakukan proteksi. Dan untuk mengobatinya, sekaligus membuktikan apresiasi klub, manajemen The Reds siap memberinya kontrak baru.

"Kami sudah berbicara dengannya dan agennya sebulan yang lalu. Saat itu kami sama-sama mengeluarkan pendapat masing-masing," ujar manajer Liverpool, Rafael Benitez, di Sportinglife.

"Kami masih memiliki banyak waktu, tetapi kami bahagia dengannya dan dia juga lebih bahagia kini. Dia masih memiliki sisa dua tahun di kontraknya, kami akan duduk bersama sesegera mungkin untuk membicarakan ini."

"Perbincangan terakhir kami berakhir dengan positif," tandas Benitez.

Takluk 0-2 dari Laos, Timnas Terancam Tersingkir

Vientiane - Timnas sepakbola U-23 terancam gagal ke babak semifinal SEA Games 2009. Hal ini terjadi setelah di partai kedua 'Merah Putih' takluk 0-2 dari tuan rumah Laos.

Dalam lanjutan laga Grup B di Stadion Chao Anouvong, Vientiane, Laos, Senin (7/12) timnas harus rela dibobol gawangnya dua kali oleh Lamno Singto, pada menit ke-66 dan 75.

Laga tersebut sempat diwarnai kericuhan antar pemain yang untungnya tak berlanjut lama setelah ofisial dari kedua tim serta petugas keamanan turun tangan.

Dengan hasil ini untuk sementara Indonesia menjadi juru kunci grup dengan nilai satu dari dua laga. Pada laga perdana, Boaz Solossa cs bermain imbang 2-2 dengan Singapura.

Laos dan Singapura yang menang 2-1 atas Myanmar di pertandingan keduanya berada di peringkat teratas dengan empat poin. Untuk lolos timnas tak hanya harus menang di laga pamungkas kontra Myanmar melainkan juga menggantungkan nasibnya pada tim lain.

Jika laga Laos dan Singapura berakhir imbang, maka timnas untuk kedua kalinya secara beruntun dalam dua SEA Games terakhir tak bisa melaju dari babak grup.

Menanggapi kekalahan itu, Manajer timnas Andi Darussalam Tabussalla mengaku kecewa dengan hasil ini. Andi menyoroti faktor lemahnya konsentrasi yang dimiliki timnya menjadi biang keladinya

“Ada beberapa peluang yang terjadi di babak pertama, tetapi sayang tak satu pun menjadi gol. Di babak kedua, anak-anak yang seharusnya tampil tenang, malah sering gugup menghadapi serangan balik cepat Laos. Akibatnya, kita harus membayar mahal dengan dua gol Laos yang lahir dari serangan balik,” ujar Andi setelah pertandingan.

Namun Andi tidak serta merta menyalahkan kekalahan ini kepada pemain. Menurutnya, para pemain telah berjuang semaksimal mungkin. “Itulah sepakbola, harus ada yang menang atau yang kalah. Tetapi kami banyak belajar dari pertandingan ini untuk menyiapkan diri menghadapi Myanmar,” imbuhnya.

Ia mengaku hasil ini membuat peluang Indonesia ke semifinal sangat berat. Tapi itu semua tak membuat semangat Indonesia kendur untuk meraih hasil maksimal di laga hidup matinya melawan Myanmar.

“Itulah sepakbola. Peluang kami kini memang berat. Tetapi bukan berarti itu telah tertutup. Pokoknya kami harus bisa menang melawan Myanmar, tidak peduli berapa-berapa hasil pertandingan lain,” tegasnya.

Rasa Lapar Button Disambut Mobil Agresif

Woking - Jenson Button akan jadi "anak baru" di McLaren kendati si juara dunia 2009 diprediksi akan "nyetel" dengan cepat. Dia pun akan disambut dengan mobil agresif untuk 2010.

Button tak memperpanjang kebersamaannya dengan Brawn GP --yang kini berganti jadi Mercedes GP-- setelah sukses mencapai tahta juara dunia sekaligus membantu tim itu jadi juara dunia konstruktor. Si driver Inggris lantas bergabung dengan McLaren.

Ada yang memprediksi bahwa Button akan mengalami kesulitan di tim yang berbasis di Woking tersebut karena di sana ada Lewis Hamilton. Apalagi dia niscaya butuh waktu buat beradaptasi terlebih dulu.

Untuk perkara adaptasi, Button diyakini takkan mengalami kesulitan berarti. Managing Director McLaren Jonathan Neale bahkan yakin Button punya ambisi besar yang akan bikin tim itu kian solid.

"Kami tahu Jenson sangat mampu belajar dengan cepat, lekas menguasai banyak hal dan menyerap informasi dengan cepat," ucap Neale di Reuters.

"Faktanya, kami memang menantikan rasa lapar itu, tinggal bagaimana kami mempersiapkan diri untuk kedatangan resminya Januari nanti untuk memaksimalkan hasrat untuk belajar dan tampil lebih baik lagi," lugas dia melanjutkan.

Untuk Button yang penuh rasa lapar akan prestasi, McLaren pun siap menyediakan wadahnya berupa 'Jet Darat' yang disebut akan jauh lebih kompetitif ketimbang MP4-24 yang digunakan tahun 2009.

"Masih terlalu dini untuk mengatakan seberapa kompetitif kami nanti. Kami hanya bisa bilang bahwa pastinya kami merancang mobil ini dengan lebih agresif dibandingkan yang sudah-sudah," tegas Engineering Director Paddy Lowe.

Merasa Tak Layak Kalah, Madrid Mengaku Sial

Barcelona - Kalah dari rival berat sudah pasti mengecewakan. Untuk Real Madrid, rasa kecewa kian bertambah saja karena merasa tak layak dikalahkan oleh Barcelona.

Bertamu ke Camp Nou, Senin (30/11/2009) dinihari WIB, Real Madrid mulai dengan gemilang. Dimotori Cristiano Ronaldo dan Kaka, El Real tak jarang bikin pendukung tuan rumah dag-dig-dug.

Tengok salah satu peluang emas tim tamu saat pertandingan belum lagi genap 20 menit. Kans bikin gol itu didapat Ronaldo yang sudah sukses menembus pertahanan Barca meski belum bisa menggetarkan gawang Victor Valdes.

Usai kebobolan dari gol Zlatan Ibrahimovic, Madrid pun kian gencar menyerang apalagi mereka sempat unggul jumlah pemain. Sejumlah peluang lain pun dihadirkan, salah satunya adalah lewat Karim Benzema yang tendangannya di depan gawang masih melambung.

"Kami memiliki sedemikian banyak peluang jadi saya pikir kekalahan 0-1 bukan hasil yang adil. Aku tak peduli dengan citra yang kami tampilkan, aku peduli bagaimana memenangi pertandingan tapi keberuntungan tak bersama kami malam ini," keluh kiper Iker Casillas di AFP.

"Itu partai yang imbang dan kami memiliki peluang kami. Kami hanya tak bisa memanfaatkan. Saya pikir kami setidaknya layak dapat hasil seri," ucap entrenador Madrid Manuel Pellegrini mengamini di Yahoosports.

Bicara mengenai peluang, Madrid memang banyak menebar ancaman ke gawang Valdes. Catatan statistik di Soccernet menunjukkan bahwa Madrid melepaskan 16 tembakan yang hanya berbanding sembilan milik Barca.

Akan tetapi, jumlah tembakan itu tak berbanding lurus dengan ketepatan tembakan karena dari jumlah tersebut hanya dua yang mengarah ke gawang Valdes. Sementara Barca lebih efektif dengan empat tembakan ke gawang Casillas dari sembilan sepakan.

Selain itu, juga dicatat bahwa Madrid sebenarnya kalah jauh dalam hal penguasaan bola dari Barca. Madrid hanya bisa membukukan 38 persen sementara Barca mendominasi dengan 62 persen.

Apapun, faktanya Madrid sudah kehilangan poin dan pucuk klasemen La Liga Primera karena kini digeser Barca ke tempat nomor dua. Mereka hanya terpaut dua angka saja.