Jumat, 29 April 2011

Cara Membuat Menu Navigasi Breadcrumbs di Blogger

Menu navigasi breadcrumbs merupakan menu hirarki untuk mengelompokkan artikel dalam suatu kategori atau label yang sama. Untuk lebih jelasnya perhatikan tulisan kecil yang ada di atas judul posting ini atau lihat gambar di samping. Bila di template Anda belum terdapat menu navigasi breadcrums ini dan Anda ingin memasangnya, berikut ini langkah-langkahnya.


Masuk ke akun Blogger Anda.

Klik Rancangan > Edit HTML.

Back up template dulu dengan mengeklik Download Template Lengkap untuk mengantisipasi kalau nanti terjadi kesalahan.

Beri tanda centang pada Expand Template Widget.

Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian).

Copy kode di bawah ini dan paste di atas kode tersebut.

#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}

Selanjutnya cari kode <div class='post hentry'>

Kemudian copy kode berikut ini dan paste di bawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot; '>
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if>
</b:loop>
</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>

Klik tombol SIMPAN TEMPLATE.

Lihat artikel Anda untuk melihat hasilnya.

Rabu, 27 April 2011

Cara Memasang Alexa Site Stats Button di Blogger

Menurut pembahasan di banyak blog, dengan memasang widget Alexa dapat menaikkan peringkat Alexa suatu blog. Selain memasang Alexa Traffic Rank Button, kita juga dapat memasang Alexa Site Stats Button pada sidebar blog. Di button ini terdapat informasi berupa Rank: atau peringkat Alexa dan Links in:.

Links in: menunjukkan informasi jumlah situs yang di dalamnya terdapat link yang mengarah ke blog kita. Hal ini biasa disebut dengan inbound link. Banyaknya inbound link ini dapat membantu meningkatkan peringkat blog Anda pada mesin pencari dan dapat berfungsi sebagai ukuran reputasi blog Anda. Beberapa link dari situs yang sama hanya dihitung sekali. Untuk informasi yang lebih lengkap mengenai blog Anda, silakan diklik saja widget Alexa tersebut.

Berikut ini langkah-langkah memasang Alexa Site Stats Button di Blogger.
  1. Kunjungi situs Alexa di http://www.alexa.com
  2. Klik menu Site Tools.
  3. Klik Alexa Site Widgets.
  4. Pilih tab Traffic Widgets.
  5. Pada bagian Alexa Site Stats Button, masukkan URL blog Anda.
  6. Klik tombol Built Widget.
  7. Pilih ukuran button yang Anda inginkan.
  8. Copy kode HTML-nya.
  9. Masuk ke akun Blogger Anda.
  10. Klik Rancangan > Elemen Laman > Tambah Gadget.
  11. Pilih HTML/JavaScript.
  12. Beri judul sesuai keinginan Anda.
  13. Paste kode HTML tadi di kolom Konten.
  14. Klik tombol SIMPAN.
  15. Pindahkan elemen ke tempat yang Anda inginkan.
  16. Klik tombol SIMPAN.

Selasa, 26 April 2011

Cara Membuat Link yang Membuka di Dua Tab Baru

Sebelumnya di blog ini telah dibahas mengenai cara membuat beberapa macam link atau tautan. Mulai dari cara membuat link yang  biasa dan membuat link pada gambar, membuat link outo klik, hingga membuat link yang membuka di tab baru.

Kali ini kita akan membahas bagaimana cara membuat tautan atau link yang membuka di 2 tab baru. Link jenis ini bila diklik maka akan membuka di dua tab baru browser secara bersamaan.

Nah, jika Anda membutuhkan link seperti ini untuk keperluan membuat suatu artikel atau untuk menaruhnya di sidebar blog, berikut ini format dari link tersebut.

<a href="URL 1" onclick="window.open('URL 2')" target="_blank">Teks</a>

Contoh:

<a href="http://klikmunadi.blogspot.com/2011/03/cara-membuat-tabel-sederhana-di-blogger.html" onclick="window.open('http://klikmunadi.blogspot.com/2011/04/cara-membuat-tabel-di-blogger-dengan.html')" target="_blank">Dua Cara Membuat Tabel di Blogger</a>

Maka hasilnya akan seperti di bawah ini.

Dua Cara Membuat Tabel di Blogger

