{"id":4003,"date":"2025-08-19T20:13:55","date_gmt":"2025-08-19T13:13:55","guid":{"rendered":"https:\/\/www.jagowebdesign.com\/website\/?p=4003"},"modified":"2025-08-26T19:25:08","modified_gmt":"2025-08-26T12:25:08","slug":"cara-menambahkan-favicon-di-blogspot","status":"publish","type":"post","link":"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/","title":{"rendered":"Cara Menambahkan Favicon di Blogspot"},"content":{"rendered":"<h2 class=\"\" data-start=\"146\" data-end=\"168\">\ud83e\udde9 Apa Itu Favicon?<\/h2>\n<p class=\"\" data-start=\"170\" data-end=\"424\"><strong data-start=\"170\" data-end=\"181\">Favicon<\/strong> (singkatan dari <em data-start=\"198\" data-end=\"213\">favorite icon<\/em>) adalah ikon kecil yang muncul di tab browser, samping judul blog kamu. Biasanya berbentuk logo atau gambar kecil yang menjadi identitas visual situsmu. Contohnya: huruf \u201cB\u201d di Blogspot atau logo \u201cG\u201d di Google.<\/p>\n<h3 class=\"\" data-start=\"426\" data-end=\"454\">Mengapa Favicon Penting?<\/h3>\n<ul data-start=\"455\" data-end=\"589\">\n<li class=\"\" data-start=\"455\" data-end=\"497\">\n<p class=\"\" data-start=\"457\" data-end=\"497\">Menambah <strong data-start=\"466\" data-end=\"487\">kesan profesional<\/strong> pada blog<\/p>\n<\/li>\n<li class=\"\" data-start=\"498\" data-end=\"521\">\n<p class=\"\" data-start=\"500\" data-end=\"521\">Membantu <strong data-start=\"509\" data-end=\"521\">branding<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"522\" data-end=\"589\">\n<p class=\"\" data-start=\"524\" data-end=\"589\">Membuat blog kamu <strong data-start=\"542\" data-end=\"560\">mudah dikenali<\/strong> di antara banyak tab browser<\/p>\n<\/li>\n<\/ul>\n<hr class=\"\" data-start=\"591\" data-end=\"594\" \/>\n<h2 class=\"\" data-start=\"596\" data-end=\"654\">\ud83d\udee0\ufe0f Cara Menambahkan atau Mengganti Favicon di Blogspot<\/h2>\n<h3 class=\"\" data-start=\"656\" data-end=\"693\">Langkah 1: Siapkan Gambar Favicon<\/h3>\n<p class=\"\" data-start=\"695\" data-end=\"769\">Sebelum memulai, pastikan kamu sudah punya gambar favicon dengan kriteria:<\/p>\n<ul data-start=\"770\" data-end=\"905\">\n<li class=\"\" data-start=\"770\" data-end=\"827\">\n<p class=\"\" data-start=\"772\" data-end=\"827\">Ukuran: <strong data-start=\"780\" data-end=\"808\">rekomendasi 48&#215;48 piksel<\/strong> (minimal 16&#215;16 px)<\/p>\n<\/li>\n<li class=\"\" data-start=\"828\" data-end=\"871\">\n<p class=\"\" data-start=\"830\" data-end=\"871\">Format: <strong data-start=\"838\" data-end=\"846\">.ICO<\/strong>, <strong data-start=\"848\" data-end=\"856\">.PNG<\/strong>, atau <strong data-start=\"863\" data-end=\"871\">.JPG<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"872\" data-end=\"905\">\n<p class=\"\" data-start=\"874\" data-end=\"905\">Ukuran file: maksimal <strong data-start=\"896\" data-end=\"905\">100KB<\/strong><\/p>\n<\/li>\n<\/ul>\n<p class=\"\" data-start=\"907\" data-end=\"944\">Kamu bisa membuat favicon sendiri di:<\/p>\n<ul data-start=\"945\" data-end=\"1064\">\n<li class=\"\" data-start=\"945\" data-end=\"980\">\n<p class=\"\" data-start=\"947\" data-end=\"980\"><a class=\"\" href=\"https:\/\/favicon.io\/\" target=\"_new\" rel=\"noopener\" data-start=\"947\" data-end=\"980\">favicon.io<\/a><\/p>\n<\/li>\n<li class=\"\" data-start=\"981\" data-end=\"1023\">\n<p class=\"\" data-start=\"983\" data-end=\"1023\">Canva (ubah ukuran gambar jadi 48&#215;48 px)<\/p>\n<\/li>\n<li class=\"\" data-start=\"1024\" data-end=\"1064\">\n<p class=\"\" data-start=\"1026\" data-end=\"1064\">Photoshop atau aplikasi desain lainnya<\/p>\n<\/li>\n<\/ul>\n<hr class=\"\" data-start=\"1066\" data-end=\"1069\" \/>\n<h3 class=\"\" data-start=\"1071\" data-end=\"1113\">Langkah 2: Login ke Dashboard Blogspot<\/h3>\n<ol data-start=\"1115\" data-end=\"1226\">\n<li class=\"\" data-start=\"1115\" data-end=\"1179\">\n<p class=\"\" data-start=\"1118\" data-end=\"1179\">Masuk ke <a class=\"\" href=\"https:\/\/www.blogger.com\" target=\"_new\" rel=\"noopener\" data-start=\"1127\" data-end=\"1177\">https:\/\/www.blogger.com<\/a><\/p>\n<\/li>\n<li class=\"\" data-start=\"1180\" data-end=\"1226\">\n<p class=\"\" data-start=\"1183\" data-end=\"1226\">Pilih blog yang ingin kamu ubah favicon-nya<\/p>\n<\/li>\n<\/ol>\n<hr class=\"\" data-start=\"1228\" data-end=\"1231\" \/>\n<h3 class=\"\" data-start=\"1233\" data-end=\"1281\">Langkah 3: Buka Menu <strong data-start=\"1258\" data-end=\"1281\">Tata Letak (Layout)<\/strong><\/h3>\n<ol data-start=\"1283\" data-end=\"1455\">\n<li class=\"\" data-start=\"1283\" data-end=\"1327\">\n<p class=\"\" data-start=\"1286\" data-end=\"1327\">Di menu sebelah kiri, klik <strong data-start=\"1313\" data-end=\"1327\">Tata Letak<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"1328\" data-end=\"1409\">\n<p class=\"\" data-start=\"1331\" data-end=\"1362\">Cari bagian bernama <strong data-start=\"1351\" data-end=\"1362\">Favicon<\/strong><\/p>\n<ul data-start=\"1366\" data-end=\"1409\">\n<li class=\"\" data-start=\"1366\" data-end=\"1409\">\n<p class=\"\" data-start=\"1368\" data-end=\"1409\">Biasanya ada di bagian paling atas layout<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"\" data-start=\"1410\" data-end=\"1455\">\n<p class=\"\" data-start=\"1413\" data-end=\"1455\">Klik <strong data-start=\"1418\" data-end=\"1426\">Edit<\/strong> pada bagian Favicon tersebut<\/p>\n<\/li>\n<\/ol>\n<hr class=\"\" data-start=\"1457\" data-end=\"1460\" \/>\n<h3 class=\"\" data-start=\"1462\" data-end=\"1496\">Langkah 4: Unggah Favicon Baru<\/h3>\n<ol data-start=\"1498\" data-end=\"1618\">\n<li class=\"\" data-start=\"1498\" data-end=\"1551\">\n<p class=\"\" data-start=\"1501\" data-end=\"1551\">Di jendela pop-up yang muncul, klik <strong data-start=\"1537\" data-end=\"1551\">Pilih file<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"1552\" data-end=\"1599\">\n<p class=\"\" data-start=\"1555\" data-end=\"1599\">Pilih gambar favicon yang sudah kamu siapkan<\/p>\n<\/li>\n<li class=\"\" data-start=\"1600\" data-end=\"1618\">\n<p class=\"\" data-start=\"1603\" data-end=\"1618\">Klik <strong data-start=\"1608\" data-end=\"1618\">Simpan<\/strong><\/p>\n<\/li>\n<\/ol>\n<hr class=\"\" data-start=\"1620\" data-end=\"1623\" \/>\n<h3 class=\"\" data-start=\"1625\" data-end=\"1673\">Langkah 5: Simpan Perubahan dan Cek Hasilnya<\/h3>\n<ol data-start=\"1675\" data-end=\"1905\">\n<li class=\"\" data-start=\"1675\" data-end=\"1763\">\n<p class=\"\" data-start=\"1678\" data-end=\"1763\">Setelah mengunggah favicon, klik tombol <strong data-start=\"1718\" data-end=\"1736\">Simpan Setelan<\/strong> di pojok kanan atas layout<\/p>\n<\/li>\n<li class=\"\" data-start=\"1764\" data-end=\"1817\">\n<p class=\"\" data-start=\"1767\" data-end=\"1817\">Buka blog kamu di tab baru dan <strong data-start=\"1798\" data-end=\"1817\">refresh halaman<\/strong><\/p>\n<\/li>\n<li class=\"\" data-start=\"1818\" data-end=\"1905\">\n<p class=\"\" data-start=\"1821\" data-end=\"1905\">Jika belum langsung muncul, <strong data-start=\"1849\" data-end=\"1872\">hapus cache browser<\/strong> atau buka dengan mode penyamaran<\/p>\n<\/li>\n<\/ol>\n<hr class=\"\" data-start=\"1907\" data-end=\"1910\" \/>\n<h2 class=\"\" data-start=\"1912\" data-end=\"1930\">\u2757 Tips Tambahan<\/h2>\n<ul data-start=\"1932\" data-end=\"2246\">\n<li class=\"\" data-start=\"1932\" data-end=\"2014\">\n<p class=\"\" data-start=\"1934\" data-end=\"2014\">Gunakan gambar <strong data-start=\"1949\" data-end=\"1972\">ikon yang sederhana<\/strong>, agar tetap terlihat jelas meskipun kecil<\/p>\n<\/li>\n<li class=\"\" data-start=\"2015\" data-end=\"2140\">\n<p class=\"\" data-start=\"2017\" data-end=\"2140\">Jika favicon tidak muncul setelah 24 jam, coba <strong data-start=\"2064\" data-end=\"2096\">akses blog dari browser lain<\/strong> atau <strong data-start=\"2102\" data-end=\"2121\">gunakan Ctrl+F5<\/strong> untuk hard-refresh<\/p>\n<\/li>\n<li class=\"\" data-start=\"2141\" data-end=\"2246\">\n<p class=\"\" data-start=\"2143\" data-end=\"2246\">Jika kamu menggunakan template pihak ketiga, penempatan favicon mungkin perlu diubah di bagian <strong data-start=\"2238\" data-end=\"2246\">HTML<\/strong><\/p>\n<\/li>\n<\/ul>\n<hr class=\"\" data-start=\"2248\" data-end=\"2251\" \/>\n<h2 class=\"\" data-start=\"2253\" data-end=\"2266\">\ud83d\udcac Penutup<\/h2>\n<p class=\"\" data-start=\"2268\" data-end=\"2494\">Menambahkan favicon di Blogspot adalah langkah kecil namun berdampak besar dalam membangun identitas blog kamu. Tidak hanya membuat tampilan lebih profesional, tapi juga memberi ciri khas yang membedakan blogmu dari yang lain.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\udde9 Apa Itu Favicon? Favicon (singkatan dari favorite icon) adalah ikon kecil yang muncul di tab browser, samping judul blog kamu. Biasanya berbentuk logo atau gambar kecil yang menjadi identitas visual situsmu. Contohnya: huruf \u201cB\u201d di Blogspot atau logo \u201cG\u201d di Google. Mengapa Favicon Penting? Menambah kesan profesional pada blog Membantu branding Membuat blog kamu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4004,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[692],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Menambahkan Favicon di Blogspot - Demo Website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Menambahkan Favicon di Blogspot - Demo Website\" \/>\n<meta property=\"og:description\" content=\"\ud83e\udde9 Apa Itu Favicon? Favicon (singkatan dari favorite icon) adalah ikon kecil yang muncul di tab browser, samping judul blog kamu. Biasanya berbentuk logo atau gambar kecil yang menjadi identitas visual situsmu. Contohnya: huruf \u201cB\u201d di Blogspot atau logo \u201cG\u201d di Google. Mengapa Favicon Penting? Menambah kesan profesional pada blog Membantu branding Membuat blog kamu [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/\" \/>\n<meta property=\"og:site_name\" content=\"Demo Website\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-19T13:13:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-26T12:25:08+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/05\/29.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Prabowo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prabowo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/\",\"name\":\"Cara Menambahkan Favicon di Blogspot - Demo Website\",\"isPartOf\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\"},\"datePublished\":\"2025-08-19T13:13:55+00:00\",\"dateModified\":\"2025-08-26T12:25:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jagowebdesign.com\/website\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Menambahkan Favicon di Blogspot\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#website\",\"url\":\"https:\/\/www.jagowebdesign.com\/website\/\",\"name\":\"Demo Website\",\"description\":\"Jagowebdesign.Com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a\",\"name\":\"Prabowo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g\",\"caption\":\"Prabowo\"},\"url\":\"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Menambahkan Favicon di Blogspot - Demo Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/","og_locale":"en_US","og_type":"article","og_title":"Cara Menambahkan Favicon di Blogspot - Demo Website","og_description":"\ud83e\udde9 Apa Itu Favicon? Favicon (singkatan dari favorite icon) adalah ikon kecil yang muncul di tab browser, samping judul blog kamu. Biasanya berbentuk logo atau gambar kecil yang menjadi identitas visual situsmu. Contohnya: huruf \u201cB\u201d di Blogspot atau logo \u201cG\u201d di Google. Mengapa Favicon Penting? Menambah kesan profesional pada blog Membantu branding Membuat blog kamu [&hellip;]","og_url":"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/","og_site_name":"Demo Website","article_published_time":"2025-08-19T13:13:55+00:00","article_modified_time":"2025-08-26T12:25:08+00:00","og_image":[{"width":1280,"height":1280,"url":"http:\/\/www.jagowebdesign.com\/website\/wp-content\/uploads\/2025\/05\/29.jpeg","type":"image\/jpeg"}],"author":"Prabowo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Prabowo","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/","url":"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/","name":"Cara Menambahkan Favicon di Blogspot - Demo Website","isPartOf":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#website"},"datePublished":"2025-08-19T13:13:55+00:00","dateModified":"2025-08-26T12:25:08+00:00","author":{"@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a"},"breadcrumb":{"@id":"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jagowebdesign.com\/website\/cara-menambahkan-favicon-di-blogspot\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jagowebdesign.com\/website\/"},{"@type":"ListItem","position":2,"name":"Cara Menambahkan Favicon di Blogspot"}]},{"@type":"WebSite","@id":"https:\/\/www.jagowebdesign.com\/website\/#website","url":"https:\/\/www.jagowebdesign.com\/website\/","name":"Demo Website","description":"Jagowebdesign.Com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jagowebdesign.com\/website\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/b24c023a34fc35cfb3fda39721eda58a","name":"Prabowo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jagowebdesign.com\/website\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1bc109c913faa9626e422029786886e1?s=96&d=mm&r=g","caption":"Prabowo"},"url":"https:\/\/www.jagowebdesign.com\/website\/author\/prabowo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/4003"}],"collection":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/comments?post=4003"}],"version-history":[{"count":1,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/4003\/revisions"}],"predecessor-version":[{"id":4005,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/posts\/4003\/revisions\/4005"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media\/4004"}],"wp:attachment":[{"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/media?parent=4003"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/categories?post=4003"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jagowebdesign.com\/website\/wp-json\/wp\/v2\/tags?post=4003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}