Selasa, April 17, 2007

Panduan membuat Blog di Blogspot

1. Apa itu Blog ?
Blog merupakan sigkatan dari Web log adalah salah satu aplikasi web berupa tulisantulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama. Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet. Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis. Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email
Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger

1. Silahkan kunjungi situs http://www.blogger.com 2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger).

3. Klik tombol bertuliskan CIPTAKAN BLOG ANDA.

4. Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.

5. Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.

6. Akan ada tulisan Blog Anda Sudah Jadi!. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING.

7. Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik.

8. Klik Lihat Entri untuk melihat blog anda. Berikut contoh tampilan blog yang tadi di buat.

9. Selesai. Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.

Rabu, April 18, 2007

Cara Setting Blog Di blogger

Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut Kolom Tutorial tuliskan cara pengaturan blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :

* Silahkan login ke blogger dengan ID anda. * Klik Pengaturan.

* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :

Dasar
Beberapa pengaturan dalam menu Dasar:

Alat Blog : Impor blog ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini. Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik. Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya. Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing. Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak. Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak. Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa. Pilih editor entri : Ini adalah pilihan untuk post editor. Editor yang diperbarui ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.

Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut. Akhiri pengaturan menu Basic dengan klik tombol SIMPAN SETELAN.

Publikasikan
Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com. Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. Tutorial tentang custom domain di blogger bisa anda baca pada artikel Cara Custom Domain di Blogger.

Format
Beberapa pengaturan dalam menu Format :

Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari. Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai. Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan. Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog. Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada. Bahasa : Pilih bahasa yang dipakai untuk blog anda. Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya. Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah. Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah. Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak. Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri,

sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang. Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN

Komentar
Beberapa pengaturan dalam menu Komentar :

Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung. Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan. Penempatan Formulir Komentar : Halaman penuh halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri. Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting. Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks. Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai. Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.

Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar. Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan. Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar. Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email. Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan
Beberapa pengaturan dalam menu Arsipkan :

Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan. Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak. Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs
Beberapa pengaturan dalam menu Feed Situs :

Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh. Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya. Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.

Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler

Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda. Beberapa pengaturan dalam menu Email & Seluler : Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ). Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda

Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep. Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan. Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.

OpenID
Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.

Izin
Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda. Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template. Untuk pembahasan Cara Pengaturan Blog Di blogger sepertinya sudah cukup, apa opini anda tentang ini?

Cara Mengganti Template di blogspot

Sekilas tentang template blog, Template website atau blog adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template. Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger, salah satu contoh website yang menyediakan template blogger tersebut adalah beralamat di http://blogtemplate4u.com, disana terdapat ratusan template blogger yang bisa anda gunakan secara gratis. namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis. Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :

Mengganti Template dengan Template yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger: 1. Silahkan login ke blogger dengan ID anda. 2. Klik Rancangan.

3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger.

4. Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template, klik APPLY TO BLOG.

5. Selesai.

Mengganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :

1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates. 2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip.

3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml. 4. Silahkan login ke blogger dengan ID anda. 5. Klik Rancangan.

6. Klik menu Edit HTML.

7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.

9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET.

10. Selesai. Kini tampilan blog anda lebih terasa fresh dibanding sebelumnya Selamat mencoba! blogger templates

Cara Memposting Artikel

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung. Toolbar yang ada ketika posting : --> Untuk merubah jenis hurup yang di gunakan --> Untuk merubah ukuran hurup (heading) --> Untuk Menebalkan hurup --> Untuk memiringkan hurup --> Untuk merubah warna hurup --> Untuk membuat link --> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah --> Untuk membuat artikel menjadi rata kanan --> Untuk membuat artikel menjadi rata kiri dan rata kanan --> Untuk membuat sub bahasan oleh angka --> Untuk membuat sub bahasan oleh bullet --> Untuk mengecek spelling --> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa) --> Untuk me review (melihat) artikel Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan. Langkah-langkah dalam memposting suatu artikel: 1. Sebaiknya klik terlebih dahulu Edit HTML,jika langsung di mode Compose, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.

2. Klik tombol compose untuk melakukan editing (jika anda masih bingung dengan kode HTML).

3. Klik tombol tool yang berlambang panorama berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.

4. Klik tombol Preview untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.

5. Klik tombol publish . Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. Untuk membuat text area, silahkan anda Copy kode di bawah ini :
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Sebagai contoh :

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya. Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya. Text Area dengan memakai HighLight Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya

sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Sebagai contoh :

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area. Elemen tombol highlight All : 1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right. 2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"

3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <HEAD> dan </HEAD> selamat mencoba.

Membuat Menu Dropdown

Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:

Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita. Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu : 1. Login ke blogger.com dg id Anda

2. Klik Template

3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

&<BloggerArchives>

