Rabu, 30 Mei 2012

MEMBUAT BLOG DI BLOGGER


MATERI LOMBA
PEMBUATAN BLOG
DI BLOGGER (BLOGSPOT.COM)










 












Oleh :
SUDIRMO, S.Pd


PKBM BUNGARAYA INDAH
KECAMATAN BUNGARAYA
KABUPATEN SIAK
2011

BAB I
PENDAHULUAN

Blog adalah situs pribadi. Berbeda dg website yg setiap memposting harus susah payah memakai kode ekstensi .html .php, .asp, dll, blog merupakan otomatisasi dari semua ekstensi tsb. Sehingga karena sudah diotomatisasi, maka kita-kita semua yg lugu teknologi menjadi ostosmastis dapat memposting apa yg kita inginkan persis seperti kita memposting email ke teman atau ke milis.
Dan karena kemudahan inilah, maka semua orang yg tahu internet dapat membuat blog atau situs pribadi; sama halnya dg memiliki email. Tak heran apabila pemilik blog bervariasi: mulai dari pembantu rumah tangga, ibu rumah tangga, tukang jualan sayur di pasar klewer, sampai profesor dan menteri-menteri.
Seperti halnya email, buat account dulu di free blog provider (pemberi hosting/domain blog gratis). Yg paling populer adalah http://www.blogger.com. Bagi Anda yg sudah agak melek-huruf teknologi bisa juga buat account di http://www.wordpress.com dan http://blogsome.com. Selain yg dua ini masih banyak penyedia blog gratis yg bisa Anda ketahui kemudian. Ikuti pentunjuk step-by-step ketika mendaftar.
Setelah selesai register/sign-up di http://blogger.com, anda dapat mulai memposting/mempublish apapun yg Anda inginkan di blog: mulai dari curhat, puisi, cerpen, tulisan serius sampai yg canda.
Membuat blog di blogger.com sangatlah mudah. Sekarang   akan tunjukan cara untuk membuat sebuah account baru di blogger.com, yang 100% gratis.   merekomendasikan anda untuk membuat blog di blogger.com karena program ini sangat didukung penuh oleh google, sehingga apabila kita membuat blog disini maka google akan cepat mengindeks blog kita. Alhasil blog kita akan muncul dihalaman pencari google.








BAB II
CARA PEMBUATAN BLOG



Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka   akan mengulas sedikit tentang blog menurut versi   sendiri.


2.1. Apa itu Blog ?

Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.
Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun   yakin anda bisa.

2.2.  Membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com atau http://www.blogspot.com, http://www.wordpress.com, serta http://blogsome.com.
Dalam kesempatan kali ini   akan mengulas tentang cara pembuatan blog di http://www.blogger.com untuk mendaftar.



Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :
  1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
  2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
  3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
  4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password
  5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)
  6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
  7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan   menerima Persyaratan dan Layanan.
  8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
  9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
  10. Tulis nama situs anda pada form Alamat Blog (URL)
  11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
  12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
  13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

2.3. Isi ( Content ) blog

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini   menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.

2.4. Cara Setting Blog

Bagi para anda yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, langkah-langkahnya :
  1. Silahkan anda Login ke blogger.com dengan user name dan password milik anda
  2. Klik judul blog yang mau di setting ( jika anda sudah mempunyai beberapa blog)
  3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :
  • Judul --> isi dengan judul blog anda. Contoh : Blogspot Tutorial
  • Uraian --> isi dengan deskripsi blog anda. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
  • Tambahkan blog Anda ke daftar kami? --> pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
  • Biarkan mesin pencari menemukan blog Anda? --> pilih ya
  • Tampilkan Editing Cepat di Blog Anda? --> pilih Ya
  • Tampilkan Link Posting Email? --> Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
  • Konten Dewasa? --> Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
  • Tampilkan Mode Compose untuk semua blog Anda? --> pilih Ya
  • Aktifkan transliterasi? --> pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
  • Klik tombol Simpan Pengaturan . Selesai
4. Klik Publikasi untuk mengatur menu Publikasi :
  • Alamat Blog*Spot --> isi dengan nama blog anda. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
  • Klik tombolSimpan pengaturan. Selesai
