Cara Menampilkan favicon Blogspot di tampilan Seluler atau Handphone

Cara Menampilkan favicon Blogspot di tampilan Seluler atau Handphone

favicon adalah sebuah logo kecil ciri khas sebuah blog yang biasanya ada di bagian atas menu tab browser yang anda gunakan , Contoh saja Lihat favicon blog saya ,Lihat Gambar Ini (.

..). Itu adalah salah satu contoh ciri favicon blog saya.. Namun yang saya perlihatkan di atas adalah favicon yang tampil di HP saya ,bukan di PC / Laptop , dari sini anda pasti sudah sedikit mengetahui apa itu favicon ...

 Pembahasan 
 Penampakan favicon yang ada di blogspot bisa saya bilang cukup di batasi , kenapa ?? 
Ya favicon di blogspot hanya bisa tampil dan terlihat ketika kita membukanya di komputer / laptop , namun ketika kita coba buka blog lewat Handphone yang terlihat Favicon blog tersebut tidak akan terlihat dan yang tampil hanyalah Nama Blog anda.... 
Namun itu hanya berlaku di blog yang bersubdomain contohnya saja Blogspot.com

seperti yang kita ketahui Akun blogspot di manapun tidak menampilkan Faviconya di browser Hp , Favicon blog hanya akan tampil dan terlihat ketika kita membuka blog lewat PC / LAPTOP , biasanya ketika kita ingin mengganti atau mengedit favicon ,langkah langkahnya kita harus membuka akun blogger yang anda punya , lalu kalau anda sudah sampai di dasbor Blogger pilih / Klik menu Tata Letak ,Lalu klik Edit Favicon , biasanya kolom Edit favicon ada di bagian pojok kiri halaman yang terletak paling atas di menu Tata Letak Blogger... 

Lantas bagaimana cara menampilkan faviconya di HP ?? 

setelah sekian lama saya mencari tahu berita mengenai cara menampilkan favicon di blogspot yang bisa juga tampil di handphone di Mbah Google , memang saya akui tidak banyak blog / website di Google yang menyediakan cara ini ,kiranya hanya 1 - 2 blog saja , Entah ia tak mau memberitahu cara ini karena terbilang langka atau apa ,.. Ahirnya setelah mencari tahu lebih dalam , Alhamdulillah saya mendapatkan juga caranya . bisa saya bilang kita di sini hanya menyelipkan sedikit kode html kita di pengaturan blog / di kolom Edit Html...

 bila anda ingin serius mengganti favicon, anda harus terlebih dahulu mengubah ukuran Gambar yang bakal anda gunakan sebagai Favicon, Ubah Ukuran gambar menjadi Gambar yang cukup kecil ukuranya , Bila anda tak ingin repot mengganti Ukuran gambar anda secara manual anda bisa menggantinya lewat Aplikasi Online Jasa penyedia pengubah ukuran Favicon , Klik di SINI untuk mengubah ukuran gambar.. gambar akan otomatis berubah format dari yang sebelumnya .Jpg / .Png yang rata2 berukuran 32x32 px .dan berubah menjadi Format .ico
Sekarank kalau Gambar Favicon anda sudah siap dan Format gambar sudah .Ico (bukan .jpg .png dan sejenisnya) anda sekarank tinggal cari kode Gambar favicon blog anda...

Sekarank kalau Gambar Favicon anda sudah siap dan Format gambar sudah .Ico (bukan .jpg .png dan sejenisnya) anda sekarank tinggal cari kode Gambar favicon blog anda...

Selanjutnya pergi ke menu Entri Baru (yang terletak di Halaman Dasbor blogger anda)