Silakan diklik link di atas untuk membuktikan bahwa link tersebut akan membuka di dua tab baru secara bersamaan.

Meraih Peringkat Alexa 6 Digit

Setelah menunggu beberapa bulan, akhirnya peringkat Alexa blog Klik Munadi untuk pertama kalinya menyentuh angka 6 digit atau di bawah satu jutaan. Pada saat posting ini diterbitkan, blog Klik Munadi berada di angka 881,794 untuk peringkat Alexa tingkat global. Sedangkan untuk peringkat Alexa di Indonesia, blog ini duduk di posisi 7,420.

Awal bulan April ini, blog Klik Munadi masih berada pada posisi 3,385,261 untuk peringkat Alexa global dan 54,886 untuk peringkat Alexa di Indonesia. Perlahan namun pasti, peringkat Alexa blog ini terus mengalami peningkatan di setiap harinya. Peningkatan berkisar antara puluhan ribu hingga ratusan ribu.

Peringkat Alexa atau ranking Alexa memang bukan segalanya. Yang penting ialah keinginan untuk berbagi pengetahuan atau informasi telah tersalurkan. Semoga informasi tersebut dapat bermanfaat bagi banyak orang. Mempunyai ranking Alexa yang baik merupakan suatu kebahagiaan tersendiri. Karena hal itu dapat memacu semangat untuk menulis di blog dengan lebih baik lagi.

Terima kasih kepada Blogger dan Google. Terima kasih kepada para pengunjung blog ini yang sudah turut membantu menaikkan ranking Alexa blog ini. Peringkat Alexa blog Klik Munadi suatu saat nanti bisa saja akan turun. Tapi inginnya sih naik terus.

Senin, 25 April 2011

Cara Memasang Widget Pelacak IP Address di Blogger

Ada satu lagi widget menarik yang dapat melengkapi sidebar blog Anda. Widget yang dimaksud adalah widget pelacak IP address. Bila kita browsing di internet, ada banyak situs yang menyediakan layanan pelacak IP address ini untuk blog atau situs. Salah satu situs yang menyediakan widget tersebut adalah http://www.wieistmeineip.de

Bila kita memasang widget pelacak IP address yang berasal dari situs tersebut, maka para pengunjung akan disuguhi beberapa informasi seperti IP address, operating system, country, dan browser dari pengunjung tersebut. Untuk memasang widget pelacak IP address ini di sidebar, silakan ikuti penjelasan di bawah ini.
  1. Masuk ke akun Blogger Anda.
  2. Klik Rancangan > Elemen Laman > Tambah Gadget.
  3. Pilih HTML/JavaScript.
  4. Beri judul sesuai keinginan Anda di kolom Judul.
  5. Copy dan paste kode berikut di kolom Konten, <a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>
  6. Klik tombol SIMPAN.
  7. Pindahkan elemen ke tempat yang Anda inginkan.
  8. Klik tombol SIMPAN.
  9. Hasilnya akan seperti di bawah ini.
IP

Minggu, 24 April 2011

Cara Memasang Widget Live Traffic Feed Feedjit di Blogger

Widget Live Traffic Feed dari Feedjit ini berguna untuk mengetahui dari negara mana para pengunjung blog kita berasal. Selain itu kita juga bisa tahu mereka mengunjungi posting kita yang mana serta waktu sudah berapa lama mereka mengunjungi artikel tersebut. Dengan demikian kita atau pengunjung blog dapat memantau perkembangan traffic blog kita secara langsung. Bila Anda tertarik memasangnya di Blogger, silakan ikuti langkah-langkahnya di bawah ini.

1. Silakan masuk ke akun Blogger Anda.

2. Kunjungi halaman Feedjit di http://feedjit.com

3. Klik tombol Choose Your Feedjit



4. Klik tombol Sign Up pada kolom Feedjit Completely Free. Kemudian isikan data-data yang diminta dan klik Get Your Traffic Feed.


5. Silakan kustomisasi widget sesuai selera Anda. Setelah itu pada Install Feedjit on my:, pilih Blogger Blog Kemudian klik tombol Go!


6. Klik tombol Click to open a new window and install on Blogger



7. Klik tombol MENAMBAH WIDGET


8. Pindahkan elemen widget Feedjit ke tempat yang Anda inginkan.

9. Klik tombol SIMPAN

Sabtu, 23 April 2011

Memasang Widget Pengikut atau Follower di Blogger

