TUTORIAL UPDATE

Memasang Site Meter di halaman blog

2009-06-23T09:33:00.013+07:00

Anda melihat sebuah widget pada bahagian tengah low bar halaman blog ini? Itu adalah alat pengukur dari Site Meter. Alat ini secara otomatis akan mengukur dan mencatat statistik jumlah kunjungan (visit) dan menampilkan halaman (page views) dari blog Anda. Dari statistik tersebut Anda akan dapat mengetahui jumlah visit dan page wiews total, hari ini, minggu ini, dan perhari rata-rata. Tertarik!

Untuk mendapatkan layanan pencatatatn ini Anda harus memiliki account dengan cara sign up di SiteMeter. Di sini ada dua pilihan account yaitu yang gratis dan premium alias berbayar. Cara mendaftar sama seperti melakukan pendaftar pada layanan-layanan lain. Anda akan diminta untuk memilih jenis Site Meter Basic yang gratis atau Site Meter Premium berbayar. Silahkan mengisi form isian secara lengkap.

Jika diterima, maka Site Meter akan mengirimkan notifikasi melalui alamat e-mail yang Anda berikan, memeberitahukan bahwa permohonan Anda disetujui, diserta dengan codename dan password. Anda kemudian masuk ke Site Meter dan log in dengan menggunakan codename dan password yang diberikan oleh Site Meter.

Pada bahagian sebelah kiri halaman utama Site Meter anda akan melihat banyak pilihan menu. Misalnya untuk melihat model widget pencatat yang tersedia, Anda klik pada Meter Options yang terdapat pada sub menu Site Meter Basic. Pilih model yang anda senangi yang sesuai dengan selera dan karakter blog Anda.

Klik menu manager yang terdapat pada menu bar, maka Anda akan dibawa kehalaman untuk memenej account. Pada menu sebelah kiri Anda dapat memilih meter style dan beri tanda pada radio botton style pilihan Anda. Klik HTML code untuk mendapatkan kode Site Meter pilihan Anda.

Untuk mendapatkan bantuan cara memasang, klik pada kata instructions, kemudian Anda akan dibawa ke halaman daftar site. Pilih layanan blog yang Anda gunakan, misalnya Blogger.com jika Anda menggunakan layanan blogspot. Pada halaman berikutnya, akan dijelaskan 9 langkah cara pemasangan.

Langkah-langkah pemasangannya adalah sebagai berikut:

Copy kode HTML yang terdapat pada kotak di bahagian bawah
Masuk ke dashboard Blog Anda,
Klik Edit HTML, kemudian cari tempat antara <body>...</body>
Tempatkan atau paste kode HTML diantara kedua tag tersebut
Tekan tombol SAVE TEMPLATE
Logo Site Meter kini sudah terpasang di blog Anda.

Jika kurang terbiasa dengan Edit HTML, maka Anda bisa memasang logo dengan cara sebagai berikut :

Ketika berada di dashboard blog Anda, klik Layout > Page Element
Klik Add Gadget pada lokasi side bar yang dikehendaki, kemudian pilih HTML/JavaScript
Masukkan atau paste kode HTML kemudian tekan SAVE
Logo Site Meter kini terpasang pada side bar blog Anda

Tutorial Update mengucapkan selamat mencoba!

Chatting di halaman blog Anda

2009-06-16T08:53:00.004+07:00

Anda melihat kotak chatting di kanan bawah halaman blog ini? Kini halaman blog Anda bisa didesign menjadi lebih interaktif. Anda bisa berkomuniksi online dengan para pengunjung blog, misalnya melakukan chatting, bahkan dengan beberapa pengunjung secara bersamaan. Dan Anda tidak perlu khawatir, karena komunikasi ini dijamin sangat privat. Artinya, privacy Anda dengan teman cahtting sangat terjaga dan terjamin. Mau coba!

Hanya diperlukan 3 langkah untuk memasang kotak chatting sampai Anda bisa melakukan chatting. Penyedia layanan chatting ini adalah Yahoo. Oleh karena itu Anda tentu saja harus punya akun Yahoo terlebih dahulu. Caranya? sangat mudah dan gratis. Anda hanya perlu sign up dan miliki akun beserta berbagai fasilitas yang disediakannya.

Jika sudah punya, Anda segera login ke Yahoo. Kemudian klik Yahoo Messenger untuk masuk ke halaman Yahoo Messenger. Klik tombol PingBox yang terdapat pada jajaran menu pada toolbar. Anda akan dibawa ke halaman seperti berikut ini :

Anda melihat 3 langkah yang diperlukan hingga langsung bisa chatting. Klik tobol Create a Pingbox, maka Anda akan dibawa ke halaman sebagai berikut :

Pada halaman ini Anda dapat melakukan setting terhadap kotak chatting yang akan tampil di halaman blog Anda. Ada empat pilihan Background theme, yaitu fun, professional, seasonal, dan color. Tampilan masing-masing background dapat dilihat pada halaman preview di sebelah kanan.
Setting selanjutnya adalah pemilihan warna latar. Ada banyak pilihan, dan bisa dicoba satu persatu. Jika sudah menemukan warna latar yang pas, Anda bisa mengatur ukuran dan warna huruf tampilan chatting Anda. Kemudian masukkan nama tampilan, yaitu nama Anda yang akan ditampilkan sewaktu chatting.

Jika ingin menampilkan image atau gambar, maka beri tanda check pada kotak check yang tersedia. Langkah selanjutnya isikan salam atau ungkapan pembuka yang akan tampil pada jendela kotak chatting. Anda dapat memilih salam atau ungkapan yang disediakan, atau membuat sendiri greeting yang di sukai melalui 'enter custom message'. Setiap pengunjung blog akan melihat salam atau ungkapan pembuka ini.

Untuk menghormati para pengunjung yang ingin chatting pada saat Anda sedang offline, maka pilih kata-kata permohonan maaf yang disediakan, atau Anda dapat membuat ungkapan sendiri melalui 'enter custom message'. Klik tombol SAVE, maka Anda akan dibawa ke jendela berikutnya.
Pilih jenis layanan blog yang sesuai dengan blog Anda, misalnya Blogger jika anda menggunakan layanan blogspot. Kemudian pilih ukuran kotak chatting yang tersedia atau dapat disetting sesuai dengan ukuran sidebar blog Anda. Jika suda selesai copy kode HTML yang tersedia.

Sekarang masuk ke blog Anda. Klik customize atau pengaturan. Klik tombol layout > page element dan klik add gadget. Pilih ikon HTML/JavaScript, ketika jendela terbuka masukkan atau paste kode HTML yang sudah Anda copy. Klik tombol SAVE, maka sekarang di halaman utama blog Anda sudah terpasang kotak chatting.
Anda siap untuk chatting sekarang. Tutorial Update mengucapkan selamat berkreasi!

Mengukur kecepatan page load blog

2009-06-07T08:47:00.001+07:00

Pernahkah Anda merasa bete ketika membuka sebuah blog. Karena harus menunggu beberapa lama sampai seluruh halaman blog sempurna terbuka. Anda pasti sangat kesal, bahkan mungkin menutupnya. Tapi mesti diingat juga, bahwa hal yang sama mungkin juga terjadi ketika orang lain membuka blog Anda. Coba lihat berapa lama waktu yang dibutuhkan untuk membuka halaman blog Anda!

Setiap blog memiliki kecepatan membuka halaman (page load) berbeda. Banyak faktor yang memengaruhi kecepatan page load sebuah blog. Semakin berat beban blog, misalnya akibat konten video, audio, gambar animasi, atau link ke pihak ketiga, maka semakin lama waktu yang diperlukan untuk membuka halaman sebuah blog.

Untuk mengukur kecepatan page load blog Anda, atau untuk membandingkan dengan kecepatan blog lain, dapat dilakukan dengan cara sebagai berikut :

Masuk ke halaman Webslug. Webslug adalah sebuah pusat layanan yang memberi layanan cuma-cuma untuk mengukur kecepatan page load sebuah blog. Anda akan dibawa ke halaman sebagai berikut :

Klik tombol test a site. Masukkan alamat blog atau URL blog yang akan diuji kecepatannya pada kotak yang tersedia. Misalnya Anda ingin menguji kecepatan blog Tutorial Update, masukkan alamat URL http://tutorialf.blogspot.com. Lalu klik tombol Run test!. Tunggu beberapa saat, Anda akan diberi tahu berapa lama waktu yang diperlukan untuk membuka blog atau web yang Anda uji.

