>>>>>>>>> 2010

Belakangan ini mulai muncul web desain bergaya blogazine yang membutuhkan kreatifitas lebih, tapi dipertanyakan kebergunaannya.

Belakangan ini mulai muncul postingan yang mencoba mengoreksi kebergunaan, tapi dipertanyakan masalah kreatifitas desainnya.

Belakangan ini mulai muncul blog yang mengajak agar web aksesibilitas tidak terlihat membosankan. tapi kurang mendengung.

Belakangan ini javascript framework seperti jQuery dan Mootools makin bergairah, tapi dipertanyakan kebergunaanya dan aksesibilitasnya.

Belakangan ini blog mulai dilirik sebagai pendulang dolar, tapi terkadang penempatan iklannya menggangu pembaca.

Belakangan ini postingan bergaya 'round up' mulai menjamur, tapi dipertanyakan dari sisi pencerahan.

Kini telah hadir HTML 5 yang memcoba agar struktur elemen lebih baik, tapi baru efektif tahun 2012.

Kini telah hadir pengembangan CSS 3 yang lebih kaya dengan stylenya, tapi belum semua browser mendukung.

Lalu seperti apakah wajah pengembangan weblog di tahun 2010 ?

Read More

Say Hello To Id Tutorial

Keinginan untuk membuat sebuah blog yang berisi tutorial yang tidak hanya membahas tentang blogger.com sebenarnya sudah ada sejak lama, namun sepertinya hal tersebut sulit untuk di wujudkan. Beberapa kali kang Rohman mencoba membuat blog khusus namun akhirnya selalu di tinggalkan begitu saja. Dari pengalaman yang ada, dan hal tersebut tidak ingin terulang kembali kang Rohman mencoba merangkul beberapa orang yang dianggap memang kompeten di bidangnya untuk membuat sebuah blog yang akan di isi tentang tutorial. Upppss… akhirnya lahir deh id Tutorial.

 

Apa Yang akan di tulis di Id Tutorial?

Menurut konsep awal yang ada, Id Tutorial akan di isi dengan Tutorial membuat blog di Blogger.com, Tutorial membuat blog di Wordpress.com, Tutorial membuat blog dengan wordpress.org, Tutorial CSS dan HTML, Tutorial Javascript.

Untuk materi yang lain tentunya akan di diskusikan seiring berjalannya waktu.

 

Siapa di balik Id Tutorial ?

Sesuai peribahasa “Tak Kenal Maka Tak sayang”, maka berikut para kontributor di Id Tutorial :

 

Abu Farhan

Sebagian mungkin sudah mengenal nama Abu Farhan di belantika Blogosphere. Beliau telah melahirkan banyak Hack untuk blog blogger. Beliau menguasai beberapa Desktop Programming seperti delphi, python, VB dan c++ serta web programming seperti Javascript, jQuery dan PHP.

 

Choen

Choen. Banyak blogger mengenal beliau karena karyanya berupa template blogger yang sudah beredar dan banyak di pergunakan. mahir dibidang CSS dan HTML serta web designer.

Kang Rohman

Pemilik Kolom Tutorial. Walaupun tidak ada bidang keahlian yang spesifik, namun akan berusaha memberikan kontribusi di Id Tutorial.

 

Untuk sementara kontributor di Id Tutorial masih 3 orang, namun mudah-mudahan kedepannya akan bertambah lagi,

 

Ayo, siapa yang mau “ Say Hello To Id Tutorial?” di tunggu komentarnya di http://idtutorial.com

Read More

Generator @font-face Mempermudah Custom Font

Semenjak berkembangnya CSS 3, anda tidak perlu lagi melakukan custom font dengan javascript maupun flash. Anda dapat menggunakan embed font atau @font-face, sebagai alternatif baru yang lebih baik untuk bermain 'typography'.

Ada jasa yang dapat kita gunakan untuk memudahkan membuat @font-face, yaitu dengan @font-face Generator. Anda pun dapat memilih Free Fonts yang akan anda gunakan di fontsquirrel.com si penyedia jasa generator tersebut. Dengan generator @font-face ini kita tidak susah lagi mengkonver font dalam bentuk 'eot' untuk IE atau 'svg' untuk Chrome. Dan juga mendapatkan scriptnya yang bisa langsung kita tanam di CSS.

Tahapan Custom Font dengan @font-face

1. Pilih Font yang Anda Sukai

Pilihlah jenis font yang anda sukai di penyedia free font, termasuk di fontsquirrel.com. Yang perlu diperhatikan disini adalah yakinkan bahwa font tersebut dapat digunakan secara legal untuk sebuah web.

2. Generate Font

Masuk ke @font-face Generator. Kemudian:

• Add font.
• Contreng Agreement.
• Base Font Format, tidak perlu dirubah.
• Alt Font Formats, contreng semuanya EOT, SVG dan WOOF.
• Options dan Subsetting, tidak perlu dirubah, tapi anda bisa juga mengaturnya.
• Terakhir, download.

Seperti gambar berikut :



Extract hasil file download tersebut.

3. Membuat Folder Fonts
Buatlah folder "fonts", dan masukan semua font hasil download tersebut kedalam folder fonts.
Font tersebut ada empat buah yang memiliki akhiran:

• .eot
• .svg
• .ttf atau .otf
• .woff

Kemudian upload folder "fonts" tersebut. Misal anda pengguna Wordpress, upload folder tersebut kedalam [../wp-content/theme/NamaTheme/], hasilnya seperti demikian [../wp-content/theme/NamaTheme/fonts].

4. Memanggil Font Lewat CSS
Buka file css yang bernama stylesheet.css, hasil dari generator font yang telah anda download dengan notepad.

Copy code tersebut, misal seperti:

@font-face {
 font-family: 'GoudyBookletter1911Regular';
 src: url('GoudyBookletter1911.eot');
 src: local('Goudy Bookletter 1911 Regular'), local('GoudyBookletter1911'), url('GoudyBookletter1911.woff') format('woff'), url('GoudyBookletter1911.otf') format('opentype'), url('GoudyBookletter1911.svg#GoudyBookletter1911') format('svg');
}

Paste code tersebut kedalam file css anda, dan rubah menjadi:

@font-face {
 font-family: 'GoudyBookletter1911Regular';
 src: url('fonts/GoudyBookletter1911.eot');
 src: local('Goudy Bookletter 1911 Regular'), local('GoudyBookletter1911'), url('fonts/GoudyBookletter1911.woff') format('woff'), url('fonts/GoudyBookletter1911.otf') format('opentype'), url('fonts/GoudyBookletter1911.svg#GoudyBookletter1911') format('svg');
}