<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>

</BloggerArchives>

4. Nah, ganti kode di atas dg kode html di bawah ini:

<select name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;">

<option selected>- Archives -</option>

<BloggerArchives>

<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

</BloggerArchives>

</select>

5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.

6. Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu : 1. login dulu, tentunya dengan id anda

2. klik LAYOUT

3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive

4. Klik Edit pada kotak Blog Archive tadi

5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek

6. Klik Save Changes

7. Selesai

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan blog tutorial . Untuk membuatnya silahkan anda copy kode HTML di bawah :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION> <option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>

Sebagai contoh untuk menu Dropdown milik saya :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size=1 name=menu> <option>- Blog Tutorial -</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/bikinblog.html">Membuat Blog</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/cara-settingblog.html">setting Blog</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/memilihtemplate.html">Memilih Template</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/mengaturhurup-dan-warna.html">warna & hurup</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/caramemposting-artikel.html">Posting Artikel</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-readmore-1.html">Read more (1)</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-textarea.html">Text area</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/bloggeremoticons.html">Blogger Emoticons</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/yahoomessenger-emoticons.html">Yahoo!Emoticons</option> <option value="http://kolom-tutorial.blogspot.com/2007/04/downloadgratis.html">Download Gratis</option> </select></form>

Hasilnya akan seperti ini :

Mudah bukan? Selamat mencoba !

Upload Gambar dan Foto Profile

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya

gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya : 1. Login seperti biasa dengan id anda

2. Klik Posts

3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)

4. Klik toolbar yang bergambar seperti ini

5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right. Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large 6. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula

7. Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.

8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar

9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai

10. Klik Tombol Done untuk mengakhiri proses upload

Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan. Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut: 1. Setelah upload gambar, klik menu Dasboard

2. Klik menu Edit Profile

3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]

4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia

5. Selesai

Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://photobucket.com. jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH. Selesai, selamat mencoba.

Membuat efek Marquee

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog. Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>. Atribut yang sering di gunakan adalah : BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan Scroll --> teks bergerak berputar Slide--> teks bergerak sekali lalu berhenti Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo) TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen Agar lebih jelas akan saya sertakan contohnya : Contoh marquee dari gerakan :
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </MARQUEE>

hasilnya : ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down . Contoh marquee dari perilaku gerakan :
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>

Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate"> </MARQUEE></b></FONT></div>

hasilnya :

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee. Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

silahkan tunjuk ke sini

</marquee>

hasilnya :

Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"> <a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/> <a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/> <a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/> </marquee>

hasilnya :

Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Masalah Posting Artikel

Udah tiga hari ini saya tidak update, ma'lum kemarin abis pulang dari kampung halaman, yo'i bandung tercinta, nemuin si kembar and istri terkasih... lho ko jadi curhat... Ok udahan ah intermezonya..jadi garing kalo lama-lama. langsung aja tadi pas buka email, ada seorang kawan yang bertanya kira-kira isinya begini:

Saya mau tanya nich, saya masih awam dalam blogging dan saya kesulitan untuk mengatur postingan saya, yang saya maksud adalah untuk mengatur paragraph postingan, pada saat saya mengetik pada kolom compose, pada tiap paragraph saya selalu memberikan jarak satu spasi dengan menekan tombol enter, tapi hasilnya publishnya tidak sesuai dengan pengaturan saya pada kolom compose sebelumnya, itu gimana solusinya yach ? Atas perhatian dan bantuannya saya ucapkan terima kasih...Wss Sebenarnya sudah saya jawabin lewat email, tapi saya pikir-pikir mending di posting aja topik ini barangkali ada manfaatnya buat kawan-kawan yang punya permasalahan yang sama. Untuk masalah ini, saya sarankan jika setelah mengetik artikel di mode COMPOSE,sebelum di publish, sebaiknya pindah dulu ke mode Edit HTML. Nah pada sela-sela paragrap yang ingin di beri jarak kita sisipkan kode --> <br/> satu kode <br/> berarti satu line break ke bawah, jadi kalau jarak yang di inginkan jauh ke bawah kita tinggal tambahkan kode <br/> beberapa kali. Contoh : Di kabarkan padai awal tahun 2007 kemarin telah di luncurkan suatu produk alarm mobil yang mengklaim dirinya sebagai alarm tercanggih di dunia. Produk tersebut terdiri dari dua item produk dengan kecanggihan yang berbeda. <br/><br/> Produk pertama : <br/><br/> Alarm dengan menggunakan sim card, yakni alarm yang bisa me report kepada pemilik melalui teknologi GSM. Semisal mobil kita di ganggu orang sehingga bunyi, maka mobil ini akan secara otomatis menelpon kita untuk me report bahwa mobil kita di ganggu, Jangkauannya sampai dengan jangkauan provider dari GSM selularnya. Maka yang akan muncul di blog kita akan seperti ini : Di kabarkan padai awal tahun 2007 kemarin telah di luncurkan suatu produk alarm mobil yang mengklaim dirinya sebagai alarm tercanggih di dunia. Produk tersebut terdiri dari dua item produk dengan kecanggihan yang berbeda. Produk pertama : Alarm dengan menggunakan sim card, yakni alarm yang bisa me report kepada pemilik melalui teknologi GSM. Semisal mobil kita di ganggu orang sehingga bunyi, maka mobil ini akan secara otomatis menelpon kita untuk me report bahwa mobil kita di ganggu, Jangkauannya sampai dengan jangkauan provider dari GSM selularnya. atau bisa juga kita menggunakan tag <p> ... </p>, tapi saya lebih menyukai tag <br/> tadi.

