{"id":6011,"date":"2017-12-18T09:54:41","date_gmt":"2017-12-18T09:54:41","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=6011"},"modified":"2019-06-26T11:41:08","modified_gmt":"2019-06-26T11:41:08","slug":"membuat-icon-title-pada-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/","title":{"rendered":"Membuat Icon Title Pada HTML"},"content":{"rendered":"

\"\"<\/a><\/p>\n

Assalamualaikum Wr. Wb.<\/strong><\/p>\n

Sobat Webhozz<\/strong> dimanapun berada. Gimana kabarnya kali ini? Semoga bahagia dan sehat selalu ya, amin.<\/p>\n

O iya, pada kesempatan kali ini Webhozz <\/strong>akan berbagi ilmu lagi nih. Disini kita akan belajar tentang membuat icon title pada sebuah website. Tentunya kita akan membuat file dalam format HTML<\/strong>.<\/p>\n

Sebelumnya, apa sih itu icon title? Oke icon title itu biasanya terletak di bagian atas sebuah website, alias judul website. Sebagai contohnya bisa perhatikan gambar di bawah ini yang ditunjukkan tanda panah merah.<\/p>\n

<\/p>\n

\"\"<\/a><\/p>\n

Ya…kurang lebih seperti itulah contohnya. Maka dari itu, mari kita praktek.<\/p>\n

    \n
  1. Pertama, siapkan dulu file gambar yang ingin dijadikan simbol untuk website.<\/li>\n
  2. Kedua, buat sebuah file html. Kemudian pastikan file html dengan file gambar yang disiapkan dalam satu folder.<\/li>\n
  3. Ketikkan script HTML seperti biasa.<\/li>\n<\/ol>\n

    <!DOCTYPE html><\/p>\n

    <html><\/p>\n

    <head><\/p>\n

    <title>Webhozz Blog<\/title><\/p>\n

    <\/head><\/p>\n

    <body><\/p>\n

    <h1>Icon Title<\/h1><\/p>\n

    <\/body><\/p>\n

    <\/html><\/p>\n

      \n
    1. Kemudian pada tag <head><\/head>, sisipkan kode seperti berikut.<\/li>\n<\/ol>\n

      <link rel=”icon” href=”nama_file_gambarnya”><\/p>\n

        \n
      1. Sebagai contohnya bisa kita perhatikan pada contoh di bawah ini.<\/li>\n<\/ol>\n

        <!DOCTYPE html><\/p>\n

        <html><\/p>\n

        <head><\/p>\n

        <link rel=”icon” href=”webhozz.png”><\/p>\n

        <title>Webhozz Blog<\/title><\/p>\n

        <\/head><\/p>\n

        <body><\/p>\n

        <h1>Icon Title<\/h1><\/p>\n

        <\/body><\/p>\n

        <\/html><\/p>\n

          \n
        1. Maka akan tampil seperti ini pada browser.<\/li>\n<\/ol>\n

          \"\" <\/a><\/p>\n

          Nah, gimana? Simpel kan caranya? Selamat mencoba ya…<\/p>\n

          Alhamdulillah ilmu yang dapat kita pelajari pada postingan ini. Akhir kata, semoga bermanfaat buat sobat Webhozz <\/strong>dimanapun berada, Amin. Semoga berkah dan sukses selalu ya, Amin. Insya Allah, akan update artikel terus.<\/p>\n

          Walaikumsalam Wr. Wb. <\/strong><\/p>\n

          Created by : Danny Julian Pratama <\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

          Assalamualaikum Wr. Wb. Sobat Webhozz dimanapun berada. Gimana kabarnya kali ini? Semoga bahagia dan sehat selalu ya, amin. O iya, pada kesempatan kali ini Webhozz<\/p>\n","protected":false},"author":1,"featured_media":6012,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1890,3],"tags":[2460,2462,2463,2461,2459],"class_list":["post-6011","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","category-belajar-web-design","tag-file-dalam-format-html","tag-file-gambar-yang-ingin-dijadikan-simbol-untuk-website","tag-file-html-dengan-file-gambar","tag-icon-title-itu-biasanya-terletak-di-bagian-atas-sebuah-website","tag-membuat-icon-title-pada-html"],"yoast_head":"\nMembuat Icon Title Pada HTML - WebHozz Blog<\/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.webhozz.com\/blog\/membuat-icon-title-pada-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Icon Title Pada HTML - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Assalamualaikum Wr. Wb. Sobat Webhozz dimanapun berada. Gimana kabarnya kali ini? Semoga bahagia dan sehat selalu ya, amin. O iya, pada kesempatan kali ini Webhozz\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-18T09:54:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-26T11:41:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Membuat-Icon-Title-pada-HTML.png\" \/>\n\t<meta property=\"og:image:width\" content=\"757\" \/>\n\t<meta property=\"og:image:height\" content=\"497\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"Membuat Icon Title Pada HTML\",\"datePublished\":\"2017-12-18T09:54:41+00:00\",\"dateModified\":\"2019-06-26T11:41:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/\"},\"wordCount\":306,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Membuat-Icon-Title-pada-HTML.png\",\"keywords\":[\"file dalam format HTML.\",\"file gambar yang ingin dijadikan simbol untuk website\",\"file html dengan file gambar\",\"icon title itu biasanya terletak di bagian atas sebuah website\",\"Membuat Icon Title pada HTML\"],\"articleSection\":[\"Artikel\",\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/\",\"name\":\"Membuat Icon Title Pada HTML - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Membuat-Icon-Title-pada-HTML.png\",\"datePublished\":\"2017-12-18T09:54:41+00:00\",\"dateModified\":\"2019-06-26T11:41:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Membuat-Icon-Title-pada-HTML.png\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/Membuat-Icon-Title-pada-HTML.png\",\"width\":757,\"height\":497},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-icon-title-pada-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Icon Title Pada HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web & Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Icon Title Pada HTML - WebHozz Blog","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.webhozz.com\/blog\/membuat-icon-title-pada-html\/","og_locale":"en_US","og_type":"article","og_title":"Membuat Icon Title Pada HTML - WebHozz Blog","og_description":"Assalamualaikum Wr. Wb. Sobat Webhozz dimanapun berada. Gimana kabarnya kali ini? Semoga bahagia dan sehat selalu ya, amin. O iya, pada kesempatan kali ini Webhozz","og_url":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/","og_site_name":"WebHozz Blog","article_published_time":"2017-12-18T09:54:41+00:00","article_modified_time":"2019-06-26T11:41:08+00:00","og_image":[{"width":757,"height":497,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Membuat-Icon-Title-pada-HTML.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"Membuat Icon Title Pada HTML","datePublished":"2017-12-18T09:54:41+00:00","dateModified":"2019-06-26T11:41:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/"},"wordCount":306,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Membuat-Icon-Title-pada-HTML.png","keywords":["file dalam format HTML.","file gambar yang ingin dijadikan simbol untuk website","file html dengan file gambar","icon title itu biasanya terletak di bagian atas sebuah website","Membuat Icon Title pada HTML"],"articleSection":["Artikel","Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/","url":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/","name":"Membuat Icon Title Pada HTML - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Membuat-Icon-Title-pada-HTML.png","datePublished":"2017-12-18T09:54:41+00:00","dateModified":"2019-06-26T11:41:08+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Membuat-Icon-Title-pada-HTML.png","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2017\/12\/Membuat-Icon-Title-pada-HTML.png","width":757,"height":497},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/membuat-icon-title-pada-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Membuat Icon Title Pada HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web & Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/6011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=6011"}],"version-history":[{"count":4,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/6011\/revisions"}],"predecessor-version":[{"id":8652,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/6011\/revisions\/8652"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/6012"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=6011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=6011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=6011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}