Jadi tambahkan fonts/ disetiap url untuk memanggil font yang berada di "folder fonts".

Nah sekarang, misal anda ingin menggunakan custom font tersebut di h1, maka panggil nama font tersebut, seperti berikut:

h1{
   font-family: 'GoudyBookletter1911Regular', serif;
}

Hasil dari penggunaan 'Generator @font-face' ini dapat anda lihat di Id Tutorial pada judul postingan.

Penutup

Sip demikian keseluruhan tahapan 'Custom Font' dengan '@font-face' CSS tersebut. Kembangkan lah font tersebut sehingga 'Typography' pada weblog anda semakin baik.

Untuk penggunaan @font-face di blogger.com anda dapat mempelajari di @font-face CSS di Blogger Template.

Read More

Redesign yang Kesekian Kali

Template blog ini akhirnya dirombak lagi, meninggalkan blog hitam yang sebenernya berat untuk diganti. Tapi untuk memenuhi mengoreksi blogger template ku, walau masih belum sempurna, tapi diusahakan nyerempet kesana.

Pada template ini yang masih menggunakan HTML 5 dengan "classic blogger template" dan CSS3 terutama penggunaan jasa @font-face di blogger, dibuat lebih sederhana, dengan navigasi yang sederhana juga. Karena bermain sederhana akhirnya fungsi jQuery pun dipangkas.

Ada dua blog yang menginspirasi blog ini, bisa dikatakan nyontek (jangan ditiru ngak bagus), walau tidak sepenuhnya (tapi kok hampir mirip?). Terus terang masih agak sulit menemukan karakter sendiri, seperti blog yang hitam dulu.

Kedua blog tersebut bergaya grid, sehingga terlihat tertata rapih. Yaitu:

• Substraction
• 5thirtyone

Penutup

Karena masih terinspirasi blog lain maka karakter blog ini tidak kuat lagi. Yah ngak apa-apa deh. Soalnya dua blog itu begitu mempesona belakangan ini. Selain itu untuk dapat memenuhi beragam konvensi dan keberlakuan masih jauh. Tapi tetap mempertahankan template blogger ini untuk masalah validasi pada halaman utama blog, valid HTML 5, dan untuk CSS 3 ada 1 error dari bawaan blogger.

Kalau ada masukan silahkan, tapi jangan banyak-banyak yah, hehheeh. Masalahnya cape juga gantinya. :)

Sip demikian.

Read More

CSS Bubble Tooltips

Ingin blog anda lebih variatif? mungkin anda bisa menggunakan teknik CSS Bubble Tooltips. Dengan CSS Bubble Tooltips anda dapat memberikan syatu keterangn singkat suatu link yang di inginkan dan keterangan ersebut akan muncul apabila pengunjung blog menyorotkan cursor mouse pada link yang anda beri efek tooltips.

 

