Tuesday, December 22, 2009

Cara Pengaturan Layout Part 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 "" 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.

Cara Pengaturan Layout Part 1

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.

Cara Membuat Post

cara membuat / menambahkan postingan artikel kedalam blog blogspot ... jika anda sebelumnya sudah bisa membuat blog sendiri di blogger blogspot, tapi sekarang anda belum bisa cara membuat postingannya.. inilah tutorial yang tepat untuk anda simak..

pertama tama yang musti anda lakukan untuk membuat postingan artikel kedalam blog anda adalah.. anda login terlebih dahulu ke blogger.com dengan menggunakn email account anda.. masih inget kan cara loggin ya..? kalo lupa anda bisa menilik tutorial yang kmaren lewat link " klik disini " pada awal awal kalimat diatas.. Nah setelah anda berhasil login atau masuk kehalaman dahsboard blogger anda, silahkan anda cari menu link yang bertuliskan " NEW POST " atau dalam bahasa indo " ENTRI BARU ". Untuk sekedar tambahan aja, jika anda mempunya banyak blog ( lebih dari satu, misalkan 3 blog dengan judul yg berbeda beda ) maka jika anda ingin membuat postingan artikel melalui dashboard blogger anda maka akan muncul menu link " NEW POST " atau " ENTRI BARU " lebih dari satu alias banyak...


Nah jika anda bingung untuk melakukan posting gara gara menu " NEW POST " atau " ENTRI BARU " banyak sekali, maka anda konsentrasi pada satu blog saja yang ingin anda posting yaitu dengan cara anda melihat JUDUL / NAMA BLOG yang ingin anda posting artikel baru ( dibawah masing2 JUDUL / NAMA BLOG pasti ada menu " NEW POST "nya sendiri sendiri.. ) setelah itu anda tinggal membuat postingannya di halaman yang barusan anda buka tersebut.. nah untuk di kotak kecil paling atas anda masukkan judul atau title artikel yang ingin anda bikin, dan untuk kotak yang gede / besar anda isi dengan isi postingan artikel anda... Udah dech tinggal mempublikasikannya.. Ingat untuk mempublikasikan langsung postingan artikel yang barusan anda buat maka anda harus menekan tombol yang berwarna orange yang bertuliskan " PUBLISH POST " , dan kalo tombol yang berwarna biru yg bertuliskan " SAVE NOW " / " SIMPAN SEBAGAI DRAFT " itu untuk sekedar menyimpan hasil artikel anda dan bisa anda publikasikan sewaktu waktu lewat menu " EDIT POST " yang berada di atas sebelah kiri deketnya " CREAT " .. Udah tau kan..

SEkarang jalan lain untuk mebuat postingan ke dalam blog anda, yaitu jika anda berada di halaman blog anda, anda tinggal mencari menu link " NEW POST " taua " ENTRI BARU " di sebelah kanan atas pada halaman blog anda.. dan cara selanjutnya sama seperti yang sudah dijelaskan diatas tadi...
Oke dech sekarang anda bisa mempublikasikan hasil karya anda sendiri.. selamat berkarya yah... jangan suka main COPY PASTE artikel milik orang lain... coz hal tersebut sangat memalukan jika dilakukan seorang BLOGGERS, biar seikit atau bahkan jelek menurut anda sendiri, paling enggak anda telah meng ekspresikan diri anda lewat postingan tersebut...

Jika masih ada yang bingung mengenai tulisan diatas silahkan ditanyakan aja yah.. moga aja bisa membantu.. thx..
 

Aplikasi Multimedia dan Komunikasi Internet Copyright © 2009 By Christianto