Bila kita mengunjungi blog yang ber-flatform Blogger, sering kita menemui widget Pengikut atau Follower di sidebar blog tersebut. Di blog ini pun telah terpasang widget Pengikut. Widget ini menggunakan Google Friend Connect. Lalu, apa saja manfaat yang kita peroleh bila memasang widget ini?

Manfaat yang diperoleh bila kita sebagai follower atau pengikut blog orang lain adalah kita dapat mengetahui perkembangan terbaru dari blog yang kita ikuti tersebut. Jika kita masuk ke akun Blogger, maka di halaman Dasbor pada Daftar Bacaan di tab Blog yang Saya Ikuti pada kolom Item, kita akan menemui judul-judul posting beserta uraian singkatnya dan waktu sudah berapa lama posting-posting tersebut diterbitkan. Dengan demikian, kita berpeluang untuk membaca serta berkomentar yang pertama kali di artikel tersebut.

Sedangkan manfaat yang dapat dirasakan oleh blog yang diikuti yaitu admin blog yang bersangkutan dapat menjalin silaturahim atau berkenalan dengan para pengikut atau follower blog tersebut. Selain itu, bila pengikut blog telah mencapai jumlah yang cukup banyak, maka admin blog tersebut dapat bersenang hati karena blognya terbilang populer.

Bila kita ingin mengikuti suatu blog, silakan klik tombol Follow di widget Pengikut yang ada di sidebar blog tersebut. Namun, jika di blog tersebut tidak terpasang widget Pengikut, maka pada halaman Dasbor di Daftar Bacaan pada tab Blog yang Saya Ikuti, silakan klik tombol TAMBAH. Kemudian masukkan URL blog yang Anda ingin ikuti.

Untuk memasang widget Pengikut atau Follower ini di Blogger, silakan simak langkah-langkahnya berikut ini.
  1. Masuk ke akun Blogger Anda.
  2. Klik Rancangan > Elemen Laman > Tambah Gadget.
  3. Pilih Pengikut.
  4. Klik tombol SIMPAN.
  5. Letakkan kotak elemen Pengikut ke tempat yang Anda inginkan.
  6. Klik tombol SIMPAN.

Jumat, 22 April 2011

Cara Membuat Link yang Membuka di Tab Baru

Di dalam membuat suatu artikel di Blogger terkadang kita perlu menyisipkan satu atau beberapa tautan atau link. Cukup mudah untuk membuat link di Blogger. Kita hanya perlu meng-highlight teks yang akan disisipi link kemudian mengisi alamat URL-nya. Bila dilihat di Edit HTML, maka bentuk link tersebut secara umum terlihat seperti ini <a href="URL">Teks</a>.

Bentuk link di atas jika diklik maka akan membuka di tab yang sama. Hal ini bisa saja mengganggu kenyamanan pengunjung yang sedang membaca artikel kita. Agar pembaca tidak kehilangan halaman blog kita, maka solusinya adalah dengan membuatkan link yang membuka di tab yang baru. Lalu, bagaimana cara membuatnya?

Untuk membuat link yang membuka di tab baru, kita perlu menambahkan kode target="_blank" atau target="_new" atau target="_up" setelah kode "URL".

Contoh:

<a href="http://klikmunadi.blogspot.com/2011/01/tukar-link.html" target="_blank">Tukar Link</a>

Maka hasilnya seperti di bawah ini.

Tukar Link

<a href="http://klikmunadi.blogspot.com/2011/01/tukar-link.html" target="_new">Tukar Link</a>

Maka hasilnya seperti di bawah ini.

Tukar Link

<a href="http://klikmunadi.blogspot.com/2011/01/tukar-link.html" target="_up">Tukar Link</a>

Maka hasilnya seperti di bawah ini.

Tukar Link

Silakan diklik ketiga link di atas masing-masing sebanyak beberapa kali.

Dari hasil pengeklikan itu terlihat bahwa link yang menggunakan target="_blank" akan membuka di tab baru yang pertama, bila diklik lagi kemudian membuka lagi di tab baru yang ke-dua, bila diklik lagi maka akan membuka di tab baru yang ke-tiga, dan seterusnya.

Berbeda dengan link yang menggunakan target="_new" atau target="_up", bila kedua link tersebut diklik untuk yang pertama kali, maka masing-masing akan membuka di tab yang baru. Namun, bila diklik untuk yang ke-dua kali dan seterusnya, maka kedua link tersebut hanya akan me-reload atau membuka ulang di tab dari hasil pengeklikan yang pertama tadi.

