[TUTORIAL LARAVEL 8 UNTUK PEMULA ] CARA MENAMPILKAN DAN MENGGANTI CONTENT DI LANDING PAGE DI LARAVEL 8.XX

Hallo semuanya apakabar? pasti baik semuanya dan semoga Alla memberikan perlindungan, kesehatan serta rejeki bagi kita semua dan pandemi ini segera berakhir. Aaamiin. Selamat datang semuanya di note-ade, kali ini kita akan membahas bagaimana cara menampilkan dan mengganti landing page di laravel 8.xx. 

Sebelumnya sudah kami jelaskan cara menjalankan dan merubah Landing Page di Laravel 7. DI VIDEO : [ LARAVEL UNTUK PEMULA ] #3 INSTALASI, MENJALANKAN DAN MERUBAH LANDING PAGE LARAVEL UNTUK PEMULA .Kali ini kami akan menerangkan cara menjalankan dan merubah landing page di laravel 8.XX

Berikut langkah langkahnya : 

1. Terlebih dahulu download atau copy paste File Framework Laravel 8.XX
2. Jalankan XAMPP (Apache dan MySQL)
3. Test web server anda dengan membuka browser dan ketikkan "localhost" jika berjalan dan tidak ada pesan error maka web server berjalan lancar. 
4. Buka Command Prompt atau terminal dan arahkan ke folder file framework anda (sudah dijelaskan di video)
5. kemudian Ketikkan "php artisan serve" untuk menjalankan server dari Laravel
6. Buka web browser dan kemudian ketikkan di address bar " 127.0.0.1:8000"
   
   
   
   
   
7. Jika muncul seperti digambar berarti laravel 8 sudah berhasil dijalankan dan sangat berbeda dengan tampilan landing page di laravel 7. 
8. Jika ingin  mengganti file landing page bawaan si laravel 8 maka cari di folder project laravel anda kemudian cari folder "resources" lalu cari "views" lalu cari file dengan nama " welcome.blade.php" dan silahkan buka dengan menggunakan Aplikasi teks editor kalian maka tampilannya akan muncul seperti ini:
   
   
   
   
9. Nah kita sudah bisa nih mengotak atik isi dari landing page bawaan Laravel 8. 
10. Jika ingin mengganti bagian-bagian berikut:
    
    
    
    maka yang perlu diganti bagian mana saja? okey kita bahas 
11. masih di file "welcome.blade.php" yang kita buka di text editor kita tadi. kemudian cari bagian ini:
    
    
    
    nah disitu tertulis <svg viewbox dan seterusnya. Disitulah letak untuk mengganti LOGO LARAVEL yang dibagian atas. Apa itu SVG ? silahkan anda simak penjelasannya di salah satu blog ini (Apa itu SVG )
12. Okey kemudian siapkan gambar yang ingin kalian masukkan untuk menggantikan Logo Laravel tadi. Contoh disini kami akan mengganti dengan logo ini:
    
    
    
    
    Silahkan kalian taruh gambar kalian di folder : "public" di dalam folder project laravel 8 kalian. Dan buat folder dengan nama "img" (boleh bebas).
    
    
    Setelah itu coba kita cek menggunakan browser "http://127.0.0.1:8000/img/logosaya.png" (logosaya.png sesuai dengan nama file yang kalian masukkan)
    
    
    
    hasilnya seperti ini. Jika bisa diakses maka file nantinya bisa kita gunakan jika tidak muncul gambarnya atau tidak tampil maka ada kesalahan menaruh file gambar kalian so harus hati-hati ya bray. 
13. Selanjutnya kita kembali ke file "welcome.blade.php" di text editor kita. pada bagian "<svg sampai batas bawah </svg> kita hapus.
    
    
    jadinya seperti gambar tersebut. Kemudian kita gantikan dengan kode berikut:
    
    " <img src="{{ URL('img/logosaya.png') }}" width="100px" alt="logo saya"> "
    untuk bagian "logosaya.png" sesuaikan dengan nama file anda dan untuk width itu adalah lebar logo anda jadi menyesuaikan yang pas, URL berfungsi untuk mengenali nama domain yangkita gunakan dalam project kita, karena kita masih menggunakan server local maka URL akan mengenali awalan lokasi file kita di 127.0.0.1 dan jika sudah di upload ke online atau hosting maka URL akan mengenali awalan sesuai domain yang digunakan contoh "www.akuweb.com/img/logosaya.png" maka URL mengenali awalannya adalah www.akuweb.com. Hasilnya seperti ini:
    
    
    
    oke silahkan diprakteknya yak bray
14. Selanjutnya untuk menggantikan bagian contentnya tinggal kita cari kata "Laravel News" di file welcome.blade.php :
    
    
    
    tinggal di search ( ctr + f ) kemudian ketikkan "laravel news"
    nah dibagian ini silahkan kalian ganti sesuai dengan kebutuhan kalian. Hasilnya seperti ini:
    
    
    

    

    
    
    

    
    

    
    

    Demikian langkah - langkah untuk mengganti content didalam landing page di Laravel 8. Semoga bermanfaat dan selamat mencoba semuanya sukses