< (((((((( \\\\\\\\\\\\\\\\\\\\      LIve Demo      ///////////////////// )))))))) >

 

Silahkan arahkan mouse komputer anda pada link yang ada pada halaman tersebut, dan seharusnya ada akan melihat efek bubble tooltips.

 

Teknik Tooltips yang dipakai adalah 100% menggunakan CSS, jadi tentunya tidak akan terlalu membebani loading blog anda. Cara untuk mengimplementasikan CSS Bubble Tooltips terbilang sangat mudah, berikut caranya.

 

Langkah #1

 

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik Tab Edit HTML.
4. Jangan lupa untuk Membackup template anda terlebih dahulu, klik link Download Template Lengkap.
5. Silahkan cari kode ]]></b:skin>
6. Copy lalu paste kode berikut diatas kode ]]></b:skin>

   /*---------- bubble tooltip -----------*/
   a.tt{
       position:relative;
       z-index:24;
       color:#3CA3FF;
       font-weight:bold;
       text-decoration:none;
   }
   a.tt span{ display: none; }

   /*background:; ie hack, something must be changed in a for ie to execute it*/
   a.tt:hover{ z-index:25; color: #aaaaff; background:;}
   a.tt:hover span.tooltip{
       display:block;
       position:absolute;
       top:0px; left:0;
       padding: 15px 0 0 0;
       width:200px;
       color: #993300;
       text-align: center;
       filter: alpha(opacity:90);
       KHTMLOpacity: 0.90;
       MozOpacity: 0.90;
       opacity: 0.90;
   }
   a.tt:hover span.top{
       display: block;
       padding: 30px 8px 0;
      background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-ZcGDymgGb_zuO-9p1q2v8sA3xyjZYW_AcqRs94eD10RLY6FnK5tVv_E4K0rDSEM9vynrLWMbXfBhCf9JJk_AyjjXiZy1NHAfQJ7DYz7pNFZ8kBE1dXguI1QF3XN_-Cs-b0ubi2wBFc/) no-repeat top;
   }
   a.tt:hover span.middle{ /* different middle bg for stretch */
       display: block;
       padding: 0 8px; 
      background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpGJH0z-q9FJM1OIh4gV2yCNwLyF-m1njteaPb_z14tBr4qJpUKFBY0xjlbzo3v8YEqCeqWGHKB50HxjjKZ7caCQjB5fuUVxXtD0pnYAlevhEnEu-covf1YDwpVu0bzOTJTtZiJWn1C1s/) repeat bottom;
   }
   a.tt:hover span.bottom{
       display: block;
       padding:3px 8px 10px;
       color: #548912;
      background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-ZcGDymgGb_zuO-9p1q2v8sA3xyjZYW_AcqRs94eD10RLY6FnK5tVv_E4K0rDSEM9vynrLWMbXfBhCf9JJk_AyjjXiZy1NHAfQJ7DYz7pNFZ8kBE1dXguI1QF3XN_-Cs-b0ubi2wBFc/) no-repeat bottom;
   }

7. Klik tombol SIMPAN TEMPLATE.
8. Langkah pertama selesai.

Untuk langkah selanjutnya anda hanya perlu menambahkan sedikit kode HTML pada link yang ingin ada efek bubble tooltips nya. Posisi link tentunya bisa dimana saja sesuai dengan keingina, bisa di dalam posting, sidebar, ataupun footer. Format kode tambahannya seperti ini :

 

 <a href="link_tujuan" class="tt">Teks link yg muncul<span class="tooltip"><span class="top"></span><span class="middle">Pesan yang akan muncul</span><span class="bottom"></span></span></a>

 

Contoh :

Bagi yang ingin belajar membuat blog di blogspot, coba kunjungi deh <a href="http://kolom-tutorial.blogspot.com" class="tt">Kolom Tutorial<span class="tooltip"><span class="top"></span><span class="middle">panduan lengkap membuat blog di blogspot</span><span class="bottom"></span></span></a>, di jamin puas karena tutorialnya gratisss.

 

Langkah #2

Untuk mencoba memasang di bagian sidebar, berikut caranya :

 

1. Silahkan login ke blogger dengan ID anda.



2. Klik Tata Letak.



3. Klik tab Elemen Halaman.



4. Klik Tambah Gadget.



5. Klik tanda plus (+) untuk HTML / Javascript



6. Masukan kode link yang anda inginkan ( lihat kode diatas).



7. Klik SIMPAN.



8. Selesai.

Jika anda ingin memasukkan didalam posting, pilih terlebih dahulu mode Edit HTL bukan pada mode Compose, kemudian masukan kode tambahan link tooltipnya, setelah itu anda dapat kembali ke mode compose jika mau.

Silahkan mencoba!

 

Credit : trentrichardson

Read More

Free Blogger Template - Smart Shadow

Demo Download

Free Blogger Template ini awalnya ingin bermain image. Tapi pas ngedit template tersebut, saya mencoba memainkan border, dan ternyata dapat mewakili image yang sebelumnya telah saya buat di photoshop.

Jadi sebenarnya kekuatan template ini adalah permainan kombinasi warna antara warna background dan border saja, ditambah dengan pengembangan CSS 3 berupa text-shadow dan border radius.

Konsekuensi pengunaan CSS 3 ini tentunya pada browser yang belum mendukungnya, tidak dapat menampilkan efek shadow di text dan round corner.

Image yang digunakan pada template ini cuman 3 yaitu hanya pada icon rss, back to top dan background kontent yang hanya berupa garis. Jadi kesuruhan image yang digunakan tidak lebih dari 3 kb.

Template ini mematikan fungsi pagenav bawaan blogger, jadi penggantinya saya menggunakan pagenav buatan Abu Farhan yang baru yang berjudul "Numbered Page Navigation For Blogger New Script". Penempatan pagenav ini pun saya rubah, saya buat tempat khusus untuk pagenav tersebut.

Semua navigasi pada template ini dapat anda rubah sesuai kebutuhan anda baik itu navigasi utama dan kategori, secara manual. Anda tinggal merubah:

href="#" atau href="/"

dengan alamat yang anda inginkan. Termasuk juga pada alamat di footer.

Terakhir saya ucapkan terima kasih kepada Kang Rohman yang sebelumnya telah mempublikasi template ini berikut pemberian nama "Smart Shadow". thanks Kang.

Read More

Free Template : Smart Shadow

Untuk anda yang mendambakan mempunyai blog dengan tampilan template yang cool dan terkesan Profesional, Smart Shadow adalah salah satu free template yang mungkin layak untuk anda pertimbangkan. Smart shadow di design apik oleh salah satu sahabat kang Rohman, Choen.

 

Live Demo

 

Dengan balutan warna merah menyala menjadikan template ini terkesan begitu profesional layaknya web-web populer dunia, namun kesan cool pun segera hadir dengan adanya warna coklat dan abu-abu, hmmmm… bagaimana menurut kesan anda?

Smart Shadow telah kompatibel dengan beberapa browser internet ternama versi terbaru seperti Firefox, Opera, Google Chrome, serta Safari. Namun untuk Internet Explorer masih belum dapat menampilkan text shadow karena memang masih belum mendukung.

Untuk yang mau menjajal Smart Shadow Template, silahkan di coba.

 

Download Smart Shadow Template

Read More

Sebenarnya Kita Menulis Untuk Siapa?

Dalam tulisannnya Pandu Truhandito sempat menyitir bahwa:

Karena SEO ditujukan untuk search engine, maka kita harus menulis untuk search engine juga
- the on-page optimization fallacy -

di tulisannya yang berjudul The On-Page Optimization Fallacy

Nah, kita yang sering melakukan praktek SEO apakah selama ini demikian, menulis hanya untuk kepentingan mesin pencari?

Merangkai sebuah kalimat sesuai kepentingan kata kunci yang ingin kita tembak agar mesin pencari memberikan posisi yang baik untuk kata kunci kita tersebut. Jadi bukan merangkai kalimat untuk kepentingan pembaca, agar pembaca dapat memahami sesuatu yang anda tawarkan atau anda share, sehingga pembaca merasa mendapatkan wawasan baru atau pencerahan.

Saya pernah melakukan seperti kutifan diatas. Misal saya saat ini meriview tulisan Pandu. Tapi dalam riview tersebut, saya juga berusaha menembak kata kunci dalam tulisan.

Katakan kata kuncinya "SEO" dalam review kali ini. Maka saya akan mengemas tulisan riview ini dengan menebarkan kata kunci SEO, dan tiap kata kunci SEO saya berikan link ke blog saya atau artikel ini.

Akibat tulisan tersebut memang dikemas untuk kepertingan SEO, maka, sebenarnya porsi riviewnya lebih kecil dibanding kata kunci tembakannya tersebut. Akibatnya tulisan kurang mengalir dengan baik, karena memang tulisannya dibuat untuk kepentingan mesin pencari.

Menurut Pandu, kutipan diatas tersebut sebenarnya menyesatkan dan kesalahan yang fatal.

Sebab akhirnya kualitas sebuah konten yang menjadi perhatian utama pembaca. Agar pembaca betah untuk membaca dan menelusuri blog kita lebih dalam.

Kalau konten menjadi pertimbangan utama. Waktu pembaca masuk keblog kita lewat mesin pencari tidak bergegas pergi. karena pembaca bukan mesin yang hanya menelusur tanpa penilaian kualitas sebuah konten.

Pasti anda pun seperti demikian. Ketika memasukan kata kunci di mesin pencari, seperti Google. Kemudian anda masuk kesebuah halaman. Pasti sering langsung menekan tanda silang [x] di tab halaman tersebut. Karena anda merasa didalam halaman tersebut hanya berupa judul dengan taburan kata kunci.

Sip, menurut saya blog pandutruhandito.com bisa di jadikan salah satu referensi utama untuk masalah SEO. Tampaknya Pandu menguasai bidang SEO dan memang spesialisasinya. Tulisannya enak dibaca dan penjelasannya ilmiah tidak teknis.

Read More

The Best Accordion Untuk Blogger

Banyak dari para blogger mandambakan bahwa blog yang dimilikinya tampil menarik, elegan serta profesional. Banyak cara untuk mewujudkan itu semua, salah satunya adalah dengan menggunakan The Best Accordion untuk blogger yang di rancang oleh sahabat kang Rohman yaitu Abu Farhan.

Dengan menggunakan The best Accordion by Abu Farhan maka sidebar anda akan tampak rapih dan hemat tempat karena isi dari widget sidebar akan disembunyikan ( Hide ) dan akan tampil ( Show ) ketika judul sidebar di klik oleh pengunjung, namun tidak hanya itu saja, gerakan yang halus saat membuka dan menutup ( Show / Hide ) menjadikan The best accordion terlihat profesional.

 

Live Demo

Untuk  membaca tutorial lengkap tentang pemasangan The best Accordion, silahkan di baca disini!

Read More

UvumiTools Drop down Menu

Menepati janji yang kemarin bahwa akan mencoba untuk eksis kembali dalam menulis artikel yang berhubungan dengan blog tutorial. Posting kali ini kang Rohman akan mencoba membahas tentang Navigasi yang bernama UvumiTools Drop Down Menu.

 

Read More

Intermezo Sejenak

Dulu, Blog Kang Rohman atau lebih dikenal dengan sebutan Kolom Tutorial begitu kental akan nuansa Blog Tutorial atau panduan membuat blog,  dan lebih spesifik kepada cara membuat blog di blogspot atau sekarang blogger. Target utama pengunjung yang diharapkan adalah mereka yang tertarik ingin membuat blog namun belum mengerti caranya. Artikel tentang tutorial pun begitu gencar dipublikasikan, dan sepertinya usaha tersebut membuahkan hasil jika ditilik dari jumlah pengunjung yang mencapai ribuan setiap harinya.

Sekarang, Blog Kang Rohman sepertinya sedikit ngawur, ini terlihat dari banyaknya artikel selain Blog Tutorial. Sudah hilangkah jati diri dari Kolom Tutorial? Mungkin “Ya” atau mungkin juga “Tidak". Dari sekian banyak pembaca, ada beberapa diantaranya yang merasa dan mungkin peduli dengan Kolom Tutorial. berikut kutipan komentarnya.

 

makasih atas infonya kang.... oia kok makin lama blog ini jadi ngebahas tentang software bukannya tentang tutorial blog lagi?

setelah sekian lama, kang rohman sudah tidak punya materi lagi tentang blog, yg dibahas hanya yahoo, google dan layanan yg jauh dr blog. kenapa gak bahas menu vertikal versi anyar atau yg horisontal, atau ide cerdas tentang blog misal buat menu komentar hari ini, posting hari ini, posting kemarin dll. maaf hanya ngingetin

Terima kasih atas komentarnya. Di waktu ke depan, Kolom Tutorial akan mencoba eksis kembali dalam menulis yang berhubungan dengan Blog dan tidak hanya informasi seputar free software.

Read More

Membuat Postingan Blogger Lebih Friendly

'Post Editor' mesin Blogger belum bisa secara otomatis untuk membuat paragraf, tidak seperti halnya pada mesin lain. Biasanya karena malas menggunakan tag paragraf <p>, maka mengaktifkan 'Conver line breaks' <br /> pada mesin Blogger, sebagai penggantinya. Jadi setiap melakukan enter pada postingan akan digantikan dengan <br/> (bukan <p>).

Postingan yang Friendly

Idealnya postingan yang baik atau 'friendly' berdasarkan struktur X/HTML itu menggunakan paragraf dengan tag <p> bukan <br />. Demikian contoh penggunaan paragraf:

Contoh yang baik:

<p>Nunc euismod, tellus id eleifend lobortis, lorem ligula volutpat dui, vel consequat quam diam in tellus. Quisque sed erat nibh; id venenatis arcu? Aliquam facilisis magna id ligula pellentesque fringilla? </p>
<p>Aenean pulvinar suscipit adipiscing. Suspendisse nisl elit, elementum ac commodo a; cursus in erat! Fusce venenatis faucibus risus; eget blandit dolor hendrerit vel.</p>

Contoh yang kurang baik atau salah:

Nunc euismod, tellus id eleifend lobortis, lorem ligula volutpat dui, vel consequat quam diam in tellus. Quisque sed erat nibh; id venenatis arcu? Aliquam facilisis magna id ligula pellentesque fringilla? 
<br />
Aenean pulvinar suscipit adipiscing. Suspendisse nisl elit, elementum ac commodo a; cursus in erat! Fusce venenatis faucibus risus; eget blandit dolor hendrerit vel.

Muncul Masalah akibat Line Breaks

Akibat mengaktifkan Conver line breaks ini muncul masalah di validasi pada postingan. Contoh pada kasus penggunaan tag <ul> 'unordered list'.

Jika kita menulis seperti ini:

<ul>
<li>Nam feugiat felis tellus; rutrum elementum odio.</li>
<li>Phasellus tempus tellus id odio pulvinar dictum.</li>
<li>Fusce euismod dignissim lorem, at porttitor augue dignissim cursus?</li>
</ul>

hasilnya atau terbacanya menjadi seperti ini:

<ul>
<br/>
<li>Nam feugiat felis tellus; rutrum elementum odio.</li>
<br/>
<li>Phasellus tempus tellus id odio pulvinar dictum.</li>
<br/>
<li>Fusce euismod dignissim lorem, at porttitor augue dignissim cursus?</li>
<br/>
</ul>

Muncul <br /> disana, karena pengaruh enter tadi. Nah ini menjadi masalah dalam validasi, sebab tag ul tidak boleh didalamnya ada <br/>.

document type does not allow element "br" here; assuming missing "li" start-tag

Catatan: ternyata 'Updated editor' lebih baik digunakan karena tidak muncul line breaks seperti hal diatas apabila kita menggunakan list. Tapi 'Updated editor' ini masih belum bisa secara otomatis membuat tag paragraf.

Kesimpulan

Mengganti fungsi paragraf dengan line breaks sebenarnya tidak baik dan itu tidak friendy berdasarkan sturuktur X/HTML. Ada alat bantu agar kita tidak repot menggunakan tag paragraf secara manual, yaitu Markdown Dingus. Dengan alat bantu ini secara otomatis akan merubah text menjadi menjadi HTML, dan akan menambahkan tag paragraf, sehingga postingan kita lebih friendly.

Read More

Free Blogger Template Valid XHTML

Demo Download

Akhirnya saya memberanikan diri membuat 'Free Blogger Template' Valid XHTML ini, walau hanya valid pada halaman utama atau 'home page' dan 'page'. Jadi pada bagian postingan, template ini tidak valid, karena pada form komentar blogger tidak bisa diakali.

Kenapa mesti valid, silahkan baca disini penjelasannya Why Validate?.

Sebaiknya template ini digunakan untuk blog baru. Namun apabila digunakan pada blog lama (sudah banyak postingan dan gadget) sebaiknya dicek validasinya dan diperbaiki errornya di Markup Validation Service.

Template ini desainnya menggunakan Blogger Template Framework. Apabila anda tertarik menggunakan Free Blogger Template Valid X/HTML ini, tahapan berikut ini menjadi penting diperhatikan:

Tahap 1

Backup template dan 'gadget' anda, jika bukan blog baru, untuk menjaga apabila ada masalah.

Tahap 2

Reset HTML. Yaitu hapus semua kode di dalam tag body, yaitu setelah <body> sampai sebelum </body> (jadi <body> dan </body> nya tidak dihapus.)

Tahap 3

Upload file xml setelah di Unzip.

Jika muncul:

'Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.
Navbar1'

Langsung klik 'Confirm & Save'.

Tahap 4

Pada Edit HTML

<link href='/atom.xml' rel='alternate' title='Your Title - Atom' type='application/atom+xml'/>
<link href='/rss.xml' rel='alternate' title='Your Title - RSS' type='application/rss+xml'/>

Ubah 'Your Title' diatas dengan Judul Blog Anda.

Tahap 5

Karena saya menghapus navigasi halaman bawaan blogger yang memiliki banyak error, maka saya mengganti dengan 'page navigasi' hasil pengembangan Abu Farhan. Nah yang perlu diperhatikan disini adalah pada:

<script type='text/javascript'>
var pageCount=2;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

Ubah jumlah atau angka var pageCount sesuai jumlah postingan yang anda tampilkan di halaman utama ('home page').

Tahap 6

Masuk ke 'Layout' di 'Page Elemen' perbaiki 'Gadget Blog Archive' dengan mengubah 'Style' yang sebelumnya 'Hierarchy' menjadi 'Flat List'.

Tahap 7

Masuk ke 'Settings' di 'Basic' cari 'Show Quick Editing on your Blog?' pilih 'No'.

Tahap 8

Pada demo saya menggunakan 'readmore' bawaan blogger, yang perlu diperhatikan penempatan <!-- more --> di 'Edit HTML' pada postingan, seperti berikut:

Nunc egestas interdum dui, et dapibus ligula rhoncus quis. Proin auctor malesuada lectus laoreet faucibus. Ut venenatis cursus diam, vitae suscipit elit fringilla quis. Proin ut mollis nibh. <!-- more -->

Donec tempus velit a nisi venenatis vitae volutpat mauris dictum. Etiam in nisl ut, vitae suscipit elit fringilla quis.

Tahap 9

Jika anda upload sebuah image, ubah script tersebut. Garis besar scriptnya seperti ini:

<a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gEpqKD6FM_z1n8tX0mq12KqJ5D1wsv67bklLKv2jgg2m4AkWFZ-5yaDaJ9uMWXQmHqpJKuudOOZP2t_gPPNP5u1hvMFiA9cPuDUuCmAYtPtE8BzDaS3kbsj_Xk1ytg7sgBZc5iF0A7E/s320/valid-html.gif" /></a>

Tahap 10

Jika anda menambah sebuah widgate atau gadget ingat untuk menghapus:

<b:include name='quickedit'/>

pada 'Layout' - 'Edit HTML' aktifkan 'Expand Widget Templates'

Catatan: 'Gadget Followers' saya tidak pasang, karena menimbulkan error pada validasi.

Tahap 11

Kemudian apabila anda membuat postingan baru atau menambah gadget, cek validasinya di Markup Validation Service, apabila ada error perbaiki, biasanya disana ada solusi perbaikannya. Nanti anda akan tahu dan terbiasa bagaimana menjaga postingan anda tetap valid.

Sip demikian tahapannya.

Catatan: Tempale tersebut hanya valid pada XHTML. Untuk CSS tidak valid, masih ada sekitar 33 error. Masalah validasi CSS ini agak sulit karena CSS bawaan blogger (injek). Kalau anda ingin cek validasi CSS di CSS Validation Service.

Update

Tambahkan “Canonical Link Element” dibawah kode <head>:

<link expr:href='data:blog.url' rel='canonical'/>

untuk mencegah terjadinya duplikat konten.

Lihat juga disini Trik Markup Validation W3C untuk Blogger

Read More

Free Video Accelerator Untuk YouTube

Anda sering menyaksikan video pada situs-situs video seperti YouTube atau yang lainnya? hal yang paling membosankan dalam menonton video di intyernet adalah saat menunggu video tersebut loading data. Agar anda tidak usah merasa bosan untuk menunggu sebuah video bisa di saksikan, mungkin anda memerlukan bantuan software yang bernama Speedbit Video Accelerator. Dengan Speedbit Video Accelerator loading data video yang anda saksikan akan lebih cepat dari biasanya. Speedbit Video Accelerator akan secara otomatis bekerja ketika anda menyaksikan sebuah video di internet.

Speedbit Video Accelerator sebenarnya tidak hanya untuk situs Youtube saja, namun support juga untuk situs-situs video lainnya seperti Yahoo Video, Smin, AOL Video, Facebook, Metacafe, Veoh, ABC, Adobe, Ameba Vision, Bebo, Bofunk, Break, CANAL+, CAtPost, Cbs2/KCAL9, Cbs4, Clipfish, CNN, Crackie, Dag, Dance Jam, Discovery Channel, DropShots, EA Sports, eFootage, ESPN, Expo TV, FHM, Flurl, FOX NEWS, FunnyJunk, GameArena, Gametrailers, Glam, graspr, Guzer, hi5, Ina, JibJaB, KeyeTV, libero Video, LiveVideo, MojoFlix, KoVideo, MyVideo, Netlog, Nothing Toxic, Pandora TV, Pomoho, Red Balcony, Revision3, Rocketboom, Rutube, Sharkle, Sky News, Stickam, Submarinechannel, Tagged, The Onion, The Weather Channel, Tudou, VBS. TV, videa, Video Web Town, VideoLog, Vidiac, Vidking, Vimeo, vodpod, vume, WannaHaves, WBZ-TV, WFRV-TV, Your Daily Media, Youtube, AOL UncutVideo, Dailymotion, iTunes, Myspace, 56, ABC News, Dan lain-lain ( cape ngetiknya ).

 

Bagi yang suka nonton video di Internet, sepertinya anda layak menjajal software ini.

 

Download Speedbit Video Accelerator

Read More

Page Navigation di Classic Template Blogger

'Classic Template' tidak memiliki navigasi halaman bawaan seperti halnya template baru Blogger. Tapi kini 'classic template' yang saya gunakan telah memiliki halaman navigasi atau 'Page Navigation' yang dikembangkan oleh Abu Farhan...thanks Abu Farhan. Jadi betah sama 'classic template'.

Halaman navigasi ini juga tidak menimbulkan error pada validasi HTML, tidak seperti halaman navigasi bawaan Blogger pada template baru (XML). Mungkin ini alternatif pengganti navigasi bawaan Blogger tersebut.

Bagi para pengguna mesin Blogger, kini Abu Farhan juga mengembangan model baru 'Page Navigation' dengan 'Scroll', yang berjalan dengan mulus. Dengan adanya model baru PageNav ini semakin memperkaya tampilan template blogger.

Sip.. Terima kasih banget untuk para pengembangan Blogger.

Read More

Free AMV Video Converter

Seperti yang diketahui bersama, format file dari sebuah video sangat beraneka ragam, ada MPEG, MPG, DAT, WMV, WMA, ASF, RM, RMVB, RAM, MOV, QT, AVI, AMP dan lain sebagainya. Banyak player video yang beredar dipasaran hanya bisa playback video format AMP, jika player yang anda miliki adalah salah satunya maka tidak akan bisa playback video selain AMP. Oleh karenanya, anda memerlukan sebuah software yang dapat mengkonversi dari file video yang lain ke file AMP.  Mungkin pilihan anda akan jatuh pada software yang bernama AMP Video Converter.

AMP Video Converter adalah sebuah freeware atau software gratis yang dapat mengkonversi file video format MPEG, MPG, DAT, WMV, WMA, ASF, RM, RMVB, RAM, MOV, QT, AVI, menjadi video format AMP.

Yang berminat silahkan download.

 

Download AMP Video Converter

Read More

Free M4a to MP3 Converter

Free M4a to MP3 Converter adalah sebuah free software yang dapat mengkonversi file MP4 audio ke MP3, AAC ke MP3, M4a ke MP3. Software ini berguna jika player yang anda miliki hanya support untuk playback file MP3 dan tidak bisa untuk playback file MP4 atau AAC. Free M4a to MP3 Converter benar-benar gratis untuk anda gunakan dan bukanlah versi trial.

Fitur utama dari Free M4a To MP3 Converter :

 

• AAC to MP3 converter.
• Convert M4a to MP3.
• Audio books M4b to MP3 converter.
• MP4 audio converter.
• 3GP audio converter.
• AAC, M4a, M4b player.
• MP3 quality settings up to 320 Kbit/s, 48 KHz.
• Drag&Drop.
• Batch processing of multiple M4a, AAC, M4b, MP4 etc. files.
• User-friendly multilingual interface.
• Meta information (ID3 tags) is copied from source files. Converted files contain all necessary data: title, artist, album (if the data was present in the source files).
• AAC to WAV converter.
• M4a to WAV converter.

Yang berminat silahkan download pada situs reminya!

Download Free  M4a to MP3 Converter

Read More

Blogger Template Framework

Demo Download

'Blogger Template Framework' ini, seperti halnya 'WP Theme Framework', dikhususkan hanya sebagai kerangka dasar template. Saya membuat Blogger Template Framework ini sebagai pengganti template minima yang selama ini difungsikan sebagai framework. Dengan adanya template ini saya tidak terlalu repot lagi, atau banyak pembenahan jika ingin membangun sebuah template baru.

Perbedaan dasar Blogger Template Framework ini dengan Template Minima:

• Ukuran Lebar Template menjadi 940px,
• Tag tittle saya sudah rubah agar lebih friendly,
• Title pada postingan saya rubah menjadi H2 dan bisa menggunakan tag H3 untuk subjudul,
• Menu Navigasi,
• Search, dan beberapa hal lainnya.

Sip, semoga template ini bisa anda manfaatkan juga sebagai framewwork.

Read More

FireFox Add-Ons: Buat catatan dengan List It

Anda seorang yang super sibuk sehingga kesulitan mengingat segala kegiatan yang harus anda jalankan? mungkin anda memerlukan Lis It. List It adalah sebuah add-ons Firefox yang ringan untuk membuat catatan kegiatan yang mau anda jalankan.

Karena ini adalah sebuah add-ons firefox maka tool ini diperuntukkan bagi anda pengguna browser Internet Firefox. Untuk mengaktifkan List It anda hanya klik icon yang ada di sebelah kanan bawah browser firefox a juga dengan shortkey  Ctrl + Shift + F.

List It add-ons bisa anda download secara langsung pada halaman resmi add-ons firefox.

 

Download add-on List It

Read More

Mencari DNS Server dengan Namebench

Pada postingan sebelumnya, Kolom Tutorial menginformasikan tentang peluncuran Google Public DNS. Sebagian besar dari pembaca kolom tutorial mungkin telah mencoba DNS tersebut, namun tentu tidak semuanya memakai DNS tersebut karena setelah dibandingkan hasilnya tidak lebih baik dengan DNS yang biasa anda pakai. Jika anda ingin mencoba mencari DNS server yang cocok dengan koneksi yang anda gunakan, mungkin anda bisa menggunakan Namebench.

Namebench adalah sebuah free software yang bisa mencari secara otomatis Public DNS Server yang tercepat dan bisa diandalkan untuk digunakan oleh anda. Konsep dasarnya yaitu Namebench tidak akan mengubah settingan apapun dari DNS anda namun hanya akan memberikan sugesti atau rekomendasi kepada anda alamat DNS server yang terdeteksi sangat cocok untuk di gunakan.

 

Tips dari kang Rohman :

Bandingkan terlebih dahulu antara DNS server yang biasa anda gunakan dengan DNS servers yang disarankan oleh namebench, silahkan anda lakukan ping pada kedua DNS tersebut, mana yang lebih cepat berarti itu yang lebih baik.

Jika DNS server yang biasa anda pakai ternyata lebih cepat, berarti lebih baik memakai DNS yang lama, tapi jika DNS server yang di sarankan lebih cepat, tidak ada salahnya untuk dipergunakan.

 

Download Namebench

Read More

Google Luncuran Google Public DNS

Google sepertinya tidak mau berhenti dalam melebarkan sayap-sayapnya di dunia maya. Belum lama ini google telah meluncurkan produk yang dinamakan Google Public DNS, sebuah layanan DNS ( Domain Name System ) server yang bisa dinikmati secara gratis. Dengan menggunakan Google Public DNS di klaim bahwa browsing akan terasa lebih cepat, keamanan yang lebih baik serta tanpa adanya redirect.

Berikut IP addess untuk Google Public DNS :

 

• 8.8.8.8
• 8.8.4.4

 

Untuk cara konfigurasi, Google telah menulis secara lengkap bagaimana cara konfigurasi google public DNS secara lengkap baik itu pada Microsoft Windows, Max OS X, ataupun Linux, silahkan baca disini!

Khusus bagi pengguna Windows XP, anda bisa melihat bagaimana cara konfigurasi Google DNS server untuk  komputer anda

 

 

Tips dari kang Rohman :

Bandingkan terlebih dahulu antara DNS server yang biasa anda gunakan dengan DNS publik dari google, silahkan anda lakukan ping pada kedua DNS tersebut, mana yang lebih cepat berarti itu yang lebih baik.

Jika DNS server yang biasa anda pakai ternyata lebih cepat, kenapa harus berpindah ke DNS google, tapi jika DNS server dari google lebih cepat, tidak ada salahnya untuk digunakan.

Read More

Device Doctor: Free Windows Driver Updater

Kinerja komputer anda terasa kurang optimal? mungkin hal tersebut disebabkan oleh adanya virus dalam komputer anda atau memory kurang memadai atau banyak faktor lain yang membuat komputer anda kurang optimal. Salah satu faktor yang mungkin terjadi adalah driver dari hardware komputer anda sudah tidak update sehingga perlu adanya update driver.

Untuk urusan update driver hardware komputer, kini anda tidak perlu lagi pusing mencari satu-satu mana driver yang harus di update karena banyak tool yang otomatis bisa scan driver mana saja yang harus di update, salah satunya adalah Device Doctor.

Device Doctor adalah sebuah freeware Windows Driver Updater yang dapat scanning secara otomatis terhadap hardware mana saja dalam komputer anda yang perlu di update, dan anda dapat mendownload Driver terbaru secara gratis di situs mereka. Device Doctor di desain sangat simple sehingga sangat user friendly, untuk melakukan scanning driver mana yang harus di update anda hanya perlu klik tombol ‘Begin Scan “.

 

Yang mau menjajal, silahkan download. Ada dua versi yang bisa anda pilih, yaitu installer serta portable .

 

Download Device Doctor installer ( 4.6 MB)
Download Device Doctor Portable ( 5.10 MB)

Read More

Free Online Avatar Creators List

Ingin menggambarkan diri kamu menjadi sebuah avatar atau gambar kartun? Sekarang anda tidak harus pusing dan mempunyai kemampuan yang mumpuni dalam editing gambar karena sudah banyak layanan online yang bisa membuat avatar secara instant namun mengesankan.

    

 

Berikut kang Rohman cantumkan beberapa website yang menyediakan layanan free online avatar creator, silahkan anda coba mana yang dirasa favorit :

 

Yahoo! Avatars
UrFooz
Moeruavatar
Weeworld
Tizme
Moonjee
Doppelme
Muggins
SP Studio
MiiHow
Voki

 

Selamat menjajal layanan mereka.

Read More

Belajar Kritis dan Memilah Sebuah Tren

Perkembangan dunia blog begitu pesat. Berbagai macam coba ditawarkan ke kita. Mulai dari konsep desain, javascript, trik CSS, dan sebagainya. Sebagai referensi dan media belajar hal tersebut cukup baik. Tapi tentunya kita akhirnya mesti memilah-milah mana yang pas untuk diterapkan. Baik itu di blog yang kita gunakan maupun web yang kita bangun untuk klien. Anda tentunya memiliki pertimbangan dalam memilahnya, baik berdasarkan ketentuan aksesibilitas, kebergunaan, standar web, atau apapun, menurut pegangan sikap anda.

Belakangan ini mulai muncul artikel-artikel menarik, yang mencoba kritis terhadap perkembangan dunia blog. Saya menemukan 3 artikel yang mencoba kritis. Artikel tersebut bisa jadi bahan pertimbangan kita, untuk mulai kritis atas apa yang ditawarkan, baik secara teknis maupun konsep.

Smashing Magazine Killed The Community (Or Maybe It Was Me)

Artikel ini cukup menggegerkan kalangan Blogger (atau gw doang, kan gw bukan blogger). Tulisannya langsung menusuk tanpa tedeng aling-aling. Mencoba mengkritisi konsep blog yang belakangan ini hanya berisi daftar list (list mania), seperti halnya 'Smashing Magazine' yang menjadi pusat perhatian.

Gaya daftar list ini memang sedang di tiru oleh banyak blog, dan saya termasuk didalamnya. Apabila kita melihat perkembangan gaya daftar list ini, akhirnya kita menemukan ada keseragaman artikel antar tiap blog. Misal blog A me-list "10 desain blog minimalis yang menarik", kemudian blog B juga melakukan hal yang sama tapi dengan judul yang berbeda walau isinya hampir sama, seperti "10 terbaik desain weblog bergaya minimalis". Nah akhirnya ada kemandulan kreatifitas disana, dan terkesan sekedar mengejar setoran.

Model atau gaya daftar list pun akhirnya hanya bisa dijadikan bahan inspirasi. Sebab tidak ada tulisan yang mencoba menjelaskan sesuatu didalamnya atau mengajak diskusi. Akhirnya terjadi kemandekan diskusi, bahkan ilmu atau wacana. Jadi kita hanya bisa berkomentar "great list, thanks". Walau ada 100 komentar intinya tetap "list yang menarik".

Anti-inspiration

Artikel ini sebagai ungkapan pribadi sipenulis. Dia menjadi anti terhadap inspirasi. Menurutnya memang banyak hal yang menarik bisa diperoleh di situs galery web desain sebagai inspirasi. Tapi apakah kita mengalami kemajuan jika kita mencontoh atau mengembangkan inspirasi yang kita peroleh dari hasil kerja orang lain (meniru).

Sipenulis tampaknya mulai mencari orisinalitas sebuah desain, yang tidak terpengaruhi inspirasi, tapi dia yang menjadi inspirasi.

Saya pun menoleh. Memang beberapa template weblog memiliki desain yang hampir mirip, mungkin mereka saling terinspirasi, atau salah satu ada yang terinspirasi. Jadi kita sering menilai "... oh template ini seperti template ini yah?".

Tapi menurut saya sangat sulit untuk mendapatkan originalitas sebuah desain, atau apapun, sebab kita tidak bisa menghindar untuk saling mempengarahui atau dipengaruhi, lewat apapun. Jadi tinggal kita saja mengolah bagaimana desain kita menjadi berbeda (walau tidak orisinal tapi tidak meniru habis).

No CSS Reset

Artikel ini menjadi perdebatan seru. Seru banget :). Sebab artikel ini mencoba memberikan argumen sekaligus mengkritisi Reset CSS, terutama Reset CSS hasil pengembangan Eric Meyer. Dan Eric Mayer pun membuat tulisan untuk merespon, berjudul Crafting Ourselves (gosif banget sih gw).

Snook tidak menggunakan Reset CSS, memiliki alasan yang logis. Garis besarnya:

• Reset CSS hanya membebani ukuran file CSS.
• Perbedaan tampilan antar browser tidak menjadi masalah baginya (misalnya ukuran pixel h1), dia senang dengan elemen render secara default.

Nah anda bebas memilih, menggunakan Reset CSS agar tampilan di semua browser dapat konsisten, atau tanpa reset CSS seperti Snook yang suka perbedaan tampilan di semua Browser. Kalau saya tergantung, kadang saya menggunakan reset jika memang diperlukan, dan bahkan saya membuat sendiri untuk Reset CSS template blogger :).

