Memasang Favicon Icon Blog Agar Tampil Bagus Di Smartphone

Tidak bisa dipungkiri kini pengguna smartphone semakin meningkat melebihi pengguna desktop untuk mengakses internet. Dengan begitu layout web juga harus seramah mungkin tampil di berbagai ukuran device agar bisa menjangkau pengguna smartphone dan desktop maupun laptop.

Begitu pun dengan perihal favicon yang mungkin masih banyak diabaikan oleh sebagian blogger. Tidak cukup hanya mengandalkan favicon.ico pada zaman smartphone sekarang ini, namun kita perlu menambahkan favicon yang juga sesuai dengan device-device tertentu seperti android, apple, dan lainnya sehingga favicon blog akan tampil (jika tidak benar maka yang tampil hanya berupa kotak dengan huruf inisial title blog) ketika web/blog kita dibookmark di browser smartphone.

Favicon Icon Blog Tampil Bagus Di Smartphone

Bagaimana? Tampil lebih bagus kan?

Nah agar tampil bagus di smartphone, maka kita harus menyimpan favicon di tata letak dan juga di edit HTML Blogger.

Namun yang pertama harus dilakukan adalah membuat logo blog dengan ukuran bujur sangkar misalnya 400px X 400px. Jangan membuat logo blog terlalu rumit agar tampak jelas ketika ketika dalam ukuran kecil 16px X 16px untuk favicon.ico.

Setelah membuat logo blog selesai, silahkan gunakan favicon generator untuk merubah logo blog menjadi berbagai ukuran. Download favicon yang didapat kemudian upload di Blogger lalu copy kode yang diberikan favicon generator tadi dan simpan di bagian <head> lalu ganti URL icon-nya dengan URL icon yang diupload di Blogger tadi sesuai dengan ukurannya. Kode favicon ini tampak seperti di bawah ini.


<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">

<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">

<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">

<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">

<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">

<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">

<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">

<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">

<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">

<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

<meta name="msapplication-TileColor" content="#ffffff">

<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">

<meta name="theme-color" content="#ffffff">

Lalu tambahkan juga kode di bawah ini untuk menampilkan favicon.ico yang dipasang melalui tata letak, Gunakan ukuran 16px X 16px dan upload melalui gadget favicon di tata letak.


<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>

Namun saya sendiri tidak menggunakan semua kode di atas, hanya beberapa untuk tiap-tiap jenis smarphone seperti di bawah ini.


<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>

<link href='https://3.bp.blogspot.com/................./s32/favicon-32x32.png' rel='icon' sizes='32x32'/>

<link href='https://4.bp.blogspot.com/................./s192/android-icon-192x192.png' rel='icon' sizes='192x192'/>

<link href='https://2.bp.blogspot.com/................./s180/apple-icon-180x180.png' rel='apple-touch-icon' sizes='180x180'/>

<meta content='https://2.bp.blogspot.com/................./s144/ms-icon-144x144.png' name='msapplication-TileImage'/>

Selamat mencoba....

Pengertian Pasar, Jenis-Jenis Pasar, dan Fungsi Pasar, Lengkap!

Pengertian Pasar Pasar atau market merupakan sebuah tempat bertemunya pembeli dengan penjual guna melakukan transaksi ekonomi yaitu untuk menjual atau membeli suatu barang dan jasa atau sumber daya ekonomi dan berbagai faktor produksi yang lainnya. Pada umumnya, pengertian pasar tidak menunjuk ke sebuah lokasi ataupun tempat-tempat tertentu, hal ini karena pasar tidak memiliki batas geografis. Adanya sistem jaringan komunikasi modern dapat meniadakan hambatan atau batasan-batasan geografis, sehingga dapat memungkinkan penjual dan pembeli bertransaksi tanpa harus saling melihat wajah satu sama lain. Pengertian pasar yang kita bahas disini lebih menitik beratkan ke arti ekonomi yaitu untuk transaksi jual dan beli. Dalam ilmu ekonomi, pengertian pasar yaitu sebagai besarnya permintaan serta penawaran pada jenis barang atau jasa tertentu. Pengertian pasar merupakan permintaan serta penawaran secara keseluruhan untuk jasa dan barang tertentu. Pengertian pasar lebih merujuk kepada semua akti...

Baca selengkapnya

Download Kumpulan Lagu Ahmad Albar mp3 Lengkap

Download Kumpulan Lagu Ahmad Albar mp3 Lengkap - Lagunostalgia5 hello sobat semua ketemu lagi dengan okta pada kali ini okta akan membagikan sebuah lagu lawas kenangan yang sangat populer sekali di kalangan masyarakat Indonesia yang memiliki suara yang sangat bagus dan tren siapa lagi kalau bukan Ahmad Albar oke langsung download lagunya di bawah ini dengan gratis dan sebelum itu okta juga akan membagikan sebuah lagu yang tidak kalah lawasnya yaitu lagu campursari yang merupakan penyanyi yang bernama Nurhana yang bisa di kunjungi website ini. Jadi Ahmad Albar merupakan adalah penyanyi yang sangat populer sekali bahkan menurut okta penyanyi ini sangatlah luar biasa sekali banyak yang menyukai , dan sebelum itu Ahmad Albar ini penyanyi ini lahir di Surabaya pada tanggal 16 July 1946 dan berusia 70 tahun dan karier Ahmad Albar ini berkibar dan di mulai pada usia 11 tahun , Jadi Ahmad Albar merupakan penyanyi yang di lahirkan oleh pasangan Syech Albar dan Farida Al-Hasn dan kemu...

Baca selengkapnya

Download Film Jembatan Pensil (2017) Full Movies

Download Film Indonesia Terbaru Jembatan Pensil (2017) Full Movies Gratis - Jembatan Pensil adalah film drama yang bercerita tentang Inal, Nia, Aska, Yanti, Attar, dan Ondeng (Angger Bayu, Nayla D Purnama, Azka Maruki, Permata Jingga, Vickram Priyono, Didi Mulya) berjuang untuk mendapatkan pendidikan di sekolah gratis yang dibangun oleh Pak Guru (Andi Bersama). Inal yang tuna netra dan Ondeng yang memiliki ‘keterbelakangan’, harus melalui perjalanan berliku untuk berangkat dan pulang sekolah. Kemampuan Ondeng menggambar sketsa membuat dia selalu ‘merekam’ semua yang menjadi ketertarikannya: kehidupan ayahnya yang nelayan dan jembatan rapuh yang selalu dilalui sahabat-sahabatnya. Cita-citanya: membangun jembatan itu. Ketika jembatan rapuh itu rubuh saat mereka sedang menyeberang, tidak membuat semangat mereka pupus. Pikiran Ondeng yang selalu teringat ayahnya dan ketakutannya ditinggal ayahnya membuat Ondeng lepas kendali dan tidak menyadari bahayanya membawa perahu se...

Baca selengkapnya

Info Apa Aja Ada

Cari Blog Ini