5. Klik Format untuk mengatur menu format :
  • Tampilkan --> pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog anda adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
  • Format Header Tanggal --> pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
  • Format tanggal Index Arsip --> pilih model untuk peng-arsip-an yang anda sukai.
  • Format Timestamp --> Pilih bentuk waktu yang anda sukai.
  • Zona Waktu --> Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
  • Bahasa --> Pilih bahasa yang di inginkan.

  • Tampilkan Field judul --> Pilih ya
atau tidakpun tidak apa-apa
  • Tampilkan kolom link --> pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
  • Aktifkan perataan float --> pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa
  • Klik tombol Simpan Pengaturan. Selesai
6. Klik Komentar Untuk mengatur menu komentar :
  • Komentar --> pilih tampilkan, ini agar Tulisan anda dapat di komentari oleh pengunjung
  • Siapa yang Bisa Berkomentar ? --> Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
  • Default Komentar untuk Posting --> pilih Posting baru memiliki komentar.
  • Link balik --> Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada Tulisan kita.
  • Default Link Balik untuk Posting --> pilih Posting baru Memiliki Link Balik.
  • Format Timestamp Komentar --> pilih format jam yg singkat. Contoh: 8.00 PM.
  • Tampilkan komentar dalam sebuah window popup? --> pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komentar.
  • Aktifkan moderasi komentar? --> pilih Tidak (sebaiknya).
  • Tampilkan verifikasi kata untuk komentar? --> pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
  • Tampilkan gambar profil dalam komentar? --> pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
  • Email Pemberitahuan Komentar --> isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada Tulisan anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
  • Klik tombol Simpan Pengaturan. Selesai
7. Klik Arsipkan Untuk mengatur menu Arsipkan :
  • Frekuensi Arsip --> pilih Bulanan.
  • Aktifkan Halaman Posting? --> pilih ya.
  • Klik tombol Simpan Pengaturan . Selesai.
8. Klik Fedd Situs untuk mengatur menu feed situs :
  • Izinkan Feed Blog --> pilih Penuh.
  • Posting URL Pengubahan Arah Feed --> di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
  • Footer Feed Posting --> Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
  • Klik tombol Simpan Perubahan. Selesai.

 

2.5. Memilih Template

Bagi anda yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu anda lakukan adalah memilih template. Sekilas tentang template Template 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 sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang anda lihat sekarang adalah salah satu bentuk dari desain template. Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang. Hmmm.. kayanya cukup deh pembahasan tentang apa itu template, keburu bosan kalau lama-lama….Sekarang langsung aja ke topik utama, yaitu langkah-langkah pemilihan template di blogger.com

Silahkan anda login terlebih dahulu seperti biasa dengan memakai user name milik anda Klik "Tata Letak" (bila anda menggunakan blogger baru) atau klik "Template" (bila anda menggunakan template classic).
Klik "Pick New Template", silahkan anda pilih template yang anda suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling anda sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, selesai.
Mungkin anda pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri. Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com

2.6. Mengatur Hurup dan Warna

Untuk para blogger baru, anda akan menikmati fasilitas baru dari blogger.com, yaitu anda bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")
  1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai
  2. Text Color --> pengaturan warna hurup dari posting-an
  3. Link Color --> pengaturan warna hurup yang di link
  4. Blog Title Color --> pengaturan warna hurup judul Blog
  5. Blog Description Color --> pengaturan warna hurup deskripsi blog
  6. Post Title Color --> pengaturan warna hurup judul posting-an
  7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah
  8. Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)
  9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)
  10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link
  11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar
  12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan
  13. Blog Title Font --> pengaturan jenis hurup Judul blog
  14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog
  15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )
  16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai
Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah

2.7. Cara Memposting Tulisan

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu Tulisan 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 Tulisan, tapi mungkin tidak ada salahnya bila   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 Tulisan menjadi rata kiri
--> Untuk membuat tulisan menjadi di tengah
--> Untuk membuat Tulisan menjadi rata kanan
--> Untuk membuat Tulisan 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 Tulisan dalam kode HTML
--> Untuk membuat Tulisan dalam mode Compose (biasa)
--> Untuk me review (melihat) Tulisan
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 Tulisan:
  1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman   pribadi). Copy Tulisan 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.