Jika ingin membandingkan kecepatan membuka halaman antara blog Anda dengan blog atau web lain, klik tombol home. Anda akan dibawa ke halaman sebagai berikut :

Masukkan URL kedua blog atau web yang akan di bandingkan pada kotak alamat yang disediakan. Klik tombol Compare!, dan tunggu sampai kedua blog atau web selesai diukur kecepatannya. Anda akan diberi tahu waktu yang dibutuhkan untuk membuka halaman blog atau web. Dan Webslug akan menentukan siapa juaranya!

Tutorial Update mengucapkan selamat mencoba.

Blog testimony

2009-06-06T12:58:00.002+07:00

Saya termasuk orang yang terlambat mengenal blog. Sebenarnya, sejak awal saya tidak begitu tertarik menjadi bloger. Menurut informasi yang saya terima, bahwa blog tak ubahnya sebuah catatan harian (diary) tentang pemiliknya. Menurut saya, catatan harian bukanlah sesuatu yang dapat dipublikasikan kepada semua orang. Atau setidaknya, ada bahagian tertentu dalam kehidupan kita yang tidak semestinya dipublikasikan. Tapi mengapa akhirnya saya ikutan ngeblog!

Semua berawal ketika suatu hari saya belanja buku di salah satu toko buku. Saya melihat sebuah buku berjudul ’Meraup Dollar Lewat Blog’ karya Agus Hery Prasetyo. Dalam hati saya berkata, ”...meraup dollar lewat blog, mungkinkah...?”

Buku itu saya beli dan menjadi satu-satunya referensi saya hingga kini dalam soal blog ngeblog. Setelah berusaha memahami isi buku tersebut, saya segera memulai membuat blog pertama. Sambil membentangkan buku tersebut, saya mulai menciptakan blog langkah demi langkah, sebagaimana dituturkan Agus Hery. Hasilnya, blog pertama saya tercipta.

Saya tentu saja sangat gembira, apalagi postingan pertama saya berjudul My First Post muncul di halaman blog saya. Dalam hati saya berpikir, mungkin se isi dunia sekarang telah membaca postingan pertama saya ini. Tapi ternyata, sampai beberapa hari kemudian, saya tidak melihat tanda-tanda bahwa blog saya diakses oleh seorang pun. Saya kemudian mengirim email kepada Agus Hery agar memberi penilaian terhadap penampilan blog saya. Jika mengenang hal ini, saya jadi malu sendiri. Bagai mana tidak, blog yang sangat sederhana dengan satu posting, lalu minta dinilai oleh seorang pakar. Saya masih ingat, Pak Agus Hery membalas email saya dan mengatakan bahwa (mungkin sekedar basa-basi) blog saya sudah lumayan bagus.

Hampir setia hari berikutnya saya selalu berkomunikasi dengan pak Agus Hery melalui email. Saya menanyakan berbagai hal yang sebenarnya sangat simple. Belakangan pak Agus Hery tidak lagi membalas email saya. Saya akhirnya menemukan alasan mengapa email saya tidak dijawab. Ternyata semua yang saya tanyakan itu adalah masalah mendasar yang semuanya sudah diposting beliau di blog Edittag.

Saya kemudian menjadi sangat rajin mengunjungi berbagai blog, membaca berbagai posting, dan mencoba menerapkannya. Saya selalu nongkrong hingga sangat lama di setiap blog yang saya kunjungi. Diantara blog yang sering saya kunjungi adalah blognya Agus Hery Prasetyo, Patih Syuhud, Kang Rohman, Junjung Purba dan lain-lain. Saya bahkan menghabiskan waktu berjam-jam lamanya hanya untuk mengamati blog-blog mereka.

Kesalahan-kesalahan dalam meng upgrade blog ternyata adalah guru yang sangat berharga. Justeru dengan kesalahan dan kegagalan itu kita menjadi lebih banyak tahu bagaimana meningkatkan penampilan sebuah blog. Kesalahan pertama yang saya lakukan ketika menciptakan blog pertama saya adalah kala saya memilih judul dan alamat blog. Buku Agus Hery tidak secara detail membimbing pembaca dalam memilih judul dan alamat blog. Tetapi saya merasakan bahwa buku itu menuntun pembacanya untuk menciptakan sebuah nama yang unik. Lalu saya memilih sebuah judul dan alamat (URL) yang unik. Belakangan saya sadari bahwa judul dan alamat blog yang saya pilih sangat sulit untuk dibaca, apalagi untuk diingat. Saya belakangan baru menyadari, bahwa semakin simple dan sederhana sebuah judul dan URL maka semakin mudah orang untuk mengingat blog kita. Saya justeru telah melakukan hal sebaliknya.

Siapakah orang pertama (selain pak Agus) yang yang mengunjungi blog saya? Ia adalah Susanti Mardjata, seorang arkitek senior yang sudah saya kenal. Saking gembiranya, saya beberapa kali menanyakan bagaimana beliu bisa menemukan dan mengakses blog saya. Perlahan, beberapa orang mulai masuk dan berkomunikasi di blog saya. Pengalaman yang sangat menyenangkan.

Ketekunan dan kemauan keras saya untuk mempelajari sendiri tentang hal yang berhubungan dengan peningkatan penampilan blog, serta pengalaman dengan berbagai kendala dan hambatan, akhirnya menyebabkan saya menjadi tahu apa yang harus saya lakukan untuk memperindah sebuah blog. Hampir setiap hari, saya menyediakan waktu untuk mengutak-atik blog saya. Lama saya harus meninggalkan berbagai kebiasaan dan hobby saya, seperti menulis, hanya gara-gara memoles penampilan blog.

Kini saya mengelola beberapa buah blog, diantaranya Tutorial Update, Tribute Blog dan Business Track. Tutorial Update adalah blog saya yang terakhir. Kontennya adalah tentang tutorial blogger blog. Tutorial ini murni pengalaman saya dalam mengutak-atik blog yang dituangkan menjadi sebuah tutor. Meskipun sebenarnya saya sangat menyadari bahwa pemula seperti saya sangat belum pantas untuk menulis tutorial tentang blog. Namun, niat saya hanya satu, yaitu ingin berbagi pengalaman tentang keberhasilan-kegagalan saya dalam menciptakan blog.

Tutorial yang saya tulis adalah pengalaman dari mengaplikasikan tutorial yang ditulis oleh Agus Hery Prasetyo, Patih Syuhud, Kang Rohman, Junjung Purba. Misalnya, ketika saya mau memasang ’Read More...’saya lalu mengunjungi blog-blog tersebut, membaca posting yang berhubungan. Saya selalu membandingkan berbagai tulisan sebelum memutuskan untuk mengambil salah satu diantaranya. Beberapa kali saya gagal memasang ’Read More...’ tapi lama-lama berhasil juga.

Menurut saya, tutorial yang ditulis oleh para guru saya tersebut hampir sama. Agus Hery dan Patih Syuhud misalnya adalah penulis yang menyajikan posting dengan gaya bahasa elegant, yang mungkin agak sulit untuk dipahami oleh bloger pemula. Mereka lebih mengarah kepada segmen yang lebih advance. Kang Rohman memiliki gaya khas yang selalu mengajak pembacanya untuk lebih santai dan tidak tegang. Sementara Junjung Purba menyajikan posting dalam bahasa sederhana, lugas, simple dan to the point aza! sehingga lebih mudah dicerna oleh bloger pemula.

Sumber postingan ternyata sangat banyak, terutama dari blogger.com sendiri. Hanya kita perlu untuk menerjemahkan kedalam bahasa Indonesia. Jadi, bagi bloger tidak perlu khawatir dalam mendapatkan bahan tulisan yang akan dipublikasikan dalam blog post. Hanya kita perlu menjaga etika dalam mengutip sumber posting.

Obsesi saya hanya satu, posting yang saya buat akan bermanfaat, terutama bagi bloger pemula. Jika ada diantara pengunjung Tutorial Update dan tertarik untuk membuat posting dari materi yang saya publikasikan, dengan segala senang hati saya persilahkan! Tapi tetap diingat bahwa posting yang saya tulis memiliki referensi seperti yang saya tampilkan di lowbar blog saya. Tidak ada yang lebih menyenangkan selain ketika teman-teman merasakan manfaat dari apa yang saya tulis, walau satu kalimat pun.

