{"id":605,"date":"2018-12-18T07:37:34","date_gmt":"2018-12-18T00:37:34","guid":{"rendered":"https:\/\/luckytruedev.com\/learning\/?p=605"},"modified":"2019-10-04T05:57:06","modified_gmt":"2019-10-03T22:57:06","slug":"cara-membuat-blok-syntax-wordpress","status":"publish","type":"post","link":"https:\/\/luckytruedev.com\/learning\/cara-membuat-blok-syntax-wordpress\/","title":{"rendered":"Cara Membuat blok Syntax WordPress"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19-1024x640.jpg\" alt=\"\" class=\"wp-image-606\" srcset=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19.jpg 1024w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19-300x188.jpg 300w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19-768x480.jpg 768w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19-110x69.jpg 110w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19-420x263.jpg 420w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19-688x430.jpg 688w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.06.19-20x13.jpg 20w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Halo<\/figcaption><\/figure><\/div>\n\n\n\n<p>Halo Kali ini gw mau share Cara Membuat blok Syntax WordPress, kali ini kita akan mempelajari Cara Membuat blok Syntax WordPress dengan menggunakan Plugin, langsung aja.<\/p>\n\n\n<div id=\"lucky-1042089815\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-5605825534849002\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-5605825534849002\" \ndata-ad-slot=\"5317815257\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Step by Step<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Download &amp; Aktifkan Plugin<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"243\" src=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-17-at-01.16.40.jpg\" alt=\"\" class=\"wp-image-541\" srcset=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-17-at-01.16.40.jpg 369w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-17-at-01.16.40-300x198.jpg 300w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-17-at-01.16.40-110x72.jpg 110w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-17-at-01.16.40-20x13.jpg 20w\" sizes=\"auto, (max-width: 369px) 100vw, 369px\" \/><figcaption>Tambah Plugin Baru<\/figcaption><\/figure><\/div>\n\n\n\n<p>kali ini kita akan menginstall plugin, sebelumnya kalian ke menu Plugin dan pilih &#8220;Tambah Baru&#8221; pada submenu dari Plugin.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"533\" height=\"264\" src=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.00.18.jpg\" alt=\"\" class=\"wp-image-607\" srcset=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.00.18.jpg 533w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.00.18-300x149.jpg 300w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.00.18-110x54.jpg 110w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.00.18-420x208.jpg 420w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.00.18-20x10.jpg 20w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><figcaption>Install Plugin<\/figcaption><\/figure><\/div>\n\n\n\n<p>Jika Sudah muncul halaman &#8220;Tambah Baru Plugin&#8221; kalian ketik nama plugin ini di bar pencarian, dan pastikan nama plugin dan ikon sama dengan gambar diatas. Pada kasus ini gw pake &#8220;SyntaxHighlighter Evolved&#8221; mungkin karna simpel banget sih dan gampang cara implementasi di wordpress, jika sudah kalian install plugin ini.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24-1024x526.jpg\" alt=\"\" class=\"wp-image-608\" srcset=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24.jpg 1024w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24-300x154.jpg 300w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24-768x395.jpg 768w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24-110x57.jpg 110w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24-420x216.jpg 420w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24-770x396.jpg 770w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.01.24-20x10.jpg 20w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Shortcode Parameter<\/figcaption><\/figure><\/div>\n\n\n<div id=\"lucky-1521896511\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-5605825534849002\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-5605825534849002\" \ndata-ad-slot=\"5317815257\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Membuat Blok di Halaman WordPress<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"500\" src=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.36.jpg\" alt=\"\" class=\"wp-image-609\" srcset=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.36.jpg 747w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.36-300x201.jpg 300w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.36-110x74.jpg 110w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.36-420x281.jpg 420w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.36-642x430.jpg 642w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.36-20x13.jpg 20w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><figcaption>Pos Baru WordPress<\/figcaption><\/figure><\/div>\n\n\n\n<p>Untuk membuat bloknya sangat mudah jika kalian menggunakan editor wordpress terbaru (bukan editor classic) disini kalian tinggal pencet tombol yang berlambang &#8220;+&#8221; lalu pilih ke &#8220;Pemformatan&#8221; lalu pilih tombol &#8220;SyntaxHighlighter Code&#8221; sebenarnya pake bawaan dari wordpress yang bernama &#8220;Code&#8221; gak masalah, cuma mungkin pada kasus ini pake&nbsp;SyntaxHighlighter Code biar lebih rapi, tapi tidak tau :D.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"836\" height=\"528\" src=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49.jpg\" alt=\"\" class=\"wp-image-610\" srcset=\"https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49.jpg 836w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49-300x189.jpg 300w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49-768x485.jpg 768w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49-110x69.jpg 110w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49-420x265.jpg 420w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49-681x430.jpg 681w, https:\/\/luckytruedev.com\/learning\/wp-content\/uploads\/2018\/12\/Screen-Shot-2018-12-18-at-07.05.49-20x13.jpg 20w\" sizes=\"auto, (max-width: 836px) 100vw, 836px\" \/><figcaption>Formater<\/figcaption><\/figure><\/div>\n\n\n\n<p>lalu kalian masukan kode program yang ingin kalian masukan dalam pemformatan, lalu save, refresh halaman wordpress kalian dan buka post yang berisi kodingan dan liat hasil akhirnya.<\/p>\n\n\n\n<p>Jika kalian menggunakan Classic Editor, mungkin pada gambar &#8220;Shortcode Parameter&#8221; akan membantu kalian dalam membuat Kode di blok.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Hasil Akhir<\/strong><\/h3>\n\n\n\n<p>Selamat, Kalian telah berhasil membuat Kode di Blok dan menampilkannya pada WordPress, jika gagal mungkin kalian harus berfikir sejenak apa yang salah, mungkin karna gak ngikutin step by step secara benar, mungkin itu aja sih, makasih ya \ud83d\ude42<\/p>\n<div id=\"lucky-2352393008\" class=\"lucky-after-content lucky-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-5605825534849002\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-5605825534849002\" \ndata-ad-slot=\"5317815257\" \ndata-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Halo Kali ini gw mau share Cara Membuat blok Syntax WordPress, kali ini kita akan mempelajari Cara Membuat blok Syntax WordPress dengan menggunakan Plugin, langsung aja. Step by Step 1. Download &amp; Aktifkan Plugin kali ini kita akan menginstall plugin, sebelumnya kalian ke menu Plugin dan pilih &#8220;Tambah Baru&#8221; pada submenu dari Plugin. Jika Sudah [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":606,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[],"class_list":["post-605","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ltdv-wp-amp-optimized-tutor"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts\/605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/comments?post=605"}],"version-history":[{"count":1,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts\/605\/revisions"}],"predecessor-version":[{"id":2326,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/posts\/605\/revisions\/2326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/media\/606"}],"wp:attachment":[{"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/media?parent=605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/categories?post=605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luckytruedev.com\/learning\/wp-json\/wp\/v2\/tags?post=605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}