2.8. Membuat Read More untuk Template klasik

 Membuat Read More" maksudnya apa? Begini anda, sebenarnya   kurang setuju dengan judul tersebut, tadinya   ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog
Anda mungkin melihat bahwa Tulisan terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan Tulisan harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi anda yang baru posting Tulisan hanya satu atau dua Tulisan saja mungkin menganggap tidak perlu menyingkat Tulisan anda, namun jika nanti Tulisan anda sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.
Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini,   khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang. Langkah-langkah berikut :
  • Login ke blogger.com dengan id anda
  • Klik menu bertuliskan Template
  • Klik menu Edit HTML

  • jangan lupa Copy seluruh kode template milik anda lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.
Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :

<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>

Untuk mempercepat pencarian kode </style>, silahkan anda klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis </style> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.
langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode

<$BlogItemBody$> :
<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan anda klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.
  • Klik tombol yang bertuliskan SAVE SETTINGS
  • Langkah selanjutnya adalah klik menu Setting
  • Klik menu Formatting

Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :
<div class="fullpost">
</div>

Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting Tulisan, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.
  • kemudian jangan lupa klik tombol Save Settings
  • Selesai

2.9. Cara Posting Tulisan
Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu Tulisan agar ada menu Readmore nya.
  • Klik menu Posting
  • klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :
<div class="fullpost">
</div>
simpan Tulisan anda yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan Tulisan setelah kode <div class="fullpost"> dan sebelum kode </div>
Agar lebih jelas,   beri contoh, misal Tulisannya begini :
Ini adalah contoh tulisan yang di simpan pada awal Tulisan yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.<div class="fullpost"> dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more. </div>
Hasilnya yang akan tampak pada blog kita adalah seperti ini : Ini adalah contoh tulisan yang di simpan pada awal Tulisan yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul. Read more!

Bagaimana anda, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar

Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa Tulisan kita ada kelanjutannya.
Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para anda yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode Span.

2.10. 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   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
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.
Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
  1. Pada kolom yang berjudul Style, klik menu appearance.
  2. 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.
  3. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  4. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  5. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  6. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  7. Selesai
Untuk menempatkan kode HTML shoutbox tadi pada blog anda, langkah-langkah berikut ini.
Untuk blogger dengan template klasik :
  1. Log in terlebih dahulu ke blogger.com dengan id anda
  2. Klik menu Template
  3. Klik Edit HTML
  4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
  5. Untuk jelasnya   ambil contoh dengan shoubox milik  , 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.
  6. Klik tombol Preview untuk melihat perubahan yang kita buat.
  7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
  8. Selesai
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. Silahkan Login dengan id anda
  2. Klik menu Layout
  3. Klik Page Element
  4. Klik Add a Page Element
  5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  6. 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

2.11. Buat daftar isi blog

Apakah anda suka membaca buku? jawaban anda tentunya akan beragam, ada yang akan menjawab suka dan ada juga yang akan menjawab tidak suka. Namun   yakin anda 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   memuat judul-judul Tulisan yang pernah   posting di bagian footer halaman ini ataupun ketika anda membuka keluruhan Tulisan yang mau di baca maka di akhir Tulisan akan muncul sederet judul-judul Tulisan lainnya yang menggoda anda untuk membacanya. Selain untuk menggoda pengunjung agar lebih berlama-lama di blog kita, cara ini pun akan sangat mempermudah para pembaca untuk menemukan Tulisan yang di rasa menarik untuk di baca. Akan tetapi cara tersebut   lakukan secara manual yakni   mencatat seluruh alamat Tulisan yang telah   posting kemudian membuatkan link ke Tulisan 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   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   terangkan, silahkan alihkan perhatian anda ke bagian sebelah kanan atas blog ini, di sana terdapat link brtuliskan Lihat Daftar Isi, jika anda meng klik link tersebut maka secara otomatis akan di perlihatkan seluruh judul Tulisan yang pernah   posting lengkap dengan tanggal serta kategori dari Tulisan tersebut. Sunguh menarik bukan? jika anda ingin melihatnya anda bisa mengkliknya dan jika anda tidak ingin melihatnya anda tinggal mengkliknya kembali dan daftar isi pun akan di sembunyikan sehingga tidak akan menggangu pemandangan, untuk membuatnya,  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 Copy paste kode CSS
  5. 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 anda ke hendaki. Contoh : DAFTAR ISI,
  11. kemudian copy paste kode berikut ke dalam kotak elemen