Ternyata ’Meraup Dollar Lewat Blog’ sebagai mana ditulis Agus Prasetyo yang mendorong saya untuk membuat blog hingga kini masih sebatas obsesi. Blog yang saya ciptakan hingga hari ini belum pernah menyumbang satu sen dollar pun kepada saya. Namun saya sangat senang ketika para guru saya tersebut ternyata memang para peraup dollar dari blognya. Amazing...guruku!

Memasang daftar link drop-down

2009-06-01T11:42:00.005+07:00

Daftar link drop-down adalah daftar link yang ditampilkan secara berurutan arah vertikal, tetapi teksnya tersembunyi di dalam jendela drop-down. Menyusun daftar link secara drop-down akan membuat tampilan blog Anda lebih unik dan sedikit lebih dinamis. Style ini kita jumpai pada blog yang sedikit agak advance. Kelebihan dari style ini adalah teksnya tersusun sacara hierarki dan tersimpan di dalam jendela drop-down. Sehingga kesannya sangat praktis. Ikuti langkah-langkah berikut!

Misalnya Anda ingin membuat link dengan web atau blog berikut ini :

Tutorial Update : http://tutorialf.blogspot.com
Business Track : http://bizztrack.blogspot.com
Tribute Blog : http://alfianmalik.blogspot.com
Goodreads : http://www.goodreads.com
Facebook : http://www.facebook.com

Copy kode berikut ini ke dalam blog Anda!

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,â��_blankâ��)"size=1 name=menu>
<option>- DAFTAR LINK -</option>
<option value="http://tutorialf.blogspot.com">TUTORIAL UPDATE</option>
<option value="http://bizztrack.blogspot.com">BUSINESS TRACK</option>
<option value="http://alfianmalik.blogspot.com">TRIBUTE BLOG</option>
<option value="http://www.goodreads.com">Goodreads</option>
<option value="http://www.facebook.com">Facebook</option>
</select></form>

Masuk ke halaman Customize blog Anda, klik tombol Layaout > Page Element. Klik Add Gadget pada sidebar. Akan muncul halaman baru, pilih tombol HTML/Java script. Masukkan atau paste kode tersebut, klik tombol SAVE maka pada sidebar halaman utama blog Anda akan terpasang daftar link seperti berikut :

Tutorial Update mengucapkan selamat berkreasi!

Memasang daftar link marquee (teks berjalan)

2009-06-01T10:18:00.008+07:00

Daftar link marquee adalah daftar link yang ditampilkan secara berurutan arah vertikal, tetapi teksnya bergerak dari bawah ke atas. Menyusun daftar link secara marquee akan membuat tampilan blog Anda lebih unik dan sedikit agak dinamis. Style ini kita jumpai pada blog yang sedikit agak advance. Kelebihan dari style ini adalah teksnya tersusun sacara hierarki dan bergerak. Ikuti langkah-langkah berikut!

Misalnya Anda ingin membuat link dengan web atau blog berikut ini :

Tutorial Update : http://tutorialf.blogspot.com
Business Track : http://bizztrack.blogspot.com
Tribute Blog : http://alfianmalik.blogspot.com
Goodreads : http://www.goodreads.com
Facebook : http://www.facebook.com
CNN : http://www.cnn.com

Copy kode berikut ini ke dalam blog Anda!

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" >
• <a href="http://turorialf.blogspot.com" target="_blank">TUTORIAL UPDATE</a>
• <a href="http://bizztrack.blogspot.com" target="_blank">BUSINESS TRACK</a>
• <a href="http://alfianmalik.blogspot.com" target="_blank">TRIBUTE BLOG</a>• <a href="http://www.goodreads.com" target="_blank">Goodreads</a>
• <a href="http://www.facebook.com" target="_blank">Facebook</a></marquee>

Masuk ke halaman Customize blog Anda, klik tombol Layaout > Page Element. Klik Add Gadget pada sidebar. Akan muncul halaman baru, pilih tombol HTML/Java script. Masukkan atau paste kode tersebut, klik tombol SAVE maka pada sidebar halaman utama blog Anda akan terpasang daftar link secara vertikal berjalan sebagai berikut :

• TUTORIAL UPDATE
• BUSINESS TRAC
• TRIBUTE BLOG
• Goodreads
• Facebook
• CNN

Tutorial Update mengucapkan selamat berkreasi!

Memasang daftar link horizontal

2009-06-01T09:53:00.005+07:00

Daftar link horizontal adalah daftar link yang ditampilkan secara berurutan arah mendatar. Menyusun daftar link secara horizontal akan membuat tampilan sedikit agak berbeda, dan kelihatan menarik. Style ini kita jumpai pada blog yang sedikit agak advance. Kelebihan dari style ini adalah tersusun sacara hierarki arah ke samping dan mudah untuk ditampilkan. Ikuti langkah-langkah berikut!

Misalnya Anda ingin menempatkan link web atau blog berikut ini secara vertikal ke dalam blog Anda :

Tutorial Update : http://tutorialf.blogspot.com
Business Track : http://bizztrack.blogspot.com
Tribute Blog : http://alfianmalik.blogspot.com
Goodreads : http://www.goodreads.com
Facebook : http://www.facebook.com
CNN : http://www.cnn.com

Copy kode berikut ini ke dalam blog Anda!

• <a href="http://tutorialf.blogspot.com" target="_blank">TUTORIAL UPDATE</a> • <a href="http://bizztrack.blogspot.com" target="_blank">BUSINESS TRACK</a> • <a href="http://alfianmalik.blogspot.com" target="_blank">TRIBUTE BLOG</a> • <a href="http://www.goodreads.com" target="_blank">Goodreads</a> • <a href="http://www.facebook.com" target="_blank">Facebook</a>• <a href="http://www.cnn.com" target="_blank">CNN</a>

Masuk ke halaman Customize blog Anda, klik tmbol Layaout > Page Element. Klik Add Gadget pada sidebar. Akan muncul halaman baru, pilih tombol HTML/Java script. Masukkan atau paste kode tersebut, klik tombol SAVE maka pada sidebar halaman utama blog Anda akan terpasang daftar link secara vertikal sebagai berikut :

TUTORIAL UPDATE • BUSINESS TRACK • TRIBUTE BLOG • Goodreads • Facebook • CNN

Tutorial Update mengucapkan selamat berkreasi!

Memasang daftar link vertikal

2009-06-01T08:54:00.001+07:00

Daftar link vertikal adalah daftar link yang ditampilkan secara berurutan arah vertikal. Menyusun daftar link secara vertikal adalah cara yang paling umum dan standar, sehingga sering kita jumpai pada kebanyakan blog. Kelebihan dari style ini adalah tersusun sacara hierarki arah ke bawah dan mudah untuk ditampilkan. Ikuti langkah-langkah berikut!

Misalnya Anda ingin menempatkan link web atau blog berikut ini secara vertikal ke dalam blog Anda :

Tutorial Update : http://tutorialf.blogspot.com
Business Track : http://bizztrack.blogspot.com
Tribute Blog : http://alfianmalik.blogspot.com
Goodreads : http://www.goodreads.com
Facebook : http://www.facebook.com
CNN : http://www.cnn.com

Copy kode berikut ini ke dalam blog Anda!

• <a href="http://tutorialf.blogspot.com" target="_blank">TUTORIAL UPDATE</a>
• <a href="http://bizztrack.blogspot.com" target="_blank">BUSINESS TRACK</a>
• <a href="http://alfianmalik.blogspot.com" target="_blank">TRIBUTE BLOG</a>
• <a href="http://www.goodreads.com" target="_blank">Goodrads</a>
• <a href="http://www.facebook.com" target="_blank">Facebook</a>
• <a href="http://www.cnn.com" target="_blank">CNN</a>

Masuk ke halaman Customize blog Anda, klik tmbol Layaout > Page Element. Klik Add Gadget pada sidebar. Akan muncul halaman baru, pilih tombol HTML/Java script. Masukkan atau paste kode tersebut, klik tombol SAVE maka pada sidebar halaman utama blog Anda akan terpasang daftar link secara vertikal sebagai berikut :

• TUTORIAL UPDATE
• BUSINESS TRACK
• TRIBUTE BLOG
• Goodreads
• Facebook
• CNN

Tutorial Update mengucapkan selamat berkreasi!