Penutup

Menurut saya ketiga penulis tersebut mencoba menjadi kritis dan memilah, tidak ingin menjadi kegenitan untuk mengikuti tren yang berkembang tanpa coba dicerna.

Read More

Obrolan Seputar Browser Google Chrome

Sebenarnya yang sedang hangat jadi pembicaraan di Internet saat ini bukanlah browser internet besutan Google yang bernama Google Chrome, namun sebuah Sistem operasi komputer baru dari Google bernama Google Chrome OS yang rencananya akan di launching secara resmi tahun 2010 nanti. Yang menyedot perhatian banyak orang adalah Google Chrome OS bisa di pakai secara gratis, ditenggarai bahwa Google Chrome OS dibuat untuk menggeser dominasi dari Sistem Operasi Windows dari Microsoft.

Walaupun Google belum secara resmi meluncurkan Google Chrome OS untuk user, namun google telah merilis Chromium OS open source project silahkan baca langsung dari blog google system untuk membaca detail tentang rilisnya Chromium OS open source project..

 

Bagi anda yang ingin lebih cepat mencicipi rasa dari Chrome OS, ada beberapa website yang telah menyediakan link download Google Chrome OS secara gratis.

 

Download Chrome OS

 

Untuk menjalankan multi OS dalam satu komputer, diperlukan software seperti VirtualBox atau VMware Player atau bagi pengguna Macs bisa memakai VMware Fusion.

 

