Aplikasi Multimedia dan Komunikasi Internet

Cara Pengaturan Layout Part 2

2009-12-22T18:21:00.001+07:00

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.

Cara Pengaturan Layout Part 1

2009-12-22T17:54:00.000+07:00

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

2009-12-22T17:41:00.000+07:00

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..

cara Membuat Blog Part 4

2009-12-22T17:28:00.000+07:00

Pilih desain yang sesuai dengan selera Anda.
Berhasil? Tentu saja berhasil, memang mudah koq. Jika berhasil, Anda akan diarahkan ke halaman seperti yang ada pada gambar dibawah.

Pilihlah tema yang sesuai dengan selera Anda. Jika tidak ada yang sesui dengan selera Anda, jangan khawatir, nanti masih banyak pilihan tema yang bisa Anda install sendiri. Sekarang pilih saja tema agar proses pembuatan blog bisa diselesaikan. Anda bisa preview tema dengan klik gambarnya.

Untuk Memilih tema Anda klik (tandai) bulatannya o seperti pada gambar dibawah. Lihat yang saya tunjuk dengan panah merah buatan saya.

Setelah itu Anda klik tanda panah yang bertuliskan LANJUTKAN

Cara Mebuat Blog Part 3

2009-12-22T17:27:00.000+07:00

Memilih Nama Blog dan URL Blog
Jika Anda berhasil, Anda akan dibawa ke halaman seperti pada gambar dibawah. Jika gagal? Gagal biasanya karena verifikasi kata Anda salah. Itu wajar karena sering kali verifikasi kata sulit dibaca. Yang sabar saja, ulangi sampai benar. Saya sendiri sampai mengulang 3X.

Setelah Anda berhasil mendaftar, Anda akan dibawa ke halaman seperti yang ada pada gambar dibawah. Sekarang Anda mulai membuat blog dengan mengisi nama dan alamat blog Anda.

Jika Anda membuat lensa dengan tujuan mempromosikan produk Anda atau produk afiliasi, maka dalam memilih nama, harus berisi nama produk atau jasa yang akan Anda tawarkan. Misalnya jika Anda ingin menjual ebook saya, Anda bisa memilih kata kunci seperti motivasi, sukses, berpikir positif, dan kata-kata kunci lainnya yang sesuai.

Anda juga bisa meneliti kata kunci yang paling banyak dicari orang (tentu harus berhubungan dengan produk yang Anda jual) di
https://adwords.google.com/select/KeywordToolExternal

Anda bisa mengecek ketersediaan alamat blog yang Anda pilih. Jika tersedia bisa Anda lanjutkan. Jika tidak tersedia, maka Anda harus kreatif mencari nama lain atau memodifikasi alamat yang sudah ada, misalnya ditambahkan abc, xzy, 101, dan bisa juga dengan menyisipkan namaAnda.

Lanjutkan dengan klik tanda panah bertuliskan LANJUTKAN.

Cara Membuat Blog Part 2

2009-12-22T17:17:00.000+07:00

Lengkapi Pendaftaran Anda
Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini.

Proses ini akan menciptakan account Google yang dapat Anda gunakan pada layanan Google lainnya. Jika Anda sudah memiliki sebuah account Google mungkn dari Gmail, Google Groups, atau Orkut.

Satu account Google bisa digunakan untuk mengakses semua fasilitas yang disediakan oleh Google.

Jika Anda sudah memiliki accout google, Anda bisa langsung login (masuk). Untuk login ke Google, Anda harus login dengan menggunakan alamat email.

Silahkan lengkapi.

1. Alamat email yang Anda masukan harus sudah ada sebelumnya. Anda akan dikirim konfirmasi ke email tersebut. Jika Anda menggunakan email palsu atau email yang baru rencana akan dibuat, maka pendaftaran bisa gagal. Anda tidak perlu menggunakan email gmail.com. Email apa saja bisa.

2. Lengkapi data yang lainnya.

3. Tandai "Saya menerima Persyaratan dan Layanan" sebagai bukti bahwa Anda setuju. BTW Anda sudah membacanya?

Setelah lengkap, klik tanda panah yang bertuliskan lanjutkan.

Cara Mebuat Blog Part 1

2009-12-22T17:15:00.000+07:00

Daftarkan Diri Anda di Google
Lho koq? Koq di Google? Katanya mau ngajarin bikin blog di blogger.com, koq malah di Google? Tidak salah, karena untuk masuk ke blogger, Anda harus memiliki login google.com.

Silahkan kunjungi http://www.blogger.com. Anda akan mendapatkan halaman seperti pada gambar dibawah.

Jika Anda sudah memiliki login di Google, Anda tinggal login, maka Anda akan masuk ke Control Panel atau Panel Kontrol.

Oh ya, Anda bisa memilih bahasa, apakah Bahasa Indonesia atau bahasa Inggris.

Untuk kali ini saya anggap Anda belum memiliki login Google.

Klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA.

Sejauh ini sangat mudah dan akan terus mudah.

Memasang Status YM

2009-12-22T16:33:00.000+07:00

Cara menampilkan status online yahoo mesenge gampang saja, Anda tinggal mencopy sedikit kode dibawah ini dan mengganti ID YAHOO dengan ID YM Anda, (Perhatian: ada dua ID YM yang harus Anda ganti):
Buat halaman HTML/JavaScript dengan masuk menu Layout --> Page Elements --> Add a Gadget, kemudian copy paste aja kode dibawah ini dan jangan lupa untuk mengganti kode ID YM kamu

cara memasukkan Jam

2009-12-22T15:56:00.000+07:00

Banyak sekali macam – macam pernak – pernik blog, salah satunya adalah jam. Kita bisa memasang jam di blog. Blog akan terlihat semakin cantik. Tutorial ini akan membahas bagaimana cara memasang jam dengan memakai jasa clocklink. Karena banyak macamnya mulai dari analog, digital, dan bentuk yang aneh – aneh. Silakan ikuti petunjuk di bawah ini :

Silakan buka www.clocklink.com/gallery.php
Pilih jam mana yang Anda suka lalu klik View HTML Tag di bawah jam
Klik Accept pada persetujuan
Pilih Time Zone GMT + 7
Copas kodenya dan letakkan di blog Anda