Di sini terlihat akan lebih efektif bila menggunakan target="_blank" untuk membuat link membuka di tab baru.

Kamis, 21 April 2011

Cara Membuat Text Area di Blogger

Text Area atau Area Teks merupakan tempat atau area berbentuk persegi yang digunakan untuk menyimpan suatu tulisan atau teks dan membentuk area tersendiri. Biasanya text area ini dipakai untuk menyimpan kode-kode HTML serta teks-teks yang lainnya agar dapat di-copy oleh para pengunjung blog dengan mudah. Ada 2 macam text area yang sering kita jumpai, yaitu text area tanpa tombol highlight dan text area dengan tombol highlight.

Pada text area yang ke-dua, yaitu text area dengan tombol highlight, cara meng-copy teksnya lebih mudah dan praktis. Mengapa demikian? Karena hanya dengan mengeklik tombol highlight maka seluruh teks yang ada di text area akan ter-highlight secara otomatis. Dengan demikian akan memudahkan para pengunjung karena mereka tinggal mengeklik kanan mouse saja lalu pilih Copy maka teks telah ter-copy.

Untuk membuat text area tanpa tombol highlight, silakan copy kode di bawah ini.

<div align="center">
<textarea cols="25" name="code" rows="5">Silakan tulis teks-teks atau kode-kode HTML Anda di sini. Nanti teks Anda akan muncul di text area</textarea></div>

Keterangan:
  • <div align="center">, kata center menunjukkan bahwa text area berada di tengah. Jika ingin berada di kiri, diganti dengan left. Bila Anda ingin di kanan, kata center diganti dengan kata right.
  • rows="5", menunjukkan tinggi dari text area, yaitu setinggi 5 baris. Jika isi text area melebihi 5 baris maka akan terbentuk penggulung di sisi kanan. Bila Anda menginginkan text area yang lebih tinggi lagi, silakan ganti angka 5 dengan angka yang lebih tinggi nilainya.
  • cols="25", menunjukkan lebar dari text area, yaitu tiap baris maksimal mengandung 25 karakter. Jika Anda menghendaki text area yang lebih lebar lagi, silakan ganti angka 25 dengan angka yang lebih tinggi nilainya.

Bila kode untuk membuat text area tanpa tombol highlight di atas ditaruh di Edit HTML, maka hasilnya akan seperti ini.



Untuk membuat text area dengan tombol highlight, silakan copy kode di bawah ini.

<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>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 150px; width: 350px;" wrap="VIRTUAL">Simpan tulisan atau kode HTML Anda di sini, maka teks Anda akan siap di-copy oleh para pengunjung blog Anda.</textarea></div>
</form>
</div>

Kode di atas mempunyai 2 elemen bagian. Elemen yang pertama adalah elemen kode pembentuk tombol yang bertuliskan Highlight All. Sedangkan elemen yang kedua adalah elemen kode pembentuk text area.

Keterangan untuk elemen pembentuk tombol bertuliskan Highlight All:
  • <div align="center">, kata center menunjukkan bahwa posisi tombol berada di tengah. Bila Anda ingin posisi tombol itu berada di sebelah kanan, ganti kata center dengan right. Jika ingin berada di sisi kiri, Anda ganti kata center dengan kata left.
  • input onclick="javascript:this.form.txt.focus();this.form.txt.select();", kode ini menunjukkan kalau tombol Highlight All diklik maka seluruh teks yang ada di dalam text area akan ter-highlight.
  • value="Highlight All", kata Highlight All adalah kata yang muncul di tombol. Anda dapat menggantinya dengan kata keinginan Anda.

Keterangan untuk elemen pembentuk text area:
  • <div align="center">, menunjukkan text area berada di tengah. Jika Anda ingin text area berada di kiri, ganti kata center dengan left. Sedangkan bila Anda ingin di kanan, ganti kata center dengan right.
  • width: 350px;, menunjukkan lebar dari text area sebesar 350 piksel. Jika ingin lebih lebar lagi silakan diganti angka 350 dengan angka yang lebih tinggi lagi nilainya.
  • height: 150px;, menunjukkan tinggi dari text area. Bila ingin lebih tinggi lagi, silakan ganti angka 150 dengan dengan yang lebih tinggi lagi nilainya.

