{"id":3285,"date":"2020-06-12T14:42:02","date_gmt":"2020-06-12T14:42:02","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=3285"},"modified":"2020-06-12T14:42:16","modified_gmt":"2020-06-12T14:42:16","slug":"cara-menambahkan-favicon-icon-pada-judul-website","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/","title":{"rendered":"Cara menambahkan Favicon \/ icon pada Judul Website"},"content":{"rendered":"

\"\"<\/p>\n

Hallo sobat hostnic…
\nKetemu lagi nih sama mimin, kali ini kita akan mengganti icon title atau judul di Website yang akan kita buat.
\nTernyata gampang banget loh cara menggantinya. Sebelumnya mimin jelasin sedikit dulu nih tentang favicon. Jadi Favicon itu adalah sebutan dari icon title (judul) website. Kalian juga bisa membuatnya langsung dari website nya loh. Buat Logo Disini<\/a>. <\/p>\n

Favicon adalah ikon yang berekstensi .ico yang dapat menampilkan icon pada web browser, secara default akan tampil ikon pada website. Disini mimin menggunakan icon (favicon) yang berekstensi .png yang dibuat di melalui website yang sudah mimin kasih diatas.
\nYuk daripada penasaran langsung ajah kita tambahkan Favicon di project yang sebelumnya :<\/p>\n

Cara menambahkan Favicon di Website<\/strong><\/h2>\n
    \n
  1. Simpan logo kalian di folder Website -> Image<\/li>\n
  2. Buka VS Code dan Project Website yang telah kita buat sebelumnya<\/li>\n

    \"\"
    \nUntuk yang belum seperti ini bisa dibaca postingan sebelumnya     Cara menggunakan Bootstrap<\/a>.<\/p>\n

  3. Masukkan coding seperti ini<\/li>\n

    <link rel=”icon” type=”image\/png” href=”image\/favicon.png”>
    \n\"\"<\/p>\n

  4. Hasil setelah menambahkan Favicon<\/li>\n

    \"\"<\/p>\n

    Mudah bukan ? Yuk, saatnya coba di project Website kalian.
    \nSelamat mengoding…<\/p>\n","protected":false},"excerpt":{"rendered":"

    Hallo sobat hostnic… Ketemu lagi nih sama mimin, kali ini kita akan mengganti icon title atau judul di Website yang akan kita buat. Ternyata gampang banget loh cara menggantinya. Sebelumnya mimin jelasin sedikit dulu nih tentang favicon. Jadi Favicon itu adalah sebutan dari icon title (judul) website. Kalian juga bisa membuatnya langsung dari website nya […]<\/p>\n","protected":false},"author":18,"featured_media":3296,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[79,82],"tags":[],"class_list":["post-3285","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","category-website"],"yoast_head":"\nCara menambahkan Favicon \/ icon pada Judul Website - Hostnic.id<\/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.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara menambahkan Favicon \/ icon pada Judul Website - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"Hallo sobat hostnic… Ketemu lagi nih sama mimin, kali ini kita akan mengganti icon title atau judul di Website yang akan kita buat. Ternyata gampang banget loh cara menggantinya. Sebelumnya mimin jelasin sedikit dulu nih tentang favicon. Jadi Favicon itu adalah sebutan dari icon title (judul) website. Kalian juga bisa membuatnya langsung dari website nya […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-12T14:42:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-12T14:42:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_7.png?v=1591972700\" \/>\n\t<meta property=\"og:image:width\" content=\"1365\" \/>\n\t<meta property=\"og:image:height\" content=\"767\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Monic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Monic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/\"},\"author\":{\"name\":\"Monic\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"headline\":\"Cara menambahkan Favicon \\\/ icon pada Judul Website\",\"datePublished\":\"2020-06-12T14:42:02+00:00\",\"dateModified\":\"2020-06-12T14:42:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/\"},\"wordCount\":184,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700\",\"articleSection\":[\"Tutorial\",\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/\",\"name\":\"Cara menambahkan Favicon \\\/ icon pada Judul Website - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700\",\"datePublished\":\"2020-06-12T14:42:02+00:00\",\"dateModified\":\"2020-06-12T14:42:16+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700\",\"width\":1365,\"height\":767},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-menambahkan-favicon-icon-pada-judul-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara menambahkan Favicon \\\/ icon pada Judul Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\",\"name\":\"hostnic.id\",\"description\":\"Info, Tips dan Tutorial Seputar Layanan Hostnic\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\",\"name\":\"Monic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"caption\":\"Monic\"},\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/author\\\/blog-writer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara menambahkan Favicon \/ icon pada Judul Website - Hostnic.id","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.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/","og_locale":"id_ID","og_type":"article","og_title":"Cara menambahkan Favicon \/ icon pada Judul Website - Hostnic.id","og_description":"Hallo sobat hostnic… Ketemu lagi nih sama mimin, kali ini kita akan mengganti icon title atau judul di Website yang akan kita buat. Ternyata gampang banget loh cara menggantinya. Sebelumnya mimin jelasin sedikit dulu nih tentang favicon. Jadi Favicon itu adalah sebutan dari icon title (judul) website. Kalian juga bisa membuatnya langsung dari website nya […]","og_url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/","og_site_name":"Hostnic.id","article_published_time":"2020-06-12T14:42:02+00:00","article_modified_time":"2020-06-12T14:42:16+00:00","og_image":[{"width":1365,"height":767,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_7.png?v=1591972700","type":"image\/png"}],"author":"Monic","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Monic","Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/"},"author":{"name":"Monic","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"headline":"Cara menambahkan Favicon \/ icon pada Judul Website","datePublished":"2020-06-12T14:42:02+00:00","dateModified":"2020-06-12T14:42:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/"},"wordCount":184,"commentCount":0,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700","articleSection":["Tutorial","Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/","url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/","name":"Cara menambahkan Favicon \/ icon pada Judul Website - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700","datePublished":"2020-06-12T14:42:02+00:00","dateModified":"2020-06-12T14:42:16+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700","width":1365,"height":767},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menambahkan-favicon-icon-pada-judul-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara menambahkan Favicon \/ icon pada Judul Website"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnic.id\/blog\/#website","url":"https:\/\/www.hostnic.id\/blog\/","name":"hostnic.id","description":"Info, Tips dan Tutorial Seputar Layanan Hostnic","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnic.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2","name":"Monic","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","caption":"Monic"},"url":"https:\/\/www.hostnic.id\/blog\/author\/blog-writer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_7.png?fit=1365%2C767&ssl=1?v=1591972700","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-QZ","jetpack-related-posts":[{"id":3362,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-membuat-navbar-mudah\/","url_meta":{"origin":3285,"position":0},"title":"Cara membuat navbar mudah","author":"Monic","date":"2020-06-16","format":false,"excerpt":"Hallo sobat Hostnic... Ketemu lagi nih sama mimin, hari ini mimin akan membahas tentang cara membuat Navbar atau Navigation Bar di website yang akan kita buat. Navbar adalah sebuah menu di website sehingga pengunjung tidak perlu mencari-cari informasi yang butuhkan tetapi langsung klik button pada navbar saja. Baca sebelumnya :\u2026","rel":"","context":"dalam "Bootstrap"","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-3.png?fit=1200%2C612&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-3.png?fit=1200%2C612&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-3.png?fit=1200%2C612&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-3.png?fit=1200%2C612&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_2-3.png?fit=1200%2C612&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3184,"url":"https:\/\/www.hostnic.id\/blog\/berita\/cara-menambahkan-favicon-dengan-zyro-website-builder\/","url_meta":{"origin":3285,"position":1},"title":"Cara Menambahkan Favicon dengan Zyro Website Builder","author":"Nanda Anubis","date":"2020-06-07","format":false,"excerpt":"Favicon\u00a0adalah sebuah ikon yang menunjukkan identitas sebuah website yang terdapat pada browser kalian.\u00a0Favicon merupakan sebuah solusi untuk membuat website kalian tampak lebih profesional dan menarik bagi pengunjung. Untuk menggunakannya, ikuti langkah-langkah di bawah ini: 1. Login ke member area Hostingermu. 2. Pilih menu\u00a0Hosting > Website > Website Builder. 3. Setelah\u2026","rel":"","context":"dalam "Berita"","block_context":{"text":"Berita","link":"https:\/\/www.hostnic.id\/blog\/.\/berita\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/favicon.png?fit=1200%2C644&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/favicon.png?fit=1200%2C644&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/favicon.png?fit=1200%2C644&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/favicon.png?fit=1200%2C644&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/favicon.png?fit=1200%2C644&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3393,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-menambahkan-icon-di-website\/","url_meta":{"origin":3285,"position":2},"title":"Cara menambahkan icon di Website","author":"Monic","date":"2020-06-18","format":false,"excerpt":"\u00a0 Hallo sobat Hostnic... Kembali lagi nih sama mimin, melanjutkan project yang kita buat sebelumnya mimin mau kasih tau nih agar nantinya website yang kita buat tambah kece yaitu penambahan icon. Dengan adanya icon, website tidak menjadi monoton karena bukan hanya sekedar tulisan tetapi ada gambar\/icon yang kita tambahkan. Untuk\u2026","rel":"","context":"dalam "Bootstrap"","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Font-Awesome.png?fit=1120%2C630&ssl=1%3Fv%3D1592496652&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Font-Awesome.png?fit=1120%2C630&ssl=1%3Fv%3D1592496652&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Font-Awesome.png?fit=1120%2C630&ssl=1%3Fv%3D1592496652&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Font-Awesome.png?fit=1120%2C630&ssl=1%3Fv%3D1592496652&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Font-Awesome.png?fit=1120%2C630&ssl=1%3Fv%3D1592496652&resize=1050%2C600 3x"},"classes":[]},{"id":3165,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/","url_meta":{"origin":3285,"position":3},"title":"Cara install VS Code (Visual Studio Code)","author":"Monic","date":"2020-06-06","format":false,"excerpt":"VS Code atau Visual Studio adalah text editor yang banyak dipakai oleh para programmer saat ini. Nah untuk para pemula jangan galau, hari ini mimin akan kasih tau cara install VS Code ini. Sebelum kita install mimin mau kasih tau kelebihan dari text editor yang satu ini dibanding text editor\u2026","rel":"","context":"dalam "Website"","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1%3Fv%3D1591434506&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1%3Fv%3D1591434506&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1%3Fv%3D1591434506&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1%3Fv%3D1591434506&resize=700%2C400 2x"},"classes":[]},{"id":3237,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menggunakan-bootstrap\/","url_meta":{"origin":3285,"position":4},"title":"Cara menggunakan Bootstrap 4 di Website (Offline)","author":"Monic","date":"2020-06-10","format":false,"excerpt":"Hai sobat hostnic... Kali ini mimin mau share nih cara menggunakan Bootstrap di Website kamu. Sebelumnya mimin udah share cara install aplikasi text editor yang akan kita gunakan nanti untuk coding website ini. Silahkan dibaca dulu Cara Install VS Code (Visual Studio Code) Pengertian Bootstrap \u00a0Bootstrap merupakan sebuah library framework\u2026","rel":"","context":"dalam "Website"","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=700%2C400 2x"},"classes":[]},{"id":3328,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-download-jquery-dan-menggunakannya-di-website\/","url_meta":{"origin":3285,"position":5},"title":"Cara download jQuery dan menggunakannya di Website","author":"Monic","date":"2020-06-15","format":false,"excerpt":"Hallo sobat Hostnic.. Sebelum kita melanjutan coding mimin mau ngasih tips dan trik agar website yang nanti akan kita biar gak terlalu monoton atau flat. Caranya adalah dengan menggunakan script yaitu jQuery, yaps bagi yang sudah pernah membuat website nama ini sangat familiar dikalangan web developer. Pengenalan jQuery jQuery adalah\u2026","rel":"","context":"dalam "Tutorial"","block_context":{"text":"Tutorial","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/jQuery-featured-duniailkom.png?fit=730%2C430&ssl=1%3Fv%3D1592221622&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/comments?post=3285"}],"version-history":[{"count":5,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3285\/revisions"}],"predecessor-version":[{"id":3300,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3285\/revisions\/3300"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/3296"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=3285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=3285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=3285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}