Tutorial
Tutorial Ngeblog
Cara agar Pandai Mengedit-edit Tampilan Blog (Template)
Assalamu'alaikum
Tampilan blog adalah salah satu hal yang bisa untuk menarik pengunjung agar bisa nyaman dengan tampilan. Karena pengunjung pikir kalo tampilan blog bagus maka isinya bagus pula begitu kira-kira pikiran pengunjung. Makanya kita harus pandai mengedit-edit tampilan blog
Hmm... Tapi kalo menurut saya sebenarnya itu bukanlah hal yang terlalu penting karena hal terpenting terletak pada isi atau konten blog tersebut. Namun mau gimana lagi kan ini demi pengunjung (pengunjung blog adalah raja).
Nahh... terkadang masih banyak juga seorang blogger yang belum pandai untuk mengutak-atik tampilan blognya. Paling juga untuk mengedit tampilan blog masih menggunakan tutorial dan kodenya pun tinggal copy paste, tapi tidak apa-apa lah wajar.
Untuk sobat yang belum bisa mengedit-edit tampilan blog atau template, saya akan membagikan tipsnya. Mungkin hal ini akan sedikit rumit untuk sobat yang belum biasa dengan CSS, HTML, dan bahasa pemograman lainya.
Step 1 : Klik kanan dulu pada bagian template yang mau di edit (Contoh: Menu navigasi) Setelah itu pilih Inspect element atau inspeksi elemen.
Step 2 : Silahkan mau apanya yang di ubah (Contoh: Background Menu navigasi) Maka silahkan fokus pada 'Rules'
Step 3 : Jika sudah begini silahkan tinggal ganti warnanya pada "Background : none repeat scroll 0% 0% #1D51E7" Kemudian Ubah kode #1D51E7 dengan warna kode html lainya (cara di google kw"kode warna html") atau bisa juga di ganti secara manual dengan klik lingkaran biru.
Step 4 : Silahkan cek pada bagian navigasi apakah berubah warnanya, jika berubah "BERHASIL!" Jika warnanya sudah pantas atau cocok pada templatenya silahkan pergi ke Blogger > Template > Edit HTML. Lalu cari kode menu navigasi yang ada pada 'Rules' (Contoh : #nav) jika sudah ketemu ganti warna kode html dengan warna sesuka hati sobat (dengan kode html lagi).
Nahh itulah caranya, sebenarnya sobat bisa mengedit bagian wrapper, footer, sidebar atau lainya disana. Tapi mengedit menu navigasi, itu adalah contoh saja.
Sebenarnya saya juga masih belajar tentang hal ini. Semoga bisa bermanfaat, Wassalamu'alaikum
Tampilan blog adalah salah satu hal yang bisa untuk menarik pengunjung agar bisa nyaman dengan tampilan. Karena pengunjung pikir kalo tampilan blog bagus maka isinya bagus pula begitu kira-kira pikiran pengunjung. Makanya kita harus pandai mengedit-edit tampilan blog
Hmm... Tapi kalo menurut saya sebenarnya itu bukanlah hal yang terlalu penting karena hal terpenting terletak pada isi atau konten blog tersebut. Namun mau gimana lagi kan ini demi pengunjung (pengunjung blog adalah raja).
Nahh... terkadang masih banyak juga seorang blogger yang belum pandai untuk mengutak-atik tampilan blognya. Paling juga untuk mengedit tampilan blog masih menggunakan tutorial dan kodenya pun tinggal copy paste, tapi tidak apa-apa lah wajar.
Untuk sobat yang belum bisa mengedit-edit tampilan blog atau template, saya akan membagikan tipsnya. Mungkin hal ini akan sedikit rumit untuk sobat yang belum biasa dengan CSS, HTML, dan bahasa pemograman lainya.
Cara agar Pandai Mengedit-edit Tampilan Blog (Template)
Untuk berlatih mengedit-edit tampilan blog atau template saya biasanya menggunakan salah satu fitur yang mungkin ada pada setiap browser yaitu Inspect Element atau Inspeksi Elemen. Langsung saja berikut caranya.Step 1 : Klik kanan dulu pada bagian template yang mau di edit (Contoh: Menu navigasi) Setelah itu pilih Inspect element atau inspeksi elemen.
Step 2 : Silahkan mau apanya yang di ubah (Contoh: Background Menu navigasi) Maka silahkan fokus pada 'Rules'
 |
| Tampilan Inspect Element |
Step 3 : Jika sudah begini silahkan tinggal ganti warnanya pada "Background : none repeat scroll 0% 0% #1D51E7" Kemudian Ubah kode #1D51E7 dengan warna kode html lainya (cara di google kw"kode warna html") atau bisa juga di ganti secara manual dengan klik lingkaran biru.
Step 4 : Silahkan cek pada bagian navigasi apakah berubah warnanya, jika berubah "BERHASIL!" Jika warnanya sudah pantas atau cocok pada templatenya silahkan pergi ke Blogger > Template > Edit HTML. Lalu cari kode menu navigasi yang ada pada 'Rules' (Contoh : #nav) jika sudah ketemu ganti warna kode html dengan warna sesuka hati sobat (dengan kode html lagi).
Nahh itulah caranya, sebenarnya sobat bisa mengedit bagian wrapper, footer, sidebar atau lainya disana. Tapi mengedit menu navigasi, itu adalah contoh saja.
 |
| Edit Menu Navigasi |
Tambahan ...
Mengedit tampilan blog melalui inspect element sangatlah enak. Karena jika tampilanya salah atau sobat salah mengedit, sobat bisa merefresh halaman dan kembali seperti semula. Sebalikanya jika mengedit melalui Edit HTML ribet untuk mengubahnya. Silahkan sobat biasakan saja untuk inspect elemen. Dijamin jika seperti itu terus sobat akan jago mengedit tampilan blog bahkan bisa membuat template sendiri.Sebenarnya saya juga masih belajar tentang hal ini. Semoga bisa bermanfaat, Wassalamu'alaikum
makasih gan, artikelnya sangat membantu
ReplyDelete