Untuk permasalahan tadi saya rasa sudah cukup jelas, nah saya sarankan bila kawan-kawan ingin terbiasa dengan kode HTML, maka ketika posting artikel sebaiknya pada posisi Edit HTML jangan pada posisi Compose, sebab ada peribahasa alah bisa karena biasa.

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja). Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini : 1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan. 2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda 3. Pada kolom yang berjudul Style, klik menu appearance. 4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting. 5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start 6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan 7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda 8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.

9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkahlangkah berikut ini. Untuk blogger dengan template klasik : 1. 2. 3. 4. 5. Log in terlebih dahulu ke blogger.com dengan id anda Klik menu Template Klik Edit HTML Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya. Klik tombol Preview untuk melihat perubahan yang kita buat. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes Selesai

6. 7. 8.

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru : 1. 2. 3. 4. 5. 6. Silahkan Login dengan id anda Klik menu Layout Klik Page Element Klik Add a Page Element Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka 7. Copy paste kode HTML shoutbox anda di dalam form Content 8. Klik tombol Save Changes 9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai 10. Tekan tombol Save 11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya : 1. http://oggix.com Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Buat daftar isi blog

Apakah sobat suka membaca buku? jawaban sobat tentunya akan beragam, ada yang akan menjawab suka dan ada juga yang akan menjawab tidak suka. Namun saya yakin sobat pernah membaca sebuah buku. Dalam sebuah buku ada satu bagian yang dinamakan daftar isi, dengan adanya daftar isi buku maka akan mempermudah pembaca buku tersebut untuk menemukan bagian-bagian isi buku yang ingin di baca. Pertanyaan yang mungkin muncul adalah apa hubungannya antara buku dengan blog? tak hanya sebuah buku yang bisa memuat daftar isi untuk mempermudah para pembacanya, didalam sebuah blog pun kita bisa melakukannya, contoh yang bisa dilihat adalah saya memuat judul-judul artikel yang pernah saya posting di bagian footer halaman ini ataupun ketika sobat membuka keluruhan artikel yang mau di baca maka di akhir artikel akan muncul sederet judul-judul artikel lainnya yang menggoda sobat untuk membacanya. Selain untuk menggoda pengunjung agar lebih berlama-lama di blog kita, cara ini pun akan sangat mempermudah para pembaca untuk menemukan artikel yang di rasa menarik untuk di baca. Akan tetapi cara tersebut saya lakukan secara manual yakni saya mencatat seluruh alamat artikel yang telah saya posting kemudian membuatkan link ke artikel tersebut. Teknik pembuatan daftar isi di atas bisa saja kita lakukan, akan tetapi tentunya perlu waktu yang lama untuk mebuatnya dan tentunya akan menyita waktu kita. Nah... yang ingin saya terangkan saat ini adalah bagaimana cara membuat sebuah Daftar isi blog secara otomatis. Yupppsss.. dengan hanya sekali kita membuatnya maka daftar isi tidak usah di buat berulang-ulang namun terus bekerja secara otomatis, teknik ini di perkenalkan oleh hans yang di muat melalui blognya beautiful beta. Agar tidak bingung tentang daftar isi blog yang akan saya terangkan, silahkan alihkan perhatian sobat ke bagian sebelah kanan atas blog ini, di sana terdapat link brtuliskan Lihat Daftar Isi, jika sobat meng klik link tersebut maka secara otomatis akan di perlihatkan seluruh judul artikel yang pernah saya posting lengkap dengan tanggal serta kategori dari artikel tersebut. Sunguh menarik bukan? jika sobat ingin melihatnya sobat bisa mengkliknya dan jika sobat tidak ingin melihatnya sobat tinggal mengkliknya kembali dan daftar isi pun akan di sembunyikan sehingga tidak akan menggangu pemandangan. Tertarik untuk membuatnya? silahkan ikuti langkah-

