{"id":1275,"date":"2024-01-31T06:02:36","date_gmt":"2024-01-31T06:02:36","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1275"},"modified":"2025-05-21T04:20:56","modified_gmt":"2025-05-21T04:20:56","slug":"laravel-8-sistem-template-blade-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-8-sistem-template-blade-laravel\/","title":{"rendered":"Laravel #8 : Sistem Template Blade Laravel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1275\" class=\"elementor elementor-1275\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e54a6ef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e54a6ef\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a5636dd\" data-id=\"a5636dd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a887a3e elementor-widget elementor-widget-text-editor\" data-id=\"a887a3e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p>Seperti yang sudah kita pelajari dari tutorial-tutorial laravel di&nbsp;<a href=\"https:\/\/www.malasngoding.com\/\" target=\"_blank\" rel=\"noopener\">malasngoding.com<\/a>&nbsp;sebelumnya, laravel menyediakan banyak sekali fitur-fitur keren untuk memudahkan kita dalam membangun aplikasi atau website menggunakan laravel.<\/p>\n<p>Sudah ada beberapa fitur laravel yang sudah kita singgung sebelumnya, di tutorila bagian ini kita akan membahas satu fitur yang paling keren juga dari laravel. yaitu&nbsp;<strong>sistem blade template laravel<\/strong>.<\/p>\n<p>Sebenarnya secara tidak sengaja sebelumnya kita sudah berkenalan sekilas dengan yang namanya template blade pada laravel.<\/p>\n<p>BACA :&nbsp;<a href=\"https:\/\/www.malasngoding.com\/belajar-route-dan-view-pada-laravel\/\" target=\"_blank\" rel=\"noopener\">Route dan View Pada Laravel<\/a><\/p>\n<p>Laravel membuat ekstensi sendiri untuk menangani bagian view, yaitu ekstensi&nbsp;.blade.php.<\/p>\n<p>Yuk kita langsung masuk ke contoh nya saja untuk melihat kelebihan dari sistem template&nbsp;<a href=\"https:\/\/laravel.com\/docs\/5.7\/blade\" target=\"_blank\" rel=\"noopener\">blade<\/a>&nbsp;pada laravel ini.<\/p>\n<h3>Membuat Template Dinamis Dengan Template Blade Laravel<\/h3>\n<p>Setiap website atau aplikasi yang kita bangun pasti kita buat dengan template yang dinamis.&nbsp; karena kita pasti tidak ingin melakukan perubahan hampir di semua file jika ada perubahan kecil yang di lakukan.<\/p>\n<div class=\"iklan-produk my-2 border border-2 rounded p-3 my-4 border-primary bg-info bg-opacity-10 border-dashed\">\n<div class=\"row\">\n<div class=\"col-9 col-lg-10 d-flex align-items-center\">\n<\/div>\n<\/div>\n<\/div>\n<p>Baca :&nbsp;<a href=\"https:\/\/www.malasngoding.com\/membuat-halaman-web-dinamis-dengan-php\/\" target=\"_blank\" rel=\"noopener\">Membuat Halaman Web Dinamis Dengan PHP<\/a><\/p>\n<p>Langsung saja kita masuk ke contoh, di sini kita akan mencoba membuat 3 buah halaman dinamis, jadi pura-puranya ini adalah website sederhana kita, walaupun kita belum membuat pengolahan data dan penerapan logika yang rumit. Karena pada tutorial ini kita hanya akan belajar tentang pembuatan template yang dinamis menggunakan sistem template blade dari laravel.<\/p>\n<p>Untuk contoh ini kita akan pura-pura membuat sebuah blog sederhana.<\/p>\n<p>Karena kita akan membuat 3 buah halaman sebagai contoh, maka sekarang buat 3 buah route pada&nbsp;belajar_laravel\/routes\/web.php.<\/p>\n<p><strong>belajar_laravel\/routes\/web.php<\/strong><\/p>\n<div id=\"crayon-65c0597c5fa14681140031\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa14681140031-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa14681140031-23\">23<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa14681140031-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-i\">php<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-3\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/*<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-5\" class=\"crayon-line\"><span class=\"crayon-c\">|&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">| Web Routes<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-7\" class=\"crayon-line\"><span class=\"crayon-c\">|&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-8\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">|<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-9\" class=\"crayon-line\"><span class=\"crayon-c\">| Here is where you can register web routes for your application. These<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">| routes are loaded by the RouteServiceProvider within a group which<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-11\" class=\"crayon-line\"><span class=\"crayon-c\">| contains the &#8220;web&#8221; middleware group. Now create something great!<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">|<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-13\" class=\"crayon-line\"><span class=\"crayon-c\">*\/<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-14\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-15\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ route bawaan default laravel<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/&#8217;<\/span>, <span class=\"crayon-e\">function<\/span> () {<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-17\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;welcome&#8217;<\/span>);<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-18\" class=\"crayon-line crayon-striped-line\">});<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-19\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/\/ route blog<\/span><\/div>\n<div id=\"crayon-65c0597c5fa14681140031-21\" class=\"crayon-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/blog&#8217;<\/span>, <span class=\"crayon-s\">&#8216;BlogController@home&#8217;<\/span>);<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-22\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/blog\/tentang&#8217;<\/span>, <span class=\"crayon-s\">&#8216;BlogController@tentang&#8217;<\/span>);<\/div>\n<div id=\"crayon-65c0597c5fa14681140031-23\" class=\"crayon-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/blog\/kontak&#8217;<\/span>, <span class=\"crayon-s\">&#8216;BlogController@kontak&#8217;<\/span>);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Sehingga keseluruhan isi file<\/p>\n<p>Perhatikan route di atas :<\/p>\n<ul>\n<li>Pada saat kita mengakses route&nbsp;\/blog, maka yang akan dijalankan adalah&nbsp;method home&nbsp;yang ada di dalam controller&nbsp;BlogController.<\/li>\n<li>Pada saat kita mengakses route&nbsp;\/blog\/tentang, maka yang akan dijalankan adalah&nbsp;method tentang&nbsp;yang ada di dalam controller&nbsp;BlogController.<\/li>\n<li>Pada saat kita mengakses route&nbsp;\/blog\/kontak, maka yang akan dijalankan adalah&nbsp;method kontak&nbsp;yang ada di dalam controller&nbsp;BlogController.<\/li>\n<\/ul>\n<p>Karena route nya akan kita jalankan pada controller&nbsp;BlogController, sekarang kita buat dulu controller BlogControllernya, karena kita belum punya controller dengan nama BlogController.php.<\/p>\n<p>Silahkan baca cara membuat controller laravel&nbsp;<a href=\"https:\/\/www.malasngoding.com\/tutorial-membuat-controller-pada-laravel\/\" target=\"_blank\" rel=\"noopener\">di sini<\/a>.<\/p>\n<p>Di sini saya membuat controller dengan menggunakan perintah&nbsp;php artisan.<\/p>\n<p>Masuk ke direktori project laravel kita, dan ketik<\/p><div id=\"crayon-65c0597c5fa1d136490702\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1d136490702-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa1d136490702-1\" class=\"crayon-line\"><span class=\"crayon-e\">php <\/span><span class=\"crayon-e\">artisan <\/span><span class=\"crayon-i\">make<\/span><span class=\"crayon-st\">:<\/span><span class=\"crayon-e\">controller <\/span><span class=\"crayon-v\">BlogController<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Seperti gambar berikut.<\/p>\n<div id=\"attachment_3402\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3402 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/membuat-controller-blog.png\" alt=\"membuat controller blog\" width=\"704\" height=\"232\" aria-describedby=\"caption-attachment-3402\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3402\" class=\"wp-caption-text\">membuat controller blog<\/p>\n<\/div>\n<p>Setelah selesai membuat BlogController.php, sekarang kita buat method home, method tentang, method kontak lengkap dengan pemanggilan view nya masing-masing.<\/p>\n<p><strong>belajar_laravel\/app\/Http\/Controllers\/BlogController.php<\/strong><\/p><div id=\"crayon-65c0597c5fa1f548311411\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa1f548311411-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa1f548311411-22\">22<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa1f548311411-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-3\" class=\"crayon-line\"><span class=\"crayon-e\">namespace <\/span><span class=\"crayon-i\">App<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Controllers<\/span>;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-5\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Request<\/span>;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-7\" class=\"crayon-line\"><span class=\"crayon-e\">class<\/span> <span class=\"crayon-e\">BlogController<\/span> <span class=\"crayon-e\">extends<\/span> <span class=\"crayon-e\">Controller<\/span><\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-8\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-9\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">home<\/span>(){<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-11\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;home&#8217;<\/span>);<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-12\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-13\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">tentang<\/span>(){<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-15\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;tentang&#8217;<\/span>);<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-16\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-17\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">kontak<\/span>(){<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-19\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;kontak&#8217;<\/span>);<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-20\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-21\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa1f548311411-22\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Perhatikan syntax di atas<\/p>\n<ul>\n<li>Method&nbsp;home&nbsp;memanggil view&nbsp;home<\/li>\n<li>Method&nbsp;tentang&nbsp;memanggil view&nbsp;tentang<\/li>\n<li>Method&nbsp;kontak&nbsp;memanggil view&nbsp;kontak<\/li>\n<\/ul>\n<p>Nah sampai di sini kita akan membuat template master nya terlebih dulu.<\/p>\n<p>Template master yang dimaksud di sini adalah template induk nya, buat sebuah view baru dengan nama&nbsp;master.blade.php.<\/p>\n<p><strong>belajar_laravel\/resources\/views\/master.blade.php<\/strong><\/p><div id=\"crayon-65c0597c5fa21572387117\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa21572387117-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa21572387117-39\">39<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa21572387117-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!<span class=\"crayon-e\">DOCTYPE <\/span><span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-3\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">head<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">title<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Tutorial <\/span><span class=\"crayon-i\">Laravel<\/span> <span class=\"crayon-p\">#8 : Sistem Template Blade Laravel&lt;\/title&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-5\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">head<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">body<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-7\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-8\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">header<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-9\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">h2<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Blog <\/span><span class=\"crayon-i\">MalasNgoding<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">h2<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-11\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">nav<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;\/blog&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">HOME<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-13\" class=\"crayon-line\">|<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;\/blog\/tentang&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">TENTANG<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-15\" class=\"crayon-line\">|<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;\/blog\/kontak&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">KONTAK<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-17\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">nav<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">header<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-19\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">hr<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-21\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-22\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-23\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">bagian <\/span><span class=\"crayon-e\">judul <\/span><span class=\"crayon-e\">halaman <\/span><span class=\"crayon-i\">blog<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-24\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">h3<\/span><span class=\"crayon-h\">&gt;<\/span> @<span class=\"crayon-e\">yield<\/span>(<span class=\"crayon-s\">&#8216;judul_halaman&#8217;<\/span>) <span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">h3<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-25\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-26\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-27\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">bagian <\/span><span class=\"crayon-e\">konten <\/span><span class=\"crayon-i\">blog<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-28\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">yield<\/span>(<span class=\"crayon-s\">&#8216;konten&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-29\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-30\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-31\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-33\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">hr<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-34\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">footer<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-35\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-sy\">&amp;copy;<\/span> <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;https:\/\/www.malasngoding.com&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">www<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">malasngoding<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">com<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span>. <span class=\"crayon-cn\">2018<\/span> &#8211; <span class=\"crayon-cn\">2019<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-36\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">footer<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-37\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa21572387117-38\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">body<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa21572387117-39\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>master.blade.php ini kita jadikan sebagai template induk dari template dinamis yang ingin kita buat, dimana pada master.blade.php ini kita buat segala sesuatu yang tidak berubah-ubah seperti menu, footer dan nama blog nya.<\/p>\n<p>Oke, jadi sekarang semua view-view yang di panggil pada method yang akan kita hubungkan dengan template view master ini.<\/p>\n<p>buat 3 buah view baru, yaitu view home, tentang dan kontak.<\/p>\n<p><strong>belajar_laravel\/resources\/views\/home.blade.php<\/strong><\/p><div id=\"crayon-65c0597c5fa22745485668\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa22745485668-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa22745485668-16\">16<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa22745485668-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">Menghubungkan <\/span><span class=\"crayon-e\">dengan <\/span><span class=\"crayon-e\">view <\/span><span class=\"crayon-e\">template <\/span><span class=\"crayon-i\">master<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa22745485668-2\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">extends<\/span>(<span class=\"crayon-s\">&#8216;master&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-3\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">bagian <\/span><span class=\"crayon-e\">judul <\/span><span class=\"crayon-i\">halaman<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa22745485668-5\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">cara <\/span><span class=\"crayon-e\">penulisan <\/span><span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">section <\/span><span class=\"crayon-e\">yang <\/span><span class=\"crayon-i\">pendek<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa22745485668-6\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">section<\/span>(<span class=\"crayon-s\">&#8216;judul_halaman&#8217;<\/span>, <span class=\"crayon-s\">&#8216;Halaman Home&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-7\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-9\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">bagian <\/span><span class=\"crayon-i\">konten<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa22745485668-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">cara <\/span><span class=\"crayon-e\">penulisan <\/span><span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">section <\/span><span class=\"crayon-e\">yang <\/span><span class=\"crayon-i\">panjang<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa22745485668-11\" class=\"crayon-line\">@<span class=\"crayon-e\">section<\/span>(<span class=\"crayon-s\">&#8216;konten&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-12\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-13\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Ini <\/span><span class=\"crayon-e\">Adalah <\/span><span class=\"crayon-e\">Halaman <\/span><span class=\"crayon-i\">Home<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa22745485668-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Selamat <\/span><span class=\"crayon-i\">datang<\/span> !<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa22745485668-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa22745485668-16\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-v\">endsection<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><strong>belajar_laravel\/resources\/views\/tentang.blade.php<\/strong><\/p><div id=\"crayon-65c0597c5fa23060568043\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa23060568043-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa23060568043-23\">23<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa23060568043-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">Menghubungkan <\/span><span class=\"crayon-e\">dengan <\/span><span class=\"crayon-e\">view <\/span><span class=\"crayon-e\">template <\/span><span class=\"crayon-i\">master<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-2\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">extends<\/span>(<span class=\"crayon-s\">&#8216;master&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-3\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">bagian <\/span><span class=\"crayon-e\">judul <\/span><span class=\"crayon-i\">halaman<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-5\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">cara <\/span><span class=\"crayon-e\">penulisan <\/span><span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">section <\/span><span class=\"crayon-e\">yang <\/span><span class=\"crayon-i\">pendek<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-6\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">section<\/span>(<span class=\"crayon-s\">&#8216;judul_halaman&#8217;<\/span>, <span class=\"crayon-s\">&#8216;Halaman Tentang&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-7\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-9\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">bagian <\/span><span class=\"crayon-i\">konten<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">cara <\/span><span class=\"crayon-e\">penulisan <\/span><span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">section <\/span><span class=\"crayon-e\">yang <\/span><span class=\"crayon-i\">panjang<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-11\" class=\"crayon-line\">@<span class=\"crayon-e\">section<\/span>(<span class=\"crayon-s\">&#8216;konten&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-12\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-13\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Ini <\/span><span class=\"crayon-e\">Adalah <\/span><span class=\"crayon-e\">Halaman <\/span><span class=\"crayon-i\">Tentang<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-15\" class=\"crayon-line\"><span class=\"crayon-e\">Lorem <\/span><span class=\"crayon-e\">ipsum <\/span><span class=\"crayon-e\">dolor <\/span><span class=\"crayon-e\">sit <\/span><span class=\"crayon-i\">amet<\/span>, <span class=\"crayon-e\">consectetur <\/span><span class=\"crayon-e\">adipisicing <\/span><span class=\"crayon-i\">elit<\/span>, <span class=\"crayon-e\">sed <\/span><span class=\"crayon-e\">do <\/span><span class=\"crayon-e\">eiusmod<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">tempor <\/span><span class=\"crayon-e\">incididunt <\/span><span class=\"crayon-e\">ut <\/span><span class=\"crayon-e\">labore <\/span><span class=\"crayon-e\">et <\/span><span class=\"crayon-e\">dolore <\/span><span class=\"crayon-e\">magna <\/span><span class=\"crayon-i\">aliqua<\/span>. <span class=\"crayon-e\">Ut <\/span><span class=\"crayon-e\">enim <\/span><span class=\"crayon-e\">ad <\/span><span class=\"crayon-e\">minim <\/span><span class=\"crayon-i\">veniam<\/span>,<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-17\" class=\"crayon-line\"><span class=\"crayon-e\">quis <\/span><span class=\"crayon-e\">nostrud <\/span><span class=\"crayon-e\">exercitation <\/span><span class=\"crayon-e\">ullamco <\/span><span class=\"crayon-e\">laboris <\/span><span class=\"crayon-e\">nisi <\/span><span class=\"crayon-e\">ut <\/span><span class=\"crayon-e\">aliquip <\/span><span class=\"crayon-e\">ex <\/span><span class=\"crayon-e\">ea <\/span><span class=\"crayon-e\">commodo<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">consequat<\/span>. <span class=\"crayon-e\">Duis <\/span><span class=\"crayon-e\">aute <\/span><span class=\"crayon-e\">irure <\/span><span class=\"crayon-e\">dolor <\/span><span class=\"crayon-e\">in <\/span><span class=\"crayon-e\">reprehenderit <\/span><span class=\"crayon-e\">in <\/span><span class=\"crayon-e\">voluptate <\/span><span class=\"crayon-e\">velit <\/span><span class=\"crayon-e\">esse<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-19\" class=\"crayon-line\"><span class=\"crayon-e\">cillum <\/span><span class=\"crayon-e\">dolore <\/span><span class=\"crayon-e\">eu <\/span><span class=\"crayon-e\">fugiat <\/span><span class=\"crayon-e\">nulla <\/span><span class=\"crayon-i\">pariatur<\/span>. <span class=\"crayon-e\">Excepteur <\/span><span class=\"crayon-e\">sint <\/span><span class=\"crayon-e\">occaecat <\/span><span class=\"crayon-e\">cupidatat <\/span><span class=\"crayon-e\">non<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">proident<\/span>, <span class=\"crayon-e\">sunt <\/span><span class=\"crayon-e\">in <\/span><span class=\"crayon-e\">culpa <\/span><span class=\"crayon-e\">qui <\/span><span class=\"crayon-e\">officia <\/span><span class=\"crayon-e\">deserunt <\/span><span class=\"crayon-e\">mollit <\/span><span class=\"crayon-e\">anim <\/span><span class=\"crayon-e\">id <\/span><span class=\"crayon-e\">est <\/span><span class=\"crayon-i\">laborum<\/span>.<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-21\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa23060568043-22\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa23060568043-23\" class=\"crayon-line\">@<span class=\"crayon-v\">endsection<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><strong>belajar_laravel\/resources\/views\/kontak.blade.php<\/strong><\/p><div id=\"crayon-65c0597c5fa24540782105\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa24540782105-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65c0597c5fa24540782105-28\">28<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa24540782105-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">Menghubungkan <\/span><span class=\"crayon-e\">dengan <\/span><span class=\"crayon-e\">view <\/span><span class=\"crayon-e\">template <\/span><span class=\"crayon-i\">master<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-2\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">extends<\/span>(<span class=\"crayon-s\">&#8216;master&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-3\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">bagian <\/span><span class=\"crayon-e\">judul <\/span><span class=\"crayon-i\">halaman<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-5\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">cara <\/span><span class=\"crayon-e\">penulisan <\/span><span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">section <\/span><span class=\"crayon-e\">yang <\/span><span class=\"crayon-i\">pendek<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-6\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">section<\/span>(<span class=\"crayon-s\">&#8216;judul_halaman&#8217;<\/span>, <span class=\"crayon-s\">&#8216;Halaman Kontak&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-7\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-9\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">bagian <\/span><span class=\"crayon-i\">konten<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>!&#8211; <span class=\"crayon-e\">cara <\/span><span class=\"crayon-e\">penulisan <\/span><span class=\"crayon-e\">isi <\/span><span class=\"crayon-e\">section <\/span><span class=\"crayon-e\">yang <\/span><span class=\"crayon-i\">panjang<\/span> &#8212;<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-11\" class=\"crayon-line\">@<span class=\"crayon-e\">section<\/span>(<span class=\"crayon-s\">&#8216;konten&#8217;<\/span>)<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-12\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-13\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Ini <\/span><span class=\"crayon-e\">Adalah <\/span><span class=\"crayon-e\">Halaman <\/span><span class=\"crayon-i\">Kontak<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-t\">p<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-14\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-15\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">table <\/span><span class=\"crayon-i\">border<\/span>=<span class=\"crayon-s\">&#8220;1&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-17\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Email<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span>:<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-19\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">malasngoding<\/span>@<span class=\"crayon-i\">gmail<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">com<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-21\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-22\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Hp<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-23\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span>:<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-24\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-cn\">0896<\/span>&#8211;<span class=\"crayon-cn\">0676<\/span>&#8211;<span class=\"crayon-cn\">7404<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-25\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-26\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">table<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65c0597c5fa24540782105-27\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65c0597c5fa24540782105-28\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-v\">endsection<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Sampai di sini akan saya jelaskan dulu tentang fungsi-fungsi yang teman-teman lihat pada view master, dan view lainnya di atas.<\/p>\n<p>Yaitu ada fungsi @extends(), @section, @yield.<\/p>\n<p>Kita mulai dari view master.blade.php. disana ada fungsi @yield() yang kita buat.<\/p>\n<div id=\"attachment_3403\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3403 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/fungsi-yield-pada-laravel.png\" alt=\"fungsi yield pada laravel\" width=\"772\" height=\"518\" aria-describedby=\"caption-attachment-3403\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3403\" class=\"wp-caption-text\">fungsi yield pada laravel<\/p>\n<\/div>\n<p>Fungsi @yield() berguna untuk bagian-bagian tertentu pada template website. dan nama bagian nya bisa kita tulis di dalam parameter fungsi @yield().<\/p>\n<p>Seperti yang sudah kita buat, di sana kita membuat bagian judul_halaman dan bagian konten.<\/p>\n<p>Nah, Selanjutnya pada bagian view lainnya, akan kita hubungkan ke template master.blade.php ini. dan tiap-tiap bagian @yield nya kita isi konten nya dari file view-view yang lainnya.<\/p>\n<p>Lanjut ke view home, buka file home.blade.php.<\/p>\n<div id=\"attachment_3404\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3404 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/sistem-template-blade-laravel.png\" alt=\"sistem template blade laravel\" width=\"753\" height=\"442\" aria-describedby=\"caption-attachment-3404\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3404\" class=\"wp-caption-text\">sistem template blade laravel<\/p>\n<\/div>\n<p>dari gambar di atas saja pasti teman-teman sudah mengerti tentang penghubungan sistem template blade ini.<\/p>\n<p>Pertama pada view home kita hubungkan dulu ke view master dengan menggunakan fungsi @extends. kemudian semua isi yang ada diantara fungsi @section akan di tampilkan pada bagian fungsi @yield.<\/p>\n<p>Begitu juga dengan view kontak dan view tentang. intinya akan sama saja.<\/p>\n<p>Sekarang kita coba akses project kita, jangan lupa mengaktifkannya dulu dengan<\/p><div id=\"crayon-65c0597c5fa26468446031\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65c0597c5fa26468446031-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65c0597c5fa26468446031-1\" class=\"crayon-line\"><span class=\"crayon-e\">php <\/span><span class=\"crayon-e\">artisan <\/span><span class=\"crayon-v\">serve<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>terus kemudian akses&nbsp;localhost:8000\/blog<\/p>\n<div id=\"attachment_3405\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3405 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/template-website-dinamis-dengan-laravel.png\" alt=\"template website dinamis dengan laravel\" width=\"784\" height=\"626\" aria-describedby=\"caption-attachment-3405\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3405\" class=\"wp-caption-text\">template website dinamis dengan laravel<\/p>\n<\/div>\n<p>Perhatikan pada gambar di atas, pada saat route \u2018\/blog\u2019 di akses, maka akan dijalankan method home pada controller BlogController. seperti yang sudah kita set pada route laravel sebelumnya di atas tadi.<\/p>\n<p>kemudian method home pada controller BlogController akan memanggil view \u2018home.blade.php\u2019.<\/p>\n<p>Begitu juga dengan halaman lainnya.<\/p>\n<p>Coba klik pada menu kontak dan tentang.<\/p>\n<div id=\"attachment_3406\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3406 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/sistem-template-laravel.png\" alt=\"sistem template laravel\" width=\"766\" height=\"686\" aria-describedby=\"caption-attachment-3406\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3406\" class=\"wp-caption-text\">sistem template laravel<\/p>\n<\/div>\n<p>Klik menu kontak<\/p>\n<div id=\"attachment_3407\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3407 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2018\/12\/membuat-template-dinamis-dengan-blade-laravel.png\" alt=\"membuat template dinamis dengan blade laravel\" width=\"728\" height=\"610\" aria-describedby=\"caption-attachment-3407\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3407\" class=\"wp-caption-text\">membuat template dinamis dengan blade laravel<\/p>\n<\/div>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Seperti yang sudah kita pelajari dari tutorial-tutorial laravel di&nbsp;malasngoding.com&nbsp;sebelumnya, laravel menyediakan banyak sekali fitur-fitur keren untuk memudahkan kita dalam membangun aplikasi atau website menggunakan laravel. Sudah ada beberapa fitur laravel yang sudah kita singgung sebelumnya, di tutorila bagian ini kita akan membahas satu fitur yang paling keren juga dari laravel. yaitu&nbsp;sistem blade template laravel. Sebenarnya [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":1283,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,9],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1275"}],"collection":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/comments?post=1275"}],"version-history":[{"count":5,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1275\/revisions"}],"predecessor-version":[{"id":2243,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1275\/revisions\/2243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1283"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}