Bila kode text area dengan tombol highlight di atas diletakkan di Edit HTML, maka hasilnya akan seperti ini.

Rabu, 20 April 2011

Cara Membuat Spoiler di Blogger

Jika Anda mengunjungi situs-situs forum seperti Kaskus, tentu Anda pernah menjumpai yang namanya Spoiler ini. Spoiler merupakan suatu teknik untuk menyembunyikan teks yang panjang, gambar, atau video. Spoiler dapat pula kita terapkan dalam membuat suatu artikel di Blogger. Dengan membuat spoiler ini kita dapat menghemat tempat atau ruang di halaman posting.

Untuk membuat spoiler di posting, Anda cukup menyalin kode script di bawah ini lalu menempelkannya di menu Edit HTML.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan konten Anda di sini.

</div>
</div>
</div>


Keterangan:
  • Untuk tulisan Spoiler merupakan judul spoiler, Anda dapat menggantinya sesuai keinginan.
  • Tulisan Open dan Close dapat diubah sesuai keinginan Anda.
  • width: 55px; menunjukkan lebar spoiler.
  • font-size: 11px; menunjukkan ukuran huruf dalam spoiler.
  • Ganti tulisan Letakkan konten Anda di sini dengan konten yang ingin Anda masukkan ke spoiler.

Bila script di atas diletakkan di menu Edit HTML maka hasilnya akan seperti ini.

Spoiler:

Letakkan konten Anda di sini.

Selasa, 19 April 2011

Cara Memasang Widget ClustrMaps di Blogger

ClustrMaps merupakan widget penghitung jumlah pengunjung untuk blog atau situs. Widget ini juga menampilkan lokasi-lokasi pengunjung yang ditunjukkan berupa noktah-noktah merah pada gambar peta dunia. Tampilan widget ini bila dipasang pada blog maka akan berupa peta dunia berukuran kecil seperti yang tampak pada gambar di atas.

Sedangkan bila widget tersebut diklik maka akan tampil halaman yang memuat gambar peta dunia yang jauh lebih besar. Semakin besar ukuran titik merahnya semakin banyak pula pengunjung dari lokasi tersebut. Di halaman ini juga ditampilkan berapa jumlah total pengunjung dari masing-masing negara. Jika Anda tertarik memasang widget ClustrMaps ini di Blogger, silakan ikuti langkah-langkah pemasangannya berikut ini.
  1. Kunjungi http://www.clustrmaps.com
  2. Arahkan pandangan mata Anda ke kotak Create yours:
  3. Isikan URL blog Anda pada kolom URL.
  4. Isikan email di kolom email (untuk mengirim sandi).
  5. Klik tombol Make my map.
  6. Silakan lihat email untuk melihat sandi atau password. (sandi diperlukan untuk masuk ke halaman Admin kalau Anda ingin kustomisasi widget)
  7. Copy kode HTML yang ada di bagian [A] Recommended.
  8. Masuk ke akun Blogger Anda.
  9. Klik Rancangan > Elemen Laman > Tambah Gadget.
  10. Pilih HTML/JavaScript.
  11. Beri judul di kolom Judul.
  12. Paste kode HTML yang tadi di-copy ke kolom Konten.
  13. Klik tombol SIMPAN.
  14. Letakkan kotak gadget ke tempat yang Anda inginkan.
  15. Klik tombol SIMPAN.

Cara Memasang Widget LinkWithin di Blogger

Mengenai cara memasang widget artikel terkait di Blogger, baik yang dengan thumbnail maupun tanpa thumbnail atau gambar telah dibahas di blog ini beberapa waktu yang lalu. Kali ini akan dibahas kembali tentang cara memasang widget artikel atau related posts. Tidak seperti kedua widget terdahulu yang pemasangannya memerlukan pengeditan HTML template blog, widget artikel terkait kali ini pemasangannya relatif lebih mudah karena kita memanfaatkan layanan dari LinkWithin.