langkah berikut : Langkah pertama : 1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link Download full template, silahkan save untuk backup data

5. Copy paste kode CSS berikut di atas kode ]]></b:skin>

6. Klik tombol SIMPAN TEMPLATE

Langkah kedua : 1. Klik menu Elemen Halaman

2. Klik tulisan Tambah sebuah Elemen Halaman

3. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML

4. Copy paste kode berikut ke dalam elemen yang muncul

5. Klik tombol Simpan

6. Pindahkan elemen yang baru di buat tepat di atas elemen Post

7. Klik tombol Simpan yang berada di sebelah atas

8. Klik tulisan Tambah sebuah Elemen Halaman kembali

9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML

10. Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI, kemudian copy paste kode berikut ke dalam kotak elemen

11. Ganti tulisan YOURBLOG dengan nama blog sobat

12. Klik tombol Simpan

13. Pindahkan elemen yang baru di buat ke tempat yang sobat sukai (sebaiknya di simpan disebelah atas)

14. Klik tombol SIMPAN yang berada di sebelah atas

15. Selesai

Kode yang terakhir di pasang merupakan kode asli yang di buat oleh hans dan tentunya semua hasil dari kode tersebut berbahasa inggris, baik itu judul , alert dan segala macamnya adalah berbahasa inggris, jika sobat menginginkan jadi berbahasa indonesia, saya sudah memodifikasi javascrips nya sehingga akan menjadi berbahsa indonesia seperti milik saya. Cara yang harus di lakukan sangatlah mudah, sobat tinggal mengganti kode terakhir yang di pasang dengan kode di bawah ini :

Jangan lupa untuk mengganti tulisan YOURBLOG dengan nama blog sobat. Selamat mencoba !

Make a Magazine Style Drop Caps

Sebelum membicarakan tentang tutorial blog, karena hari ini merupakan hari ulang tahun kemerdekaan Republik Indonesia, maka saya selaku salah satu dari sekian banyak anak bangsa tak ada salahnya jika saya mengucapkan selamat merayakan hari kemerdekaan kepada sobat semua selaku bagian dari bangsa indonesia, semoga dengan datangnya hari bahagia ini bangsa kita menjadi bangsa yang lebih dewasa, lebih maju, lebih makmur, dan lain sebagainya yaitu menuju kearah yang lebih baik. (tumben ngomongnya serius). Saya rasa cukup deh ngomong seriusnya ya, soalnya kalau terus-terusan serius otak ku menjadi beku, jari-jari ku menjadi kaku, lidah ku menjadi kelu, mulutku menjadi bisu, asa

ku menjadi layu (keterusan deh). Oke.... sobat, kita kembali ke.... blog tutorial tentunya. Sebelum mulai, saya mau ngadain kuiz dulu, tolong jawab yang jujur ya, Apakah sobat pernah membaca koran atau surat kabar? jawabannya pasti sudah pernah. benarkan? yeeeehh jawabannya ketebak deh , lalu apa hubungannya dengan tutorial blog? ceritanya seperti ini, di dalam tulisan sebuah koran, hampir menjadi suatu kewajiban bahwa hurup awal dari sebuah artikel di cetak lebih besar di banding dengan tulisan lainnya. Nah bagi sobat yang mempunyai keinginan untuk membuat tulisan yang bergaya seperti tulisan dalam koran, maka teruslah membaca sampai akhir postingan. Untuk membuat huruf awal di cetak lebih besar, maka sobat perlu membubuhkan kode css ke dalam style sheet nya. Karena template blogger masih terbagi dua yaitu klasik dan baru, maka untuk cara penempatan kode pun ada sedikit berbeda. Untuk itu silahkan ikuti langkah-langkah berikut ini ! Untuk Template Klasik 1. Sigin di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode template, lalu paste pada notepad kemudian save. Ini untuk berjaga-jaga apabila terjadi kesalahan melakukan editting

5. Copy paste kode berikut di antara kode <style type='text/css'> dan kode </style> dan kalau sobat merasa bingung, maka tempatkan saja di atas kode </style>

/* kode untuk hurup awal ----------------------------------------------- */ .awal { float:left; color: #000000; background:#ffffff; line-height:80px;

padding-top:1px; padding-right:5px; font-family:times; font-size:100px; }

6. Klik tombol Simpan Perubahan Template

7. Selesai

Untuk Template Baru 1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjagajaga apabila terjadi kesalahan dalam mengedit kode template

5. Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode ]]></b:skin> , atau jika bingung simpan saja persis di atas kode ]]></b:skin>

/* kode untuk hurup awal ----------------------------------------------- */

.awal { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px; }

6. Klik Tombol Simpan Template

7. Selesai.