Membuat link blogroll

2009-06-01T08:11:00.005+07:00

Begitu pentingkah link atau tautan dalam mengelola blog? Tentu saja sangat penting. Bayangkan seandainya dalam hidup ini Anda tidak ikut dalam kegiatan sosial apapun misalnya arisan, atau tidak masuk organisasi sosial manapun, atau tidak pernah menjalin komunikasi yang baik dengan lingkungan? Begitulah perumpamaan sebuah blog yang tidak punya link. Buat sekarang!

Banyak manfaat yang akan Anda peroleh bila memiliki jaringan tautan yang banyak dan luas. Satu diantaranya adalah dapat meningkatkan page rank blog. Jika blog Anda memiliki page rank yang baik, maka jalan untuk menghasilkan uang melalui blog sangat terbuka lebar.

Sebuah link terdiri dari alamat web atau blog yang dapat diakses langsung dari tempat link ditempatkan. Untuk memudahkan mengelola link, maka semua link sebaiknya ditempatkan pada satu baki atau container saja. Dengan demikian, kapan saja Anda bermaksud untuk mengunjungi sebuah web atau blog, Anda tinggal mengkliknya dari sidebar blog Anda. Memang biasanya, daftar link ditempatkan di sidebar blog. Begitu mudahnya menjalin pertemanan

Tidak diperlukan izin dari pemilik web atau blog untuk menempatkannya ke dalam daftar link blog Anda. Anda hanya perlu tahu alamat web atau blog dimaksud. Misalnya Anda ingin menempatkan link web atau blog berikut ini kedalam blog Anda :

Tutorial Update : http://tutorialf.blogspot.com
Business Track : http://bizztrack.blogspot.com
Tribute Blog : http://alfianmalik.blogspot.com
Goodreads : http://www.goodreads.com
Facebook : http://www.facebook.com
CNN : http://www.cnn.com

Ada beberapa cara dan style menempatkan daftar link di blog Anda, antara lain :
- Style vertikal
- Style horizontal
- Style marquee atau teks berjalan
- Style scroll

Pilih style sesuai keinginan Anda dengan cara klik pada salah satu style, atau baca tutorial update tentang : memasang daftar link vertikal, memasang daftar link horizontal, memasang daftar link marquee atau teks berjalan, dan memasang daftar link scroll.

Tutorial Update mengucapkan selamat berkreasi!

Mengganti blog template

2009-05-30T11:01:00.001+07:00

Bosan dengan penampilan blog Anda yang monoton. Coba berwisata sambil mengunjungi berbagai blog. Apa yang membuat Anda tertarik dengan penampilan sebuah blog. Apakah karena tata letak dan asesorisnya, atau karena struktur halamannya? Kalau karena alasan yang kedua, maka Anda harus berganti blog template!

Pada dasarnya, Blogger menyediakan blog template standar yang terdiri dari 2 kolom. Jika ingin berganti template standar yang disediakan oleh Blogger, caranya sangat mudah. Anda tinggal masuk ke halaman Customize, klik Layout &bg; Pick New Template, lalu tentukan pilihan Anda. Klik preview template untuk melihat perubahan yang terjadi. Jika anda setuju, klik SAVE TEMPLATE. Blog Anda sekarang tampil dengan wajah baru.

Hanya saja, masalahnya adalah bahwa template dua kolom memang relatif memiliki struktur yang sederhana, sehingga sulit untuk ditampilkan legih gaya. Anda mungkin tidak menemukan bentuk ideal yang diangankan. Terus bagaimana?

Anda bisa mengganti template stndar 2 kolom dengan template 3 kolom, 4 kolom atau lebih. Untuk memenuhi kebutuhan itu, Anda harus mencari layanan penyedia template, baik yang premium alias dibeli, atau gratis. Kemudian men-download-nya. Disarankan untuk memilih template yang kompatibel dengan penyedia layanan blog Anda. Misalnya, jika layanan blog Anda adalah Blogger, maka anda harus memilih template yang direkomendasikan untuk pemakai Blogger.

Ada banyak layanan penyedia template gratis, salah satu diantaranya adalah Our Blogger Template . Tutorial Update menggunakan template yang disediakan oleh layanan ini. Our Blogger Template hanya memberi syarat yaitu membiarkan copy right yang terdapat pada sisi paling bawah tertera di halaman blog Anda. Sayarat yang sangat masuk akal!

Bagaimana cara mendapatkannya?
Pertama-tama Anda harus masuk ke Our Blogger Template . Pilih...pilih dan pilih template yang menurut Anda sesuai dengan citra blog Anda. Kalau sudah ketemu pilihan yang sesuai, segera download.

Hal-hal yang mesti diperhatikan dan selalu menjadi problem setelah men-download template adalah masalah widget. Untuk mengatasi hal ini sebelum Anda menggunakan template baru lakukan langkah-langkah sebagai berikut :

Buka file XML template yang sudah di download dengan WordPad atau Notepad++
Cari dan temukan text 'widget id' dalam file XML. Untuk memudahkan dalam menemukan kata 'widget id' gunakan fungsi search atau klik gambar teropong yang ada pada toolbar, kemudian ketik kata-kata widget id
Semua text widget akan tertulis sebagai berikut :'<b:widget id="'example1'...'
Ganti semua angka menjadi dua digit, misalnya 'example 1' menjadi 'example 11", 'example 2' menjadi 'example 22', dan seterusnya seterusnya. Penggantian angka-angka ini dimaksudkan agar tidak terjadi kekeliruan penggunaan nomor widget dengan nomor widget yang sudah ada sebelumnya dalam blog Anda
Kemudian setelah semua angka diganti, klik save template
Untuk segera menggunakan template ini masuk ke halaman pengaturan lalu tekan tombol Layout > Edit HTML > Upload

Lihat, blog Anda kini tampil dengan wajah baru, keren, gaya dan cool!

Tutorial Update menyarankan, jika blog yang akan diganti templatenya adalah blog kesayangan dan sudah terpelihara sejak sekian lama, ikuti terlebih dahulu turotial tentang Mengganti template tanpa kehilangan widget .
Tutorial Update mengucapkan selamat berkreasi!

Mengganti blog template tanpa kehilangan widget

2009-05-30T08:56:00.006+07:00

Banyak pengalaman duka tentang sebuah blog yang harus kehilangan penampilan terbaiknya ketika pemilik mencoba untuk mengganti template. Pergantian template oleh sebahagian bloger agaknya menjadi sebuah keharusan, karena ia muncul dari rasa cinta kita kepada blog itu sendiri. Tapi mestikah kita mengorbankan penampilan blog yang sudah ditata sejak lama hanya untuk sebuah ego memiliki blog yang lebih indah. Kita berikan solusinya!

Ada rasa jemu ketika sebuah blog harus tampil monotan sepanjang masa. Apalagi jika pemilik blog sering berkunjung ke blog lain. Hmm...keinginan itu semakin menggebu-gebu. Belum lagi adanya penawaran yang menggiurkan dari penyedia template gratis. Semakin menggiurkan.

Satu pengalaman buruk yang paling umum terjadi ketika dilakukan migrasi template adalah kehilangan widget dan tata letak yang berantakan. Padahal, memasang dan menata widget bukanlah pekerjaan yang mudah, bahkan telah memakan banyak waktu sampai bertahun-tahun. Kini Anda tidak perlu terlalu risau. Tutorial update akan membantu bagaimana cara mempertahankan widget template lama agar tampil kembali pada template baru.

Berikut ini adalah sebuah teknik atau cara berganti template yang tergolong aman dan telah terbukti berhasil :

1. Simpan template asli.
Anda harus menyimpan file XML template asli sebelum melakukan tindakan apapun. Ini sebuah keharusan untuk berjada-jaga bila mana Anda gagal menampilkan template baru, sehingga Anda masih bisa kembali menggunakan template asli.

2. Gunakan teks editor.
Jangan melakukan perubahan kode secara langsung pada saat berada di halaman edit HTML Blogger. Hal ini dapat membuat blog anda menjadi berantakan. Gunakanlah teks editor yang sesuai untuk mengolah file XML, seperti Notepad++Installer.exe . Dapatkan dengan cara download gratis di Notepad++ .

