Memanfaatkan Image Favicon Website dari Google Shared Stuff
September 16, 2008 by maseko 
Jika Anda perhatikan, kira-kira sejak seminggu yang lalu, di samping link blog atau website pemberi komentar di maseko’s weblog ini telah disertakan image favicon yang digunakan oleh blog atau website pemberi komentar. Jika Anda pernah iseng melihat properties image tersebut, tentu Anda sudah mengetahui bahwa sumber image tersebut bukanlah berasal dari maseko.com ini, melainkan mempunyai URL dari google.com, tepatnya dari layanan Google Shared Stuff. Image tersebut sudah tidak lagi berformat ico seperti aslinya melainkan sudah dikonversi menjadi tipe png.
Untuk menampilkan image dari favicon suatu website, cara yang digunakan cukup mudah, yaitu dengan menggunakan URL image dengan format berikut:
http://www.google.com/s2/favicons?domain=<alamat-website-tanpa-http>
Anda tinggal mengganti <alamat-website> dengan alamat website sebenarnya yang ingin dipanggil tanpa menyertakan http://. Misalnya ingin menampilkan image favicon dari maseko.com ini, maka URL image dapat dipanggil dari alamat berikut:
http://www.google.com/s2/favicons?domain=maseko.com
Selanjutnya tinggal diaplikasikan pada halaman web atau blog sesuai dengan keperluannya, misalnya ditampilkan di samping setiap link yang ada pada entry blog atau di samping link website atau blog pemberi komentar seperti yang saya terapkan di sini. Untuk penggunaan secara dinamis, tentu saja harus disesuaiakan dengan apliaksi web yang digunakan. Untuk pengguna WordPress.org yang ingin menampilkan pada bagian komentar seperti yang saya gunakan di sini, dapat memulai dengan mengedit file theme yang digunakan untuk menampilkan komentar, misalnya comments.php, dan selanjutnya dapat menyisipkan kode berikut pada bagian dimana image favicon akan ditampilkan.
1: <?php
2: if (!empty($comment->comment_author_url)) {
3: $url = preg_replace('/^http:\/\//', '', $comment->comment_author_url);
4: if ($url != "") {
5: $imgurl = "http://www.google.com/s2/favicons?domain=" . $url;
6: echo '<img src="' . $imgurl . '" width="16" height="16" />';
7: }
8: }
9: ?>
Untuk ukuran dari image, umumnya pemilik website menggunakan favicon berukuran 16×16 pixel dan ini sepertinya ukuran image yang aman digunakan, meskipun ada juga yang menggunakan 32×32 pixel, dan untuk mengatur ukuran pada saat ditampilkan gunakan, tentukan ukurannya melalui attribute width dan height pada tag img.
– via
Posted in Google, TipsTricks, Web Development, Wordpress
Makacih Mas Eko…