MERUBAH TEMPLATE BLOG DENGAN HTML

MERUBAH TEMPLATE BLOG DENGAN HTML

 

 CARA MERUBAH TEMPLATE BLOG 
LEWAT KODE HTML DI BTemplate.com


Assalamu'alaikum Wr.
Salam Sejahtera Selalu....
Salam Berbagi Itu Indah... Memberi Manfaat itu Pahala....

        Sahabat Devient Belajar sebelumnya kita telah membahas tentang bagaimana cara merubah template blog kita agar terlihat lebih menarik melalui website blogger.com nya secara sederhana dan gratis. Namun sudah barang tentu blog kita ingin terlihat lebih menarik dan terlihat lebih responsive
        
        Blog yang responsive adalah adalah desain tampilan blog yang ukurannya mengikuti lebar dan tinggi perangkat (device) yang digunakan untuk membukanya, dalam hal ini perangkat mobile (mobile devices) alias SmartPhone atau SmartPhone (SP). Artinya Blog yang dibuat secara responsive jika kita buka melalui perangkat komputer atau Leptop tentunya berbeda tampilannya pada saat kita membukanya lewat SmartPhone.

        Template, blog, atau website responsive disebut juga situs yang ramah mobil (mobile-friendly). Responsive menjadi salah satu faktor SEO penting sehingga blog disukai mesin pencari (seo friendly) dan disukai pengguna (user friendly).

        Salah sata sarana website template yang bisa kita manfaatkan adalah Btemplate.com, dimana dalam web ini banyak jenis template yang bisa kita pilih sesuai dengan yang kita kehendaki. Untuk mengetahui apakah blog kita responsive atau tidak bisa kita cek melalu link Am I Responsive

Bagaimana cara merubah template....? 
Berikut langkah-langkah dalam merubah template yang kita download dari Btemplate.com :
1. Login ke Blogger


2. Klik Lihat Blog untuk menampilkan blog kita terlebih dahulu sehingga akan terlihat  2 tampilan tab menu blog.


3. Klik tanda +  untuk menambahkan tab menu blog.

4. Pada pencarian ketik Btemplate.com kemudian Enter.


5. Pilihlah jenis template yang kita inginkan dengan cara mengklik gambar terlebih dahulu untuk melihat hasilnya sebelum kita download.

7. klik Mobile  di sebelah kanan atas untuk melihat hasilnya apakah template tersebut sudah responsive atau belum. 

8. Jika memang sudah yakin klik dowload yang terletak di sebelah kiri desktop diatas Live Demo

9. hasil download ada di bawahnya. 

10. Kemudian buka Folder Download 

11. Doble klik file .rar yang telah kita download tersebut

12. Kemudian Double klik lagi folder yang terdapat dalam rar tersebut.
13. Selanjutnya pilih dan double klik file yang berekstensi .xml

14. Makan akan tampil file notepad yang berbentuk Script

15. Blok semua script yang terdapat pada file notepad tersebut. kemudian klik copy atau menggungkan tombol Ctrl + C

15. Selanjutnya kita buka blogger kita, kemudian pilih tema.
16. Di sebelah kanan terdapat tulisan sesuaikan dan arah panah ke bawah klik arah panah ke bawah, kemudian pilih edit HTML.
Catatan : Sebelum kita merubah template, pastikan template yang pertama kita buat, dicadangkan telebih dahulu, ini dimaksudkan agar pada saat kita akan mengembalikan ke template awal masih bisa kita kembalikan seperti semula.

17. Pada kode Script HTMLblog tersebut, kita blok  kemudian hapus script yang terdapat didalamnya.

18. Selanjutnya kita Paste kan Script yang sudah kita copy dari Script yang sudah kita download tersebut atau bisa kita gunakan tombol Ctrl + V.

19. Selanjutnya klik Save yang terletak di sebelah pokok kanan atas
20. Klik tanda panah untuk kembali dan kemudian buka tab menu blog kita 

21. Selanjutnya klik Refresh untuk menampilkan perubahan template pada blog kita.
Maka secara otomatis template blog akan berubah sesuai dengan yang kita inginkan.

Itulah tutorial yang saya bagikan pada artikel tentang bagaimana cara merubah template melalui HTML sesuai dengan yang kita inginkan. Selamat Mencoba.....

Semoga bermanfaat.....
Wassalamnu'alaikum Wr. Wb.


Video Tutorial :


Atau bisa mengunjungi :






 

Posting Komentar

0 Komentar