Cara menggunakan sidebar in mysql

Hi, sesuai dengan janji saya sebelumnya di posting Membuat Website Professional dengan PHP & MySql - PART #3 bahwa topik pada posting ini adalah men-design halaman admin/dashboard website professional anda. Langsung saja biar gak kepanjangan intro... 

Tapi sebelumnya saya ingin sampaikan bahwa saya tidak menjabarkan secara rinci bagaimana membuat template HTML dari awal/nol. Saya hanya akan mengkombinasikan website PHP yang kita buat dengan bantuan dari Template admin HTML Bootstrap, silahkan anda download terlebih dahulu disini. Oke, anda menemukan istilah baru yaitu bootstrap. Bootstrap merupakan sebuah library framework CSS yang telah dibuat khusus uintuk mengembangkan front end sebuah website. Bootstrap juga dikenal sebagai salah satu framework CSS, HTML, Javascript yang begitu populer di kalangan website developer atau pengembang website. Yang pasti bootstrap digunakan untuk mengembangkan website agar lebih responsive.

Baca Juga: Bangkitnya Semangat UKM Indonesia

Yang perlu anda lakukan setelah men-download dan meng-ekstrak template HTML diatas adalah copy folder css, js, img, vendor, scss kedalam folder htdocs >> hospital >> admin, sehingga akan terlihat seperti gambar dibawah ini:

#1 Mengkombinasikan dan Membuat Login Admin

1. Hidupkan XAMPP anda.
2. Masuk ke dalam folder htdocs lalu folder hospital kemudian buka folder admin dan kemudian buka file index.php di text editor anda.
3. Copy code berikut dan simpan 

   
   
     
     
     
     
     
     
   
    Suba Hospital | Admin
       
       
     
     
   
     
     
   
   
   
    
   
   
       
       
   
   
         
   
   
           
   
             
   
               
               
   
                 
                 
   
                   
   
   
    
    
   
    
     
   
                         
                       
                       
   
                         
                       
      
   
                         
                         Login
                       
                       
   
   
   
   
                        
    
   
                     
                   
   
                 
   
               
   
             
   
           
   
   
   
   
   
         
   
   
       
   
   
     
   
   
     
     [removed][removed]
     [removed][removed]
   
     
     [removed][removed]
   
     
     [removed][removed]
   
   
   
   ​

4.  Dari yang dilihat pada script diatas, kode yang sudah kita buat sebelumnya lihat di posting Membuat Website Professional dengan PHP & MySql - PART #3 bagian membuat Halaman Login tidaklah hilang, melainkan disisipkan di kode HTML bootstrap tadi. Lihat hasilnya pada browser apakah sudah seperti gambar dibawah? jika sudah, pastikan semua fungsi PHP berjalan dengan benar.
   

#2 Membuat Dashboard

1. Masuk ke dalam folder htdocs lalu folder hospital kemudian buka folder admin dan kemudian buka file dashboard.php di text editor anda.
2. Bagi menjadi beberapa bagian tujuannya untuk memudahkan anda melakukan perubahan pada halaman admin, jadi anda akan meminimalisir mengetik script HTML berkali-kali disetiap halaman, anda akan memanfaatkan fungsi "include" PHP (Lihat disini penjelasannya)
3. Jadi anda akan buat file php baru yaitu topbar.php, sidebar.php dan footer.php
4. Mari mulai dari topbar.php, copy kode berikut: 

           ​

5. sidebar.php, copy kode berikut: 

   
       
       ​

6. footer.php, copy kode berikut: 

    
         
         ​

7. Dan tentunya dashboard.php tadi, copy kode berikut: 

   
   
   
   
   
   
     
     
     
     
     
   
       Suba Hospital | Dashboard
       
     
     
   
     
     
   
   
   
   
     
   
      
       
       
       
   
   
         
         
   
         
         
         
          
           
   
            
              
               
               
             
   
             
               
   
      
   
   
   
   Hi ! anda telah login.
               
             
   
             
             
           
   
            
         
   
         
        
   
       
   
       
       
   
       
        
     [removed][removed]
     [removed][removed]
   
     
     [removed][removed]
   
     
     [removed][removed]
   
     
     [removed][removed]
   
     
     [removed][removed]
     [removed][removed]
   
   ​

8. Saya banyak melakukan modifikasi peletakan script PHP sesuai dengan kecocokan template HTML dari bootstrap. Lihat hasilnya di browser 
   

Anda bisa mendownload file tutorial posting ini disini. Stay Safe & Healthy. Selamat Hari Raya Nyepi...

Tutorial kali ini admin akan menjelaskan Tutorial Cara Membuat Widget Sidebar Website / BLog Berhenti saat di Scroll Ke bawah , Widget merupakan elemen yang sangat penting dalam suatu blog. Fungsi widget sangat banyak sekali dan bermacam-macam bentuknya. Widget biasanya terletak disamping postingan biasa disebut dengan sidebar dan terletak dibawah postingan biasa disebut dengan footer widget. Widget merupakan elemen yang banyak fungsinya, salah satunya sebagai tempat informasi pemilik, tombol berbagi, dan tempat menampilkan iklan. Sebagian bloger sering memanfaatkan widget di samping postingan sebagai ajang iklan pada blog mereka.

Widget dengan informasi khusus pastinya harus kita letakkan pada tempat yang kebanyakan orang pasti melihatnya, cara ini disesuaikan agar informasi yang terdapat pada widget mendapat perhatian khusus bagi pembaca blog kita. Agar widget bisa bekerja maksimal pastinya harus ada yang kita lakukan dengan widget tersebut supaya memberikan dampak positif terhadap informasi yang kita berikan.