Apabila ingin boot komputer secara langsung dengan Chrome OS, anda bisa install Google Chrome OS pada USB flash drive. Silahkan download versi USB drive :

 

Download Chrome OS Diet USB Version

Download Chrome OS Diet USB Version ( alternatif link )

 

Catatan : Segala resiko dalam menginstall Chrome OS sepenuhnya tanggung jawab anda sendiri, silahkan baca informasi cara menginstall Chrome OS yang banyak tersedia di Internet.

 

Masuk ke obrolan utama postingan kali ini yaitu mengenai browser internet Google Chrome. Sejak peluncurannya tahun lalu, kang Rohman tidak terlalu banyak mencurahkan perhatian terhadap browser yang satu ini karena saat pertama kali menginstall terkesan bahwa Chrome terlalu minimalis sehingga kurang nyaman untuk di gunakan. Namun, akhir-akhir ini kang Rohman mulai sedikit jatuh hati dengan Chrome dan sering menggunakannya saat browsing, alasan utama yaitu proses loading saat membuka halaman website dirasakan lebih cepat di banding dengan browser internet lain. Bagaimana dengan pengalaman anda?

Alasan lain kenapa selama ini tidak menggunakan Google Chrome adalah Google Chrome tidak bisa menginstall Google Toolbar yang selama ini selalu bertengger di browser kesayangan Firefox. Sedikit aneh memang, Google Chrome yang nyata-nyata buatan google tidak bisa di install google toolbar yang notabene buatan google sendiri.

