Post New Blogger

Google Page Speed - Tingkatkan Performa Halaman Website

2011-07-18T08:05:00.000+07:00

Ada yang baru di Google Labs. Apa itu? Dengan sigap kami segera mengecek kebenarannya. Kali ini telah hadir layanan Page Speed Online yang mana dapat membantu Anda mengetes langsung performa loading halaman dari website ataupun blog Anda.

Ketika mengetikkan URL “posnewblogger.blogspot.com”, dan segera muncul hasil poin 85 (dari skala 100) ketika menganalisa kecepatan akses melalui komputer. Muncul pula beberapa masukkan mengenai bagaimana mempercepat performa loading halaman website ini. Ingin mencoba?

Sebagai perusahaan raksasa penyedia layanan mesin pencari ternama, Google terus berinovasi menghadirkan layanan-layanan barunya. Hanya dalam waktu seminggu setelah Google memperkenalkan ekstensi Page Speed pada Google Chrome, kini Google menyediakan layanan Page Speed berbasis web, tak perlu lagi menginstall aplikasi atau eksensi tertentu, cukup gunakan Page Speed berbasis web ini, maka para developer pengembang web akan dapat dengan mudah menganalisa kecepatan dari website yang telah dibuatnya.

Kabar baiknya lagi, kini para developer website mobile dapat pula mengetes kecepatan dari website mobile dengan menggunakan Page Speed ini.

“Di Google, kami sedang berjuang untuk membuat seluruh website agar lebih cepat waktu loadingnya. Sebagai bagian dari upaya itu, kami meluncurkan sebuah alat berbasis web di Google Labs, Page Speed Online namanya, yang mana dapat menganalisa performa halaman web dan memberikan masukan-masukan bagaimana agar halaman tersebut diakses lebih cepat lagi,” tutur Andrew Oates dan Richard Rabbat, anggota tim Google yang khusus mengembangkan Page Speed Online.

Anda tertarik silahkan berkunjung ke : http://pagespeed.googlelabs.com/

Video Chat Fitur Baru di Facebook

2011-07-16T09:03:00.000+07:00

Video chat dengan seorang teman

Langkah pertama memulai video dengan seorang teman, pengguna yang komputernya telah dilengkapi webcam hanya perlu mengklik nama teman yang akan diajak video chat. Selanjutnya, klik ikon video di toolbar biru pada jendela chat teman dan video chat bisa langsung dimulai.

Video chat dengan lebih dari satu orang teman

Ingin video chat lebih ramai dengan mengajak ngobrol sekelompok teman? Lakukan saja video chat dengan lebih dari satu teman. Klik ikon roda gigi di toolbar biru jendela chat teman yang sudah diajak video chat. Ikon ini mengantarkan kita pada Actions menu. Selanjutnya, pilih 'Add Friends to Chat' lalu ketikkan nama teman-teman yang sedang online, yang akan diajak video chat. Jika sudah, klik 'Done'.

Mengakhiri video chat dengan banyak teman

Caranya semudah ketika memulai percakapan. Anda bisa menutup sesi chat dengan lebih dari satu teman dengan mengklik kembali ikon roda gigi di jendela chat untuk masuk ke 'Actions Menu'. Kemudian, tinggal klik 'Leave Conversation'.

Mengulang percakapan yang sudah lama

Anda tidak sengaja menutup jendela percakapan? Atau Anda mengakhiri percakapan beberapa hari lalu dan ingin melanjutkannya lagi dengan kelompok teman yang sama? Klik tombol 'Messages' atau pesan pada toolbar biru di kiri atas halaman Facebook. Sesi chat akan muncul di daftar five most recent chats. Selanjutnya, klik percakapan yang Anda inginkan untuk memulai lagi video chat.

Jika percakapan yang diinginkan tidak ada di daftar five most recent chats, untuk mencarinya klik 'See All Messages' di drop down window. Atau bisa juga dengan mengklik 'Actions' dan 'Search This Conversation'.

Perlu diingat, saat akan memulai video chat, pastikan bahwa webcam di perangkat Anda telah menyala. Dan ketika pertamakalinya Anda menggunakan video chat Facebook, Anda mungkin akan diminta mengunduh dan menginstal software yang diperlukan agar layanan tersebut bisa berjalan sempurna dengan webcam atau microphone Anda.

source: detik.com

Memahami Cara Kerja ROBOT GOOGLE

2011-06-27T21:02:00.000+07:00

Google sampai saat ini masih dianggap sebagai Search Engine nomer satu, dan juga terfavorit dibanding kebanyakan search engine yang lain. Selain memiliki tampilan situs yang sangat sederhana, Google juga menyediakan hasil pencarian yang akurat. Sistem pengindeksan-nya yang otomatis membuat Google nyaris tanpa kompromi dan adil, artinya tanpa campur tangan manusia, semua situs dan blog entah besar dan kecil, pemain baru atau lama mendapatkan kesempatan yang nyaris sama.

INTEGRITAS SEARCH ENGINE Salah satu alasan kenapa search engine yang ada sebelum Google menurun popularitas dan kegunaannya adalah munculnya Paid Listing. Di mana search engine yang "lapar" akan bayaran/penghasilan menjual posisi dalam hasil pencarian kepada para pemasang iklan.

Pelemahan terhadap obyektivitas tersebut meracuni hasil pencarian dan meremehkan prinsip popularitas yang dimiliki situs web. Perbedaan antara search engine, yang seharusnya menampilkan hasil yang anda cari, dengan saluran browser, yang membawa anda ke bisnis affiliasi, mengabur. Walaupun banyak search engine yang menolak menjual posisi dalam hasil pencarian mereka, keraguan dan ketidakpercayaan telanjur menyebar di hati para pengguna.

Integritas Google terlihat dari halaman situs mereka yang bersih dari segala macam tetek-bengek, dan semata-mata menonjolkan satu hal yaitu kata "Search". Memang Google menerima iklan, tetapi iklan yang mereka terima dipisahkan dari hasil pencarian. Mungkin tidak semua orang setuju dengan cara Google merangking hasil pencarian, tetapi tidak ada seorang pun yang mengira bahwa rangking teratas di hasil pencarian Google bisa dibeli.

Nah, tetapi bagaimana sebenarnya cara kerja Google dan search engine secara umum ? Artikel ini bermaksud menjawab hal tersebut secara sederhana.

CARA KERJA DASAR SEARCH ENGINE Semua search engine (mesin pencari) bekerja dengan cara dasar yang sama : mereka "merayapi" (crawl) halaman web dengan software robot otomatis disebut Spider (laba-laba) atau Crawler (perayap) yang menghasilkan/menciptakan Indeks (daftar) isi web yang bisa dicari/ditemukan oleh para pengguna. Setiap search engine mengijinkan para penggunanya untuk mencari di dalam daftar (indeks) yang mesin pencari itu miliki, untuk sebuah Keyword (kata kunci) atau sekumpulan keyword. Hasil pencarian ditampilkan dalam berbagai bentuk daftar, tetapi kebanyakan menampilkan sedikit informasi mengenai setiap web yang masuk dalam daftar dan link yang mengarah ke web tersebut.

Cara setiap search engine membuat daftar sangat unik, berkat pemrograman mesin spider yang berbeda satu sama lain. Unsur utama dalam pemrograman spider adalah pada algoritma mesin pencari tersebut, yang menentukan rangking dari setiap halaman web yang didaftar. Sistem rangking tersebut menentukan cara hasil pencarian ditampilkan.

CARA KERJA GOOGLE Aset teknologi utama Google adalah pada sistem algoritma yang mereka miliki, formula sistem rangking rumit yang memberikan pada para pemakai, hasil pencarian yang bagus dan seringkali terkesan seolah Google mampu membaca pikiran dari setiap orang yang mencari lewat mesin pencari raksasa ini.

Hasil dari sistem algoritma dirangkum dalam sebuah statistik rangking tunggal yang disebut PageRank, Google sangat merahasiakan formula PageRank ini, tetapi perusahaan tersebut mempromosikan pentingnya PageRank, dan menawarkan pada para Webmaster petunjuk-petunjuk umum untuk meningkatkan PageRank. Google menunjukkan sistem penilaian rata-rata dari setiap situs (dalam skala 0-10) dalam toolbar Google. Walaupun formula tepat dirahasiakan, tetapi ramuan dasar PageRank ini dikenal publik.

KAPAN GOOGLE MENGINDEKS/MERAYAP? Google merayapi situs di Internet dengan kedalaman berbeda dan dengan pengaturan jadwal lebih dari sekali. Yang disebut Deep Crawl (merayap dalam) dilakukan paling tidak sekali dalam 1 bulan.

Berkaitan dengan rumitnya proses pembuatan daftar dan kebutuhan akan pembuatan daftar isi web secara ekstensif, diperlukan waktu lebih dari 1 minggu untuk melakukan perayapan. Karena itu diperlukan waktu 6 minggu untuk sebuah web atau blog baru supaya masuk dalam daftar Google.

