Monday, 13 January 2020

Cara membuat navigasi menu di footer blog blogspot

Tutorial Blogging - Cara Membuat Navigasi Menu pada blog Blogspot

Sebuah Navigasi Menu dalam sebuah situs website atau blog memang menjadi poin yg sangat penting, karena dengan membuat navigasi memudahkan pengunjung blog engkau , tapi template pada baris footer atau halaman paling bawah tidak relatif ruang seperti template yang saya pakai yg misalnya ini.
cara membuat navigasi menu footer blog blogspot
Sumber Gambar : Tangkap Layar Template eksklusif
Jika kamu menambahkan gadget buat menampilkan Daftar Link, itu sama saja buruk, lantaran tampilan akan berada drop down ke bawah bukan kesamping bukan?

Langsung saja ya sobat, tidak usah berlama-usang lagi

Inilah cara menciptakan navigasi sajian di footer blog Blogspot manual menggunakan memakai kode html

1. Pergi ke dashboard blog sobat
2. Setelah itu, pergi ke "Tema" lalu sobat pilih "Edit Html"
3. Seperti contoh dibawah
cara membuat navigasi menu di blog manual
4. Setelah menentukan "EDIT HTML", selanjutnya sobat cari kode ]]>
lima. Tempatkan kode dibawah sempurna diatas kode ]]>
.Ct-wrapper-footer position: relative;margin: 0 auto;width: 100%;.Footer-nav position: relative;width: 100%;z-index: 1000;overflow: hidden;background:#f0f0f0;.Footer-nav ul margin: 0 auto;padding: 1em 0;text-align: center;width: 100%;.Footer-nav li list-style-type: none; display: inline-block; padding: 0; .Footer-nav li a color: #333; display: inline-block; font-style: normal !Important; margin: 0 0 0 1em; padding: 0; text-decoration: none; .Footer-nav li a:after content: "2022"; display: inline-block; margin: 0 0 0 1em; color: #777; .Footer-nav li:last-child a:after display: none; .Footer-nav ul li a:hover, .Footer-nav ul li a:active text-decoration: none; color: #0D78A5;
6. Lihat misalnya contoh dibawah
cara membuat navigasi menu footer manual
Sumber Gambar: Tangkap Layar Edit Html
7. Setelah itu, selanjutnya pasang kode Navigasi Menu Footer pada bawah kode footer pada blog sobat, contohnya dibawah kode
#Catatan: Ganti simbol (#) diatas dengan alamat url pada blog sobat.
7. Setelah itu, kemudian klik "Simpan Tema"
langkah membuat navigasi menu footer
Sumber Gambar : Tangkap Layar Edit Html
Lihatlah hasilnya dalam blog sobat, mudah bukan? Sekian dulu, pembahasan kita soal cara membuat navigasi hidangan di blog Blogspot. Semoga berguna.

Cara membuat Navigation Bar pada blogger widget + HTML

Cara Membuat Menu Navigasi di Themes Superfast - Tutorial Blog

Tutorial Bootstrap Bagian 4 : Membuat Navigation Bar (NAVBAR)

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara membuat navigasi menu di footer blog blogspot

0 komentar:

Post a Comment

Silahkan berkomentar dengan catatan jangan sampe komentar kamu mengandung SPAM - Terima kasih