Asumsi yang muncul kenapa google toolbar tidak bisa di install di chrome yaitu google ingin menunjukkan bahwa google Chrome adalah browser tercepat yang apabila di install google toolbar bisa sedikit mengganggu kecepatan, tapi itu adalah sebuah asumsi mungkin bisa benar atau mungkin salah. Untuk masalah ini, pihak developer Chrome berdalih bahwa saat ini mereka masih bekerja keras agar google toolbar bisa di install pada chrome.

 

Google Toolbar Isu

Tidak tersedianya Google Toolbar untuk Chrome merupakan alasan banyak pengguna internet untuk tidak beralih ke browser Google Chrome. Untuk menanggapi reaksi ini pihak google menjawabnya dengan membuat sebuah halaman yang bisa anda akses di disini. Pada halaman tersebut diterangkan bahwa banyak dari fitur-fitur Google Toolbar seperti The New Tab Page, Spiffy search box, Suggestions instead of error pages, Autofill, Pop-up blocker, Spell-checker sebenarnya telah tersedia pada google Chrome.

 

Google Chrome Extensions

Layaknya pada browser firefox yang bisa menambahkan berbagai add-ons untuk lebih mendukung kinerja browser, pada Google Chrome pun ada fitur tersebut namun dinamakan sebagai Extension. Seiring dengan berjalannya waktu, kini telah tersedia banyak extension yang bisa anda tambahkan.