Google bergantung sepenuhnya pada deep crawl ini, tetapi hasil dari deep crawl bisa cepat kadaluarsa terkait dengan cepatnya perubahan di dunia internet. Karenanya Google meluncurkan fresh crawl yang secara singkat mengunjungi situs-situs di Internet lebih sering daripada deep crawl. Memang hasil fresh crawl ini tidak akan mengubah keseluruhan indeks yang dimiliki Google, tapi akan mengupdate isi dari sebagian web/blog. Google tidak mengumumkan jadwal fresh crawl ini dan situs/blog apa yang dijadikan target, tetapi para Webmaster bisa mengetahui jadwal tersebut lewat penyelidikan yang seksama.

Google tidak punya kewajiban untuk mengunjungi URL khusus apapun, dengan fresh crawl mereka. Situs-situs dan blog bisa meningkatkan kesempatan untuk lebih sering dikunjungi Google dengan mengupdate konten mereka secara teratur. Ingat sisi kedangkalan dari fresh crawl, Google mungkin mengunjungi halaman depan dari situs atau blog anda, tetapi mungkin tidak mengunjungi halaman lain.

Deep Crawl bersifat lebih otomatis dan tanpa pertimbangan serta lebih teliti daripada Fresh Crawl. Kesempatan baik datang bila saat jadwal deep crawl, link-link dari halaman baru sudah tercantum di halaman utama, sehingga deep crawl akan mengindeks halaman baru itu juga. Tidak semua halaman dari sebuah situs akan dimasukkan dalam indeks oleh Google, proses pertimbangannya adalah rahasia perusahaan tersebut. Karenanya, bila anda merasa ada sebuah halaman atau artikel penting yang anda miliki tidak terindeks di Google, yang bisa anda lakukan adalah memaksimalkan promosi.

Satu hal yang Google banggakan dari kecanggihan sistem mereka adalah bahwa proses pembuatan indeks berlangsung secara otomatis. Sehingga tidak ada campur tangan dari manusia sama sekali, termasuk para teknisi Google (tentu mereka mengendalikan si robot Spider, tapi mereka tidak campur tangan pada hasilnya). Jadi akan sia-sia bila anda berpikir mereka akan merespon keluhan anda mengenai hasil pengindeksan terhadap blog atau situs anda.

DAFTAR ISTILAH :

Crawl : Proses di mana software robot yang dimiliki search engine menjelajahi semua situs dan blog yang ada di Internet. Dalam bahasa Indonesia disebut juga merayap.

Spider : Nama software robot yang dimiliki oleh search engine yang digunakan untuk mengindeks. Software robot lain mungkin disebut Crawler.

Indeks : Daftar yang dimiliki masing-masing search engine mengenai isi setiap situs dan blog di dunia Internet. Daftar ini mungkin terdiri dari jutaan kategori dan kata. Setiap kita melakukan pencarian lewat search engine, search engine yang bersangkutan akan mengakses indeks mereka, untuk mencari situs/blog yang memuat informasi yang anda inginkan.

Sumber : Blog.Unikom

Cara Mudah Memasang Twiter di Blog/Website

2011-06-15T14:30:00.000+07:00

Berikut adalah beberapa cara yang mudah untuk meng-Integrasikan Jejaring Sosial Twiter ke dalam blog kita.

Twitter

Twitter merupakan Jejaring Sosial yang sangat hebat. Awalnya twitter digunakan oleh komunitas web, menyebarkan link yang penting di antara masyarakat. Sekarang selebriti, perusahaan, dan orang-orang biasa yang menggunakannya untuk tetap up-to-date dengan apa yang terjadi. Dengan mengintegrasikan tweet dengan situs Anda, Anda membuka jalan untuk memperluas jaringan follower twitter Anda.

TweetMeMe

http://tweetmeme.com/about/retweet_button

Tombol TweetMeMe di mana-mana. Beberapa blog terkenal seperti Wired, dan TechCrunch menggunakan fasilitas ini, itulah bukti kegunaannya. Pada dasarnya, TweetMeMe memungkinkan pembaca memberitahu teman mereka tentang artikel yang telah mereka baca dengan satu klik. TweetMeMe juga dapat melacak berapa kali artikel Anda telah di retweeted dengan counter!

TwitterFeed

http://twitterfeed.com/

Bila TweetMeMe memungkinkan pembaca Anda untuk men-tweet artikel Anda dengan cara melakukan klik pada tombol, TweetFeed memungkinkan blog Anda untuk secara otomatis tersharing ke twitter begitu terdapat entri baru pada RSS Feed Anda.

Tweet!

http://tweet.seaofclouds.com/

Ingin menunjukkan tweets terbaru pada sidebar blog Anda? Ada banyak cara untuk melakukannya, Salah satunya dengan Tweet!.

Twitter Icons

http://www.hongkiat.com/blog/100-remarkably-beautiful-twitter-icons-and-buttons/

Tentu saja Anda pasti ingin mendorong pengguna untuk mengikuti Twitter Anda, dan tidak ada cara yang lebih baik untuk melakukannya daripada menggunakan tombol keren untuk menarik mata pembaca ke halaman Twitter Anda.

Semoga Bermanfaat.

Hal Baru dari Cascading Style Sheets - CSS3

2011-06-15T14:07:00.000+07:00

CSS3 merupakan standarisasi versi terbaru dari CSS yang dikembangkan oleh W3C dan masih hanya diimplementasikan sebagian oleh browser-browser Website. Beberapa point berikut merupakan hal-hal yang sangat menarik untuk dibahas dalam konteks CSS3.

RGBA

RGBA merupakan cara memasukan parameter color/warna terbaru yang didukung oleh CSS3, pada CSS versi sebelumnya terdapat RGB yang menyatakan Red,Green,Blue. Pada RGBA ditambah satu parameter lagi, yaitu Alpha atau Opacity. Berikut adalah cara penulisannya:

background: rgba(0, 100, 100, .5);
color: rgba(200, 0, 0, 0.75);

Dengan menggunakan RGBA Kita dapat memilih warna untuk background atau text color dengan dukungan transparansi.

Text Shadow

Dengan text shadow Kita dapat menambahkan bayangan pada teks di halaman web Kita. Cara penulisannya adalah sebagai berikut:

text-shadow: 2px 3px 4px #444;

Dimana 2px adalah X-offset, 3px adalah Y-offset, 4px adalah Blur, dan #444 adalah warna text shadow.

Border Radius

Biasanya Kita menggunakan image untuk menampilkan blok html yang akan ditampilkan secara melengkung/rounded. Pada CSS3 Kita dapat menggunakan fasilitas Border Radius seperti pada contoh di bawah ini:

border-radius: 10px; /* W3C */
-webkit-border-radius: 10px; /* Webkit (chrome/safari) */
-moz-border-radius: 10px; /* Mozilla Firefox */

Selain untuk semua sudut, Kita juga dapat men-set radius per sudut. Lihat gambar berikut:

Box Shadow

Selain Text Shadow, CSS3 juga mendukung Box Shadow, dimana satu blok berupa div, span atau sebagainya akan diberikan shadow pada blok yang dimaksud. Bedanya dengan text shadow adalah bila text shadow menambahkan bayangan pada teks, sedangkan box shadow menambahkan bayangan pada blok.

box-shadow :2px 2px 4px #888; /* W3C */
-webkit-box-shadow :2px 2px 4px #888; /* Webkit (chrome/safari) */ -moz-box-shadow :2px 2px 4px #888; /* Mozilla Firefox */

Nah mungkin hanya itu beberapa informasi yang menarik tentang CSS3.

Semoga bermanfaat

Cara Untuk Membuat Chat Bar di Blog ala Facebook

2011-06-15T12:53:00.000+07:00

Chat Bar merupakan page element pada blog yang posisinya tidak berubah-ubah sekalipun pengunjung blog melakukan scroll pada halaman blog atau dengan kata lain untuk memposisikan suatu page element secara tetap di atas layar browser walaupun user melakukan scroll dokumen.

Sebagai gambaran anda bisa melihat situs facebook.com dimana page element paling bawah posisinya tetap sekalipun anda dan saya melakukan scroll halaman facebook.

Kode css tersebut sering disebut dengan istilah position:fixed. Bila anda tertarik untuk memasangnya di blogg atau memasang implementasi style tersebut, kita cukup menambahkan atribut style pada pada page element yang diinginkan.

Langsung aja, anda tinggal copy paste kode di bawah ini pada widget blogger HTML/JavaScript kemudian taruhlah sesuai keinginan anda lalu simpan lihat hasilnya.

<div style="position: fixed; z-index:500000; left:0; bottom: 0; right: 0; height: 40px; background: #eeeeee; border-top: 1px solid #aaaaaa; text-align: center;"><b>Cara Membuat Chat Bar di Blog</b><br /> ... Tulisan Lainnya ... </div>

Anda dapat merubahnya sesuai kebutuhan Anda baik warna background, tulisan, ukuran lebarnya maupun letak kalimatnya.

