Blogodolar » Blog Tools

Firebug, Add-on Mozilla yang Wajib Anda Instal

Kang Yudiono — Mon, 23 May 2011 14:35:05 +0000

Anda mungkin mengetahui bahwa saya adalah fans berat Mozilla. Ya, ini karena Mozilla memiliki banyak add-on yang berguna. Satu di antaranya adalah Firebug, yang membantu saya mendalami CSS dan HTML.

Jika Anda pengguna Mozilla yang senang atau baru belajar CSS untuk mendesain tampilan blog, Firebug wajib Anda instal. Di bawah ini adalah cara instal dan menggunakan Firebug.

Cara Instal Firebug

1. Kunjungi situs Firebug.

2. Jika Anda menggunakan Mozilla Firefox 4, lihat Release Notes yang terletak di bagian bawah halaman situs Firebug. Klik tombol Add to Firefox.

3. Klik link instal yang muncul.

4. Setelah diinstal, restart browser Mozilla Anda untuk mengaktifkan Firebug.

Cara Menggunakan Firebug

Ada banyak kegunaan Firebug, satu di antaranya adalah mengetahui ukuran dan jenis huruf yang digunakan blog orang lain.

1. Kunjungi blog yang ingin Anda ketahui ukuran dan jenis hurufnya, misalnya DailyBlogTips.com (DBT).

2. Setelah blog tersebut terbuka sempurna, Tekan tombol F12 pada papan ketik komputer Anda atau ikon Firebug yang ada di pojok kanan bawah browser Mozilla Anda.

3. Akan muncul tampilan Firebug. Klik tanda ikon untuk menginspeksi (berupa tanda panah).

4. Arahkan ikon tersebut ke bagian yang ingin Anda inspeksi, misalnya bagian konten sehingga muncul tanda seleksi berupa kotak biru.

5. Klik kanan kursor tersebut.

6. Ukuran dan jenis hurup akan muncul di bagian CSS (kolom kanan tampilan Firebug). Pada contoh ini, DBT menggunakan huruf Verdana berukuran 13 px.

7. Selain bagian konten, Anda juga menginspeksi CSS bagian lain seperti sidebar, header, dan sebagainya.

Selamat mencoba!

Postingan Terkait:

Cara Membandingkan Kecepatan Loading Dua Blog

Kang Yudiono — Sat, 26 Mar 2011 16:35:42 +0000

Seberapa cepat loading Blogodolar dibanding blog lain? Pertanyaan ini beberapa kali muncul di benak saya. Untuk menjawabnya, saya pun mencari informasi di Google mengenai tools untuk membandingkan kecepatan loading time (waktu muat). Banyak tools gratis yang saya temukan, namun favorit saya adalah Whichloadsfaster.com.

Dengan tools ini, saya bisa membandingkan kecepatan loading Blogodolar dengan beberapa blog yang menurut saya loading time-nya cepat. Sebagai contoh, saya membandingkan kecepatan Blogodolar dengan Daily Blog Tips.

Hasilnya, Blogodolar 27% lebih cepat dibanding blog milik blogger kondang asal Brasil tersebut.

Cara Menggunakan Whichloadsfaster

1. Kunjungi Whichloadsfaster

2. Pada menu yang tampil, pilih Try my own matchup

3. Masukkan nama-nama domain pada kolom kiri dan kanan.

4. Pada fitur Repeat, pilih berapa kali Anda ingin mengulangi perbandingan loading (misalnya saja 5 kali).

5. Klik tombol Go.

6. Akun muncul hasil perbandingan loading.

Selamat mencoba tools ini sehingga Anda tahu seberapa cepat blog Anda dibanding blog orang lain. Ngomong-ngomong, jika Anda ingin mengetahui tools lain yang bermanfaat untuk blog Anda, silakan lihat di kategori Blog Tools.

Postingan Terkait:

Cara Mengetahui Load Time Blog

Manfaat Fasilitas Pratinjau Hasil Penelusuran Google

Kang Yudiono — Tue, 07 Dec 2010 04:07:24 +0000

Saat mencari informasi di Google, saya sering mendapati hasil penelusuran yang tidak diinginkan. Hal ini antara lain hasil penelusuran yang bila diklik memutar-mutar saja di halaman yang dilihat atau postingan kata kunci panas yang mengecoh. Bagaimana mengatasi kendala ini agar waktu penelusuran efektif? Salah satunya menggunakan fasilitas pratinjau hasil penelusuran Google.

Fasilitas ini baru hari ini saya ketahui, padahal sering melihat ikonnya. Secara tidak sengaja saya mengklik ikon tersebut (berbentuk lensa pembesar) ketika mencari informasi postingan. Alhasil, muncul screenshoot di sebelah kanan hasil penelusuran suatu blog atau situs. Tentu saja ini sangat membantu saya karena bisa menghindari tulisan-tulisan yang mengecoh.