Widget artikel terkait dari LinkWithin ini disertai pula dengan thumbnail sehingga terlihat menarik bagi pengunjung. Dengan memasang widget artikel terkait di blog ini dapat memberikan peluang posting-posting kita yang lainnya untuk dibaca oleh pengunjung sehingga dapat meningkatkan page view blog kita. Bila Anda tertarik untuk memasang widget artikel terkait dari LinkWithin di Blogger, Anda dapat menyimak langkah-langkah pemasangannya di bawah ini.
  • Isikan email Anda pada kolom Email.
  • Masukkan URL blog Anda di kolom Blog Link.
  • Pilih Blogger pada kolom Flatform.
  • Pilih banyaknya artikel yang ingin ditampilkan, 3, 4, atau 5 stories pada kolom Width.
  • Beri tanda centang pada "My blog has light text on a dark background" bila blog Anda warna latar belakang blog Anda gelap.
  • Klik tombol Get Widget!
  • Klik Install Widget utnuk membuka Blogger di tab baru.
  • Pada halaman Menambah Elemen Laman, Pilih sebuah blog jika Anda memiliki lebih dari satu blog.
  • Klik tombol MENAMBAH WIDGET.
  • Drag dan drop kotak LinkWithin ke bawah kotak Posting Blog.
  • Klik tombol SIMPAN.

Senin, 18 April 2011

Cara Membuat Akun Google Mail (Gmail)

Gmail merupakan penyedia layanan surat elektronik (email) gratis kepunyaan Google. Akun Gmail ini akan diperlukan untuk melengkapi pendaftaran di Blogger. Selain itu, dengan akun ini Anda juga dapat mengakses produk dari Google lainnya. Bagaimanakah cara membuat akun gmail? Berikut ini langkah-langkah pembuatannya.

  1. Silakan kunjungi http://mail.google.com/mail/signup
  2. Isikan nama depan Anda pada kolom Nama Depan.
  3. Pada kolom Nama Belakang, isikan dengan nama belakang Anda.
  4. Isikan nama login yang Anda mau di kolom nama Login Yang Diinginkan. Kemudian klik tombol cek ketersediaan!. Bila nama login tersebut tidak tersedia, berarti Anda harus mencari nama login yang lainnya. Jika tersedia, Anda dapat melanjutkan ke langkah berikutnya.
  5. Isikan sandi Anda dengan panjang minimum 8 karakter pada kolom Buat sandi.
  6. Ketikkan lagi sandi di atas pada kolom Masukkan kembali sandi.
  7. Jangan centang pada Tetap masuk bila buka di komputer pribadi.
  8. Sebaiknya beri tanda centang pada Aktifkan Riwayat Web.
  9. Pilih pertanyaan yang tersedia atau buat pertanyaan Anda sendiri di kolom Pertanyaan keamanan. Jika nanti Anda lupa sandi Anda, maka Google akan meminta jawaban untuk pertanyaan rahasia Anda.
  10. Isikan jawaban dari pertanyaan di atas pada kolom Jawaban.
  11. Isikan alamat email valid Anda yang lain di kotak Email pemulihan. Alamat email ini digunakan untuk mengautenfikasi akun Anda bila Anda mengalami masalah atau lupa akan sandi Anda. Bial Anda tak mempunyai alamat email lain, Anda boleh mengosongkan isian ini.
  12. Pilih negara di mana Anda tinggal pada kolom Lokasi.
  13. Ketik karakter yang Anda lihat pada gambar yang muncul di kolom Verifikasi Kata.
  14. Silakan periksa kembali informasi yang Anda masukkan untuk Akun Google di atas. Gantilah bila ada yang tidak cocok kemudian bacalah Persyaratan Layanannya.
  15. Klik tombol Saya menerima. Buat akun saya.
  16. Kemudian akan  muncul halaman Verifikasi akun Anda. Silakan pilih Opsi Verifikasi.
  17. Kalau Anda memilih Pesan Teks, silakan pilih negara Anda dan masukkan Nomor ponsel Anda, lalu klik tombol Kirim kode verifikasi ke ponsel saya.
  18. Bila Anda memilih Panggilan Suara, silakan pilih negara Anda, selanjutnya klik tombol Telepon saya untuk memberitahukan kode veifikasi.
  19. Silakan masukkan kode pada kolom yang tersedia kemudian klik tombol Verifikasi.
  20. Selamat, Anda telah terdaftar di Gmail, klik tombol Tunjukkan akun saya >> untuk masuk ke halaman akun Gmail Anda.

Minggu, 17 April 2011

Cara Mengepos via Email pada Blogspot