Semoga Bermanfaat

Menampilkan Ucapan Selamat Pagi, Siang dan Sore di Blog

2011-06-12T12:50:00.000+07:00

Menampilkan Ucapan Selamat Pagi, Siang dan Sore beserta Waktunya di Blog tentu akan menambah menariknya penampilan Blog. Seperti anda dilihat di blog ini pada sidebar kanan atas.

Langsung aja, berikut Java Sricptnya. Anda tinggal copy paste pada widget blogger HTML/JavaScript kemudian taruhlah sesuai keinginan anda lalu simpan lihat hasilnya.

<!—BEGIN Time Code -->

var h=(new Date()).getHours();

var m=(new Date()).getMinutes();

var s=(new Date()).getSeconds();

if (h > 3 && h < 12) document.writeln("Selamat Pagi,");

if (h > 11 && h < 18) document.writeln("Selamat Siang,");

if (h > 17 && h < 24) document. writeln("Selamat Malam,");

if (h > 23 || h < 4 ) document. writeln("Hallo," );

document.writeln('Sekarang Jam '+h+':'+m+':'+s);

</script>

<!—END Time Code -->

Cara Membuat Artikel Lama Tetap Muncul Di Blog

2011-06-12T11:04:00.000+07:00

Bila ada keinginan untuk menampilkan semua arsip artikel baik yang lama maupun yang baru tetap muncul di blog, berikut Cara Membuat Artikel Lama Tetap Muncul Di Blog.

Ada 2 cara untuk menampilkan semua posting di blogspot:
1.Dengan menggunakan url default blogspot.
http://(namablog.blogspot.com)/search?max-results=(jumlah posting)
cara di atas hanya menbuat 1 link dan ketika link diklik baru menampilkan semua posting.cara ini mungkin tidak sesuai dengan yang diinginkan blogger yang mencari cara menampilkan semua posting dengan alasan jumlah posting yang belum terlalu banyak.

2.Dengan meng-edit widget arsip.
dengan menggunakan widget arsip ini kita bisa menampilkan semua posting dan link akan bertambah secara otomatis setiap kita mempublis artikel baru.

langkah-langkah menampilkan semua posting di arsip:

login >>>dasbor >>>tataletak
tambahkan widget arsip.(pilih tampilan hiarki) >>>save widget
klik edit html >>>centang
cari kode widget arsip.seperti di bawah

