Firesizer, Test Tampilan Blog di Berbagai Resolusi

Salah satu yang paling menantang bagi web designer adalah membuat blog mereka selalu tampil bagus di berbagai resolusi. Blog ini pun masih sangat jelek dari segi ini, karena blog ini hanya ramah pada resolusi tertentu. Untuk template simple kita bisa mengakali dengan merubah satuan template menjadi percentage (baca: Lebar Blog Fleksibel di Monitor Biasa Atau Laptop), namun ini menuntut perhitungan yang sangat teliti. Salah-salah, malah bisa membuat blog Anda hancur di browser tertentu. Bagaimana dengan blog Anda? Apakah Tampilan Blog Anda Ramah Untuk Semua Resolusi? Mari kita tes dengan plugins/addons Firefox bernama Firesizer.

1. Klik untuk download ke Firesizer
2. Klik tombol Add to Firefox dan tunggu sampai proses instalasi selesai.
3. Jika Instalasi sudah selesai, silahkan restart Firefox Anda.

Penggunaan...
Setelah terinstall Anda akan mendapatkan menu baru di bagian kanan bawah browser Anda, sejajar dengan status bar. Silahkan buka Blog Anda. Untuk tes, silahkan klik kanan menu tersebut dan akan muncul berbagai pilihan resolusi. Klik salah satu. (Jika ingin tes dengan resolusi kustom, silahkan klik customize dan tentukan sendiri Angkanya)

Setelah Anda klik, maka otomatis browser Anda akan berubah ukuran. Itu menunjukkan tampilan blog Anda di resolusi lain. Seperti contoh blog ini dengan resolusi 800x600 hanya akan terlihat sedikit bagian saja.

Berbagai Cara Lain
1. Anda juga bisa tes dengan Google Browse Size
2. Addons Lain: ResizeIT
3. Addons Lain: Yet Another Window Resizer
4. Atau Anda bisa gunakan komputer Anda langsung. Pada tampilan desktop komputer Anda silahkan klik kanan. Lalu pilih properties.

Kemudian pilih Tab Settings dan Anda bisa atur resolusi Anda disana.

Ini bisa menjadi pertimbangan bagi Anda untuk tidak membuat blog yang terlalu lebar atau panjang, atau mungkin akhirnya Anda berniat benar-beanr pro dengan lebar fleksibel... Semoga bermanfaat...

Read More......

Cara Baru Download Video di New Youtube

Mungkin Anda sering mencari blog tutorial dalam format video di youtube. Namun, akhir-akhir ini terkendali masalah karena Youtube merombak tampilannya dan menghilangkan link download. Anda akan kelabakan mencari tulisn Download now! karena sekarang memang telah dihilangkan. Tapi jang khawatir karena Anda akan mempunyai beberapa jalan...

Lewat Downloader Online
Anda bisa menggunakan bantuan downloader online. Untuk trik ini Anda bisa gunakan video-searchengine (Baca: Download Video Tanpa Software). Cobalah layanan tersebut. Alternatif lainnya adalah menggunakan Tubezen.

Dan yang saya coba terakhir masih bisa adalah:
- Kiss Youtube, sama saja cukup Anda masukkan alamat video youtube, klik Download dan Anda dapatkan info detail tentang video.
- 3outube.Sama simplenya dengan kissyotube dan yang lain.

Bantuan Software Downloader
Dengan cara di atas masih banyak keluhan, karena sekarang pun sering gagal. Saya sendiri tidak tahu penyebabnya apakah karena efek perubahan youtube juga. Mari kita coba alternatif kedua dengan bantuan software.

- Youtube Downloade, baca lengkap di tutorial Download Youtube Video dengan Youtube Downloader
- VDownloader

- Video Slurp
- Orbit Downloader

Dengan Pengaya /  Add-ons Firefox
Alternatif ketiga adalah menggunakan bantuan pengaya firefox. Ada dua pilihan pengaya yang telah saya coba. Yakni Better Youtube dan Fast Video Download.

