Step Pendalaman Code Perubahan Template

Salam Lestari . . . . .
Salam yang cocok untuk pertemuan kali ini karena konten Template saya adalah Gunung Ter Favorit Se Jawa Timur. Yukkkkkk langsung saja kita simak tutorialnya dibawah ini. Selamat mencoba ^_^

1. Download terlebih dahulu Template sesuai tema yang anda inginkan, jika ingin seperti punya saya sebelum dirubah silahkan didownload di https://www.mediafire.com/file/a2xp1i4j7e86ifv/templated-radius.zip/file
2. Sebelumnya saya sudah sedikit menyenggol step awal mengubah kode template, bisa anda kunjungi di Instalasi Template dan Code Perubahan.
3. Inilah code Template sebelum dirubah

 4. Dan ini Template nya

 5. Sebelum kalian rubah code Templatenya, ganti gambar Template di AppServ --> www --> mendaki --> images dengan gambar yang ingin di post.

6. Mari kita mulai ubah dari tampilan awalnya, untuk codenya ada di file index bisa langsung dibuka melalui Sublime Text, pertama saya rubah nama Templatenya dan bagian pembukanya seperti pada gambar dibawah

7. Seperti inilah hasilnya

8. Setelah itu saya rubah letak deskripsinya dari gambar (lingkaran merah) dan juga gambarnya (lingkaran biru) saya lakukan hal yang sama hingga gambar ke-13, jangan lupa untuk penamaan gambar sesuai gambar yang telah dipindahkan ke images yah, anda juga bisa menambahkan atau mengurangi gambarnya

9. Inilah Hasilnya

10. Setelah itu, saya mengubah judul dan sedikit info, dan juga laman sosmed, disini saya hanya memakai 3 sosmed yaitu Facebook, Instagram dan Twitter.

11. Inilah hasilnya

12. Setelah itu, saat gambar di klik maka akan muncul deskripsi gambar, seperti biasa saya merubah nama Template (lingkaran biru) gambar (lingkaran merah) dan deskripsi gambar (lingkaran hitam)

Jangan lupa untuk menambahkan code seperti pada lingkaran merah, jadi nanti saat di klik tanda < maka akan otomatis kembali ke menu awal, jadi nanti membutuhkan satu code dengan judul kembali.html. Seperti biasa saya merubah judul info dan sosmed.

13. Seperti inilah tampilan deskripsi gambar baris 1 kolom 1

14. Setelah itu kita akan membuat deskripsi gambar baris 1 kolom 2, caranya sama seperti deskripsi gambar baris 1 kolom 1, begitupun deskripsi gambar lainnya

15. Sekarang kita akan membuat code tambahan untuk kembali ke menu awal, codenya sama saja dengan code Index.html hanya saja saya menghapus bagian header nya, jadi saya kembali tidak lagi ada tampilan pembuka melainkan langsung pilihan gambar

Jika anda ingin mendownload hasil dari perubahan Template diatas silahkan di download di https://www.mediafire.com/file/oeab7b5h8kp71o1/Tsarok_-_Template.rar/file

Jangan lupa tinggalkan komentarnya yah, Terima kasih ^_^