<div id="toclink"><a href="javascript:showToc();">Lihat
Daftar Isi</a><br/><br/></div><script style="text/javascript"
src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script><scriptsrc="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
  1. Ganti tulisan YOURBLOG dengan nama blog anda
  2. Klik tombol Simpan
  3. Pindahkan elemen yang baru di buat ke tempat yang anda sukai (sebaiknya di simpan disebelah atas)
  4. Klik tombol SIMPAN yang berada di sebelah atas
  5. 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 anda menginginkan jadi berbahasa indonesia,   sudah memodifikasi javascrips nya sehingga akan menjadi berbahsa indonesia seperti milik  . Cara yang harus di lakukan sangatlah mudah, anda tinggal mengganti kode terakhir yang di pasang dengan kode di bawah ini :
src="http://amen24.googlepages.com/folder.gif"/>
  Lihat Daftar Isi
!</a><br/><br/></div> <script style="text/javascript"
src="http://amen24.
googlepages.com/daftarisi.js"> </script><script
src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
Jangan lupa untuk mengganti tulisan YOURBLOG dengan nama blog anda.

2.12. Pasang Kalender di Blog

Anda Guest452, itulah nama yang di kenalkan pada shoutbox. Beliau membredel shoutbox sebanyak tiga kali berturut-turut dengan permintaan agar di postingkan cara membuat Kalender pada blog. Untuk menghormati keinginan beliau ini, maka   coba bahas tentang bagaimana cara pasang kalender di dalam blog.
Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat. Agar tidak terlalu bingung mencarinya,   berikan contoh satu saja yaitu http://www.free-blog-content.com. Silahkan coba anda kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang anda sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.
salah satu contoh gambar yang di sediakan seperti ini
Untuk cara instalasi, langkah-langkah berikut !
Untuk Template klasik
  1. Sig in di blogger dengan id anda
  2. Klik menu Template
  3. Klik menu Edit HTML
  4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, anda masih mempunyai data untuk mengembalikannya ke semula
  5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh
  6. Klik tombol Simpan Perubahan Template
  7. Selesai.
Untuk Template baru
  1. Sign in di blogger dengan id anda
  2. Klik menu layout
  3. Klik menu Elemen Halaman
  4. Klik tulisan Tambahkan sebuah elemen halaman
  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
  6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan
  7. Klik tombol SIMPAN PERUBAHAN
  8. Pindahkan elemen yang baru di buat pada tempat yang anda inginkan, lalu klik tombol SIMPAN
  9. Selesai.
Ada lagi yang lebih menarik, bukan hanya berfungsi sebagai kalender, akan tetapi berfungsi sebagai arsip. Pengunjung dapat dengan mudah membuka arsip postingan-postingan kita yang terdahulu melalui kalender tersebut.










BAB III
PENUTUP

3.1.  Kesimpulan

Blog adalah situs pribadi. Berbeda dg website yg setiap memposting harus susah payah memakai kode ekstensi .html .php, .asp, dll, blog merupakan otomatisasi dari semua ekstensi tsb. Sehingga karena sudah diotomatisasi, maka kita-kita semua yg lugu teknologi menjadi ostosmastis dapat memposting apa yg kita inginkan persis seperti kita memposting email ke teman atau ke milis.Dan karena kemudahan inilah, maka semua orang yg tahu internet dapat membuat blog atau situs pribadi; sama halnya dg memiliki email. Tak heran apabila pemilik blog bervariasi: mulai dari pembantu rumah tangga, ibu rumah tangga, tukang jualan sayur di pasar klewer, sampai profesor dan menteri-menteri.

3.2.  Saran

Seperti halnya email, buat account dulu di free blog provider (pemberi hosting/domain blog gratis). Yg paling populer adalah http://www.blogger.com. Bagi kita yg sudah agak melek-huruf teknologi bisa juga buat account di http://www.wordpress.com dan http://blogsome.com. Selain yg dua ini masih banyak penyedia blog gratis yg bisa Anda ketahui kemudian. Ikuti pentunjuk step-by-step ketika mendaftar.

Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)