Sebagai contoh, berikut adalah hasil pratinjau salah satu tulisan dengan kata kunci ayam kampus.

Menurut saya, fasilitas ini layak Anda gunakan ketika melakukan penelusuran informasi di Google. Selamat mencoba!

Postingan Terkait:

Cara Cepat Membuat Link dengan Menggunakan Firefox Add-ons Copy As HTML Link

Mon, 16 Aug 2010 17:03:59 +0000

Bila Anda sering berkunjung ke sini, Anda pasti menjumpai kompilasi yang berisi beberapa link. Salah satu contohnya adalah Panduan Pemula. Halaman ini berisi 20 link judul postingan atau halaman yang pernah saya buat. Kedua puluh link ini saya buat secara manual via tombol insert link sehingga tangan saya pegal. Adakah cara cepatnya?

Ada. Cara tersebut saya temukan pada postingan Daniel Scocco yaitu Add-ons Firefox: Copy As HTML Link. Add-ons ini bisa meng-copy dan paste link beserta kode HTML-nya. Saya mencobanya dan ternyata hasilnya memuaskan.

Cara instal Add-ons Copy As HTML Link

Jika Anda pengguna firefox dan tertarik menggunakan add-ons ini, berikut cara menginstalnya:

1. Kunjungi Copy As HTML Link.

2. Download add-ons Copy As HTML link dengan menekan tombol Add to Firefox.

3. Akan muncul pop up software installation. Lalu klik Install Now.

4. Tekan tombol Restart Firefox untuk menyempurnakan penginstalan.

Cara menggunakannya

Add-ons Copy As HTML link bisa digunakan untuk membuat link persis dengan nama judul postingan maupun link dengan anchor text. Cara menggunakannya sebagai berikut:

1. Arahkan pointer mouse Anda ke link yang akan dikopi.

2. Klik kanan link tersebut lalu pilih Copy as HTML Link.

3. Kembali ke postingan yang sedang Anda buat. Klik tab HTML lalu paste link yang sudah dikopi sebagai HTML tadi pada tempat di mana Anda akan meletakkan link . Sebagai gambaran, lihat contoh di bawah ini.

4. Pada contoh di atas, saya membuat link berupa judul postingan. Bagaimana bila linknya ingin berupa anchor text? Mudah saja yaitu dengan mengubah kata-kata sebelum tanda .

Selamat mencoba dan semoga bermanfaat bagi Anda.

Catatan: link-link dalam postingan ini saya buat menggunakan add-ons firefox ini. Saya juga akan terus menggunakan tools ini dalam membuat link karena cepat dan efektif.

Postingan Terkait:

Bagaimana Menemukan Foto Menarik di Flickr Secara Cepat Tanpa Melanggar Hak Cipta

Sat, 14 Aug 2010 18:09:42 +0000

Pada postingan lalu saya membahas tempat memperoleh foto gratis, salah satunya dari Flickr. Foto atau gambar di situs tersebut terbagi menjadi dua bagian yaitu copyrighted dan Creative Commons license. Anda dilarang menggunakan foto yang termasuk copyrighted, namun sebaliknya untuk foto yang berlisensi creative commons. Di bawah ini adalah cara yang saya gunakan untuk menemukan foto-foto menarik di situs tersebut secara cepat dan tanpa melanggar hak ciptanya.

1. Kunjungi halaman creative commons license.

2. Ketikkan kata kunci yang Anda cari. Misalnya, writing karena topik tulisan yang sedang Anda buat adalah menulis. Lalu klik tombol search.

3. Akan muncul banyak foto dalam ukuran kecil dalam sortiran relevant.

4. Klik foto yang menarik bagi Anda. Setelah itu klik kanan foto tersebut untuk melihat ukuran yang tersedia (misalnya Medium 500).

5. Akan muncul semua ukuran foto yang tersedia, mulai square, thumbnail, small, medium 500, medium 600, large, sampai original. Pilih ukuran yang Anda inginkan.

6. Klik link download atau save as (via klik kanan foto) untuk mendapatkan foto tersebut.

7. Catat nama dan pemilik foto tersebut sehingga Anda bisa menyebutkan sumber foto tersebut.

Itulah cara yang saya gunakan untuk menemukan foto di Flickr. Anda punya cara lain?

Postingan Terkait:

5 Tempat Memperoleh Gambar atau Foto Gratis Untuk Blog Anda

Kang Yudiono — Thu, 12 Aug 2010 14:55:11 +0000

Gambar atau foto merupakan salah satu pelengkap postingan. Agar tidak menyalahi hak cipta, tentunya gambar atau foto yang ditampilkan harus bisa dipertanggungjawabkan.

