Entri Populer
-
Pertama download Cantasia 8 disini Official site : Install Trial Version (Jangan Masukkan Serial keynya dulu) Disable Admin's Acc ...
-
Sebelum berkembangnya teknologi website seperti saat ini, logo atau gambar dengan efek animasi tambahan seperti animasi gerak, beruba...
-
Mungkin anda pernah was was dengan keluarga, maupun pacar anda. ketika anda bepergian yang ada benak pikiran anda sedang apa pacar saya,...
-
1.cari kode berikut (gunakan CTRL+F), ]]></b:skin> 5. Tepat diatas kode tersebut, paste kode dibawah ini, /*----- MBT Drop...
-
Untuk membuat tampilan website atau blog kita lebih menarik kita membutuhkan banyak ide intuk memodifikasi tampilannya, salah satunya denga...
Kamis, 13 Desember 2012
Mengganti Logo Blogger Di Browser Bar.
Favicon adalah logo yang ditampilkan
di sebelah kiri domain url maupun di tab browser. Pengguna blogspot tentu saja
memiliki favicon default bawaan dari blogger. Hal ini tidak sama dengan
wordpress dimana favicon secara otomatis dapat digenerasikandi ubahsuaikan.
Favicon menjadi identitas dari suatu blog karena merupakan ciri khas dan bisa
dibilang sebagai brand.
Gambar yang digunakan sebagai
favicon berformat .ico seperti halnya format icon-icon yang biasa kita temui
sebagai icon file ataupun folder di dalam PC. Format ini unik karena dimanapun
dia ditampilkan, gambar aslinya akan langsung terlihat tanpa membuka filenya
(dan ini bukan preview seperti yang kita lihat di format lain misalnya jpg,
tif, dan lain-lain ketika ditampilkan di dalam folder). Untuk animated favicon anda dapat menggunakan file gambar berformat gif.
Berikut langkah-langkah
pembuatannya:
1. Siapkan gambar yang hendak anda
jadikan favicon, atau anda dapat mencarinya di situs-situs yang menyediakan
gambar icon gratis. Anda dapat pula mencari gambar favicon maupun animated
favicon gratis. Gunakan keyword "free favicon/animated favicon image"
di Google.
2. Untuk membuat file ico, anda
dapat menggunakan photoshop atau gunakan jasa situs generator ico gratis seperti: www.favicon.cc, www.favicongenerator.com, atau www.favicon.co.uk. Untuk animated favicon anda (gif) anda dapat membuat
animasinya di situs www.animatedfavicon.com. Upload file anda ke situs-situs tersebut, ikuti beberapa
langkahnya, dan download file hasilnya.
3. Upload file favicon anda ke situs
hosting gambar yang mensupport gambar ico karena Blogger tidak mensupport
upload gambar berformat ico. Lihat list situs terbaik untuk hosting gambar ico dan
gif ini untuk mengupload favicon anda.
4. Copy terlebih dahulu direct link
dari gambar yang telah diupload.
5. Kemudian masukkan url-nya ke
script tag berikut ke bagian antara <head>
dan </head> di template HTML anda. Saya
sarankan untuk dimasukkan setelah meta tag agar cepat termuat oleh browser namun
tidak mengganggu meta.
Untuk favicon file ico:
<link href='url gambar .ico anda'
rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Untuk animated favicon file gif:
<link href='url gambar gif anda'
rel='icon' type='image/gif'/>
Untuk menggunakan kedua-duanya dan
berjaga apabila file gif gagal dimuat oleh koneksi yang sangat lambat, gunakan
kedua file ico dan gif anda. Masukkan kedua tag dengan urutan sebagai berikut:
<link href='url gambar .ico anda'
rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='url gambar gif anda' rel='icon' type='image/gif'/>
<link href='url gambar gif anda' rel='icon' type='image/gif'/>
6. Preview dan save.
7. Done!
Update:
Blogger kini telah memiliki fitur Blogger Custom Favicon yg dapat menambahkan Favicon secara otomatis dengan cara yg lebih mudah. Silahkan coba.
Minggu, 09 Desember 2012
TRIK PASANG PETA DI BLOG.
Mungkin ada diantara teman-teman yang ingin memasang peta google map di
blog agar peta maupun citra satelit dapat tampil di blog. Peta ini bisa
membantu pengunjung mengetahui lokasi anda. Google mengijinkan
pengguna blog/website untuk memilih lokasi tertentu pada peta, kemudian
bisa memasang peta tersebut ke blog tanpa dipungut biaya (gratis).
Mau lihat contohnya diblog ini "peta yogyakarta"
Yang perlu anda lakukan hanya perlu membuka website google map, pilih tempat /lokasi anda di peta selanjutnya copy script yang tersedia untuk dipasang di blog.
Contoh peta yang bisa ditampilkan di blog bisa dilihat disini :
atau citra satelit (ada beberapa lokasi di peta yang menggunakan citra Ikonos dan Quickbird untuk lokasi perkotaan serta citra Landsat untuk wilayah-wilayah yang jarang pemukimannya.
Agar peta-peta maupun citra satelit bisa muncul di blog blogspot anda, lakukan prosedur di bawah ini :
1. Buka situs google map
Di kotak pencarian ketik lokasi anda, dalam contoh ini menggunakan lokasi "makassar"
Selain mencari dengan kotak pencarian bisa juga dengan menggunakan tombol geser dan tombol zoom (vertikal slidebar zoom)
2. Setelah ketemu lokasinya, klik tombol link yang ada disebelah kanan atas peta (halaman web)
Klik link "Customize and preview embedded map"
3. Akan terbuka halaman seperti di bawah ini
Atur ukuran peta pada bagian customize
kemudian copy script yang ada di bagian paling bawah halaman , masukkan script tersebut ke gadget html/javascript blog.
Sumber: http://www.artikelkomputerku.blogspot.com
Mau lihat contohnya diblog ini "peta yogyakarta"
Yang perlu anda lakukan hanya perlu membuka website google map, pilih tempat /lokasi anda di peta selanjutnya copy script yang tersedia untuk dipasang di blog.
Contoh peta yang bisa ditampilkan di blog bisa dilihat disini :
atau citra satelit (ada beberapa lokasi di peta yang menggunakan citra Ikonos dan Quickbird untuk lokasi perkotaan serta citra Landsat untuk wilayah-wilayah yang jarang pemukimannya.
Agar peta-peta maupun citra satelit bisa muncul di blog blogspot anda, lakukan prosedur di bawah ini :
1. Buka situs google map
Di kotak pencarian ketik lokasi anda, dalam contoh ini menggunakan lokasi "makassar"
Selain mencari dengan kotak pencarian bisa juga dengan menggunakan tombol geser dan tombol zoom (vertikal slidebar zoom)
2. Setelah ketemu lokasinya, klik tombol link yang ada disebelah kanan atas peta (halaman web)
Klik link "Customize and preview embedded map"
3. Akan terbuka halaman seperti di bawah ini
Atur ukuran peta pada bagian customize
kemudian copy script yang ada di bagian paling bawah halaman , masukkan script tersebut ke gadget html/javascript blog.
Sumber: http://www.artikelkomputerku.blogspot.com
Langganan:
Komentar (Atom)