Apakah Anda berkeinginan untuk nge-blog atau memposting artikel ketika Anda sedang dalam perjalanan atau saat berada dalam kondisi yang tidak memungkinkan untuk online melalui PC? Jika ya, bila Anda mempunyai ponsel yang dapat mengirim email, poskan saja artikel Anda tersebut melalui email. Jangan khawatir karena Blogger telah menyediakan fasilitas untuk itu. Nantinya posting Anda akan langsung tampil di blog Anda. Namun, di sini kita tidak dapat memberi label langsung pada posting.

Sebelum memposting artikel lewat email, Anda terlebih dahulu harus mengatur tentang settingan email pada akun Blogger Anda. Berikut ini langkah-langkah untuk menyetting email tersebut.
  1. Masuk ke akun Blogger Anda.
  2. Klik menu Pengaturan.
  3. Klik tab Email & Seluler.
  4. Perhatikan pada bagian Opsi Pengeposan.
  5. Isikan secret words untuk menentukan alamat email yang akan digunakan untuk mengepos via email.
  6. Pilih pada "Publikasikan segera email".
  7. Klik tombol SIMPAN SETELAN.

Bila sudah melakukan pengaturan di atas, sekarang Anda dapat mengepos dan menerbitkan entri via email. Berikut ini langkah-langkahnya.
  1. Masuk ke akun email yang Anda miliki.
  2. Kemudian masuk ke menu Tulis Surat atau Compose untuk mengirim email seperti biasa.
  3. Isikan kolom Kepada dengan alamat email yang sudah ditentukan pada langkah pengaturan email di atas.
  4. Isikan kolom Subyek dengan Judul posting Anda.
  5. Kemudian ketikkan isi posting Anda.
  6. Klik tombol KIRIM.

Sabtu, 16 April 2011

Cara Membuat Posisi Widget Rata Tengah di Scroll Box

Memasang widget/gadget di sidebar merupakan hal yang biasa dilakukan para blogger. Selain dapat mempercantik tampilan blog, widget tersebut juga bermanfaat baik bagi pengunjung maupun pemilik blog itu sendiri. Widget-widget itu berisikan informasi-informasi mengenai blog tersebut sesuai dengan kegunaannya masing-masing.

Bila widget-widget yang dipasang di sidebar cukup banyak dapat membuat sesak ruangan di sidebar. Salah satu solusi untuk menghemat tempat di sidebar adalah dengan memasang widget-widget tesebut ke dalam scroll box. Lalu, bagaimana caranya agar posisi widget-widget tersebut di scroll box menjadi rata tengah sehingga terlihat rapi dan sedap dipandang mata?


Nah, berikut ini akan dijelaskan cara membuat posisi widget menjadi rata tengah di scroll box. Seperti dibahas pada posting terdahulu bahwa untuk membuat scroll box di sidebar, diperlukan script seperti di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

ISI/ELEMEN KOTAK

</div>

Agar posisi widget menjadi rata tengah, maka script-nya akan terlihat seperti di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<center>
<script widget 1><br />
<script widget 2><br />
<script widget 3><br />
<script widget 4><br />
<script widget 5><br />
</center>
</div>

  • Ganti script widget dengan script widget yang akan dipasang.
  • width:100%px; menunjukkan lebar dari kotak yang diinginkan. Ganti sesuai dengan kebutuhan Anda, misalnya 200px atau 300px. Agar lebih mudah menyesuaikan dengan lebar sidebar tentukan saja nilainya dengan 100%px.
  • height:200px; menunjukkan tinggi kotak, dapat diubah sesuai keinginan Anda.
Contoh:
Misalnya, saya mempunyai script widget yang akan dipasang di scroll box, yaitu:
  • <a href="http://s06.flagcounter.com/more/1xTU"><img src="http://s06.flagcounter.com/count/1xTU/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=248/viewers=0/labels=1/" alt="free counters" border="0"></a>
Sekarang kita akan masukkan script-script di atas ke script untuk membuat scroll box, maka script-nya menjadi seperti di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<center>
<a href="http://s06.flagcounter.com/more/1xTU"><img src="http://s06.flagcounter.com/count/1xTU/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=248/viewers=0/labels=1/" alt="free counters" border="0"></a><br />
</center>
</div>

Bila diletakkan di sidebar, maka hasilnya akan tampak seperti di bawah ini.


free counters

