Dalam posting ini saya akan menunjukkan dua cara bagaimana Anda dapat menambahkan favicon ke blog Blogger Anda. Jika anda tidak tahu apa itu favicon, di sini definisi singkatnya adalah: "favicon adalah ikon kecil (image) yang ditampilkan pada awal address bar browser. ini juga dikenal sebagai Ikon Favorit, Pageicon, dan URLicon".
Keuntungan utama dari membuat dan menggunakan favicon adalah membuat lebih mudah untuk menemukan blog atau situs ketika seseorang menambahkan blog / situs ke favorit mereka atau bookmarked di antara seluruh banyak situs lain.
Kebanyakan orang menggunakan Favicons pixel 16x16 (Anda juga dapat menggunakan Favicons pixel 32x32) dalam format "ico.". Tapi Anda juga bisa menggunakan gif,. Atau. Format gambar png juga.
Cara Membuat dan Menambahkan Favicon di Blog Blogger
- Buat Favicon Sendiri
Jelas, langkah pertama menambahkan FavIcon ini adalah membuat file favicon unik Anda sendiri. Sebagaimana dinyatakan di atas, favicon adalah file icon yang sangat kecil dengan ekstensi 'ico.'. Anda dapat melihat salah satunya(gratis) layanan online untuk membuat favicon Anda:
http://www.favicon.cc/~~V
Anda dapat meng-upload file gambar (dalam format JPG, PNG, atau GIF) untuk dikonversi ke favicon atau desain favicon sendiri.
hffp://www.rw-designer.com/online_icon_maker.php
http://www.html-kit.com/favicon/~~V
http://tools.dynamicdrive.com/favicon/~~V
http://www.degraeve.com/favicon/~~V (Mereka memiliki antarmuka kuas yang keren) - 2. Upload File Icon
Setelah Anda membuat favicon Anda, Anda perlu meng-upload ke lokasi web dari tempat yang dapat diakses oleh Blogger. Ingat, file ikon adalah file gambar kecil dengan menunjukkan '. Ico' ekstensi.
Tidak dapat di-upload ke Flickr, Photobucket, dll sebagai gambar. Hal ini tidak layak untuk diupload di Rapidshare atau sistem file sharing lainnya. Anda dapat menciptakan halaman web gratis dengan Google Sites dan upload file Anda di sana. Untuk melakukan itu, Anda harus mendaftar di Google Sites dan membuat website gratis. Di sana Anda dapat meng-upload file apapun seperti halnya dengan blog self-host.
- Tambahkan Script berikut ke Template Anda
a.) Pergi ke Blogger dan pergi ke Layout -> Edit HTML.
b.) Lihat/cari (Ctrl + F) untuk baris kode berikut:
c.) Tambahkan kode berikut tepat di bawah baris di atas:<title> <data:blog.pageTitle/> </ title>
d.) Ganti 'URL FILE ICON' dengan URL sebenarnya dari file icon Anda.<link href= ' ICON FILE URL ' rel='shortcut icon'/>
<link href= ' ICON FILE URL ' rel='icon'/>
e.) Simpan template.
PEMBERITAHUAN PENTING: Jika metode di atas terlalu rumit untuk Anda, ada juga pakai cara bagaimana Anda dapat melakukannya tanpa meninggalkan Blogger Berikut adalah caranya.:
- Pertama Anda perlu membuat kustom Anda sendiri membuat favicon. Tapi kali ini Anda tidak harus menggunakan gambar ke generator favicon, bukan gambar Anda baik harus menjadi gif atau Png.
Dalam contoh ini kita akan menggunakan file. Png. Jika Anda tidak yakin jenis gambar untuk digunakan silahkan telusuri beberapa Favicons gratis, Anda dapat menemukan di web, mungkin Anda akan menemukan satu yang ingin Anda gunakan. Jika Anda memutuskan untuk menggunakan salah satu dari Favicons yang dapat ditemukan secara online maka jangan klik "Download favicon ini" karena yang akan memberikan file dalam format Windows ico.. Sebaliknya klik kanan pada gambar dan pilih "Save Picture As". - Setelah Anda download atau menciptakan gambar yang ingin Anda gunakan sebagai favicon Anda, kemudian pergi ke blog Blogger.com dan membuat posting baru. Tidak peduli apa yang Anda sebut itu karena Anda tidak perlu mempublikasikannya. Setelah Anda membuat posting baru, gunakan tombol upload gambar untuk meng-upload favicon Anda ke blog Blogger Anda.
- 3. Setelah Anda telah meng-upload gambar, Anda akan perlu beralih ke mode Edit HTML jika Anda menggunakan"Write" mode. Dalam modus HTML Anda akan melihat sesuatu seperti ini:
Anda perlu menyorot dan salin bagian dalam tanda kutip setelah src. Dalam hal ini adalah:<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKESZ6la9dzeM2Yoxf30fildJvAWgKyhlp4WDoy8NW23A7IHNDm5zTQ3Letcdfu2qdHCuiB-lUBsuWZDamEkU6DdI-IiK6iwDTOXH0vzkiHAvuIVRPYCxZsQc8cQZndSFjQEA4CDqQ_4/s1600/ebl+faviconvign.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 32px; height: 32px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKESZ6la9dzeM2Yoxf30fildJvAWgKyhlp4WDoy8NW23A7IHNDm5zTQ3Letcdfu2qdHCuiB-lUBsuWZDamEkU6DdI-IiK6iwDTOXH0vzkiHAvuIVRPYCxZsQc8cQZndSFjQEA4CDqQ_4/s200/ebl+faviconvign.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5466855623794884562" /></a>
Anda harus menyisipkan bagian ini pada Notepad atau editor teks. Anda tidak ingin kehilangan ini dan Anda akan menutup jendela Blogger editing berikutnya.https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKESZ6la9dzeM2Yoxf30fildJvAWgKyhlp4WDoy8NW23A7IHNDm5zTQ3Letcdfu2qdHCuiB-lUBsuWZDamEkU6DdI-IiK6iwDTOXH0vzkiHAvuIVRPYCxZsQc8cQZndSFjQEA4CDqQ_4/s200/ebl+faviconvign.png - Begitu Anda memiliki lokasi dari gambar yang Anda upload dapat disalin, Anda dapat pergi ke Layout -> Edit HTML. Lihatlah (Ctrl + F) dalam HTML untuk tag yang mengatakan </ head> dan kanan di atasnya paste:
Jika Anda menggunakan gambar png.:
Jika Anda menggunakan gambar .gif:<link href=’URL of uploaded picture’ rel=’shortcut icon’/>
<link href=’ ’URL of uploaded picture’ rel=’icon’ type=’image/png’/><link href=’URL of uploaded picture’ rel=’shortcut icon’/>
<link href=’ ’URL of uploaded picture’ rel=’icon’ type=’image/gif’/> - Setelah Anda memiliki baris tersebut disisipkan ke dalam template, salin src gambar yang ingin Anda gunakan sebagai favicon Anda yang Anda upload sebelumnya dan paste ke dalam dua baris saja anda tambahkan di mana href = ". Dalam contoh kita akan terlihat seperti ini:
<link href= ' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKESZ6la9dzeM2Yoxf30fildJvAWgKyhlp4WDoy8NW23A7IHNDm5zTQ3Letcdfu2qdHCuiB-lUBsuWZDamEkU6DdI-IiK6iwDTOXH0vzkiHAvuIVRPYCxZsQc8cQZndSFjQEA4CDqQ_4/s200/ebl+faviconvign.png ' rel='shortcut icon'/>
<link href= ' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKESZ6la9dzeM2Yoxf30fildJvAWgKyhlp4WDoy8NW23A7IHNDm5zTQ3Letcdfu2qdHCuiB-lUBsuWZDamEkU6DdI-IiK6iwDTOXH0vzkiHAvuIVRPYCxZsQc8cQZndSFjQEA4CDqQ_4/s200/ebl+faviconvign.png ' rel='icon' type='image/png'/> - 6. Simpan template.
Dalam posting ini saya telah menunjukkan anda dua cara bagaimana Anda dapat menambahkan favicon ke blog Blogger Anda. Selamat mencoba!
{ 0 komentar... read them below or add one }
Posting Komentar