Pasti dibenak kita muncul suatu pemikiran ingin
mengotak-atik blog yang kita buat dengan masing-masing kesulitan, ahahaha
santai saja Mas bro..... ga usah dipikir panjang???? Di sini kita akan membahas
bagaimana cara mengotak-atik mengedit atau memodifikasi tampilan blog kita agar
bila di lihat lebih menarik dan
menyenangkan.
Tidaklah sulit untuk bagi para blogger pemula jika
kita mau belajar mengetahui apa itu tentang script CSS (Cascading Style
Sheets), HTML, dan Javascript. Hal ini sebagai langkah penting untuk membuat
tampilan blog kita agar lebih keren, memberi warna dengan tampilan blog yang
lebih waaaw ........
Langkah-langkahnya
:
- login ke akun blogger.com >
- Buka blogg yang akan kita edit > Pada menu bar di blogger sebelah kiri, klik Template > Pada menu Template klik Edit HTML
- Sekarang buka blog anda, kita akan melakukan pengeditan tampilan blog dari Inspect Elemen terlebih dahulu. Inspect Elemen/ Periksa Elemen yang akan kita edit (gaya, warna, ukuran dan lain sebagainya). Klik kanan pada bagian yang akan kita edit, pilih Periksa Elemen / Inspect Element.
- Kode HTML yang sebelah kiri, dan kode CSS yang
disebelah kanan Inspect Element. Mengedit kode HTML dengan klik kanan kode HTML
yang diinginkan, kemudian Edit As HTML, atau tekan F2 saja pada kode
tersebut. Maka tampilannya seperti pada Gambar
- Mengedit kode CSS yaitu klik Property / Value CSS yang
ada disebelah kanan Inspect Elemen, kemudian ganti atau modifikasi sesuai
keinginan. Pada contoh dibawah ini, Saya mengganti value / nilai dari warna
background elemen .menu. Contoh pada Gambar 2 (Lihat di bawah
postingan
- Pengguna
Firefox, pada bagian inspect element, pilih Style Editor/ Editor Gaya,
untuk fokus ke pengeditan CSS. Editing HTML nya pada Inspector / Inspektur
tab Inspect Element. Contoh pada Gambar
- Pilih style utama blog Sobat yang hendak diedit, atau
periksa satu persatu kumpulan CSS yang ada disebelah kiri gambar berikut.
Silahkan Sobat, mengotak atik CSS yang ada pada kolom tengah. Contoh pada Gambar
- Tetap lanjutkan saja pengeditan, jika sudah menemukan atau menyelesaikan desain yang diinginkan, save atau salin kode HTML dan CSS yang baru tersebut, ke Edit HTML yang ada pada Blog sobat, search saja di blog dengan CTRL+F agar memudahkan menemukan kode yang akan diganti.~~ SELAMAT MENCOBA AGAN ..... ~~
0 Komentar untuk "Bagaimana mengedit, mengubah tampilan BLOG agar menarik"