nama modul : modul pembuatan blog penulis : muhibbuddin ... · istilah gadget juga disebut widget....

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

Upload: dokhanh

Post on 25-Apr-2019

215 views

Category:

Documents


0 download

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

11. GADGET POLLING.

Menampilkan Polling, suatu aplikasi untuk memberi kesempatan kepada pembaca/pengunjung blog memilih

beberapa jawaban dengan pertanyaan tertentu.