nama modul : modul pembuatan blog penulis : muhibbuddin ... · istilah gadget juga disebut widget....
TRANSCRIPT
Nama modul : Modul Pembuatan Blog
Penulis : Muhibbuddin
Didedikasikan untuk : 1. Allah SWT
2. Nabi Muhammad SAW
3. Pengurus MGMP TIK Kab.Batang
4. Teman-teman anggota MGMP TIK Kab.Batang
5. Murid-murid SMP Muhammadiyah Tersono
yang tersayang
Tempat, tanggal : Tersono, 25 Januari 2010
e-mail : [email protected]
blogsite : www.mahamengasihani.co.nr
Ketentuan Penggunaan :
“Modul ini dibuat adalah sebagai media untuk menyampaikan pemahaman dalam pembuatan blog pada
www.blogspot.com. Modul dibuat tidak untuk kegiatan komersil dan mencari keuntungan, tetapi benar-benar
untuk kegiatan penyebaran pengetahuan tanpa penulis meminta imbal jasa apapun. Sehingga, secara
percuma dan gratis, siapapun diperbolehkan untuk menggunakannya, menggandakannya, dan memodifikasi
ulang jika terdapat yang masih kurang tepat dan dianggap kurang sesuai, terutama jika image aplikasi dalam
modul ini kemungkinan sudah kewaluwarsa. Semoga bermanfaat. Selamat berbloger ria…”.
PANDUAN MENGOLAH GADGET DALAM BLOGSPOT.COM
Gadget : peralatan atau alat aplikasi dalam Blogspot yang berfungsi untuk menampilkan
beberapa feature yang pada asalnya belum terisi oleh sistim Blogspot itu sendiri. Blogspot menyediakan
Gadget yang masih kosong, sedangkan kita yang dituntut untuk rajin memodifikasi isi blog, memberi hiasan-
hiasan, dan tampilan-tampilan tambahan yang menarik pengunjung. Gadget juga berfungsi menyediakan
feature tambahan yang tadinya tidak ada dalam Blogspot. Selain itu, gadget masih mempunyai banyak fungsi
yang sangat variatif dan interaktif.
Gadget bisa berupa format isian/formulir dimana kita tinggal mengisi beberapa variable/komponen
yang dibutuhkan oleh Gadget. Gadget juga bisa berupa lembaran kosong untuk diisi teks HTML, Java Script,
dan lain.lain. Kode HTML itu sendiri bisa kita buat sendiri, atau download dari teman-teman bloger di
internet.
Istilah Gadget juga disebut Widget.
Bahan-bahan yang umum diperlukan dalam pembuatan Gadget adalah kode HTML, Javascirpt,
number Code, ID Number, URL (semacam alamat halaman suatu website), Username, Teks biasa.
Maksudnya, jika kita akan membuat Gadget, maka salah satu atau beberapa dari bahan-bahan tersebut di atas
harus dimasukkan dalam formulir atau isian pada saat membuat Gadget.
MENGINSTAL GADGET HTML
Dalam materi panduan ini, kita buat contoh kode HTML yang paling mudah, tetapi menarik ditampilkan di
blog kita, bernama Kode HTML Marquee, yaitu teks berjalan melintasi halaman blog.
Dalam Dashboard, pilih Tata Letak. Terus klik Elemen Laman, maka akan tampil sebagai berikut:
Dalam Elemen Laman, terdapat beberapa jenis spot/bagian tampilan blog. Bagian yang bisa diisi dengan
Gadget adalah terdapat teks “Tambah Gadget”. Jika ingin mengisi gadget, klik “Tambah Gadget”.
Sekarang Klik ‘Tambah Gadget’
Pada kotak dialog ‘Tambahkan Gadget’ pilih HTML/Javascript dengan cara klik tanda Plus di sebelah
kanannya.
Maka akan tampil gambar di samping.
Isilah pada ruang ‘Konten’ dengan kode HTML/
Javascript yang kita inginkan.
Setelah selesai,klik ‘SIMPAN’
Jika proses sudah selesai dengan baik, maka akan tampil sebagai berikut:
Terdapat teks ‘Elemen Laman Ditambahkan’. Sekarang klik ‘Lihat Blog’ untuk melihat hasil.
Penambahan gadget tidak merubah susunan tampilan gadget, sebab walau sudah diisi banyak gadget, tetap
masih disediakan 1 ruang untuk isian gadget berikutnya.
Jika ingin melakukan Editing/perbaikan gadget, klik ‘Edit’ pada ruang gadget yang tersedia. Terus klik
SIMPAN seperti pada waktu membuat gadget baru. Untuk menambah gadget, klik ‘Tambah Gadget’.
PERHATIKAN BLOG!
TERDAPAT BAGIAN TEKS YANG BERJALAN, ITULAH YANG DINAMAKAN MARQUEE . Untuk
pengembangan dan inovasi blog, sebaiknya mempelajari materi kode-kode HTML / JavaScript.
Untuk mengenal dan memahami berbagai Gadget yang terdapat dalam Blogspot, tentu kita akan membuang
banyak waktu, sebab terdapat sekitar lebih dari 1800 jenis Gadget yang siap dipergunakan para Bloger di
sleuruh dunia, sengan spesifikasi masing-masing. Beberapa ada yang mirip atau memiliki fungsi yang serupa,
sehingga kita tidak perlu memasukkan semua Gadget ke dalam blog kita. Seperlunya saja sesuai kebutuhan
kita. Kalau semua lebih dari 1800 Gadget kita masukkan, maka blog kita akan manjadi amburadul dan tidak
tertata dengan rapi dan terkesan semrawut. Di bawah ini penulis akan menyampaikan beberapa Gadget yang
sering dan umum para bloger gunakan dalam blog mereka.
1. RECENT COMMENT
yaitu Gadget yang berfungsi untuk menampilkan beberapa jumlah komentar dari suatu halaman dalam blog.
2. GADGET PENCARIAN / SEARCH.
Search adalah gadget yang berfungsi sebagai menu untuk mencari data atau dokumen atau teks tertentu yang
terdapat dalam blog. Bisa dicari dalam blog bersangkutan (blog yang sedang dibuka), bisa mencari Link/laman
web lain yang sudah berhubungan dengan blog bersangkutan atau bisa untuk mencari dengan format ‘web’
yaitu seperti yang terdapat dalam Google.com / Pencarian alamat web (hasil akan tampil seperti dalam laman
Google.com).
Langkah-langkah:
1. Dalam menu ‘Tata Letak’ klik lokasi ‘Tambah Gadget’ mana yang mau diisi, masuklah ke dalam kotak
dialog ‘Tambahkan Gadget’. Pilih ‘Kotak Penelusuran’, klik tanda Plus. Seperti biasanya, setelah
selesai klik ‘SIMPAN’.
2. GADGET TEKS BIASA.
Berfungsi untuk memasukkan teks biasa. Biasanya diisi untuk kolom sambutan atau selayang pandang
tentang pemilik blog atau blog itu sendiri.
`
3. GADGET HEADER.
Header dapat diisi dengan teks dan foto, dengan ukuran 724 pixel.
Mengisi foto
4. GADGET ARSIP BLOG.
Untuk menampilkan jumlah arsip-arsip yang sudah diterbitkan. Beberapa pilihan dapat diberi tanda
centang, dan bisa disaksikan pada ruang preview hasilnya.
5. GADGET LOGO
Untuk menampilkan logo Bloger. Terdapat beberapa pilihan logo Bloger.
6. GADGET PROFIL
Untuk menampilkan profil pemilik blog / About Me.
7. GADGET FEED / TAUTAN BERLANGGANAN.
Untuk menampilkan berita-berita yang diterbitkan oleh website/blog lainnya dengan memasukkan URL
feednya ke dalam blog kita. Berita tersebut akan berubah-ubah/update menyesuaikan perubahan berita
dalam website asalnya. Pengisian URL Feed adalah alamat URL Feed asal berita tersebut. Banyak website
yang menyediakan langganan berita Feed untuk user, tetapi ada juga yang tidak. Sebagai contoh :
http:/www.smpmuhter.wordpress.com/feed
8. GADGET GAMBAR.
Untuk menampilkan gambar dalam gadget. Gambar bisa diambil di-upload dari komputer , atau dari URL
link dari website /blog lain.
9. GADGET SLIDE FOTO.
Untuk menampilkan foto-foto dalam bentuk slide atau seperti bergerak hidup. Foto bisa bersumber dari
Picasaweb, Flicker, Photobucket, dan lainnya. Caranya bisa memasukkan KATA KUNCI atau bisa juga
USERNAME dan ALBUM dari mana asal foto tersebut. Dengan demikian, maka kita harus minimal
sudah memiliki akun atau username dan Album di Picasaweb, dan sudah menyimpan sejumlah foto di
dalam album tersebut.
10. GADGET BARIS VIDEO.
Untuk menampilkan barisan video misalnya dari You Tube dan Google Video. Bloger harus sudah
memiliki akun di You Tube dan sudah mengunggah video yang tersimpan dalam You Tube. Sebagai
contoh penulis memasukkan Kata Kunci “smpmuhter”.