<b:widget id='BlogArchive2 ' locked='false' title='Arsip
Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2 ><data:title/></h2 >
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width: ancho; height: 100 px ;'>
<div id='ArchiveList'>
<div expr:id='data:widget. instanceId +
" _ArchiveList"'>
<b:if cond='data:style == " HIERARCHY"'>
<b:include data='data' name=' interval'/>
</b:if>
<b:if cond='data:style == " FLAT"'>
<b:include data='data' name='flat' />
</b:if>
<b:if cond='data:style == " MENU"'>
<b:include data='data' name=' menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i. name/></a>
(<data:i.post-count/ >)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data' >
<select expr:id='data:widget. instanceId +
" _ArchiveMenu"'>
<option value=''><data:title/></ option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url' ><data:i.name/>
(<data:i.post- count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var=' intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/ >
<a class='post-count-link'
expr: href='data:i.url'><data:i.name/></ a>
<span class='post-count' dir='ltr'
>( <data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name=' interval'/>
</b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name=' posts'/> </b:if>
</li>
</ul>
</b:loop>
</b:includable> <b:includable id='toggle' var=' interval'>
<b:if cond='data:interval.toggleId' >
<b:if cond='data:interval.expclass ==
"expanded"'>
<a class='toggle' expr:href='data: widget.actionUrl +
"& action=toggle" +
" &dir=close& toggle=" +
data:interval. toggleId + "& toggleopen=
" + data: toggleopen'> <span class='zippy toggle-open' >&#9660 ;
</span>
</a>
<b:else/>
<a class='toggle' expr:href='data: widget.actionUrl +
"& action=toggle" +
" &dir=open& toggle=" +
data:interval. toggleId + "& toggleopen=
" + data: toggleopen'>
<span class='zippy'>
<b:if cond='data:blog. languageDirection ==
" rtl"'>
&#9668 ;
<b:else/>
&#9658 ;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts' >
<ul class='posts'>
<b:loop values='data:posts' var='i' >
<li><a expr:href='data:i.url' ><data:i.title/></a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>

5. Hapus code yang berwarna Merah.
6 .save.dan lihat hasilnya.

Mencari Tambahan Backlink lewat Facebook

2011-06-07T17:45:00.000+07:00

Backlink, bagi para blogger tentunya sudah tidak asing lagi. Backlink adalah salah satu dari sekian banyak trik yang digunakan untuk mempopulerkan blog agar para pengunjung beramai-ramai mengunjungi sebuah blog.

Dengan ramainya pengunjung blog sudah tentu dapat memancing robot spider google untuk tidak hanya mengindeks blog tetapi juga menempatkannya pada posisi bergengsi dihalaman utama pencarian google (GOOGLE SEARCH).

Berada diposisi terhormat search google sudah tentu membuka peluang dan kecendrungan yang lebih tinggi buat sipemilik blog untuk mendapatkan trafik kunjungan yang jauh lebih banyak lagi. Trafik kunjungan yang melimpah, cepat atau lambat tentu akan dilirik oleh para advertiser untuk memasang iklan produk, baik melalui kerjasama langsung maupun lewat para broker iklan seperti google adsense.

Trafik kunjungan yang tinggi juga bisa meningkatkan pagerank dan alexa rank. Dengan berbekal 2 modal tersebut, kita bisa dengan percaya diri menawarkan popularitas blog kita ke berbagai web POST REVIEW. Berbeda dengan iklan advertise seperti google adsense yang bersifat "klik iklan dapat duit", POST REVIEW bersifat "Posting dapat duit". Penyedia web POST REVIEW membayar kita untuk setiap artikel atau posting yang kita buat di blog.
Trik berburu backlink yang umum digunakan para blog mania adalah

Link exchange (tukaran link)
Banner exchange (tukaran iklan banner)
Blogwalking (kunjungan blog) via shoutbox atau comment box
Daftar follower blog
Bergabung dengan berbagai komunitas blog seperti www.topseratus.com
Bergabung di berbagai sosial networking seperti friendster dan facebook

Facebook adalah salah satu jejaring sosial yang lagi booming saat ini selain pendahulunya friendster. Berbeda dengan berburu backlink ke sesama komunitas blog, di facebook beragam pengunjung web dari berbagai kalangan tumpah ruah disana mulai dari blogger mania, blogger karbitan, yang belum punya blog, yang belum minat nge blog sampai yang masih baru bergabung di dunia maya dan masih awam ngebrowsing.

Jadi tunggu apa lagi. Selamat berburu backlink di facebook.

caranya bisa lewat koment salah satunya, tapi biasanya via comment gak abadi, cara lain bisa dengan edit informasi/edit profile, pasang alamat web/blog disitu
cara lain, import feedblog ke facebook via note, cara lain lagi menggunakan fasilitas Blogcast, dan masih banyak lagi cara lain, termasuk posting note di fb, pancing newfacebook agar tertarik ke blog kita .

Tips Ganti Nama Pada Akun Facebook yang Sudah Limit

2011-06-04T14:43:00.000+07:00

Biasanya facebook sudah tidak bisa diganti namanya karena terlalu sering mengganti nama. Berikut ini ada saran agar bisa buat ganti nama khsusnya yang mau buat yang mau ganti nama fb kalo dah limit

Masuk dan klik http://www.facebook.com/hacked/
Klik amankan akun
Klik lanjutkan
Masukan kata sandi baru anda apa saja yang mudah di ingat untuk sementara
Ceklis konfirmasi penggantian
Klik lanjutkan
Tinjau Informasi Akun Anda klik lanjutkan
Ubah nama anda
Klik lanjutkan
Aktifkan akun anda

good luck dah.

Mengingat Isian Form

2011-06-02T23:46:00.001+07:00

Bencikah Anda kalau selesai mengisi kotak input dan menekan Submit lalu di halaman berikutnya kotak input yang sama tersebut sudah menghilangkan isian Anda? Google tahu itu, dan bahkan telah bertindak selangkah lebih jauh: mengingat isian form bahkan ketika Anda hanya menekan link ke halaman lain. Lihat Gambar di bawah ini :

Isi kotak input, klink Tab Images...

Fitur yang juga sekilas nampak remeh, tapi menunjukkan sejauh mana usaha Google membantu pengguna. Google mencapai efek ini dengan koding Javascript berikut yang mengintercept klik ke hiperlink:

<td onClick="return c('www.google.com/imghp');" style=kursor:pointer;kursor:
hand;><a id=1a class=q href="/imghp?hl=en&ie=UTF-8&oe=UTF-8" onClick="return
c('www.google.com/imghp');">

onClick diletakkan di <td> dan juga <a> agar user tidak harus mengklik persis di teks link Images, namun bisa di manapun asal masih di dalam kotak tab tersebut. Dan return c akan mengeksekusi fungsi berikut:

function c(p) {
 var f=document.f;
 if (f.action) {
   f.action = 'http://'+p;
   f.submit();
   return false;
 }
 return true;
}

Terlihat bahwa fungsi tersebut akan melakukan pengubahan atribut action pada deklarasi form HTML bernama f seperti ini:

<form action="/search" name=f>

menjadi seakan-akan:

<form action="http://www.google.com/imghp" name=f>

lalu sekaligus mensubmit form tersebut. Ini berarti, semua <input> termasuk isian kotak input akan terkirim ke Google dan bisa dikembalikan Google ke kotak input lagi. Tentunya fitur ini hanya efektif pada browser yang menyalakan Javascript. Namun pada browser yang tidak mendukung, link tab-tab tersebut tetap jalan karena terdapat tag <a href=...> biasa.

Mengatur Cookie untuk Sesi

Programer PHP dan ASP tentu familiar dengan mekanisme cookie dari sistem Session. Yakni tiap kali visitor mengunjungi halaman, webserver akan memberikan cookie dengan nama standar (PHPSESSID pada PHP, dan ASPSESSIONIDxxx pada ASP) dan isi sebuah string yang unique. Webserver akan menyimpan variabel-variabel sesi yang terhubung ke unique string tersebut ke dalam file (default PHP) atau memori (default ASP).

Di Google, setiap user akan diberi cookie sesi juga yang akan persisten sampai tahun 2038:

Set-Cookie: PREF=ID=12fc22dc0a30f17c:TM=1030795809:LM=1030795809:+

S=fVLPaFUIXhs; expires=Sun, 17-Jan-2038 19:14:07 GMT;

Cookie ini utamanya digunakan Google untuk menyimpan preferensi, yang menentukan tampilan dan behaviour interface. Karena tidak ada informasi yang termasuk privasi, maka tidak ada fasilitas log out. Efek samping dari penggunaan cookie di Google adalah Google akan punya history keyword yang digunakan per browser. Dan bila pengguna tersebut membuat account di Google, maka didapatlah missing linknya dengan cara menghubungkan Browser > Cookie > Profil > Account > Email. Informasi ini akan berguna bagi Google dan para pengiklan AdWords-nya (dan mungkin juga pemerintah).

Di Yahoo!, kira-kira ada tiga tingkatan sesi, yaitu tingkat global non-autentikasi, global yahoo-id, dan aplikasi.

Global non-autentikasi. Cookie yang diset ke seluruh browser di seluruh situs tanpa autentikasi apapun. Ini dapat diketahui dengan memperhatikan macam-macam cookie sesi yang dimuntahkan Yahoo. Cookie B adalah satu-satunya yang selalu diset pada hampir setiap halaman tidak peduli apakah pengguna sudah login atau belum. Perhatikan bahwa khusus untuk halaman depan www.yahoo.com tidak ada cookie yang dikirim, sebab halaman depan perlu cacheable demi efisiensi bandwidth. Berikut ini cookie B tersebut:

B=8b5av24un6gl0&b=2; expires=Thu, 15 Apr 2010 20:00:00 GMT; +
path=/; domain=.yahoo.com

Tebakan saya adalah, dari nama (B) dan waktu kadaluarsa (tahun 2010) seperti ingin mengatakan bahwa ini cookie yang merekam sejarah klik sepanjang ‘perjalanan hidup’ browser di situs Yahoo. Kemungkinan besar untuk profiling ‘kelakuan’ browser. Ini diperkuat lagi dengan fine line di setiap footer Yahoo: “NOTICE: We collect personal information on this site.” Untuk apa lagi kalau bukan profil demografi iklan?

Global yahoo-id. Cookie yang diset ke browser pengguna yang sudah Sign In di Yahoo!, entah melalui Yahoo! Mail, Yahoo! Groups, atau generic Sign In dari halaman depan. Ada tiga cookie yang diset: Y, T, dan I.

Y=v=1&n=6vum4446v4v70&l=3e3o/o&p=m2cvvid611000800&ig=0p0qd&iz=12140&+

r=06&lg=us&intl=us&np=1; path=/; domain=.yahoo.com

T=z=iT0c9AiZJd9A...Qw&a=YAE&sk=DAASXYSJativnW&d=c2wBT...XQQ--; path=+
/; domain=.yahoo.com

I=ir=a2&in=33dd456d&i1=AAAlAEBFB....BCc; expires=Mon, 23 Sep 2002 13+
:23:52 GMT; path=/; domain=.yahoo.com

Cookie Y terasa seperti cookie yang sangat penting, mungkin terpesona huruf Y-nya. Tapi memang ada angka yang tidak asing di situ: 12140, yang merupakan kode pos rumah saya. Empat kali dicoba, angkanya tidak berubah, jadi bukan lucky number. Permainan terima cookie yang selektif saat Sign In menunjukkan bahwa hanya cookie Y dan T yang diperlukan untuk Sign In dengan sukses. Jadi itulah cookie sesinya. Sementara cookie I, diset untuk kadaluarsa 3 minggu setelah Sign In. Untuk apa?

Cookie Aplikasi. Cookie yang cakupannya per aplikasi, dan diset di dalam subdomain Yahoo (seperti Yahoo! Mail, Yahoo! Auction, MyYahoo, dll). Cookie ini berbeda-beda bergantung pada aplikasi apa yang dibrowse pengunjung. Misalkan pada Yahoo! Mail, saat Sign In kita akan dijejali dulu cookie Global yahoo-id Y, T, dan I. Baru setelah oke, akan diredirect ke Yahoo! Mail, yang kemudian mengeset cookie aplikasi YM.Gen:

YM.Gen="ym0=*&ymAB=id%2504190389d3%2503date%2504999089829%2503ip%2504202+
.152.27.2%2503mig%2504auth&ym1=*&ymT=1976%252c10%252c26&ymR=*&ymQ=*&ymO=+
1&ym2=p&ym3=55&ymZ=*&ymU=Dody&ym5=dody%2540yahoo.com&ym6=attach&ym7=msg&+
ym8=brief&ymS=*&ym9=200&ymA=*&ymV=Wijaya&ymB=us&ymP=*&ymC=smaller&ymD=72+
&ymE=down&ymN=*&ymY=1&ymF=*&ymM=6291456&ymW=*&ymG=short&ymH=yes&ymX=*&ym+
AD=*&ymI=yahoo&ymJ=*&ymK=ms9803&ymL=fs&ymAC=dody&ymAA=*&ymAE=0"

Hampir dapat dipastikan, ini cookie berisi preference Yahoo! Mail saya. Berbeda dengan di Google atau di ASP/PHP, nampaknya seluruh state disimpan Yahoo ke dalam cookie. Jadi bukan hanya session id-nya saja, melainkan juga seluruh variabel sesinya. Mengapa demikian, mengapa Yahoo! menaruh state ke sisi klien? Jawabannya adalah untuk upscalability. Untuk membuat server mail mampu menghandle banyak pengguna, sesedikit mungkin informasi diingat di “memori” server (baik di RAM maupun file maupun database).

Memberi Label PICS

2011-06-02T22:43:00.000+07:00

Halaman depan Yahoo! mengandung tag meta rating PICS (Platform for Internet Content Selection, www.w3.org/PICS/labels.html) dengan sistem rating ICRA:

<meta http-equiv="PICS-Label" content='(PICS-1.1
"http://www.icra.org/ratingsv02.html" 1 r (cz 1 lz 1 nz 1 oz 1 vz 1)
        gen true for "http://www.yahoo.com" r (cz 1 lz 1 nz 1 oz 1 vz 1)
"http://www.rsac.org/ratingsv01.html" 1 r (n 0 s 0 v 0 l 0)
        gen true for "http://www.yahoo.com" r (n 0 s 0 v 0 l 0))'>

Tag ini berguna bagi browser-browser yang mendukung PICS (seperti IE dengan setting Content Advisor diaktifkan) agar dapat mengklasifikasikan konten sebuah situs, apakah mengandung materi-materi tertentu yang sebaiknya tidak dilihat. Bila tag PICS Yahoo! ini dibaca, bunyinya adalah “seluruh file di dalam situs ini (gen true) tidak mengandung chatting (cz 1), nudity (nz 1 dan n 0), sexuality (s 0), violence (v 0), promosi alkohol/obat-obatan/rokok/judi yang mengganggu anak (oz 1) dan menggunakan language/bahasa yang netral (l 0).”

Meringkaskan HTML

2011-06-02T22:39:00.000+07:00

Google tidak tanggung-tanggung dalam mencapai ekstrem limit efisiensi bytesize HTML-nya. Contek saja lewat View Source. Nama fungsi JavaScript singkat, seperti `sf()` dan `c()`. Penamaan objek form (kotak search, tombol) satu karakter, seperti `f` dan `q`. Begitu juga nama class CSS seperti `.h` dan `.q`. Karakter newlinenya dihapus, sehingga seluruh bagian utama HTML merupakan satu baris yang panjang sekali. Juga kutip hanya diberikan seperlunya pada atribut tag HTML.

Yahoo! juga tidak kalah irit. Sama seperti Google, atribut tidak pernah dikutip, nama-nama variabel Javascript satu dua huruf, nama subdomain pendek-pendek (rd.yahoo.com, t.yahoo.com, yp.yahoo.com, dsb.). Khusus di halaman depan www.yahoo.com, dibuatkan skrip di URI /r agar link-link ke berbagai area Yahoo! lainnya menjadi superringkas (mis: link ke Auctions adalah r/a2, link ke Travel adalah r/ta). Skrip /r inilah nanti yang akan melakukan redirect ke URL yang sebenarnya, mis: http://auctions.yahoo.com atau http://travel.yahoo.com.

Kecilnya HTML mempunyai pertimbangan ekonomis. Bandwidth tetap salah satu biaya terbesar yang harus dikeluarkan oleh setiap dotcom populer. Dan mengurangi besar HTML adalah cara yang paling manjur untuk mempertahankan biaya bandwidth tidak menjerumuskan perusahaan. Bagi situs yang bukan kelas dunia, barangkali Anda tidak perlu seekstrem Yahoo atau Google dalam mengecilkan ukuran HTML. Tapi bersikap efisien tidaklah merugikan.

Menempatkan Kursor ke Kotak Input

2011-06-02T21:34:00.000+07:00

Bagaimana cara membangun situs first-class tapi skill tak punya? Pengalaman pabrik otomotif Jepang mengatakan: contek desain dari kompetitor, dan buat produk yang mengambil kebaikan dari contekan. Untunglah manusia dan kera punya kesamaan: dikaruniai kemampuan untuk belajar dari nenek moyang mereka. Sehingga untuk makan dengan sendok/garpu, mereka tidak perlu kuliah dulu. Walaupun karir kera tidak lebih dari peran konyol dalam film holywood, manusia lebih beruntung; ia dapat menjadi web developer!

Dengan semangat pabrik Jepang, kita curi ilmu pengembangan situs dengan sedikit meng-reverse engineering pekerjaan web developer kawakan situs raksasa standar seperti Google, dan Yahoo. Seperti yang nanti kita lihat, bahwa situs besar tidak keberatan mengeksploitasi HTML untuk tampilan, byte-size minimal, dan efek samping lain, dan punya pertimbangan tinggi mempertahankan availability server di tengah serbuan jutaan visitor per hari.

Menempatkan Kursor ke Kotak Input

Lihat Gambar 1. Begitu halaman pertama Google dimuat, kursor otomatis aktif ke kotak search. Fitur ini walaupun terkesan remeh, tapi bila dikalkulasikan dengan jumlah pengguna Google yang harus meraih mouse, menggerakkan pointer ke kotak search, dan mengkliknya, tiap kali akan melakukan search, akan signifikan penghematan waktunya. Ini dipicu oleh kode JavaScript sederhana :

<body onLoad=sf()>

dan fungsi sf() didefinisikan oleh:

function sf() { document.f.q.focus(); }

yang mengatakan bahwa, begitu halaman selesai didownload, fokus kursor ke elemen q (kotak search) di form f (nama form).

Contoh Pada Google : langsung ketik query tanpa harus mengklik kotak input(Google)

Jangan Pernah Menyepam Search Engine!

2011-06-02T21:22:00.000+07:00

Ternyata sasaran kegiatan spamming bukan hanya terbatas pada pemilik email, telepon, atau selular. Masih ada ‘korban’ lain. Salah satunya adalah search engine dan direktori—selanjutnya disebut search engine saja—seperti Google, Yahoo!, Altavista, Lycos, AlltheWeb, dan sebagainya. Tidak seperti umumnya, aksi menyepam search engine bukan bertujuan untuk jualan barang atau menawarkan jasa meskipun sebenarnya tidak jauh-jauh juga dari urusan marketing. So, what? Apalagi kalau bukan untuk mempengaruhi peringkat pada hasil pencarian yang terjadi di search engine agar berada di urutan paling atas.

Pada umumnya perilaku menyepam search engine itu—baik dilakukan dengan sengaja (tahu bahwa itu spam) atau tidak tahu—merupakan kerjaan dari webmaster dengan tujuan ‘mulia’. Yaitu, ingin situs webnya cepat terkenal dan laris dalam waktu singkat.

Namun, seperti aksi spam lainnya, perilaku semacam itu juga punya risiko yang harus siap ditanggung. Setidaknya kalau ketahuan, situs web yang didaftarkan itu ada kemungkinan tidak akan dimasukkan dalam database dan paling apes ya diblacklist, diblokir, atau dihapus dari database jika sebelumnya telah terdaftar.

Buat webmaster yang nakal sih mungkin tidak masalah, karena sudah merupakan konsekuensi bermain-main dengan spam. Tapi bagi barisan webmaster baik-baik yang tidak sengaja dan tidak tahu soal itu, asal bukan pura-pura, apa bukannya sial tuh? Maunya ngetop malah diblokir sana-sini.

Trik-trik berpromosi di search engine memang banyak bertebaran di mana-mana. Namun tidak semuanya oke. Selain banyak yang sudah tidak manjur, tidak sedikit juga yang menawarkan cara agak licik untuk ‘mengakali’ search engine.

Nah, biar terhindari dari ‘musibah’, ada sejumlah trik tertentu yang mesti dicermati sekaligus dihindari jauh-jauh sebelum mulai beraksi. Apa saja?

Invisible Text

Ini trik menipu search engine yang tergolong paling basi karena paling umum digunakan oleh para spammer search engine. Intinya adalah menebarkan keyword di sembarang tempat dalam satu halaman dengan menggunakan warna font yang sama dengan warna background agar tidak terlihat dengan mata tapi terbaca oleh robot/parser search engine. Biasanya deretan teks diletakkan di bagian header atau footer dengan font kecil-kecil. Bisa Anda lihat dengan melakukan seleksi menggunakan mouse atau menekan Ctrl-A di browser. Asal tahu saja, yang banyak menggunakan trik semacam ini kebanyakan adalah situs-situs web porno. Trik ini pun basi karena search engine seperti Google menurunkan poin teks yang nilai kontrasnya (perbedaan warna teks vs latar belakang) rendah.

Unrelated Keywords

Bisa jadi keserakahan adalah pangkal dari tindakan spammer. Karena ingin ngetop dengan cepat, semua keyword yang dianggap populer dijejalkan dalam judul dokumen (<title>) dan tag meta meskipun tidak ada kaitan langsung dengan isi situs webnya. Tujuannya jelas, yaitu agar search engine dan pengunjung terkecoh. Padahal, biasanya pengunjung yang merasa dibohongi menjadi ‘dendam’ sehingga tidak mau mengunjungi situs penipu itu.

Salah satu yang masih memakai trik ini adalah situs web milik seorang desainer web lokal yang cukup terkenal. Tidak jelas apakah yang bersangkutan itu kuper atau bagaimana, di situs webnya bisa ditemui banyak dipasangi unrelated keywords baik di bagian judul maupun tag meta. Beberapa di antaranya diantaranya adalah kata “porn”, “dating”, dan “voip” yang entah apa hubungannya dengan layanan desain web yang ditawarkannya. Begitu juga dengan salah satu webhosting terkenal di Jakarta yang memasang kata-kata semacam “geocities” dan “xoom” pada tag meta halaman HTML-nya. Mungkin minta dituntut dulu oleh yang punya merek dagang baru kapok. Khusus untuk kata-kata berbau ‘adult’, sebenarnya saat ini hampir semua search engine sudah memblokirnya sehingga trik semacam itu jadi basi.

Keyword Stuffing

Ini adalah cara kuno yang dulunya pernah sangat ‘sakti’ menipu search engine seperti Altavista. Trik ini menyarankan untuk mengumbar kata-kata kunci yang Anda andalkan secara berlebihan pada bagian halaman yang tidak terlihat atau kurang diperhatikan pengunjung dengan tujuan “to increase keyword density”. Contohnya:

<h6>web design web design web design web design web design web design
web design web design web design web design web design</h6>

Sekarang, trik ini sudah tidak ampuh bagi kebanyakan search engine—termasuk Google dan Altavista—karena search engine tidak menilai berdasarkan frekuensi keyword lagi melainkan melalui mekanisme pembobotan link (istilah kerennya “PageRank” kalau di Google).

Hidden Tags

Kalau otaknya sudah termasuk otak promosi memang susah. Semua celah berusaha dimasuki, termasuk memanfaatkan hidden tags macam tag komentar, atribut di input form HIDDEN, atribut ALT, tag FONT, dan sebagainya. Misalnya:

<!-- free, money, sex, porn, password //-- >

atau:

<font class=“bonus, cheap, price, asia, hot”
name=“free, money, sex, porn, password”>

Meskipun sebagian besar search engine menganggap trik ini termasuk spam, namun masih ada juga yang masih berbaik hati meloloskannya.

Link Farm

Link farm adalah semacam jaringan antarsitus yang saling memasang link satu sama lain untuk meningkatkan kepopuleran link mereka. Bisa berupa button berukuran 88x31 piksel atau hanya teks yang bisa diklik. Yang juga termasuk bagian dari trik ini adalah program macam Link Exchange dan FFA Listings. Sejumlah search engine sering menendang alias menghapus situs web yang ketahuan menerapkan trik ini dari database mereka.

Over Submitting

Proses pendaftaran di Yahoo! atau dmoz.org memang butuh waktu tidak singkat tetapi mendaftarkan suatu situs web berkali-kali, apalagi dalam waktu yang dekat, jelas akan membikin ‘jengkel’ adminnya. Sudah begitu, apalagi tindakan yang diambil kalau bukan menempelkan cap “spammer” sekaligus memblokir situs web bersangkutan. Biar Anda dianggap sopan, sebaiknya baca dulu peraturan submission. Pada umumnya ada batasan dalam waktu berapa lama baru boleh mendaftar lagi. Itupun dengan catatan situs web itu ada perubahan isi atau belum terpasang di search engine itu sebelumnya.

Nama Domain Panjang

Konon menggunakan domain yang memuat banyak keyword akan mempengaruhi peringkat pada hasil pencarian di search engine. Semakin banyak keyword yang dipasang otomatis semakin panjang nama domainnya. Misalnya, domain:

best-fastest-hosting-affordable-reliable-uptime-reasonable-price.com

atau

hosting-terbaik.com

atau

the-best-web-design.com

Apa benar begitu? Tidak! Bisa dibilang tidak ada satu pun search engine yang akan menaikkan peringkat situs web Anda hanya karena terpengaruh dengan keyword yang ada pada nama domain. Jadi jangan buang duit percuma untuk beli domain panjang-panjang seperti itu.

ASCII/Alphabet Ordering

Kebanyakan database yang dipakai search engine, khususnya yang berciri direktori, menguraikan isi kategori yang ada secara urutan alpabet. Salah satunya adalah Yahoo! Jadi, kalau ingin tampil di urutan pertama harus pasang huruf “A” di depan nama situs web kita. Betul begitu? Kurang tepat, karena dalam urutan ASCII masih ada karakter-karakter lain sebelum huruf “A”! Semua karakter di bawah ini memiliki nilai urut mengawali “A”:

" $ % & ' () * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @

Inilah yang lalu dicoba untuk dimanfaatkan untuk menaikkan nomor urutan. Berhasil? Kalau memang nama perusahaan Anda memakai salah satu dari huruf-huruf ‘sakti’ itu mungkin tidak masalah. Tetapi jika sebaliknya, kemungkinannya amat kecil bisa lolos. Nampaknya pihak Yahoo! sudah mengantisipasi hal itu.

Akhir Kata

Makin hari para search engine itu makin galak sama yang doyan menyepam. Selain diblokir atau tidak didaftarkan, mereka bisa juga main hapus situs web yang ketahuan menyepam. Kenapa sih? Karena, yang namanya spam ke search engine, amat merusak kualitas dari database search engine itu sendiri. Jadi, jangan coba-coba deh. Apalagi dengan trik-trik yang basi nan garing seperti yang telah dijelaskan di atas. Daftarkan situs Anda ke search engine dengan cara-cara yang wajar dan sopan. Niscaya situs Anda akan tetap terdaftar dan tidak diblokir.

Oh ya, jangan heran dulu kalau suatu saat menemukan ada situs web yang jelas-jelas melakukan tindakan menyepam tapi tetap nongol di urutan atas hasil pencarian di Google misalnya. Bisa saja itu adalah arsip database lama milik search engine yang bersangkutan ketika skripnya masih ‘kuno’, atau sebuah halaman lama dari situs web itu. (ben)

Source URL:

www.search-engine-secrets.net,

www.searchengineguide.com,

www.web-hosting.com, dan

www.selfpromotion.com.

Klik Blink Link

2011-06-02T04:22:00.000+07:00

Mengenal Jenis-Jenis HyperLink

Para Blogger mengkategorikan link ke dalam 3 jenis utama: 1) link navigasi struktural, yaitu yang membantu user bergerak dari satu halaman ke halaman lain dalam sebuah situs; contohnya adalah link ke home atau link halaman-halaman satu level di bawah halaman yang sedang dilihat; 2) link asosiatif konten, yaitu link yang menunjukkan informasi kepada user di mana mencari keterangan lebih lanjut terhadap sebuah kata atau frase; contohnya adalah link terhadap sebuah judul buku atau nama pengarang, di mana jika kita klik maka akan muncul halaman lain di situs tersebut yang menjelaskan lebih lanjut mengenai buku yang dimaksud; 3) link Lihat Juga, yaitu untuk membantu user mencari dokumen lain seandainya dokumen ybs tidak cocok baginya; misalnya daftar situs-situs referensi/pilihan di bagian akhir dokumen.

