powered by blogger |
1. MAU CARA PROFESSIONAL? EDIT CSS YANG TELAH ADA
- Masuk ke pengaturan blogger
- pilih tema
- lalu pilih edit HTML
Nah begitu halaman editor HTML blogger terbuka kalian letakan dan klik kursor mouse ke dalam halaman yang di penuhi oleh kode xml dan HTML tersebut, lalu pada keyborad laptop windows tekan CTRL+F sekaligus, akan keluar kotak dialog pencarian dan kopikan saja kode berikut kedalamnya:
div.blogger {Setelah kode diatas masuk tekan ENTER pada keyboard. Maka dibawah kode diatas akan muncul seuntai kode CSS sebagai berikut:
div.blogger {Jika kalian ingin agar "Powered By Blogger" tidak tampil pada bagian footer blog cukup robah kode block menjadi: none maka kode CSSnya akan tampak sebagai berikut:
display: block;
}.googlezet{margin:15px auto;text-align:center}
div.blogger {display: none;Jika ingin tulisan ikon Powered by Blogger tampil tanpa tulisan cukup tambahkan kode: font-size: 0px; dibawah kode display: block;.
}.googlezet{margin:15px auto;text-align:center}
halaman editor HTML blogger |
Kelebihan cara pertama: Kita tidak perlu menambahkan kode apa apa, cukup dengan hanya memodifikasi atau mengedit kode CSS yang telah ada.
Kekurangan cara pertama: Harus melalui opsi edit HTML, ini bisa bikin pusing kepala para blogger pemula.
2. TIDAK MAU RIBET? TAMBAHKAN CSS
Tentu saja kalian bisa misalnya menambahkan kode diatas secara mentah mentah kedalam blanko CSS, tanpa perlu melalui edit HTML dengan cara, copy kode berikut:
div.blogger {display: none;Lalu lakukan step dibawah ini:
- Masuk pengaturan blogger
- Pilih tema atau theme
- Pilih sesuaikan (bukan edit HTML yang berada dikanannya)
- Setelah sesuaikan di klik akan tampil pengaturan Desainer Tema Blogger, pilih "lanjutan"
- Ketika lanjutan di klik muncul daftar menu dimulai dari "isi scroll menu hingga kebawah
- Paling bawan adalah menu "Tambahkan CSS" klik itu.
- Akan muncul halaman kosong, copy kode berikut dan pastekan ke halaman kosong blanko CSS tadi.
blanko CSS pada blogger theme designer |
- Kelebihan cara kedua: Tidak perlu ribet edit HTML segala
- Kekurangan cara kedua: Kita menambahkan beban CSS lagi sementara kode CSSnya sebenarnya telah ada secara default didalam template
Makasih untuk sharing info ini ya...
BalasHapusDitunggu kunjungan baliknya ke tulisan terbaru saya di Rekomendasi Software Edit Video untuk Laptop atau Cek Toko Komputer Online Terpercaya