3. Buka file XML template asli dan yang baru pada teks editor.
Buka file XML template asli dan baru pada saat bersamaan. Pusatkan perhatian hanya pada widget. Anda perlu menyalin kode widget dari template asli dan menyisipkan ke yang baru. Anda tidak perlu pusing dengan bentuk kodenya, tetapi yang perlu diketahui adalah dimana kode widget itu berada.

4. Kenali tempat dimana kode-kode terletak
Perhatikan gambar di bawah ini, klik pada gambar untuk melihat lebih jelas.

Perhtikan tag <body> Sebahagian besar kode yang terletak di atas tag ini adalah jenis CSS, yaitu kode untuk mengatur tampilan blog Anda, seperti tampilan jenis huruf dan warna. Jangan merubah, menyalin atau menyisipkan sesuatu di atas atau sebelum tag ini.

Kode yang terletak di bawah tag <body> adalah kode XML utama blog Anda. Bahagian ini adalah tempat mengatur masalah Layout seperti dimana letak header, sidebar dan widget. Bahagian ini juga mengontrol aliran data yang masuk dari Blogger ke dalam blog. Di sinilah semua kode widget blog Anda yang akan di salin dan disisipkan berada.

Seluruh widget yang telah Anda masukkan ke dalam blog adalah merupakan kode yang terletak antara tag <b:widget> ... </b:widget>. Semua tag <b:widget> harus berada di dalam lokasi tag <b:section> ... </b:section> Strukturnya akan terlihat sebagai berikut :

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'>
...
... some additional codes here ...
...
</b:widget>
<b:widget id='HTML1' .....;
...
</b:widget>
<b:widget id='Image1' .....;
...
</b:widget>
</b:section>
</div>

Contoh di atas adalah bagaimana kode widget ditampilkan dalam file XML template blog Anda. Lokasi utama widget ditandai dengan label div id. Pada contoh di atas lokasinya berada pada div id=sidebar-wrapper. Di bawah div id terdapat tag b:section. Semua widget harus berada dalam tag b:section.

Anda tidak perlu cemas bila merasa tidak begitu memahami apa itu div id atau b:section. Yang terpenting Anda ketahui adalah tag b:widget. Perlu diketahui bahwa Anda dapat memasukkan banyak widget yang Anda inginkan di dalam tag b: section.

Berikut ini adalah contoh sebenarnya dari widget yang tertanam di dalam tag b:section. Lokasinya berada pada sidebar-wrapper. Artinya adalah bahwa widget diletakkan pada salah satu sidebar dalam blog Anda. Jika Anda melihat widget dengan label id=’image1’ menandakan bahwa widgetnya adalah sebuah gambar. Klik pada gambar untuk melihat lebih jelas

Satu hal yang harus dipahami adalah bahwa kode widget selalu dimulai dengan tag <b:widget> dan ditutup dengan tag </b:widget> Dan ketika menyalin dan menyisipkan atau copy/paste harus selalu diingat bahwa widget harus diletakkan antara tag pembuka <b:section>dengan tag penutup </b:section>

Berikut ini adalah sebuah contoh lain. Widget yang ditanam adalah widget yang mengandung Linklist, yaitu widget yang mempunyai tautan ke sebuah alamat. Anda tidak perlu mengetahui kodenya, sebab kita tidak memerlukan perubahan apapun di sini. Klik pada gambar untuk melihat lebih jelas.

5. Copy dan paste widget ke dalam file template baru
Teliti seluruh widget yang ingin dipertahankan dalam blog dengan template baru. Lihat lokasinya pada template lama, yaitu semuanya berada antara tag pembuka <b:widget> dengan tag penutup </b:widget> Copy semua widget yang akan dipertahankan dan paste pada template baru di antara tag <b:section> pada lokasi yang Anda inginkan. Ingat, tag b:widget dan tag b:section harus ditutup dengan benar.

Jika Anda tidak tahu lokasi div id tempat menyisipkan widget tersebut, maka tempatkan saja di sembarang div id, tetapi harus berada dalam sebuah tag b:setion. Ia akan ditampilkan sebagai sebuah widget seperti terlihat pada halaman Layout < Page Element seperti gambar berikut. Untuk mengatur kembali posisinya, Anda tinggal menggeser atau drag dan drop ke lokasi yang diinginkan.

6. Up-load file template baru.
Setelah semua widget telah di copy/paste ke template baru, maka Anda sudah dapat melakukan up-load ke dalam blog Anda.

7. Masuh ada keraguan?
Jika Anda ragu untuk melakukan perubahan dengan cara ini, lakukan terlebih dahulu uji coba pada blog lain. Anda perlu membuat sebuah blog yang khusus digunakan untuk melakukan berbagai uji coba. Jika semua berjalan lancer, maka tidak perlu ragu lagi.
Tutorial Update mengucapkan selamat mencoba!

Memasang Shout Box

2009-05-26T10:18:00.002+07:00

Apa itu Shoutbox? Shout Box adalah kotak dialog yang disediakan oleh Shout Mix bagi pemilik blog. Kotak dialog ini memberi kemudahan bagi pemilik dan pengunjung blog untuk saling berkomunikasi. Seperti membuat pesan, kesan, dan menulis komentar, bahkan melakukan chatting. Tertarik!

Di dalam Shoutbox, setiap pengunjung dapat memasukkan pesan, kesan, dan komentar apa saja setelah berada di blog yang dikunjungi. Bahkan melakukan chatting dengan Anda sebagai tuan rumah dan dengan tamu lain pada saat yang sama. Kemudian, pemilik blog yang telah kedatangan tamu bisa menjawab setiap pesan, kesan, dan komentar yang ditinggalkan oleh tamunya.

Atau jika ingin membalas kunjungan, dapat pula secara langsung mengklik nama tamu yang telah meninggalkan jejaknya dalam shoutbox, dan segera bertamu ke blognya. Jika blog tamu memiliki Shoutbox, maka jangan lupa menyampaikan ucapan terima kasih atas kunjungannya, sambil tentu saja menitip pesan, kesan, dan komentar.

Untuk memasang Shoutbox, terlebih dahulu masuk ke Shout Mix . Kemudian klik CREAT YOUR SHOUTBOX NOW. Anda diminta untuk mengisi beberapa informasi yang diperlukan oleh penyedia layanan., seperti nama, password, dan alamat email. Klik tombol Continue, kemudian Anda anda dibawa ke halaman berikutnya.

Pilih style atau bentuk Shoutbox yang Anda senangi, kemudian klik Continue. Muncul halaman notifikasi yang menyebutkan bahwa Shoutbox Anda telah diciptakan. Anda diminta untuk masuk ke control panel agar bisa menggunakan Shoutbox. Klik Go to my control panel. Perhatikan halaman control panel, Anda akan melihat empat kotak yang berisi tools untuk melakukan berbagai setting atau pengaturan.

Sekarang jangan melakukan pengaturan dulu. Klik Get codes yang berada di bawah Quick Start untuk mendapatkan kode HTML shoutbox Anda. Copy kode tersebut, dan sekarang segera masuk ke jendela Pengaturan atau Customize blog Anda. Klik Layout, kemudian klik Page Element. Klik Add Gadget, sebuah jendela akan terbuka. Pilih dan klik HTML/JavaScript kemudian sebuah jendela tempat memasukkan kode terbuka. Masukkan atau Paste kode HTML yang sudah di copy lalu klik SAVE.

Lihat halaman utama blog Anda! Sekarang sudah terpasang Shoutbox, sangat mudah dengan tutorial update!

Menyertakan kode HTML dalam posting

2009-05-25T09:33:00.002+07:00

Mungkin suatu saat Anda ingin menulis sebuah artikel yang mengharuskan Anda menulis kode HTML. Jika ditulis dalam format standar, maka ketika artikel dipublikasikan, Anda akan melihat kode HTML dan tag muncul dalam bentuk yang tidak lazim. Untuk mengatasi permasalah tersebut Anda dapat menempuh cara berikut!

Anda membuat sendiri kode HTML atau mengambil dari sumber lain? Itu tidak menjadi masalah. Sekarang pilih kode HTML yang akan disertakan dalam artikel Anda, lalu copy dengan klik kanan mouse.

Segera masuk ke CENTRICLE dan letakkan atau paste kode HTML yang sudah Anda copy. Kemudian klik tombol Encode. Kode HTML Anda sekarang sudah diubah ke dalam bentuk yang bisa diterima sebagai format HTML untuk diposting. Copy kembali kode tersebut kemudian tempatkan atau paste pada artikel yang sedang Anda tulis.

