{"id":50205,"date":"2024-09-23T09:03:14","date_gmt":"2024-09-23T02:03:14","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=50205"},"modified":"2024-09-23T09:04:22","modified_gmt":"2024-09-23T02:04:22","slug":"cara-membuat-favicon-di-ojs","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-favicon-di-ojs\/","title":{"rendered":"Cara Membuat Favicon di OJS (Open Journal Systems)"},"content":{"rendered":"\n<p>Favicon adalah ikon kecil yang muncul di sebelah judul situs di <em>address bar<\/em> pada browser. Secara <em>default<\/em>, saat Anda menginstal CMS, favicon yang digunakan akan mengikuti favicon bawaan dari CMS tersebut. Dalam panduan ini, kami akan membagikan cara membuat favicon di OJS.<\/p>\n\n\n\n\n\n<p><a href=\"https:\/\/blog.rumahweb.com\/open-journal-system-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"ojs adalah\">Open Journal Systems<\/a> (OJS) adalah salah satu <em>content management system<\/em> (CMS) yang berfungsi untuk membuat jurnal online secara instan. Dengan OJS, Anda dapat dengan mudah membuat, mengedit, dan mengelola jurnal online secara terstruktur.<\/p>\n\n\n\n<p>Secara <em>default<\/em>, ketika Anda menginstal OJS, ikon yang muncul di address bar adalah ikon bawaan OJS. Jika Anda ingin menampilkan ikon yang sesuai dengan logo jurnal online Anda atau logo universitas, Anda dapat mengunggah favicon khusus di OJS.<\/p>\n\n\n\n<p>Lalu, apa saja manfaat dari favicon, dan bagaimana cara membuatnya di OJS? Dalam artikel ini, kami akan menjelaskannya untuk Anda. Simak informasi berikut.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fungsi Favicon<\/h2>\n\n\n\n<p>Membuat <a href=\"https:\/\/blog.rumahweb.com\/favicon-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"favicon adalah\">favicon<\/a> adalah langkah kecil namun penting dalam proses pembuatan website. Favicon berfungsi menambah legitimasi situs Anda serta membantu meningkatkan <em>branding <\/em>dan kepercayaan dari pengunjung. Favicon juga berperan sebagai penanda visual yang memudahkan pengguna untuk segera mengenali <em>brand <\/em>atau merek penyedia konten yang diakses.<\/p>\n\n\n\n<p>Selain itu, favicon juga memberikan kesan profesional dan kredibilitas bagi website, menunjukkan bahwa situs dikelola dengan baik. Dalam konteks OJS, favicon memudahkan pengguna untuk membedakan jurnal satu dengan yang lain, terutama jika mereka sering berinteraksi dengan berbagai platform jurnal.<\/p>\n\n\n\n<p>Favicon juga muncul dalam <em>bookmark<\/em>, yang memudahkan pengguna untuk kembali ke halaman jurnal dengan cepat. Secara keseluruhan, favicon adalah elemen kecil namun berpengaruh dalam memperkuat <em>branding <\/em>dan kemudahan navigasi pada website OJS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara membuat favicon di OJS<\/h2>\n\n\n\n<p>Berikut ini cara membuat favicon di OJS atau <em>Open Journal Systems<\/em> melalui halaman administrator.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Siapkan file gambar yang ingin dijadikan sebagai favicon.<\/li>\n\n\n\n<li>Login ke web OJS, pilih journal Anda kemudian masuk ke bagian Setting => Website.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/settings-website.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"494\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/settings-website.jpg\" alt=\"setting website OJS\" class=\"wp-image-50208\" style=\"width:252px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/settings-website.jpg 377w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/settings-website-229x300.jpg 229w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/settings-website-370x485.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/settings-website-270x354.jpg 270w\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Pada bagian website settings, pilih <strong>Appearance <\/strong>-> <strong>Advance<\/strong>. Klik tombol upload file pada kolom favicon, pilih gambar yang ingin dijadikan sebagai favicon.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-1024x609.jpg\" alt=\"Upload favicon OJS\" class=\"wp-image-50209\" style=\"width:650px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-1024x609.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-300x178.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-768x457.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-370x220.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-270x161.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-570x339.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file-740x440.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/upload_file.jpg 1291w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Apabila sudah terdapat thumbnail favicon, maka menandakan favicon berhasil terupload. Klik remove jika ingin menghapus dan mengganti dengan favicon yang lain.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-1024x410.jpg\" alt=\"upload remove favicon OJS\" class=\"wp-image-50210\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-1024x410.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-300x120.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-768x308.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-370x148.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-270x108.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-570x228.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload-740x296.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/logo-terupload.jpg 1191w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Apabila gambar sudah sesuai, kemudian klik <strong>save <\/strong>untuk menyimpan favicon.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"714\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo.jpg\" alt=\"cara membuat favicon di ojs - simpan gambar\" class=\"wp-image-50211\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo.jpg 990w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo-300x216.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo-768x554.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo-370x267.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo-270x195.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo-570x411.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/save-logo-740x534.jpg 740w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/><\/a><\/figure>\n\n\n\n<p>Sampai tahap ini, proses membuat favicon di OJS telah selesai. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Test Favicon<\/h2>\n\n\n\n<p>Setelah berhasil membuat favicon di OJS, langkah selanjutnya adalah mencoba mengakses website Anda untuk melihat hasilnya. Jika berhasil, favicon yang telah diunggah akan muncul di sebelah judul situs pada address bar, seperti pada gambar berikut:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/jbi.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"126\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/jbi.jpg\" alt=\"Akses website OJS tampil favicon\" class=\"wp-image-50212\" style=\"width:490px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/jbi.jpg 616w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/jbi-300x61.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/jbi-370x76.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/jbi-270x55.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/jbi-570x117.jpg 570w\" sizes=\"auto, (max-width: 616px) 100vw, 616px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Pada gambar diatas, terlihat bahwa favicon berhasil ditampilkan pada browser.<\/p>\n\n\n\n<p>Demikian panduan kami tentang cara membuat favicon di OJS, semoga bermanfaat!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Favicon adalah ikon kecil yang muncul di sebelah judul situs di address bar pada browser. Secara default, saat Anda menginstal CMS, favicon yang digunakan akan mengikuti favicon bawaan dari CMS tersebut. Dalam panduan ini, kami akan membagikan cara membuat favicon di OJS. Open Journal Systems (OJS) adalah salah satu content management system (CMS) yang berfungsi [&hellip;]<\/p>\n","protected":false},"author":318,"featured_media":50314,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"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":[2323],"tags":[50,525,1671],"class_list":{"0":"post-50205","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-open-journal-systems","8":"tag-favicon","9":"tag-ojs","10":"tag-open-journal-systems"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/banner-cara-membuat-favicon-di-ojs.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-d3L","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/50205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=50205"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/50205\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/50314"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=50205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=50205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=50205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}