Untuk memasang scroll box di sidebar, berikut ini langkah-langkahnya:
  • Masuk ke akun Blogger
  • Klik Rancangan > Elemen Laman > Tambah Gadget.
  • Kemudian pilih HTML/JavaScript.
  • Berikan judul dan isi kolom Konten dengan script scroll box.
  • Klik tombol SIMPAN.
  • Atur posisi widget ke tempat yang diinginkan.
  • Klik tombol SIMPAN.

Selasa, 12 April 2011

Cara Membuat Menu Dropdown di Blogger

Dengan memasang menu dropdown ini, kita dapat menghemat tempat di blog. Karena dengan ukurannya yang mini bisa memuat banyak tautan atau link. Untuk membuat menu dropdown ini di blog dibutuhkan kode script seperti di bawah ini.

<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Judul</option>
<option value="link 1">teks 1</option>
<option value="link 2">teks 2</option>
</select>

Contoh:

<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>- -Seputar Alexa- -</option>
<option value="http://klikmunadi.blogspot.com/2011/03/tips-meningkatkan-peringkat-alexa.html">Tips Meningkatkan Peringkat Alexa</option>
<option value="http://klikmunadi.blogspot.com/2011/03/cara-memasang-alexa-toolbar-di-browser.html">Cara Memasang Alexa Toolbar di Browser</option>
</select>

Maka hasilnya akan tampak seperti di bawah ini.



Link atau tautan di menu dropdown di atas bila diklik akan membuka di tab yang sama. Hal ini cocok untuk link-link yang masih ada kaitannya dengan isi blog seperti link untuk arsip-arsip. Namun, hal ini tidak cocok bagi menu dropdown sebuah blogroll karena biasanya link di blogroll membuka di tab yang baru agar pengunjung tidak kehilangan halaman blog kita. Nah, agar link di menu dropdown membuka di tab yang baru maka kode script-nya menjadi seperti di bawah ini.

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Judul</option>
<option value="link 1">teks 1</option>
<option value="link 2">teks 2</option>
</select>

Contoh:

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>- -Seputar Alexa- -</option>
<option value="http://klikmunadi.blogspot.com/2011/03/tips-meningkatkan-peringkat-alexa.html">Tips Meningkatkan Peringkat Alexa</option>
<option value="http://klikmunadi.blogspot.com/2011/03/cara-memasang-alexa-toolbar-di-browser.html">Cara Memasang Alexa Toolbar di Browser</option>
</select>

Maka hasilnya seperti di bawah ini.



Bila ingin menambah link, tinggalkan tambahkan saja kode seperti <option value="link 2">teks 2</option> sebelum kode </select>. Untuk memasang menu dropdown di sidebar, pertama masuk dulu ke Blogger, kemudian klik Rancangan >> Elemen Laman >> Tambah Gadget, lalu copy dan paste kode script menu dropdown di kolom Konten dan Simpan.

Cara Memasang Status Yahoo Messenger di Blogger

Sudah tahu kan gambar apa yang ada di bawah ini? Ya, gambar di samping merupakan icon yang menandakan status Yahoo Messenger sedang online. Gambar ini sering dijumpai pada banyak blog atau situs di internet. Dengan adanya gambar status YM ini di blog, maka para pengunjung dapat mengetahui apakah Yahoo Messenger sang pemilik blog sedang online atau tidak. Karena mungkin saja ada pengunjung yang ingin berinteraksi atau chatting dengan pemilik blog saat itu.



Bila Anda tertarik untuk memasang status Yahoo Messenger ini di Blogger, Anda dapat menyimak langkah-langkah pemasangannya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan >> Elemen laman >> Tambah Gadget.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Beri judul sesuai keinginan Anda.

5. Copy kode di bawah ini dan paste di kotak Konten.

<a href="ymsgr:sendIM?YahooID"><img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=14&l=us"/></a>

6. Ganti YahooID dengan ID Yahoo Anda dan angka 14 pada t=14 dengan angka icon status YM pilihan Anda. Pilihan icon status YM dapat dilihat pada tabel di bawah ini.


t=?Status OfflineStatus Online
0





1





2



3



4



5



6



7



8



9



10



11



12



13



14



15



16



17



18



19



20



21



22



23



24




7. Klik tombol SIMPAN.

8. Pindahkan posisi elemen status YM ke tempat yang Anda kehendaki.

9. Klik tombol SIMPAN.

10. Selesai dan lihat hasilnya.