Apa Yang Harus Dilink

Teks yang langsung berhubungan. Saya cenderung lebih menyukai cara orang “dulu”—alias zaman pra-web—dalam melink, misalnya di online help Turbo Pascal atau Windows .HLP, atau di dokumentasi Unix texinfo. Banyak orang sekarang yang melakukan linking dengan salah atau tidak efektif. Misalnya, yang paling sering, adalah dengan melink teks Klik Di Sini (Click Here). Selain kurang universal—pengguna browser berbasis teks atau nonvisual tidak mengenal konsep ‘klik’ karena ‘klik’ di sini berkaitan dengan pointer GUI dan mouse—hiperlink ini juga tidak mengandung informasi sama sekali. Seharusnya kata atau frase yang berhubunganlah yang harus dijadikan link. Ketimbang: “Ingin mengetahui lebih lanjut tentang peradaban Baduy? Klik di sini.” akan lebih efektif jika kita menggunakan “Peradaban Baduy cukup unik dan maju.”

Jakob menyarankan agar teks link tidak terlalu panjang (lebih dari empat kata) tapi sebaiknya mengandung kata sifat atau kata keterangan singkat yang menjelaskan link apa itu, sebab tidak semua user punya waktu untuk mengetahui apa isi link. Jika teks link tidak cukup jelas maka user jadi harus membuka link itu dulu untuk mengetahui kira-kira apa isi dokumen. Menurut saya, sebisa mungkin memang jaga agar link tetap pendek untuk tetap menjaga halaman bersih. Jika nama file atau direktori di URL yang dituju sudah cukup jelas, misalnya www.library.com/books/peradaban_baduy/chapter/bab01-latar_belakang.html, maka Anda bisa memperpendek lagi teks link menjadi satu dua kata saja. Pengguna sudah bisa mengira-ngira apa isi link ini dengan melihat sekilas URL dari status bar. (Tentu saja, sebaiknya status bar tidak perlu ditutup-tutupi dengan teks onMouseOver).