Langkah-langkah di atas merupakan langkah pertama, langkah selanjutnya yang harus sobat lakukan adalah ketika melakukan posting harus pada posisi Edit HTML bukan pada Compose, nah simpanlah huruf awal artikel pada kode berikut <span class="awal">hurup awal </span>. Setelah itu terserah sobat, mau tetap pada posisi Edit HTML atau berpindah ke mode Compose tidak ada masalah. Contoh penulisan artikelnya seperti ini : <span class="awal">S</span>ebelum membicarakan tentang tutorial blog, karena hari ini merupakan hari ulang tahun kemerdekaan Republik Indonesia, maka saya selaku salah satu dari sekian banyak anak bangsa tak ada salahnya jika saya mengucapkan selamat merayakan hari kemerdekaan kepada sobat semua selaku bagian dari bangsa indonesia, semoga dengan datangnya hari ini bangsa kita menjadi bangsa yang lebih dewasa, lebih maju, lebih makmur, dan lain sebagainya yaitu menuju kearah yang lebih baik. (tumben ngomongnya serius). Maka hasilnya nanti akan seperti ini : Sebelum membicarakan tentang tutorial blog, karena hari ini merupakan hari ulang tahun kemerdekaan Republik Indonesia, maka saya selaku salah satu dari sekian banyak anak bangsa tak ada salahnya jika saya mengucapkan selamat merayakan hari kemerdekaan kepada sobat semua selaku bagian dari bangsa indonesia, semoga dengan datangnya hari ini bangsa kita menjadi bangsa yang lebih dewasa, lebih maju, lebih makmur, dan lain sebagainya yaitu menuju kearah yang lebih baik. (tumben ngomongnya serius).

Bagaimana sobat, menarik bukan? bukan. ah ko gitu sih tentang kode-kode diatas tadi, maka akan saya bahas. /* kode untuk hurup awal ----------------------------------------------- */ .awal { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px; }

Agar sobat menjadi lebih faham

.awal --> ini adalah penamaan saja, mau di ubah jadi begin, start, atau apa saja boleh, cuma jangan lupa untuk membubuhkan tanda titik (dot) di awal tulisan. float:left; --> ini adalah kode agar tulisan awal di letakan pada posisi kiri alias mepet ke kiri, jangan di ubah kalau yang ini. color: #000000; --> ini adalah kode untuk warna tulisan, kode #000000 adalah kode warna hitam, jika sobat ingin warna yang lain maka silahkan saja di ganti. background:#ffffff; --> ini adalah kode untuk warna latar belakang, kode #ffffff adalah kode warna putih, jika sobat ingin warna yang lain silahkan di ganti sesuai keinginan. line-height:80px; --> ini adalah kode untuk jarak baris, sebaiknya jangan di ganti. padding-top:1px; --> ini adalah kode untuk jarak sela antara tulisan dengan bagian atasnya, sebaiknya jangan di ganti. padding-right:5px; --> ini adalah kode untuk jarak sela antara tulisan awal dengan tulisan selanjutnya sebesar 5 pixel, jika sobat berniat mengganti jaraknya, silahkan ganti nilainya saja. font-family:times; --> ini adalah kode jenis hurup, yang di pakai adalah jenis times, jika tidak suka dengan times bisa di ganti dengan yang lain, mau Georgia, Verdana, sans-serif atau yang lainnya silahkan saja. font-size:100px; --> ini adalah kode untuk besarnya hurup, jika mau di ganti silahkan ganti nilainya saja.

Sudah jelaskah? nah jika sobat ingin berkreasi dengan yang namanya warna tapi tidak mengetahui kodenya, jangan khawatir, kawan saya bang iwan sangat kreatif, yakni menuliskan kode warna sekalian bentuk warnanya pada bagian footer blog beliau, jika sobat minat silahkan kunjungi blog beliau di http://free-7.blogspot.com satu lagi yang terakhir yaitu apabila sobat ingin melihat blog yang memakai sistem ini dengan warna lain, silahkan sobat klik di sini ! Selamat berkreasi !

Cara Menghilangkan Navbar Blogger

Sobat Ihsan mengajukan pertanyaan yang di tulis melalui shoutbox. Beliau menanyakan bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger. Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama. Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat. Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS : /* hilangkan navbar ----------------------------- */

#navbar-iframe { height:0px; visibility:hidden; display:none } Atau bisa juga menaruh kode berikut persis di bawah kode <body> : <style type='text/css'> #navbar-iframe {display:none;} </style> Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini : Untuk template klasik 1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman

5. Copy kode berikut lalu paste di atas kode </style>

/* hilangkan navbar ----------------------------- */

#navbar-iframe { height:0px; visibility:hidden; display:none } 6. Klik tombol Simpan Perubahan Template