Di atas adalah, video tutorial menggunakan Better Youtube. Dengan addons tersebut otomatis halaman youtube Anda akan dilengkapi link download lagi. Jadi Anda dengan mudah, cukup klik untuk download seperti versi lama.

Dengan Voobys
Trik ini cukup mudah. Anda hanya cukup mengganti alamat halaman youtube Anda saja.
Misal alamatnya:

http://www.youtube.com/watch?v=Ab4HRiqmhQg

ganti yang berwarna merah dengan voobys, sehingga menjadi:

http://www.voobys.com/watch?v=Ab4HRiqmhQg

Otomatis Anda akan di bawa ke halaman voobys dan terdapat link download disana. Simpan video anda dengan format .flv atau Anda bisa juga manfaatkan layanan baru Voobys yakni converter.

Di atas adalah video tutorial, petunjuk lengkap menggunakan voobys. Semoga tidak ada keluhan lagi tentang kesulitan download video di youtube. Semoga Anda menemukan yang bermanfaat disana...

Read More......

Cara Mengetahui/Menghitung Jumlah Link Dalam Satu Halaman dengan Simple Links Counter

Beberapa kali saya membahas soal Addons Firefox, kali ini singkat saja saya akan membahas mengenai Simple Links Counter. Addons ini berguna untuk menghitung jumlah link yang Ada dalam satu halaman yang sedang dibuka. Perhitungan jumlah link digunakan untuk memantau halaman blog Anda. Google menyarankan untuk tidak terlalu banyak menanam link di Blog Anda.

1. Untuk memasangnya silahkan langsung menuju ke Simple Links Counter
2. Klik tombol Tambahkan Ke Firefox

3. Lakukan instal dan tunggu sampai proses selesai.
4. Jika sudah selesai silahkan tutup browser Anda dan buka kembali (Restart Firefox)

Setelah itu Addons ini akan bekerja...  Saat Anda buka suatu halaman, maka angka jumlah link akan ada dibagian bawah kanan browser Anda. Untuk menu lebih lanjut, silahkan klik kanan. Anda bisa tahu seberapa link external dan link internel dari halaman yang sedang dibuka, juga mengatur addons tersebut dengan klik Options. Semoga bermanfaat...

Read More......

SEO Tour: Addons (Pengaya) Firefox Untuk Pantau Kekuatan SEO Suatu Blog

Lama kereta yang Anda tumpangi berhenti di stasiun, kini saatnya ktia melewati lagi rel panjang optimasi SEO yang sempat terhambat. Jika sebelumnya selalu sibuk coding, sibuk submit dan berburu link atau mencari keyword yang tepat,  sekarang saatnya Anda melengkapi Firefox Anda dengan pengaya yang bisa memberi tahu Anda dengan cepat informasi kekuatan suatu blog.

Langsung saja! Anda bisa memilih dinatara addons-addons di bawah ini untuk Firefox Anda. Jaga untuk tidak gunakan terlalu banyak addons karena akan membuat browser lambat.

#1 SEOQuake
Setelah Anda install pengaya ini, maka otoamtis di list hasil cari akan dilengkapi informasi mengenai pagerank, alexa hingga jumlah backlink dari Google dan Yahoo

#2 SEO Doctor
Memberi penilai kekuatan SEO suatu blog dari 0 - 100. Juga dilengkapi keterangan tiap bagian yang dinilai jika toolnya di klik.

#3 SEO Toolbar
Lumayan komplit bukan hanya menampakkan nilai Alexa, tetapi berisi laporan lengkap mengenai keyword paling banyak di post Anda dan jgua berbagai tools SEO lain.

#4 SEO Profesional Toolbar
Dilengkapi dengan graffik yang memudahkn Anda dalam membaca dan memabndingkan perkembangan blog Anda.

#5 Affilorama SEO
Bisa melacak backlink Anda dari Google dan Yahoo juga jumlah halaman yang terindeks Google.