Selain itu, Anda juga dapat melakukannya melalui Blogger Ad Code Converter . Letakkan atau paste kode HTML yang ingin diformat ke dalam kotak Paste Ad Code to Convert Here kemudian klik tombol CONVERT AD CODE. Copy kembali kode yang sudah diconvert dan letakkan atau paste pada artikel yang sedang Anda tulis.

Hasilnya akan ditampilkan sebagai berikut :
<a href="http://tutorialf.blogspot.com/2009/05/blogku-surgaku.html" target="_blank">blogku surgaku</a> â�¢ <a href="http://tutorialf.blogspot.com/2009/05/saya-tunjukkan-cara-paling-mudah.html" target="_blank"> cara mudah membuat blog</a> â�¢ <a href="http://tutorialf.blogspot.com/2009/05/3-langkah-membuat-blog.html" target="_blank">3 langkah menciptakan sebuah blog</a>

Menyertakan gambar (image) dalam posting

2009-05-25T08:55:00.003+07:00

Ada kalanya artikel yang akan diposting atau dipublikasikan melalui blog, disetai dengan gambar, seperti pada artikel ini. Untuk menyertakan gambar dalam posting tentu saja Anda harus telah memiliki gambar yang akan di upload. Gambar atau image tersebut dapat disimpan dalam bentuk file gambar, atau alamat URL dimana gambar tersebut berada. Jika sudah ada gambarnya, mari kita mulai!

Tulis artikel yang akan Anda publikasikan seperti cara yang dijelaskan pada tutorial sebelumnya . Jika sudah selesai, kini saatnya Anda memasukkan gambar yang akan disertakan dalam posting. Sekarang perhatikan menu bar yang terdapat di sebelah atas halaman tempat Anda menulis artikel. Jika berada dalam formasi Edit HTML, klik Compose. Anda akan melihat jajaran tombol seperti gambar berikut ini :

Klik tombol Insert Image yang terdapat persis di sebalah kanan tombol Link. Sebuah kotak dialog sebagai berikut akan terbuka.

Jika Anda akan mengambil gambar dari file komputer, maka beri tanda pada Uploaded Images, akan tetapi jika gambar yang akan disertakan berasal dari sebuah alamat URL maka beri tanda pada Web Address (URL). Klik tombol Pilih Berkas. Anda akan dibawa ke jendela dialog tempat penyimpanan file gambar. Pilih gambar yang diinginkan. Tunggu hingga gambar yang dipilih muncul. Kemudian klik Add Image.

Kini gambar yang Anda inginkan telah berada di bahagian sebelah atas posting. Gambar tersebut dapat Anda tempatkan di sebelah kiri, kanan atau bawah artikel Anda. Bisa dengan cara memindahkan kode HTMLnya atau lebih praktis dengan cara menggeser dengan menggunakan klik kiri mouse-tahan-geser.

AddThis Button

2009-05-21T09:06:00.007+07:00

Ingin menampilkan tombol BOOKMARK di bawah setiap posting yang Anda tulis, seperti yang Anda lihat di bawah posting ini? Selain menarik, tombol ini juga berguna untuk meningkatkan lalu-lintas pengunjung Blog Anda. Mau? Coba dan lihat sensasinya!

Pertama-tana Anda harus log in ke AddThis, sebuah layanan internet yang menyediakan tombol BOOKMARK dan SHARE. Klik tombol Get Your Button. Pada jendela berikutnya klik salah satu radio button sesuai dengan jenis layanan blog Anda.

Pilih bentuk tombol AddThis yang Anda sukai, kemudian klik tombol Get Your Button Code. Anda akan diberikan kode HTML lalu copy kode tersebut.

Masuk ke halaman Customize atau

Klik Layout, kemudian klik Edit HTML
Beri tanda check pada Expand Widget Templates checkbox
Temukan tag <div class="post-footer">
Letakkan atau paste kode yang sudah Anda copy di bawah tag <div class="post-footer">
Click Save Template

Klik View Blog, tombol AddThis sekarang sudah berada dibawah setiap posting yang Anda publikasikan.

Kenali Struktur Template Blog Anda

2009-05-19T10:35:00.005+07:00

Template Blog yang disediakan secara cuma-cuma oleh penyedia layanan blog sebenarnya memiliki design yang lumayan bagus. Tetapi, sebagaimana yang diuraikan pada tutorial sebelumnya, selalu saja tidak pernah ada kepuasan bagi pemilik blog terhadap tampilan blognya. Mata memang tidak bisa berbohong. Hanya ada satu cara untuk bisa tampil beda, yaitu tingkatkan performa! Untuk kepentingan itu, Anda perlu mengenali struktur template blog Anda.

Penampilan blog yang berbeda antara satu dengan lainnya disebabkan oleh perbedaan struktur template yang membentuk halaman blog. Namun secara umum, struktur dasar setiap blog adalah sama, yaitu terdiri dari header, footer, dan content. Pengembangan template dari struktur dasar akan serta merta merobah penampilan blog Anda. Jadi, semakin inovatif akan semakin hebat penampilan blognya.

Mari kita amati struktur dasar template yang diilustrasikan sebagai berikut :

Kita mulai dari struktur yang terbesar!

Body : adalah tempat meletakkan seluruh bahagian dari struktur template. Jika diibaratkan template sebagai sebuah rumah, maka body adalah seluruh tanah yang dimiliki, dimana kita bisa membangun apa saja yang kita inginkan di atasnya. Body biasanya akan memenuhi layar komputer anda.
Outer-wrapper: adalah sekat atau dinding yang harus terletak di dalam lingkup body, mengelilingi seluruh bahagian utama template. Outer-wrapper tak ubahnya seperti dinding-dinding rumah yang membentuk ruang-ruang utama. Jadi, outer-wrapper adalah dinding atau sekat yang membatasi antara header, content (isi blog), dan footer.
Header: adalah bagian paling atas blog Anda. Istilah header sudah sangat lazim dan umum kita gunakan untuk menempatkan identitas. Misalnya tempat menempatkan judul, kop surat kantor atau perusahaan, menempatkan nama koran, dan lain-lainnya. Di dalam Header Anda masih diperbolehkan memiliki sub-sub blok yang bisa ditempai oleh Judul Blog, Diskripsi Blog, Menu Bar, Banner dan Gambar. Jadi, header ini mungkin sebagai lobby utama sebuah hotel bagi blog Anda.
Content : terletak di bawah header, dikelilingi oleh dinding yang disebut content-wrapper. Di dalam ruangan ini Anda bisa menempatkan posting sebagai kandungan utama blog Anda. Disamping posting, Content dapat Anda bagi-bagi menjadi ruangan yang lebih kecil yang disebut Sidebar. Dinding atau sekat pembatas dalam Content disebut content-wrapper. Sidebar dapat diisi dengan apa saja baik yang disediakan secara standar oleh penyedia layanan atau diinput sendiri, termasuk iklan-iklan dan lain-lain bentuk promosi.
Footer: adalah bagian paling bawah dari template Blog Anda. Footer dikelilingi oleh dinding atau sekat pembatas outer-wrapper. Sama seperti pada bagian Header, Footer juga dibagi kedalam beberapa ruang.
Main : main-wrapper merupakan pembatas atau dinding yang terletak pada bahagian utama di dalam content-wrapper. Bahagian dalam dari main-wrapper bersisi blog posting, komentar pengunjung untuk isi posting, tanggal posting dan widget lain yang bisa ditambahkan.
Sidebar : adalah ruangan yang dapat dipergunakan untuk menempatkan berbagai asesories seperti widget dari pihak ketiga. Isi utama dari sidebar adalah : Tentang saya, Label, Arsip, Teks, HTML, Adsense, dan lain-lain standar template Blogger. Kebanyakan template standar hanya menyediakan satu sidebar. Inilah yang menyebabkan mengapa template standar berpenampilan kurang menarik. Tapi pada tutorial berikutnya Anda dapat mengganti template Anda dengan template yang memiliki sidebar lebih dari satu.
Blog Post: bahagian ini berisi unsur-unsur sangat penting, seperti Judul Posting, Isi Posting, Nama Penulis Posting, Label dan lain-lain yang terkait dengan postingan.

Setelah Anda memahami struktur dasar ini, maka selanjutnya akan diperkenalkan kode HTML dan CSS yang membentuk struktur template.

