{"id":15761,"date":"2020-06-25T05:20:08","date_gmt":"2020-06-24T22:20:08","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=15761"},"modified":"2021-11-10T10:29:01","modified_gmt":"2021-11-10T03:29:01","slug":"cara-menambahkan-kode-pada-header-atau-footer-wordpress","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-menambahkan-kode-pada-header-atau-footer-wordpress\/","title":{"rendered":"Cara Menambahkan Kode Pada Header atau Footer WordPress"},"content":{"rendered":"\n<p>Ketika Anda mengintegrasikan website ke <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-memasang-pixel-facebook-di-wordpress\/\">Facebook Pixel<\/a>, <a href=\"https:\/\/blog.rumahweb.com\/5-langkah-mudah-menghubungkan-website-dengan-google-analytics\/\">Google Analytics<\/a>, Google Adsense, dan sebagainya, Anda akan diminta untuk <strong>menambahkan kode verifikasi<\/strong> pada Header atau footer website.<\/p>\n\n\n\n\n\n<p>Bagi pengguna Blogspot, untuk menambahkan kode pada header atau footer dapat dibilang cukup mudah, karena hanya perlu melakukan paste di satu tempat saja yaitu Theme dengan cara Edit HTML. Lalu Bagaimana jika website yang Anda bangun menggunakan WordPress?<\/p>\n\n\n\n<p>Pada kesempatan kali ini Rumahweb akan membahas cara menambahkan kode pada header atau footer di WordPress. Berikut panduannya,<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menambahkan Kode Secara Manual<\/h3>\n\n\n\n<p>Untuk menambahkan kode secara manual pada WordPress dilakukan dengan cara edit file header.php atau footer.php.<\/p>\n\n\n\n<p>Untuk edit file tersebut dilakukan melalui halaman Dashboard admin WordPress di menu <strong>Appereance &gt; Theme Editor<\/strong> seperti gambar berikut,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"403\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-1024x403.png\" alt=\"Cara menambahkan kode pada Header atau Footer WordPress - Theme editor\" class=\"wp-image-15766\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-1024x403.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-300x118.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-768x302.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-1536x604.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-370x146.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-270x106.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-570x224.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1-740x291.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-1.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah masuk ke menu Theme Editor, akan tampil popup notifikasi yang berisi peringatan Bahwa Anda akan melakukan perubahan pada file tema yang digunakan. Silahkan Klik &#8220;<strong>I Understand<\/strong>&#8221; untuk melanjutkan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-1024x450.png\" alt=\"Cara menambahkan kode pada Header atau Footer WordPress - konfirmasi\" class=\"wp-image-15768\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-1024x450.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-300x132.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-768x338.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-1536x676.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-370x163.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-270x119.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-570x251.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2-740x325.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-2.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Sebelum melakukan edit file header.php atau footer.php kami menyarankan untuk melakukan Backup file tersebut terlebih dahulu.<\/p><\/blockquote>\n\n\n\n<p>Setelah berhasil masuk ke menu Theme Editor, silahkan masuk ke tab Theme Header untuk menambahkan kode pada header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-1024x483.png\" alt=\"Cara menambahkan kode pada Header atau Footer WordPress - edit header\" class=\"wp-image-15770\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-1024x483.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-300x142.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-768x363.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-1536x725.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-370x175.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-270x127.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-570x269.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3-740x349.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-kode-3.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Pada text editor akan tampil isi dari file header.php, Silahkan anda menempatkan kode diantara tag <strong><em>&lt;head&gt; dan &lt;\/head&gt;<\/em><\/strong> dan klik <strong><em>Update File<\/em><\/strong> jika sudah selesai menambahkan. Seperti gambar berikut,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-1024x486.png\" alt=\"Cara menambahkan kode pada Header atau Footer WordPress - edit footer\" class=\"wp-image-15771\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-1024x486.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-300x142.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-768x364.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-1536x728.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-370x175.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-270x128.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-570x270.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5-740x351.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-5.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Begitupun Jika diminta menambahkan kode pada Footer. Silahkan masuk ke tab Theme Footer, dan tambahkan kode diatas tag <strong>&lt;\/Body&gt;<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-1024x471.png\" alt=\"Cara menambahkan kode pada Header atau Footer WordPress - tambah kode footer\" class=\"wp-image-15773\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-1024x471.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-300x138.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-768x353.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-1536x707.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-370x170.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-270x124.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-570x262.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6-740x341.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-6.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Menambahkan Kode menggunakan Plugin<\/h3>\n\n\n\n<p>Selain menambahkan kode secara manual dengan cara langsung edit file header.php atau footer.php, Anda juga dapat menambahkan kode menggunakan Plugin. <\/p>\n\n\n\n<p>Plugin yang digunakan pada panduan ini adalah <strong>Insert Header and Footers<\/strong>. Untuk melakukan instalasi plugin dapat dilakukan melalui <strong>Dashboard admin WordPress<\/strong> <strong>&gt; Plugins &gt; add new<\/strong>, lalu di kolom pencarian ketik <strong>Insert Header and Footers<\/strong> seperti gambar berikut,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"388\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1024x388.png\" alt=\"Cara menambahkan kode pada Header atau Footer WordPress - install plugin \" class=\"wp-image-15779\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1024x388.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-300x114.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-768x291.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1536x582.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-370x140.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-270x102.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-570x216.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-740x280.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah berhasil melakukan instalasi dan mengaktifkan Plugin tersebut. Untuk menambahkan kode dapat dilakukan melalui <strong>Settings &gt; Insert Header and Footer<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-1024x478.png\" alt=\"Cara menambahkan kode pada Header atau Footer WordPress - setting kode header footer\" class=\"wp-image-15780\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-1024x478.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-300x140.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-768x359.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-1536x717.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-370x173.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-270x126.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-570x266.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1-740x346.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/06\/wordpress-code-1.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Silahkan Anda meletakkan kode di kolom yang tersedia pada halaman setting, dan klik <strong>Save<\/strong> untuk menyimpan perubahan.<\/p>\n\n\n\n<p>Demikian panduan <strong>Cara menambahkan kode pada Header atau Footer WordPress<\/strong>, selamat mencoba. Jika ada kendala pada saat melakukan penambahan kode silahkan menghubungi kami melalui Livechat, email, ataupun telefon.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ketika Anda mengintegrasikan website ke Facebook Pixel, Google Analytics, Google Adsense, dan sebagainya, Anda akan diminta untuk menambahkan kode verifikasi pada Header atau footer website. Bagi pengguna Blogspot, untuk menambahkan kode pada header atau footer dapat dibilang cukup mudah, karena hanya perlu melakukan paste di satu tempat saja yaitu Theme dengan cara Edit HTML. Lalu [&hellip;]<\/p>\n","protected":false},"author":332,"featured_media":15764,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[463],"tags":[946,1000,14],"class_list":{"0":"post-15761","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-panduan-wordpress","9":"tag-tutorial-wordpress","10":"tag-wordpress"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/15761","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\/332"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=15761"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/15761\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/15764"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=15761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=15761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=15761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}