Silahkan Anda pasang pengaya itu di Firefox Anda dan dapatkan kemudahan menerima laporan SEO yang bisa menjadi acuan langkah selanjutnya. Selamat malam, semoga bermanfaat...

Read More......

Lebih Mudah Memasang Kode HTML di Postingan

Meski sebelumnya pernah saya posting, masih banyak juga yang mengajukan pertanyaan serupa, "Jika saya pasang kode, kenapa kok tidak muncul ya mas?". Kesalahan tersebut simple namun benar-benar mendasar, jawabnnya adalah Anda harus parse/encode dahulu code tersebut agar bis ditampilkan. Ada cara manual, dan ada cara menggunakan tool online dan centricle yang menemani aktivitas postingan saya setahun ini (Baca: Kode HTML Tidak Keluar).

Nah, bagi Anda yang malas untuk bolak balik dari kolom postingan ke centricle, malas copy-paste copy-paste dari kolom postingan ke kolom encode, Anda bisa gunakan addons mozilla Greasey Monkey 0.8.20100408. Dengan addons ini, maka akan ada fasilitas baru di editor postingan Anda yakni tombol untuk parse.

1. Langsung saja klik untuk ke lokasi download Addons
2. Klik Add To Firefox.

3. Jika sudah selesai silahkan restart Browser Anda.

4. Setelah memukan lagi mozilla Anda, silahkan klik untuk install scriptnya.

5. Selesai sudah, sekarang Anda bisa mulai menggunakannya.

Untuk menggunakannya silahkan blok teks yang ingin Anda parse, lalu tekan tombol HTML Encode Selection. Namun, ternyata addons ini hanya berfungsi pada editor lama blogger. Untuk berpindah menggunakan editor lama silahkan menuju Pengaturan, Dasar lalu scrolling kebawah dan pilih radio buttons pada Gunakan Editor Lama. Sedikit info, semoga bermanfaat.

Read More......

Bedah, Edit dan Curi Template Orang dengan Firebug

Apa yang selama ini Anda lakukan ketika Anda tertarik pada desain suatu blog yang Anda kunjungi? Anda menirunya secara manual dengan gambaran imajinasi visual saja? Atau Anda mengambil css dengan ambil Kode Sumber Halaman? (Klik Kanan lalu pilih View Page Source). Yang lebih mudah lagi mungkin Anda gunakan software pembantu semacam stylizer yang dengan mudah memilah-milah bagian template dan memungkinkan Anda mengeditnya dengan preview langsung. (Baca: Stylizer, Edit CSS Mudah dengan Preview Real Time). Yang terakhir dulu sering saya manfaatkan untuk bedah widget-widget default blogger, namun belakangan saya merasa itu tak jauh lebih baik ketimbang fitur baru blogger, Blogger Template Designer (Baca: Blogger Temp;ate Designer - Fitur Baru Blogger Lagi).

Sebenarnya ada alternatif lain yang bisa Anda gunakan, sebuah pengaya dari Firefox yang sangat fleksibel. Bahkan Anda bisa belajar css dan Html dengan pengaya ini. Kita bisa sorot bagian-bagian kecil template dan otomatis akan muncul informasi CSS dan juga HTML nya. Fungsi lain yang tak kalah menarik, Anda juga dapatkan fasilitas seperti di stylizer dan blogger template designer yakni preview real time saat Anda edit code.

Untuk contoh penggunaan, misal saya lakukan pada facebook.com. Setelah Anda instal pengaya ini, maka Anda bisa memanggilnya dengan cara klik logo firebug di bagian kanan-bawah browser. Atau lewat menu, dengan pilih Tools - Firebug - Open Firebug. Alatnya akan muncul di bagian bawah tampilan blog yang Anda buka.

Kembali lagi kita buka facebook, mari kita bedah habis. Untuk fungsi-fungsi lain yang sangat banyak silahkan Anda nanti coba sendiri. Kita lakukan hal dasar namun memberi perubahan besar.