Edit posting

2009-05-18T11:38:00.001+07:00

Ada kalanya Anda merasa perlu untuk melakukan perubahan, penambahan, perbaikan atau bentuk perlakuan apapun terhadap artikel yang telah Anda tulis dan publikasikan. Misalnya Anda ingin memperbaiki kata atau kalimat tertentu, atau ingin menambahkan gambar ke dalam posting. Semua pekerjaan itu termasuk ke dalam jenis Edit Post. Bagaimana caranya?

Ketika berada di halaman utama blog, perhatikan navigator bar yang terletak pada bahagian paling atas. Klik Customize, maka Anda akan masuk ke halaman berikut :

Klik tombol Posting, kemudian klik tombol Edit Post. Maka akan muncul halaman edit posting yang bersisi daftar seluruh posting yang telah dipublikasikan, seperti gambar berikut :

Beri tanda pilih pada kotak yang terletak di sebelah kanan judul posting yang akan diedit. Klik Edit, maka Anda akan dibawa ke halaman edit seperti berikut :

Silakan Anda melakukan perubahan apa saja terhadap posting ini. Klik tombol Compose untuk melakukan edit dalam format normal. Atau klik tombol Edit HTML untuk melakukan edit dengan menampilkan seluruh kode HTMLnya. Untuk melihat hasil edit, klik Preview.

Jika proses edit selesai, klik tombol PUBLISH POST atau PUBLIKASIKAN. Anda tidak perlu menekan tombol SAVE NOW atau SIMPAN SEKARANG karena blogger akan menyimpan secara otomotasi setiap perubahan yang dilakukan.

Edit Tampilan Dengan HTML

2009-05-17T08:07:00.002+07:00

Tidak pernah ada kata puas dalam penampilan sebuah blog. Seperti yang dijelaskan sebelumnya, karena blog itu ibarat sebuah rumah, maka selalu saja ada bahagian yang perlu di renovasi, direhabilitasi, direstorasi dan diutak-atik oleh pemiliknya. Tujuannya hanya satu, agar blog kelihatan aman, nyaman, keren dan cool. Mau merenovasi blog?

Banyak cara yang dapat dilakukan oleh pemilik blog untuk merubah penampilan blognya. Cara yang paling mudah adalah dengan memanfaatkan fungsi edit yang disediakan secara instan oleh Blogger. Akan tetapi, adakalanya perubahan yang diinginkan oleh pemilik tidak tersedia dalam opsi layanan. Sehingga perlu dilakukan dengan cara sendiri oleh pemilik.

Biasanya, ketika berkunjung ke blog lain, Anda terkagum-kagum melihat penampilan, asesoris dan penataan blog yang begitu bagus. Anda lalu berusaha mengutak-atik blog Anda, dengan harapan bisa tampil lebih baik. Tapi Anda tidak menemukan apa yang Anda cari, tidak tahu apa yang harus direnovasi. Setelah berulang kali mencoba, hasilnya tidak seperti yang Anda harapkan, Kenapa?

Untuk merenovasi blog dengan cara yang tidak disediakan secara instan oleg Blogger, Anda harus memiliki sedikit pengetahuan dasar tentang HTML. HTML (Hyper Text Markup Language) adalah bahasa yang dipergunakan untuk membangun sebuah blog.

Harus Anda ketahui bahwa penampilan sebuah blog yang sangat indah, sesungguhnya dibangun dengan HTML yang diapit oleh sepasang tag, yaitu tag pembuka dengan simbol lebih kecil dan lebih besar <...> dan tag penutup dengan simbol lebih kecil diikuti garis miring dan tanda lebih besar </...> Tanpa kombinasi kedua pasang tag tersebut maka kode HTML tidak akan berfungsi.

Berikut ini contoh sebuah HTML :

<div align-text="center"> ......tulis sesuatu di sini..... </div>

Dengan kode sederhana seperti itu, semua tulisan yang ditulis di antara kedua pasang tag tersebut akan menjadi rata tengah. Bila ingin merubah menjadi rata kiri atau kanan hanya perlu mengganti kata center menjadi left atau right.

Kalau ingin melihat kode HTML yang membangun struktur template blog Anda, coba klik kanan mouse pada halaman blog Anda, lalu pilih Lihat sumber laman. Pastikan bahwa anda akan melihat sebuah jendela yang menampilkan ribuan atau bahkan jutaan kode. Semua kode itu berada diantara sepasang tag seperti yang dijelaskan di atas. Bila Anda mencoba menghapus salah satu saja dari tag yang ada, maka secara mengejutkan penampilan blog Anda akan berantakan.

Saya menyarankan agar Anda mempelajari teknik dasar HTML yang bisa dipelajari melalui buku-buku atau diunduh melalui internet, sebelum melakukan renovasi template blog Anda. Agar Anda tahu segala resiko dan bentuk perubahan yang terjadi setiap kali melakukan edit HTML. HTML sangat mudah untuk dipahami karena ia bukan bahasa pemograman, tidak memerlukan logika dan mudah diedit.

Blogger Versi Baru

2009-05-17T06:37:00.000+07:00

Saat ini Blogger sedang memperkenalkan versi baru yang masih dalam konsep (Blogger in draft) atau lebih dikenal dengan versi beta. Blogger dalam konsep merupakan versi khusus dari Blogger, di mana banyak diperkenalkan fitur baru dengan penampilan yang lebih trendy!

Dalam masa uji coba ini, Blogger mengharapkan umpan balik dari para pengguna untuk mendapatkan input yang berguna. Semua itu dimaksudkan agar Blogger memiliki penampilan dan unjuk kerja yang lebih baik, sebelum dilepas secara resmi

Jika ingin mencoba menggunakan Blogger dalam konsep Anda dapat log in ke Blogger in draft , dan jika ingin berhenti dan kembali ke Blogger sebelumnya silakan log in ke Blogger .

Blogger dalam konsep menyediakan fitur-fitur, fungsi dan antar muka baru. Tidak perlu kawatir akan kehilangan berbagai format dan posting yang Anda buat dengan Blogger versi sebelumnya. Jika digunakan, yang terlihat akan berubah hanyalah interface atau antar muka yang pasti lebih bagus.

Cobalah versi baru ini! Penampilan dan warna dashboardnya memang lebih keren dan cool. Disamping itu, pengguna bebas untuk melakukan update, merubah, menghapus, re-imagined dengan cara yang jauh lebih mudah dan leluasa.

Membuat Posting

2009-05-16T11:15:00.004+07:00

Salah satu tujuan utama memiliki blog adalah untuk memublikasikan pemikiran-pemikiran, opini, ungkapan perasaan, dan bentuk tulisan positif lainnya, agar dapat dilihat dan dibaca oleh banyak orang. Tulisan-tulisan tersebut dapat bersifat orisinil atau diambil dari sumber lain. Proses memublikasikan tulisan tersebut disebut posting. Ohh! Bagaimana caranya?

Masuk atau Sign in terlebih dahulu ke blog Anda melalui proses Sign in. Anda kemudian akan berada pada halaman dashboard seperti berikut:

Klik tomblo Posting, sehingga Anda akan dibawa ke halaman sebagai berikut :

Pada kotak dialog Title atau Judul, Anda diminta untuk menuliskan judul posting atau tulisan yang akan Anda publikasikan. Kemudian pada halaman yang disediakan, Anda dapat memulai menulis posting sepanjang Anda suka. Jika sudah memiliki bahan tulisan sebelumnya, Anda diperkenankan untuk mengcopy-paste ke dalam halaman ini.

Proses menulis posting hampir sama dengan proses Anda menulis dengan pengolah kata, misalnya dengan Microsoft Word. Anda juga dapat melakukan edit dengan tombol-tombol standar yang disediakan, bahkan bisa pula menyisipkan gambar. Hmm... sangat mudah!

Pada kotak dialog Labels yang terletak di sudut kanan bawah, dapat diisikan label sebagai inisial tulisan Anda. Misalnya tulisan yang bersifat kritik sosial dan masalah kemiskinan dapat diberi label sosial.

Jika sudah selesai menulis, diperiksa kembali agar tidak ada kesalahan tulisan. Hal ini perlu, karena tulisan Anda akan dibaca oleh banyak orang. Jika sudah benar, maka tulisan Anda siap di publikasikan. Klik tombol PUBLISH POST atau PUBLIKASIKAN. Tapi, jika masih ragu-ragu, simpan saja terlebih dahulu dengan cara klik tombol SAVE NOW atau SIMPAN SEKARANG.