Hal ini bisa diatasi dengan menggunakan foto atau gambar berbayar.

Namun, bagaimana bila finansial Anda terbatas? Jangan khawatir, Anda bisa memperolehnya di situs-situs penyedia gambar dan foto gratis.

Berikut adalah lima tempat yang biasa saya gunakan untuk berburu foto gratis.

1. Flickr

Flickr merupakan situs tempat berbagi foto terbesar di dunia. Sayangnya, tidak semua anggota situs ini mengijinkan fotonya digunakan orang lain.Triknya adalah dengan menggunakan Advanced Search Page, lalu pilih Only search within Creative Commons-licensed content dan ketikkan kata kunci foto yang Anda cari.

Ketika Anda menemukan foto yang cocok, klik kanan foto lalu lihat Some rights reserved untuk mengetahui penjelasan hak ciptanya. Untuk memperoleh foto atau gambar dari situs ini, Anda bisa mendaftar terlebih dahulu atau bisa juga tidak.

2. Stock.XCHNG

Stock.XCHNG (biasa disebut SXC) merupakan situs di bawah manajemen Getty Images. Situs ini mengklaim memiliki 350.000 foto atau gambar dari 30.000 fotografer. Anda harus mendaftar terlebih dahulu untuk memperoleh gambar atau foto yang diinginkan.

3. Free Photos Bank

Free Photos Bank menyediakan foto-foto gratis beragam kategori mulai dari Abstract, Architecture, sampai Life. Anda tidak perlu mendaftar untuk mendapatkan foto yang Anda cari, cukup mengunduhnya atau menyimpannya.

4.MorgueFile

MorgueFile menyediakan gambar atau foto gratis tanpa perlu mendaftar. Anda tinggal mencarinya melalui fasilitas pencarian atau Explore the morgueFile yang akan membawa Anda ke beragam kategori.

5. Fixel Perfect Digital

Situs ini menyediakan foto gratis melalui Free Stock Photos dengan beragam kategori. Anda juga tidak perlu mendaftar untuk mendapatkan foto yang diinginkan.

Selamat memburu foto gratis untuk blog Anda!

Gambar diambil dari: Flickr

Postingan Terkait:

3 Cara Mengetahui Postingan yang Di-Copy Paste Orang Lain

Sat, 07 Aug 2010 16:32:45 +0000

Ago pada postingan 7 Cara Menyikapi Copy Paste Konten Blog bertanya mengenai bagaimana caranya mengetahui postingan yang di-copy paste (dicopas) oleh orang lain. Sepanjang yang saya tahu dan lakukan, ada tiga cara untuk mengetahui hal ini.

1. Memeriksa URL postingan di Copyscape

Copyscape adalah sebuah situs yang menyediakan layanan gratis untuk memeriksa penjiplakan dan mendeteksi konten duplikat. Cara menggunakan layanannya cukup mudah yaitu dengan memasukkan URL postingan. Sebagai contoh, saya memasukkan URL postingan 8 Blog yang Menghasilkan Uang Milyaran Per Tahun. Setelah menekan tombol Go, hasil pencariannya seperti gambar di bawah ini (saya menutup alamat blognya agar etis).

2. Memeriksa judul postingan di mesin pencari

Sesekali saya memeriksa postingan saya di mesin pencari (misalnya Google) untuk mengetahui postingan saya dicopas atau tidak oleh orang lain. Yang saya lakukan adalah mengetikkan judul postingan yang hendak diperiksa. Saya lalu mengunjungi satu persatu blog atau situs yang membuat judul seperti pada postingan saya. Sebagai gambaran, silakan Anda simak hasil penelusuran Google untuk judul 8 Blog yang Menghasilkan Uang Milyaran Per Tahun.

3. Melihat referrers di WordPress.com Stats

Selain Google Analytics, saya juga menginstal plugin WordPress.com Stats untuk mengetahui statistik blog (simak cara memfungsikan plugin WordPress.com Stats jika Anda tertarik menggunakannya). Salah satu fitur yang ada di plugin ini adalah referrers yaitu situs atau blog pengarah tempat pengunjung datang. Setelah ditelusuri, adakalanya referrers adalah blog yang mencopas tulisan saya. Blog tersebut lupa menghapus link internal atau link gambar sehingga pengunjung bisa berkunjung ke blog saya.

Itulah 3 cara yang saya ketahui untuk melacak postingan yang dicopas. Anda mengetahui cara lainnya? Jika ya, silakan informasikan pada bagian komentar di bawah ini.

Postingan Terkait:

Cara Mengecilkan Ukuran Gambar Hingga 5 Kali Lipat Tanpa Menggunakan Plugin

Fri, 25 Jun 2010 10:46:10 +0000