Penggunaan Untuk Edit Bagian Tertentu
Tentukan bagian yang ingin Anda rubah warnanya. Gunakan tools Inspect. Letaknya di bagian kiri-atas tool firebug.

Klik bagian template yang Anda inginkan. Widget atau bagian yang Anda seleksi akan dikelilingi border biru tua. Cara lain yang lebih mudah adalah arahkan mouse Anda ke bagian template yang Anda inginkan, klik tombol kanan mouse lalu pilih Inspect Elemen.

 

Firebug akan langsung menampilkan bagian htlm dan css bagian yang Anda pilih.

Nah, sekarang Anda bisa mulai edit bagian yang Anda inginkan. Klik saja kode yang ingin Anda rubah. Misalnya warna.

 

Masukkan saja kode warna penggantinya. (Lihat: Kode Warna HTML Lengkap) Misal Anda ubah hijau menjadi seperti ini

Ini lah hasil editan facebook versi jawa:

(Kalau mau jelas di klik saja gambarnya, atau lengkap bagian-bagian facebook jowo ini lihat di Facebook Versi Jowo by Mas Doyok)

Bagi Anda yang sudah tidak sabar untuk menggunakannya silahkan dapatkan pengaya ini dengan kunjungi https://addons.mozilla.org/id/firefox/addon/1843. Silahkan mencoba menggunakan firebug, semoga Anda bisa lebih mahir dengan kode-kode css atau html. Semoga artikel ini bermanfaat.

Read More......

Menghemat Bandwidth, Menghilangkan Content Tak Perlu dengan Adblock Plus

Mengambil jeda lagi setelah beberapa kali membahas tutorial sekarang saatnya memberikan info kepada Anda tentang addons Firefox yang akan menjawab lambatnya koneksi Anda. Seringkali Anda menemui blog bagus dengan artikel hebat, namun membuat sebal Anda akarena loadingnya yang lama. Jika Anda hanya membutuhkan artikelnya saja dan mungkin Anda tidak tertarik dengan beerbagai widget yang Anda anggap mengganggu termasuk "iklan". Anda bisa mengaturnya agar itu tidak tampil di Firefox Anda. Silahkan gunakan addons Adblock Plus.

- Klik untuk download Adblock Plus
- Setelah selesai download, silahkan restart Firefox Anda (tutup dan buka ulang browser Anda)
- Setelah terinstall akan ada icon ABP di bagian kanan atas browser Anda.

Cara Block Konten Tak Perlu
- Buka halaman blog yang Anda inginkan.
- Klik icon ABP merah di kanan atas browser Anda.

- Akan muncul jendela untuk block di bagian bawah browser Anda, yang otomatis membaca konten dari blog yang sedang Anda buka.
- Perhatikan daftar itu. Untuk mengetahui informasinya tinggal Anda sorotkan pada daftar content tersebut, otomatis akan keluar pop up yang memberikan informasi mengenai baris yang sedang Anda sorot.

- Untuk block, silahkan klik kanan pada baris tersebut, dan pilih Block This Item

- Akan muncul jendela pengaturan blocking. Pilih pilihan radio buttons teratas jika hanya ingin block cotent tertarget atau yang tadi Anda pilih. Anda bisa juga menggunakan list di atasnya, Misal jika Anda pilih http://bp3.blogspot.com/* maka semua kontent yang berasal dari url berawalan itu akan diblock dan tidak ditampilkan. Jika memilih custom Anda bisa ketikkan secara manual bagian apa yang ingin Anda block.

- Lalu klik Add Filter
- Coba reload halaman blog tersebut, maka konten yang tadi Anda blog akan hilang....

Unblock...
 Bisa jadi Anda salah dalam melakukan block. Untuk membatalkannya silahkan
- Klik kanan list yang telah Anda block.
- Klik Disable Filter