Untuk mencari Extesion yang dibutuhkan, anda bisa mencarinya di http://www.chromeextensions.org. Berikut Extension yang terpasang di Google Chrome milik kang Rohman.

 

• Kuber PageRank Checker

 

Dengan Extension ini kita dapat melihat Google Page Rank, Alexa Rank, dan informasi WHOIS dari blog atau website yang dikunjungi.

 

• Google Translation Bar

Sebuah extension yang bisa memasang google translate yang bisa secara langsung menterjemahkan isi web sebagaimana fitur yang ada pada google toolbar.

 

• AdBlock+

Yang tidak suka akan kehadiran iklan di web yang anda kunjungi, Extension AbBlock+ cocok di pasang untuk menghalau kehadiran iklan-iklan tersebut.

 

• aWeb Tools

Tool yang berbasis pada Google Tools

 

Dan masih ada beberapa extension lainnya.

 

Jika google chrome anda tidak bisa menginstall Extention, kemungkinan besar Chrome anda bukan versi developer, oleh karena itu silahkan install google chrome developer di:

http://www.google.com/chrome/eula.html?extra=devchannel

 

Google Chrome Themes

Yang kurang menyukai tampilan default dari Google Chrome, kini tersedia theme chrome untuk anda pilih sesuai kesukaan, silahkan langsung install di https://tools.google.com/chrome/intl/en/themes/index.html

 

Ngobrol panjang lebar ternyata cape juga nih, cukup dulu deh. lain kali di sambung lagi.

Read More