Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Footer navigasi

Membuat widget footer 3 kolom pada template terbaru blogger

kredit gambar: pexel P embuatan widget ini dapat diterapkan pada empat template terbaru blogger yang telah support layout versi 3. Seperti yang anda lihat template terbaru memang keren habis tapi lihat bagian kakinya (footer) sangat monoton, padahal banyak widget yang ingin kita tempatkan disana, tapi sayang kontainernya tidak ada. Jadi memang kita harus membuatnya dan jangan kuatir dengan bentuk layout footer default yang sempit pada saat dibuka melalui pengaturan, itu hanya tampilan saja, faktanya akan berbeda. 1. Cara membentuk widget text tiga kolom: Tambahkan CSS Masuk kepengaturan blogger Pilih tema/theme Pilih sesuaikan Pada blogger theme designer pilih lanjutan atau advance Scroll keatas menu yang segera muncul di sebelah kanannya scroll sampai ke menu paling bawah. Pilih atau klik Tambahkan CSS atau Add CSS. Pada kotak blanko CSS kosong yang muncul tambahkan kode berikut (copy dan pastekan) #footer-column-container { clear:both; } .footer-colu

CARA MEROBAH NAVIGASI OLDER, NEWER DAN HOME PADA BAGIAN FOOTER BLOGGER

Kalau sobat menggunakan template bawaan blogspot, coba perhatikan bagian navigasi paling bawah halaman blog, lebih kurang seperti gambar diatas. Tampak jadul dan membosankan, bkan? Mungkin ada terdapat beberapa tutorial yang sama atau bahkan berbeda, namun saya ingin memberikan cara yang sedikit kurang lebih berbeda dengan melibatkan font awsome untuk merobah tampilan bagian bawah navigasi homepage blogger anda. Tentu saja tampilan seperti ini pada akhirnya hanya menuruti imajinasi kami sendiri. Letaknya navigasi ini pada bagian bawah halaman blog dan terli Contoh sebelum: Contoh sesudah: Elemen dasarnya adalah HTML dan Awsome icon! Jadi semisal anda menggunakan tema default blogger, jangan lupa memasang kode link pemanggilnya. Terlebih dahulu masuk ke pengaturan Blogger > pilih pengaturan >  pilih Tema /Template .  Pilih editHTML , lalu kopi saja kode link awsome dibawah ini: <link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/fon

Copyright© EDITBLOGTEMA . All rights reserved.