Anda bisa meggunakan fasilitas ini untuk block widget-widget berat atau iklan. Semoga bermanfaat...

Read More......

Feedly, Manage Situs Favorit Bergaya Majalah

Anda semakin dikejar waktu, harus lebih pandai membagi lebih banyak hal dalam waktu yang sama. Sedangkan Anda biasa membaca berbagai situs favorit dan tidak ingin ketinggalan berita. Mungkin Anda masih awam dan menggunakan cara lama yaitu mengunjungi satu per satu blog itu. Ada dua kemungkinan, ketika Anda datang Anda mendapatkan berita baru atau justru mereka belum update. Ada kemungkinan lagi, Anda telah jauh tertinggal dari berita mereka. Kemudian orang akhirnya banyak mengandfalkan Google Reader, yang dengan cepat memberikan updater berita dari google dan situs-situs yang Anda favoritkan. Belakangan ini saya memilih Feedly, karena memberikan tampilan yang lebih asyik dan sangat mudah pengaturannya....

Feedly, adalah feed reader sebagaimana Google Reader. Ia akan menampilkan update terbaru dari situs yang Anda pilih atau situs yang Anda follow. Penampilan menarik magazine style membuat kita sangat nyaman. Segera tambahkan addons ini untuk Firefox Anda. Bagi Pengguna Google Chrome dan Safari pun kini bisa merasakan fasilitasnya....

1. Klik untuk menuju ke feedly.com
2. Klik tombol hijau Get Feedly

3. Tunggu sampai proses install Addons selesai.
4. Jika sudah, segera restart Firefox Anda.
5. Ketika Anda buka ulang Firefox akan otomatis diarahkan ke halaman feed reader Anda secara otomatis. Atau secara manual Anda bisa buka di http://www.feedly.com/home

Selain itu, jika Anda sudah menambahkan addons ini, maka akan ada tombol di kanan bawah browser Anda yang akan mempermudah Anda untuk menambahkan ke daftar situs favorit, atau sekedar Anda share dan tweet. Semoga bermanfaat...

Read More......

Widget Desktop dengan Snippage

Pagi ini saya memberikan info bagus untuk Anda. Saya datang dengan alat baru yang sangat canggih bernama Snippage yang bisa memotong bagian widget favorit Anda kemudian meletakkannya di desktop komputer Anda. Cara kerja yang sangat simple. Anda cukup ketikkan alamat website yang Anda inginkan. Setelah terbuka, Anda bisa mulai memilih bagian website itu, drag dan gunakan panah di pojok kanan bawah untuk menseleksi bagian website sesuai yang Anda inginkan. Jika sudah, klik gambar gunting dan Anda mendapatkan widget itu.

Saya Beri Contoh...
- Buka Snippage

- Ketikkan URL di bagian kolom isian atas, untuk percobaan silahkan ketikkan http://www.masdoyok.co.cc
- Klik tombol go atau tekan saja Enter
- Pada halaman snippage akan muncul halaman blog dilengkapi kotak penyeleksi
- Gunakan tombol pada kiri atas kotak penyeleksi untuk menggesernya, dan tombol kanan bawah untuk memperbesar atau memperkecil ares.
- Klik gambar gunting di kanan atas untuk memotong blog menjadi widget di desktop Anda.

- Widget sudah jadi dan bisa dengan mudah Anda geser-geser di halaman desktop Anda.

Anda tak harus buka browser, cukup gunakan sinppage dan Anda bisa mengakses widget favorit Anda. Setidaknya aman juga untuk mencuri-curi waktu di saat kesibukan kantor karena aktivitas kita misal di shoutmix lewat widget ini tidak begitu mencolok :). Semoga bermanfaat.

Download AIR for Windows/Macintosh
Download Snippage

Download dua file di atas. Install dahulu Adobe Air baru kemudian install snippage pada komputer Anda. Sekali lagi. Semoga bermnfaat.

Read More......