Gambar di bawah ini memperlihatkan penggunaan hiperlink di situs slashdot.org yang memanfaatkan teks yang pendek-pendek namun tepat pada sasaran. Keuntungan hiperlink pendek lainnya, Anda dapat menjejalkan lebih banyak hiperlink ke dalam satu paragraf teks. Ini ada efek samping positifnya, sebab search engine seperti Google akan dapat menilai halaman Anda lebih tinggi.

( Namun berhati-hati pula agar tidak menggunakan teks yang terlalu pendek—atau image yang terlalu kecil—sebagai hiperlink, sebab sulit dihover dan diklik terutama jika resolusi layar tinggi dan ukuran teks kecil.)

Menyatukan CSS

2011-06-02T03:12:00.000+07:00

Google tidak menggunakan halaman yang terpisah untuk stylesheet (file `.css`), seperti yang disarankan W3C.

<style><!--
body,td,div,.p,a{font-family:arial,sans-serif }
div,td{color:#000}
.f,.fl:link{color:#6f6f6f}
a:link,.w,a.w:link,.w a:link{color:#00c}
a:visited,.fl:visited{color:#551a8b}
a:active,.fl:active{color:#f00}
.t a:link,.t a:active,.t a:visited,.t{color:#ffffff}
.t{background-color:#224499}
.h{color:#224499;font-size:14px}
.i,.i:link{color:#a90a08}
.a,.a:link{color:#008000}
.z{display:none}
div.n {margin-top: 1ex}
.n a{font-size:10pt; color:#000}
.n .i{font-size:10pt; font-weight:bold}
.q a:visited,.q a:link,.q a:active,.q {text-decoration: none; color: #00c;}
.b{font-size: 12pt; color:#00c; font-weight:bold}
.ch{cursor:pointer;cursor:hand}
//-->
</style>

Padahal dengan menggunakan file CSS yang terpisah, file HTML bisa lebih kecil. Satu satu keuntungan yang bisa saya pikirkan dengan penyatuan CSS ke HTML adalah bahwa bila halamannya disimpan, tampilan halamannya tetap konsisten karena semua kode CSS berada di file tersebut.

Google pun tidak pernah melupakan efisiensi. Kode CSS untuk halaman depan berbeda dan lebih ringkas:

<style><!--
body,td,a,p,.h{font-family:arial,sans-serif;} .h{font-size: 20px;}+
.h{color:} .q{text-decoration:none; color:#0000cc;}
//--></style>

Melebarkan Kotak Input Search

2011-06-02T02:10:00.000+07:00

Kotak input search yang lebar memudahkan mengedit teks query panjang. Demikian nasihat Jakob Nielsen kepada para web developer. Ini tidak saja berlaku untuk kotak input search, tapi juga berlaku buat hampir semua input form (nama, alamat, dll), yang sering sekali terlalu pendek untuk masukan dapat diedit dengan nyaman. Lihat 3 gambar di bawah ini :

Lebih mudah mengedit query yang panjang (Google)

Input search lebih pendek (Yahoo!)

Input search lebih pendek lagi (Amazon)

Memudahkan Klik

2011-06-02T01:52:00.000+07:00

Banner gambar memang menarik, tapi entah mengapa kita jarang mengkliknya. Sementara banner teks Google terbukti mempunyai 5 kali tingkat click through. Namun agar banner teks bisa mensimulasikan penuh behaviour banner gambar, ia perlu dapat diklik di mana saja di dalam kotak teks. Lihat gambar di bawah ini :

Google mendapatkan efek ini dengan coding Javascript berikut ini:

<table bgcolor=#DDB7BA border=0 cellspacing=0 width=100%><tr><td>
<table border=0 cellpadding=3 cellspacing=0 width=100%><tr>
<td id=taw1 class=ch bgcolor=#FFF5F6 nowrap onMouseOver=
"ss('go to www.globalcar.com')" onMouseOut="cs()" 
onClick="ga(this,event)"><font size=-1><a id=aw1
href=/url?q=http://www.globalcar.com/gct/index.shtml&sa=l&ai=AHWa+
...ABEA&num=1
onMouseOver="return ss('go to www.globalcar.com')" onMouseOut="cs()">
Global <b>Car</b> Locator</a><br>
<font class=f size=-2><font color=#000000>Car</font> import export. New 
/ used BMW,<br>MB, Ford, Honda, Porsche and more<br><font color=green 
size=-1>www.globalcar.com</font><br>Interest: <img src=/images/pos_bar.gif
width=40 height=4 align=absmiddle border=0 alt=""></font></font>
</td></tr></table></td></tr></table>

Di mana fungsi ga() adalah berikut ini:

function ga(o,e) {
  if (document.getElementById) {
    a=o.id.substring(1);
    p="";
    g=e.target;
    if (g) {
      t=g.id;
      f=g.parentNode;
      if (f) p=f.id;
    } else {
      t=e.srcElement.id;
    }
  if (t==a||p==a) return;
  location.href=document.getElementById(a).href
  }
}

Yang sebenarnya ingin mengatakan bila kotak (ID = taw1) diklik, cari objek yang ID-nya aw1, dan buka halaman dengan URL sesuai nilai HREF milik aw1. Kenapa tidak langsung tulis begini? Lebih singkat dan jelas:

<td ... onClick="location.href='/url?q=http://www.global...'">

Barangkali web developer Google menemukan bug pada web browser? Ada kemungkinan seperti itu, dan seperti yang saya katakan, lebih bijaksana turuti mereka.

Memakai Kode HTML Usang

2011-06-02T00:50:00.000+07:00

W3C telah menentukan tag-tag yang akan di-phase-out penggunaannya (deprecated) karena alasan-alasan seperti eksploitasi tag untuk visual. Namun situs-situs seperti Google dan Yahoo! rupanya tidak terlalu menghiraukan, dengan terus menggunakan deprecated tag seperti `<font>`. Namun ini selalu diredundankan dengan penggunaan CSS. Ini semua untuk mencapai satu hal: tampilan yang konsisten.

Karena browser-browser terbaru tidak mengacuhkan <font>, dan browser-browser lama tidak mengacuhkan CSS, maka redundansi ini membuat tampilan Yahoo dan Google tampak konsisten saat diakses oleh segala macam browser. Namun melihat trennya, deprecated tag memang akan benar-benar ditinggalkan suatu saat nanti, sejalan dengan semakin sedikitnya market share browser tua.

Buatlah Blog dan Sampaikan Gagasan ke Seluruh Dunia

2011-05-29T19:32:00.001+07:00

Belajar membuat Blog dapat dilakukan oleh siapa saja secara otodidak. Dari apa yang dialami selama proses belajar ini, orang akan menemukan bahwa ternyata bikin blog lebih gampang dan lebih murah dibanding bikin website.

Kelebihan Blog
1. Murah
Ada banyak penyedia blog gratisan yang dapat Anda gunakan. Misalnya blogger.com, wordpress.com, multiply.com, blog.360.yahoo.com, blogdrive.com, blogsome.com, livejournal.com, dan sebagainya.

2. Mudah
Tidak membutuhkan peralatan dan software khusus. Yang dibutuhkan hanyalah alamat email, sambungan internet dan bowser. Jika Anda tidak punya komputer atau sambungan internet, maka Anda menyewa di warung internet.

Cara penggunaannya pun tidak terlalu rumit. Para penyedia blog sudah merancang supaya fasilitas-fasilitas yang dibuat seramah mungkin kepada pengguna awam (user friendly). Jika Anda terbiasa menggunakan email berbasis web, maka Anda tidak akan menemui kesulitan untuk menggunakan blog.

3. Menarik
Jika tidak puas dengan tampilan default, pada beberapa blog Anda masih dimungkinkan untuk mengganti atau memodifikasi tampilan template. Anda juga dapat menggunakan template gratisan yang banyak tersedia di internet. Template yang disediakan sudah cukup berjiwa seni, dengan paduan warna yang cukup manis Anda juga dapat menambahkan widget dan plugin untuk membuat blog Anda semakin atraktif. Misalnya, counter pengunjung, kata-kata mutiara, album foto, buku tamu, tautan, dll.

4. Mutual
Blog mengizinkan orang untuk meninggalkan komentar. Revolusi yang bisa dilihat pada blog dibandingkan dengan website tradisional adalah tambahan fungsi komentar ini. Pada setiap artikel yang dipublikasikan di blog memiliki formulir yang mengizinkan siapa pun untuk memberikan komentar pada artikel tersebut.

Perubahan itu mengubah sifat komunikasi website dari komunikasi satu arah, menjadi alat komunikasi dua arah. Para pembaca bisa dengan mudah berkomunikasi dengan penulis, memulai diskusi yang dimulai dari sebuah artikel yang sedang dibaca, atau memberikan umpan balik lainnya.

5. Mutakhir
Masalah besar lain yang menjadi wabah pada website tradisional adalah sifat statis mereka. Untuk menambahkan konten yang baru pada website dibutuhkan dua keahlian, yaitu keahlian menulis dan keahlian teknis seperti menguasai HTML, FTP dan serverweb. Namun dalam blog, keribetan ini dapat dipangkas. Sepanjang Anda masih ingat username dan password serta memiliki akses internet, Anda dapat menambahkan konten baru kapan saja dan dimana saja. Bahkan sekarang ini ada blog yang dapat diupdate dengan mengirimkan SMS dari handphone Anda.

Selain itu, ada fasilitas Feedyang memudahkan Anda untuk berbagi konten dengan sesama pengguna blog. Dengan memasang tautan feed blog teman Anda , maka blog Anda juga akan menampilkan konten terkini yang ada pada blog teman.

6. Minus Sensor
Kalau Anda menulis untuk media cetak, maka tulisan Anda harus bersaing dengan puluhan atau bahkan ratusan tulisan lainnya. Padahal ruang pemuatan untuk media cetak sangat terbatas. Hanya tulisan yang terbaik yang akan dimuat. Seandainya Anda mampu menulis dengan baik, hal itu belum menjamin tulisan Anda akan lolos dari meja redaksi jika tulisan Anda tidak sesuai dengan kebijaksanaan media yang bersangkutan.

Namun berbeda dengan blog, Anda bebas mengekspresikan diri Anda. Tidak ada yang akan menyensor tulisan Anda sebelum diterbitkan. Di sini, pengguna blog dituntut untuk bersikap dewasa dengan melakukan swa-sensor supaya tulisannya tidak melanggar batas-batas kesopanan, etika dan hukum.

7. Menyebar
Dengan memasang tulisan di internet, maka gagasan Anda dapat diakses oleh orang di seluruh dunia (sepanjang mereka memahami bahasa yang Anda gunakan). Bahkan Blog yang menggunakan bahasa Indonesia tidak hanya diakses oleh orang yang ada di Indonesia, tapi juga orang-orang yang berada di Amerika, China, Australia, Singapura dan berbagai negara lain.

Bandingkan jika kita hanya menyebarkan gagasan tersebut melalui koran atau buku. Karena keterbatasan persebaran, maka tulisan kita hanya dibaca oleh orang orang yang ada di Indonesia. Apalagi kalau kita menyebarkannya hanya secara lisan.

Semoga Bermanfaat

Raih Kesempatan Dengan Membuat Blog

2011-05-29T19:15:00.000+07:00

Jauh hari sebelum blog booming telah ada beberapa layanan untuk membantu orang membuat web dengan mudah. Contohnya tripod, geocities, dll. Tetapi sejak tahun 2002 kondisi itu berubah, sehingga semua dapat membuatnya tanpa ada hambatan tradisional yaitu kendala teknis.

Blog merupakan singkatan dari kata "web+ log" yang artinya catatan di dalam web. Istilah "weblog" pertama kali dilansir oleh Jorn Barger ( http://en.wikipedia.org/wiki/Jorn_Barger) pada 17 Desember 1997. Sedangkan singkatan Blog dibuat oleh Peter Merholz, yang sebenarnya membuat plesetan dari kata weblog menjadi we blog di blog Peterme.com. Tak lama kemudian, Evan Williams ( http://en.wikipedia.org/wiki/Evan_Williams_%28blogger%29 ) pada perusahaan Pyra Labs ( http://en.wikipedia.org/wiki/Pyra_Labs ) menggunakan kata "Blog" sebagai kata benda dan kata kerja ("to blog" atau ngeblog berarti menyunting weblog atau memasang tulisan baru di weblog), kemudian semakin mempopulerkannya dengan meluncurkan produk Blogger http://en.wikipedia.org/wiki/Blogger_%28service%29

Catatan-catatan (yang disebut sebagai posting)pada Blog sebenarnya menyerupai tulisan pada sebuah halaman web umum. Bedanya, tulisan-tulisan blog lebih sering diperbaharui dan dimuat dalam urut terbalik dengan menganut prinsip ”first in-first out”. Tulisan yang paling baru berada di urutan paling atas, diikuti dengan tulisan yang lebih lama ada di bawahnya.

Media Blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh PyraLab sebelum akhirnya diakuisi oleh Google.Com pada akhir tahun 2002. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat gratis dan dapat digunakan oleh siapa saja. Blog sesungguhnya adalah website juga. Namun pada website normal ada satu masalah kronis yang menghalangi orang untuk menambahkan konten baru – yaitu masalah teknis. Meskipun sudah ada CMS (Content Management System) yang canggih, pembuatan website masih di luar jangkauan pengguna web umumnya.

Blog sudah mengubah hal ini. Mereka menyediakan sebuah sistem publikasi konten yang begitu mudah digunakan oleh kebanyakan pengguna web. Dengan sedikit latihan, mereka bisa mempublikasikan konten ke World Wide Web.

Membuat webiste normal itu dapat diibaratkan dengan orang yang akan membuat toko. Dia harus membeli atau menyewa lahan lebih dulu, kemudian membuat rancangan bangunan toko, menyewa tukang untuk membangunnya, lalu mengisi toko dengan barang-barang dagangan. Hal yang sama harus dilakukan oleh pemilik

website normal:

Dia harus membeli nama domain (nama toko)
Menyewa webhosting (lahan toko)
Merancang tampilan dan membangun situs
Mengisi situs dengan tulisan, gambar, audio dan/atau video.

Sedangkan dalam blog, langkah 1-3 dapat dilewati. Kita cukup memasukkan data-data yang dibutuhkan, seperti nama pengguna (user name), kata sandi (password), nama blog, dan alamat email. Maka dalam waktu kurang dari 10 menit, Anda sudah memiliki blog sendiri. Anda sudah dapat langsung memajang ”barang dagangan” berupa tulisan, gambar, audio dan/atau video di blog Anda.

Tips Ringan Google Friend Connect

2011-05-20T14:19:00.000+07:00

Bila di blog anda terpasang Google Friend Connect dan Coba klik salah satu Follower anda, maka default google friend connect saat diklik link tersebut akan jump ke Profile User pada jendela yang sama (same window).

Barangkali karena suatu alasan terntentu dimana anda menghendaki agar profile user tadi jump ke jendela baru (new window), gunakan trik berikut ini :

Buka Tata Letak > Edit HTML > Centang bagian box Expand Template Widget. dan Cari Script Berikut

tambahkan target='_blank' pada script tersebut sehingga menjadi seperti ini :

<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow' target='_blank'>

Kemudian Simpan, dan coba klik ulang Follower Anda,

Semoga Berhasil

Parse HTML dan Javascript

2011-05-12T00:30:00.004+07:00

Mem-Parse\mem-parsing HTML dan atau javascript adalah salah satu cara yang digunakan para blogger untuk memposting artikel yang berkaitan dengan kode HTML dan atau javascript. Kegunaannya agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script kedalam artikel, maka tulisan tidak akan muncul atau malah muncul sebagai widget.

Tidak hanya itu saja memparse kode HTML dan atau javascript juga diperlukan dalam usaha mengedit template blog dimana bahasa HTML dirubah menjadi XHML dan salah satu caranya adalah dengan memparse kode HTML dan atau javascript yang akan dimasukan dalam template.

Berikut disiapkan tool online untuk memparse kode HTML/javascript tersebut.
Encode : Memparse kode HTML/javascript dan
Decode : mengembalikan ke kode HTML/java script ke kode HTML/javascript

Kode Warna HTML

2011-05-12T00:18:00.003+07:00

Dalam mendesain blog ataupun website,pastinya kita tidak akan terlepas dari gradiasi warna. Untuk itu kita perlu mengetahui macam-macam warna tersebut dalam HTML atau sering disebut kode warna HTML. Oleh karena kebutuhan tersebut, saya coba sediakan untuk semuanya, generator kode warna HTML berikut. Selamat berkreasi,semoga membuatmu bermakna dan berwarna.

Berikut ini Tool yang dapat digunakan untuk mencari kode warna html
Keterangan : Anda bisa mengatur kecerahan atau kegelapan warna dengan menekan tombol yang tersedia dan dapatkan kodenya.
Semoga bermanfaat.

Post New Blogger

Google Page Speed - Tingkatkan Performa Halaman Website

Video Chat Fitur Baru di Facebook

Memahami Cara Kerja ROBOT GOOGLE

Cara Mudah Memasang Twiter di Blog/Website

Twitter

TweetMeMe

TwitterFeed

Tweet!

Twitter Icons

Hal Baru dari Cascading Style Sheets - CSS3

CSS3 merupakan standarisasi versi terbaru dari CSS yang dikembangkan oleh W3C dan masih hanya diimplementasikan sebagian oleh browser-browser Website. Beberapa point berikut merupakan hal-hal yang sangat menarik untuk dibahas dalam konteks CSS3.

RGBA

Text Shadow

Dengan text shadow Kita dapat menambahkan bayangan pada teks di halaman web Kita. Cara penulisannya adalah sebagai berikut:

Border Radius

Biasanya Kita menggunakan image untuk menampilkan blok html yang akan ditampilkan secara melengkung/rounded. Pada CSS3 Kita dapat menggunakan fasilitas Border Radius seperti pada contoh di bawah ini:

Box Shadow

Selain Text Shadow, CSS3 juga mendukung Box Shadow, dimana satu blok berupa div, span atau sebagainya akan diberikan shadow pada blok yang dimaksud. Bedanya dengan text shadow adalah bila text shadow menambahkan bayangan pada teks, sedangkan box shadow menambahkan bayangan pada blok.

Cara Untuk Membuat Chat Bar di Blog ala Facebook

Menampilkan Ucapan Selamat Pagi, Siang dan Sore di Blog

Cara Membuat Artikel Lama Tetap Muncul Di Blog

Mencari Tambahan Backlink lewat Facebook

Tips Ganti Nama Pada Akun Facebook yang Sudah Limit

Mengingat Isian Form

Mengatur Cookie untuk Sesi

Memberi Label PICS

Meringkaskan HTML

Menempatkan Kursor ke Kotak Input

Menempatkan Kursor ke Kotak Input

Jangan Pernah Menyepam Search Engine!

Invisible Text

Unrelated Keywords

Keyword Stuffing

Hidden Tags

Link Farm

Over Submitting

Nama Domain Panjang

ASCII/Alphabet Ordering

Akhir Kata

Klik Blink Link

Mengenal Jenis-Jenis HyperLink

Apa Yang Harus Dilink

Menyatukan CSS

Google tidak menggunakan halaman yang terpisah untuk stylesheet (file .css), seperti yang disarankan W3C.

Melebarkan Kotak Input Search

Lebih mudah mengedit query yang panjang (Google)

Memudahkan Klik

Memakai Kode HTML Usang

Buatlah Blog dan Sampaikan Gagasan ke Seluruh Dunia

Raih Kesempatan Dengan Membuat Blog

Tips Ringan Google Friend Connect

Parse HTML dan Javascript

Kode Warna HTML

Google tidak menggunakan halaman yang terpisah untuk stylesheet (file `.css`), seperti yang disarankan W3C.