7. Selesai.

Untuk template baru 1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste di atas kode ]]></b:skin>

/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden;

display:none } 6. Klik tombol Simpan Template

7. Selesai.

Selamat menikmati blog tanpa navbar !

Tips Mengganti Background Blog

Beberapa hari yang lalu, sobat Uel menanyakan perihal bagaimana caranya untuk mengganti background blog, dan tentunya saya akan coba membahasnya. Menurut saya, ada dua kemungkinan mengganti background yaitu yang pertama adalah mengganti hanya warna background (latar belakang) saja, yang kedua adalah mengganti background blog dengan menggunakan gambar atau image. Ada satu hal yang saya anggap penting apabila sobat berniat mengganti background (latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan kita menjadi susah untuk di baca. Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap. Tulisan yang susah untuk di baca oleh pengunjung, tentunya akan membuat pengunjung tersebut malas untuk membaca artikel-artikel yang kita tulis, dan tentunya percuma saja kita memposting artikel jika tidak ada yang mau untuk membacanya.OK, biar tidak menyita halaman langsung saja pada topik utama. Karena kode template sangat bervariasi, yang akan saya jadikan contoh adalah template asli blogger yaitu template minima. Mengganti Warna Background Untuk template minima klasik : 1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5. Rubahlah kode warna asli template dengan kode warna yang sobat sukai (yang warna merah adalah kode yang harus di rubah) :

body { background:#fff; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; } Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini : body { background:#E7E3E3; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; } 6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template

8. Selesai.

Jika sobat kebingungan tentang kode warna, sobat bisa menggunakan bantuan program photoshop, kapan-kapan akan saya posting khusus tentang bagaimana cara mengetahui kode warna. Untuk template minima baru : 1. sign in

2. Klik menu Layout

3. Klik menu Fon dan Warna

4. Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman (biasanya yg pertama sih langsung ini, jadi tidak usah di pilih lagi)

5. Klik warna yang sobat sukai pada gambar warna-warna yang di tampilkan, lalu lihat perubahannya pada gambar di sebelah bawah

6. Jika merasa sudah cocok, klik tombol SIMPAN PERUBAHAN

7. Selesai.

Mudah bukan?

 Mengganti Background Dengan Image Hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk imaage biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap sobat sudah bisa melakukannya karena sudah saya bahas pada postingan terdahulu, atau masih bingung? kalau iya, coba baca kembali di sini ! Untuk ukuran gambar, sobat tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja, gambarnya seperti ini (ukuran gambar dalam ukuran aslinya) : alamat gambarnya adalah http://amen24.googlepages.com/pattern_096.gif gambarnya seperti ini :

gambarnya sangat kecil bukan? tapi gambar tersebut akan tampil memenuhi layar karena akan di tampilkan dalam jumlah yang sangat banyak. Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut ! Untuk template minima klasik : 1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :

body { background:#fff url('http://amen24.googlepages.com/pattern_096.gif'); margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; } 6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template

8. Selesai.

Kode warna background sengaja tidak saya hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background. Untuk template minima baru : 1. Sign in

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :

body { background:$bgcolor url('http://amen24.googlepages.com/pattern_096.gif'); margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } 8. Klik tombol Pratinjau untuk melihat perubahan

9. Bila sudah OK, klik tombol SIMPAN TEMPLATE

10. Selesai.

Saya rasa ini sangat mudah dilakukan, karena tidak banyak kode yang harus di tambahkan,

Untuk melihat contoh blog yang sudah saya pasang background dengan gambar yang saya contohkan di atas, silahkan sobat klik di sini ! Eh lupa, bagi sobat yang malas membuat gambar, sobat bisa mendownload berbagai gambar pattren di sini. Selamat mencoba !

Google Docs : Solusi Bagi Yang Suka Sharing file Word, Excel, serta Power Point
Ada yang pernah bertanya seperti ini bagaimana cara menampilkan file microsoft exel di blog? duh bisa ngga ya? seharusnya bisa sih, tapi bagaimana caranya ya, saya juga bingung nih Tapi tenang saja, jika anda pernah melihat file exel bisa di tampilkan di web berarti tandanya itu bisa di lakukan.

Bagi anda yang suka dan ingin sharing file dalam bentuk microsoft word (document) dan microsoft excel (spreadsheet) ataupun microsoft power point (presentation) di blog, maka anda bisa menggunakan berbagai layanan di internet. Salah satu di antaranya adalah layanan yang di sediakan oleh google yaitu Google docs. Dengan google docs anda bisa membuat file microsoft office yang saya sebutkan tadi secara online ataupun anda bisa mengupload file yang sudah jadi alias sudah di kerjakan secara offline dan kemudian ambil kode yang di berikan lalu setelah itu anda bisa menampilkannya di blog anda.

Apa kelebihan dari google docs? dengan google docs anda tidak perlu mempunyai software microsoft office yang lisensi nya sangat mahal terinstall di komputer anda, yang anda perlukan adalah anda bisa online di internet. Sepertinya saya tidak perlu menerangkan bagaimana cara membuat file di google docs karena penggunaannya hampir sama dengan microsoft office. Yang mau saya terangkan adalah bagaimana cara mengupload file yang sudah jadi ke google docs dan kemudian menampilkannya di blog anda. Tertarik? yuk mang kita lanjut!

Salah satu syarat untuk bisa menggunakan google docs adalah anda harus mempunyai alamat email di gmail (google acount). Jika selama ini account blogger anda menggunakan gmail maka bisa secara langsung login ke google docs. Bagi anda yang baru pertama kali masuk ke google docs, maka anda harus setuju dengan peraturan yang di buat oleh google. Sudah punya account google? mari kita serbu google docs.

Lankah 1 : upload file ke google docs. 1. Silahkan login ke http://docs.google.com dengan account gmail anda. 2. Klik tab Upload yang berada di sebelah kiri atas layar monitor anda. 3. Klik tombol browse di bawah tulisan Browse your computer to select a file to upload: 4. Masukan file yang ingin anda upload (word, excel, power point). 5. Klik tombol Upload File yang ada di sebelah bawahnya. 6. Tunggu beberapa saat sampai file anda terupload semuanya (tergantung dari besarnya file serta kecepatan koneksi anda). 7. Jika sudah terupload, anda bisa mengeditnya jika mau. 8. Klik tab publish yang ada di sebelah kanan atas layar monitor anda, maka akan keluar tulisan This document is not yet published. 9. klik tombol publish now yang ada di bawahnya. 10. Jika sudah selesai, lihat kembali ke bagian bawahnya! 11. Klik link bertuliskan More publishing options. 12. Setelah keluar window pop up, klik menu drop down di sebelah tulisan File format kemudian pilih HTML to embed a webpage. 13. Klik tombol Generate URL. 14. Copy kode HTMl yang di berikan, lalu paste pada notepad atau text editor lainnya. 15. Silahkan di close saja window nya. 16. Silahkan anda sign out dari google docs jika mau. 17. Selesai.

Langkah 2 : posting kode google docs ke blogger.

1. 2. 3. 4.

Silahkan login ke blogger dengan ID anda. Klik Posting Baru. Silahkan anda buat postingan yang anda inginkan. Ketika anda mau menyisipkan kode yang dari google docs, klik terlebih dahulu tab Edit HTML ( jangan yang compose) 5. Paste kode google docs yang ada di notepad tadi pada tempat yang anda inginkan. 6. Klik Tombol MEMPUBLIKASIKAN POSTING. 7. Silahkan lihat hasilnya.

8. Selesai.

Berikut adalah contoh file excel sederhana yang saya buat untuk menerangkan tutorial ini :

Sekarang anda sudah tahu cara menampilkan file excel di blog kan? ada lagi tambahan nih dari kang rohman. Berikut adalah contoh kode HTMl yang di berikan oleh google docs :

<iframe width='500' height='300' frameborder='0' src='http://spreadsheets.google.com/pub? key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

Jika kita perhatikan kode tersebut adalah kode HTML untuk perintah iframe, masih ingatkan dengan perintah iframe yang pernah saya posting di mengenal perintah iframe? tentunya kode yang di berikan oleh google docs tidaklah mutlak harus seperti itu, tapi kita bisa memodifikasinya sesuai dengan keinginan kita. Sebagaimana kita lihat bahwa ukuran lebar (width) sebesar 500 pixel, nilai ini bisa anda ganti dan disesuaikan dengan lebar dari halaman post anda, begitupun dengan tingginya (height) ini pun bisa anda ganti dengan nilai yang anda inginkan. Ada satu lagi yang penting adalah dalam kode tersebut tidak di sertakan kode scrolling, sehingga apabila file anda sangat lebar tidak akan terlihat oleh pembaca, maka solusi yang saya berikan adalah menambahkan kode scrolling=yes ataupun scrolling=auto pada kode iframe di atas. contoh kode yang memakai scrolling :

<iframe width='500' height='300' frameborder='0' scrolling='yes' src='http://spreadsheets.google.com/pub? key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

Ataupun seperti ini :

<iframe width='500' height='300' frameborder='0' scrolling='auto' src='http://spreadsheets.google.com/pub? key=pC1rhcSE_YQEbEbMd8xfaGA&output=html&widget=true'></iframe>

Dengan anda menambahan kode seperti itu, maka walaupun file anda mempunyai lebar serta tinggi yang melebihi halaman posting anda, pembaca dapat menggesernya dengsn leluasa memakai scrolling.

Selamat mencoba!

Cara membuat Contact form / Kontak Kami

Akibat dari Kang Rohman memasang fasilitas kontak kami di blog ini, maka banyak sekali email masuk yang menanyakan bagaimana cara membuat contact form seperti itu. Hmmm.. gimana ya? lupa lagi dhenk, soalnya dulu tidak saya catat langkah-langkah nya sebentar ya Kang Rohman ingat-ingat dulu . Sebelum anda memasang kontak form di blog, ada baiknya mempertimbangkan baik dan buruknya terlebih dahulu. Salah satu kebaikan atau kelebihan dari mamasang fasilitas kontak form yaitu mempermudah pengunjung untuk mengirimkan pesan ke anda. Lalu kekukarangan atau keburukannya yaitu karena sangat mudahnya orang mengirimkan pesan, maka anda harus bersiap-siap kebanjiran email di inbox anda dan tentunya anda harus meluangkan waktu untuk membalasnya, betul tidaaakk? dan sekaian saja Kang Rohman mohon maaf kepada pengirim email yang belum sempat kang Rohman balas, karena banyak sekali email yang masuk sehingga belum sempat kang Rohman jawab semuanya. Dimanakah kita bisa mendapatkan kontak form? di luar sana banyak sekali website yang menyediakan fasilitas ini, selain yang berbayar ada juga yang gratisan. Dan Kang Rohman sebagai peramal masa depan sudah tahu isi kepala anda, pasti ingin tahu yang gratisan bukan? oo.. kamu ketauan suka gratisan karna dirimu sama dengan aku . Web penyedia kotak form secara gratisan antara lain http://www.emailmeform.com, http://kontactr.com, http://www.zoho.com dan banyak lagi yang lainnya. Kontak form yang kang Rohman pergunakan adalah kontak form dari http://www.emailmeform.com, dan agar seragam maka tutorial yang akan kang rohman terangkan adalah tentunya dari web ini. Masih ingin lanjut? berikut adalah langkah-langkah membuat sebuah kontak form :

1. 2. 3. 4.

Silahkan kunjungi situs http://www.emailmeform.com. Arahkan pandangan anda ke sebelah kanan atas monitor. Klik pada tulisan Sign up for free. Isilah form yang ada dengan data diri anda :

First Name : isi dengan nama depan anda. Misal : jaka. Last Name : isi dengan nama belakang anda. Misal : tingkir. Username : isi dengan username yang di inginkan. Misal : jaka25. Password : isi dengan kata kunci yang di inginkan. Misal : juralitjungkel. Retype Password : isi dengan kata kunci yang tadi di isikan. Misal : juralitjungkel. Your Email : isi dengan alamat email anda. Misal : jakatingkir25@yahoo.com.

5. Klik tombol Sign up. 6. Setelah muncul tulisan terima kasih, silahkan cek email yang tadi di masukan oleh anda untuk memeriksa email verifikasi. 7. Buka email kiriman dari EmailMeForm yang bertajuk Your new account information. 8. klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda. 9. Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun kontrol panel anda. 10. Alihkan perhatian anda ke sebelah kanan monitor. Klik tulisan Create new form. 11. Ada beberapa form yang perlu di sisi :

Web form Name : isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster). Recipients Emails : isi dengan alamat email yang akan menerima pesan.

Spam Email address : isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam. Thank you page : isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda. Number of fields : biarkan 4 saja.

12. Klik tombol next yang ada di sebelah kanan. 13. Ada beberapa field name yang bisa di ganti sesuai keinginan, misal : Your Name jadi Nama, Your Email Address jadi alamat Email, dst. Atau biarkan saja seperti itu. 14. Klik tombol next yang ada di sebelah kanan. 15. Klik tombol next lagi. 16. Silahkan isi dengan keinginan anda ( hehehe cape kalau nerangin yang ini) atau biarkan saja seperti itu. 17. Klik tombol next lagi. 18. Klik tombol next lagi. 19. Akan di perlihatkan contoh tampilan kontak form yang tadi di buat oleh anda. 20. Klik tombol Finish. 21. Klik tulisan Get the HTML codes. 22. Copy kode yang ada di text area, di bawah tulisan Copy and paste this HTML code into your page. Lalu paste pada notepad atau text editor lainnya. 23. Selesai.

Untuk membuat sebuah halaman kontak kami, anda tinggal membuat sebuah postingan seperti biasa. Untuk memasukan kode yang tadi di dapat dari EmailMeForm, anda pindah dulu dari menu compose ke Edit HTML lalu paste di situ. publish dech. Beres.

Selamat berbingung ria bagi yang masih bingung.