Jika Anda klik PUBLIKASIKAN maka akan muncul halaman berikut :

Anda diberitahu bahwa tulisan Anda telah sukses dipublikasikan. Jika ingin melihat seperti apa perwajahan blog kita setelah dimuat dengan tulisan atau post, klik View Blog untuk melihat pada jendela yang sama, atau klik (in a new window) jika ingin melihat pada jendela lain.

Hati-hati! Tulisan Anda akan dibaca orang lain, mereka akan memberi komentar! Ikuti terus perkembangannya melalui tutorial ini

Keluar dari Blog

2009-05-15T08:54:00.002+07:00

Setiap kali akan meninggalkan blog, satu hal yang tidak boleh lupa dilakukan adalah keluar dari blog dengan cara yang benar. Sama seperti ketika kita akan meninggalkan rumah, bukankah kita tidak pernah lupa untuk menutup pintu? Kecuali jika kita tidak mempermasalahkan bila orang lain - termasuk pencuri sekalipun - masuk ke rumah kita. Jadi tinggalkanlah blog Anda dengan aman!

Ada dua cara meninggalkan blog dengan aman. Yang pertama, ketika berada pada halaman dashboard seperti pada gambar di atas, klik Sign out atau Keluar yang berada pada bahagian sebelah kanan. Yang kedua, ketika berada pada halaman blog seperti gambar di bawah ini

Perhatikan navigator bar, yaitu bar yang terletak pada bahagian paling atas halaman utama blog Anda. Klik Sign out atau Keluar, Anda akan segera meninggalkan Blog dengan aman!

Masuk ke Blog Blogger

2009-05-15T08:12:00.005+07:00

Anda sudah berhasil menciptakan sebuah blog pribadi. Kini saatnya untuk masuk ke dalam blog dan melakukan berbagai aktifitas kesukaan Anda. Blog itu bagaikan rumah pribadi , dimana kita bisa melakukan apa saja, termasuk menerima tamu dan menyuguhkan berbagai hidangan buat mereka. Ingin menjadi tuan rumah yang baik? Mari masuk ke dalam blog!

Untuk masuk ke dalam blog harus melalui pintu yang masih terkunci. Pintu masuk tersebut adalah dua kotak dialog berwarna putih yang terdapat pada bahagian atas kanan. Lantas bagaimana cara membuka dan dimana letak kuncinya?

Gunakan kunci sebagai berikut!

Masukkan alamat email ke dalam kotak dialog Username atau Nama pengguna, lalu masukkan password email Anda, kemudian klik SIGN IN. Hupp...pintu terbuka dan Anda dibawa ke halaman depan blog Anda.

Lihat! Blog Anda sangat keren, meskipun masih sederhana dan belum tertata dengan baik.
Lantas apa lagi?

3 Langkah Membuat Blog

2009-05-14T10:28:00.005+07:00

Hanya tiga langkah untuk menciptakan sebuah blog. Itulah yang ditawarkan oleh Blogger. Seperti yang telah dijelaskan pada uraian sebelumnya , bahwa jika ingin menciptakan sebuah blog diperlukan sebuah alamat email. Jika sudah punya, kini saatnya kita memulai berkreasi menciptakan sebuah blog, ayo...!

Sekarang, coba buka dan masuk ke alamat http://www.blogger.com. Anda segera akan berada pada halaman pendaftaran seperti pada gambar ini.

Perhatikan anak panah besar bertuliskan CREAT YOUR BLOG NOW atau jika memilih dalam bahasa Indonesia CIPTAKAN BLOG ANDA. klik pada anak panah, dan Anda akan dibawa mengikuti tour 3 langkah menciptakan blog.

Sekarang Anda sedang berada pada halaman pertama: Creat an Account atau Ciptakan Sebuah Akun Google. Lihat gambar berikut!

Masukkan informasi dengan benar ke dalam kotak input yang tersedia. Di sini hanya ada satu halangan masuk, yaitu Verifikasi Kata. Anda harus dapat membaca dan menuliskan huruf dari kata-kata yang diverifikasi dengan benar. Jika salah, maka akan muncul kata-kata untuk diverifikasi berikutnya, sampai Anda benar-benar telah memasukkan huruf yang benar. Jangan lupa klik pada kotak yang terletak di bahagian paling bawah sebagai bukti bahwa Anda setuju semua persyaratan yang dibuat oleh penyedia layanan. Lemudian klik panah CONTINUE atau LANJUTKAN.

Sekarang Anda sudah berada pada halaman kedua Name your blog atau Beri Nama Blog Anda . Lihat gambar berikut!

Di sini Anda diminta untuk memberi nama blog Anda. Pilih sebuah nama yang sesuai dengan karakter dan citra pribadi Anda. Kemudian masukkan alamat blog (URL) yang akan menjadi alamat blog anda seterusnya, dan akan digunakan oleh semua orang yang ingin masuk ke blog Anda. Alamat yang Anda pilih akan di periksa ketersediaannya oleh penyedia layanan, apakah masih tersedia kata seperti yang Anda usulkan. Kalau tidak tersedia, maka penyedia layanan akan menyodorkan beberapa kata alternatif. Jadi pilhlah kata karakteristik isi blog Anda. Jika sudah tidak ada masalah dengan alamat URL, klik panah CONTINUE atau LANJUTKAN.

Sekarang Anda sudah berada pada langkah terakhir yaitu memilih Template atau Chose a Templaet. Lihat gambar berikut!

Template adalah bentuk dasar dari halaman blog Anda. Jadi pil,ih sesuai selera. Jika sudah mendapatkan, klik radio botton pilihan, lalu klik CONTINUE atau LANJUTKAN.

Klik START BLOGGING atau MULAI BLOG ANDA. Sekarang Anda sudah siap untuk menulis posting atau sekedar melihat seperti apa blog Anda.
Hm...selamat berkreasi!

Menghilangkan dan Memunculkan Garis Bawah pada Link

2009-05-13T12:04:00.011+07:00

Anda pasti pernah melihat kata-kata di halaman blog yang bergaris bawah, baik yang muncul secara permanen atau muncul ketika kursor terarah kepada kata-kata tersebut, misalnya seperti ini . Garis bawah menandakan bahwa kata-kata tersebut adalah kata yang memiliki link (tautan). Sebenarnya fungsi garis bawah adalah untuk mempertegas bahwa kata-kata tersebut memiliki link (tautan), itu saja.

Tapi, kadangkala garis bawah memang kurang estetik. Nah bagi yang tidak suka, tampilan garis bawah tersebut bisa dihilangkan, dan suatu saat bisa dimunculkan kembali. Anda hanya perlu mengganti kata-kata underline dengan none atau sebaliknya untuk melakukannya.
Lakukan langkah-langkah berikut untuk melakukan perubahan tersebut :

- klik Dashboard (panel depan) untuk masuk ke halaman Edit Template
- klik Layout (tataletak)
- klik Edit HTML
- Cari dan temukan kode di bawah ini:

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

Ganti kata-kata underline dengan none (awas, jangan menghapus tanda baca yang ada di belakang atau di depannya)
Jika ragu atau mau melihat terlebih dahulu perubahannya klik tombol PREVIEW. Jika sudak okay, klik SAVE TEMPLATE
Gampang banget!

Aplikasi dan Tools Untuk Web dan Blog

2009-05-12T06:21:00.012+07:00

SiteProNews telah memilih ratusan aplikasi freeware dan shareware terbaik mereka selama beberapa tahun terakhir untuk kemudahan bagi pengguna blog dan web. Sekarang Anda dapat mengakses, dan download, koleksi tolls paling lengkap dari Webmaster. Dengan aplikasi dan tools ini Web dan blog Anda akan semakin memiliki performa tinggi dan tampil lebih gaya (bukan anti mati gaya). Berminat..., silahkan pilih, klik, dan coba deh!

Browser Tools and Applications
Communication Tools and Applications
Desktop Tools and Applications
Email Tools and Applications
Graphics Tools and Applications
Internet Tools and Applications
Multi Media Tools and Applications
Office Tools and Applications
Security Tools and Applications
Site Promotion Tools and Applications
System Tools and Applications
Web Authoring Tools and Applications