lalu di kolom posting pilih bagian HTML ,lalu unggah gambar favicon anda dari pc / laptop ke kolom posting , kalau gambar sudah terunggah , akan muncul banyak kode di kolom posting , tapi anda cukup meng-Copy kode Gambar favicon dengan kode Gambar yang seperti ini (Http://url gambar anda.Ico)..

Langkah selanjutnya
 Pergi ke Menu Template di dasbor blogger anda ( Ini langkah krusial dan terpenting di tutorial kali ini ) ,sekarank kalau anda sudah sampai di menu TEMPLATE dasbor blogger blog, pilih bagian kolom EDIT HTML ..
Terahir kalau anda sudah sampai pada kolom Edit HtmlCari Kode </head> , Cara cepatnya Klik di keyboard Ctrl+F untuk mencari kode yang akan di cari ,kemudian Tambahkan kode ini di bawah kode </head>.

(copy kode ini)

---

<link href=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcXyujlqAMbEWv7VT7Gc3Pku_4qgOdfzMe4RcZVIlUj0OqwbrTA4CFXm_g67fsLnqI6RG9vxeO_y3xM2zKzWdmucuuUEkqrGtS6hlDoY64X-2tQ15_b8b3b4iwY0lY0zNZiC1aUu1TXlPr/s1600/favicon.ico rel=icon type=image/x-icon/>

---

Isi dan ganti kode yang berwarna merah dengan Url kode gambar Favicon Blog anda yang tadi telah anda Copy / salin.. dan Terahir Klik Simpan template.

Nah dari sini anda sudah berhasil menambahkan sedikit kode favicon di blog anda dan sekarank tinggal anda Cek di browser hp anda , apakah favicon sudah tampil atau belum di tampilan Hp secara sempurna, sebagai cotohnya saya mengeceknya di Browser Operamini yang saya punya.. Lihat gambar ini

kalau favicon sudah berhasil muncul di blog seperti gambar di samping , berarti anda berhasil menampilkan favicon anda di tampilan seluler dan blog anda kini lebih terlihat profesional ....




dan ini penampakan blog biasa di tampilan hp

jelaskana perbedaaanya gambar di samping dengan gambar di atas ???





 Sekian tutorial saya di kesempatan kali ini ,semoga berguna bagi anda yang membutuhkan dan semoga berhasil... Bila anda kurank jelas dengan penjelasan saya di atas , anda juga bisa berkomentar di bawah untuk menanyakan hal-hal yang belum anda mengerti.. 

 | Penting | 
bila anda ingin mengcopy paste artikel ini Di mohon sertakan sumber yang jelas ,demi menghargai penulis.. Terimakasih

download now

Read More

How to Add or Change Favicon in Blogger

How to Add or Change Favicon in Blogger

Favicon is a very small tiny picture that you have might seen in many sites name in your browser Tab.That small picture that is showing with the blog name is called Favicon. Favicon usually (16px x 16px in size) that is much adjustable size for showing image in the Browser Address bar.When we have created a Blog on Blogger a orange colored Blogger is automatically shown as Favicon for our new Blog.


You can also customize your Blogger Favicon by adding a new image that you want to show as Favicon in  your blog, whenever someone will visits your blog , He will take a look at your Blogger favicon and a Good Favicon image also a good way to get attention of the visitors.

Adding a new Favicon image on the Blogger is not difficult , but mostly blogger are not aware of this feature to customize and designing their Blog for giving them a new look which is more suitable for their Blog nature and also a Good practice for Getting Visitors positive impressions.

How To Add a Favicon to Your Blogger Blog 

Step 1: Log in to your Blogger and then open your Blog . From the Dashboard ,Click on "Layout".

Step 2: There you will see option of "Favicon" on right above at your Layout settings.Click on "Edit" to add a new favicon for your Blogspot blog.

Step 3:Once you click on "Edit" option of Favicon , a new window will appear on your computer Screen.There you can see option of "Browse" which means that upload your image that you want to use as your Blogger favicon.For Adding your new Favicon Click on Browse option and Select that image that you want to upload for using it as your Blog Favicon.

Step 4:Now you have DONE!! , open your Blog there you will see your new Favicon instead of Blogger default Favicon.

In the above Steps you have learnt how to add or change favicon on your Blogger . That was simple Favicon with Image that you will use.
But if you want to Add animated Favion into your Blogger then follow up this Guide.

How to Add an Animated Favicon in Blogger

Step 1:First Log in to your Blogger account then go to "Template" > "Edit HTML".

Step 2:Now in the blogger template , Search for this HTML TAG.

<b:skin> 

 Step 3:Once you find this TAG inside your blogger template , paste this Code just above it.

<link href="Paste-favicon-links-here" rel="icon" type="image/gif"/>

 Step 4:Replace the Paste-favicon-links-here with your Animated favicon Link that you want to use in your Blogspot blog.

After Doing all the steps Now save your Template and You have Done !!

http://computerithelp86.blogspot.com/feeds/posts/default

download now

Read More