Mengecilkan ukuran gambar sering saya lakukan dalam mengolah gambar untuk postingan. Biasaya saya menggunakan cara manual yaitu menyalin gambar, mempaste-nya di Excell, mengecilkannya, dan mengubahnya menjadi format jpg via aplikasi Paint.Â Sayangnya, cara yang saya gunakan itu ribet dan tidak praktis.

Saat ngeblog bareng minggu lalu, seorang teman menyarankan saya untuk meninggalkan cara tersebut danÂ beralih menggunakan Microsoft Office Picture Manager, yang merupakan tool bawaan Microsoft Office. Saya pun mencobanya.

Ternyata hasilnya memuaskan karena ukuran foto dapat dikecilkan hingga 5 kali lipat dan dimensinya pun sesuai dengan bodi postingan. Oleh karena itu, dalam postingan ini, saya berbagi caranya untuk Anda. Walaupun ini cara lama, namun siapa tahu ada di antara Anda yang belum mengetahuinya.

1. Pilih gambar yang hendak Anda kecilkan (kompres) ukurannya.

2. Klik kanan lalu pilih Open With dan Microsoft Office Picture Manager.

3. Gambar yang terpilih akan terbuka sesuai dimensinya. Klik menu Picture, lalu klik Compress Pictures.

4.Â Akan muncul Compress pictures settings. Pilih Web pages lalu tekan OK.

5. Gambar akan dikecilkan sesuai dimensi web. Klik tombol Save untuk menyimpan hasil kompres secara otomatis ke folder tempat gambar disimpan sebelumnya.

6. Contoh hasilnya seperti berikut. Ukuran gambar telah dikecilkan dari 85 kb menjadi 16 kb (5 kali lipat). Dimensinya pun sudah berubah dari 1282 x 802 menjadi 448 x 280. Sebagai informasi, hasil tutorial ini bisa Anda lihat gambar pada postingan wallpaper komputer.

Saya sangat merekomendasikan Anda untuk menggunakan Microsoft Office Picture Manager dalam mengolah gambar untuk postingan Anda karena mudah, praktis, dan tanpa menggunakan plugin. Selamat mencoba!

Postingan Terkait:

Cara Cepat Mengetahui Kode Warna Blog Orang Lain

Mon, 14 Jun 2010 16:02:40 +0000

Saat Anda berkunjung ke blog atau situs orang lain adakalanya Anda tertarik dengan warna yang ada di blog atau situs bersangkutan. Anda pun ingin mengetahui kode warna tersebut karena ingin memasangnya di blog Anda. Namun, Anda kesulitan mengetahui kodenya.

Jangan khawatir, jika Anda pengguna browser Mozilla Firefox, Anda akan mudah mengetahui kode warna tersebut. Caranya dengan menggunakan ekstensi mozilla yang disebut ColorZilla. Anda tinggal menyorot warna yang ada, lalu ekstensi ini meninformasikan kodenya.

Berikut adalah cara menginstal dan menggunakan ColorZilla.

1. Kunjungi situs ColorZilla.

2. Klik tombol Install ColorZilla.

3. Akan muncul pop up yang meminta Anda untuk mengijinkan penginstalan ColorZilla. Klik Allow.

4. Akan muncul tampilan seperti di bawah ini. Lalu klik Install Now.

5. Setelah selesai, restart browser mozilla Anda.

6. ColorZilla akan muncul di bagian kiri bawah browser Anda.

7. Untuk menggunakannya, klik tanda seperti di bawah ini.

8. Lalu sorot warna yang ingin Anda ketahui kodenya. Catat kode tersebut secara manual.

9. Contoh hasilnya seperti berikut (yang ditandai panah adalah kode warna huruf Firefox 1.0 yang disorot).

Selamat mencoba!

Postingan Terkait:

Cara Mengetahui Hosting yang Digunakan Orang Lain

Thu, 13 May 2010 16:01:32 +0000

Pernahkah Anda ingin mengetahui hosting apa yang digunakan orang lain? Pertanyaan itu mungkin muncul karena blog yang Anda kunjungi loadingnya cepat dan tidak down ketika dibanjiri ribuan pengunjung tiap harinya (misalnya dari mesin pencari, masuk Top 10 Lintas Berita, atau hot di Digg).

Salah satu cara mengethaui hosting yang digunakan adalah melalui WhoIsHostingThis.com. Saya mencoba tools gratis ini untuk mengetahui hosting blog Dosh Dosh. Blog milik Maki ini dihosting di Media Temple (lihat gambar di bawah)

Seberapa akuratkah hasil pencarian tools tersebut? Menurut beberapa blogger dunia, keakuratannya mencapai 90 %. Sebuah presentase yang layak dipercaya. Nah, saya pun mencoba mengujinya dengan mengetikkan domain blogotainmen.com. Hasilnya akurat.

Selamat mencoba tools gratis ini.