Untuk postingan kali ini saya akan menjelaskan setingan supaya navbar kita memiliki fungsi ganda agar tampil lebih menarik yaitu elemen baru dengan posisi masing-masing diatas dan bawah navbar. Dengan begini terdapat ruang yang lebih banyak untuk memasang banner, gambar maupun iklan teks. Baiklah langsung saja menuju TKP.
. Masuk ke account blogger dan klik layout
. Kemudian klik edit html dan centang expand template widget
. Gunakan fungsi CTRLl+F agar pencarian data lebih cepat
. Temukan kode berikut ]]></b:skin>
Bila sudah ketemu sisipkan kode ini tepat diatas kode tadi
#gadget_header{
margin:10px 0;
padding:1%;
width:98%;}
Selanjutnya cari kode <body> dan letakkan kode berikut diatasnya
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
Silahkan klik preview dahulu untuk mengecek error code jika berhasil langsung simpan template. Hasilnya akan tampak seperti gambar dibawah
Sementara untuk menambah elemen dibawah navbar caranya sama seperti sebelumnya hanya yang membedakan adalah pelelatakan kode ini di tempatkan dibawah <body>
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
Saya kira hanya itu yang dapat saya share buat rekan-rekan semua bila ada info lain jangan lupa beri komennya. Terima Kasih
. Masuk ke account blogger dan klik layout
. Kemudian klik edit html dan centang expand template widget
. Gunakan fungsi CTRLl+F agar pencarian data lebih cepat
. Temukan kode berikut ]]></b:skin>
Bila sudah ketemu sisipkan kode ini tepat diatas kode tadi
#gadget_header{
margin:10px 0;
padding:1%;
width:98%;}
Selanjutnya cari kode <body> dan letakkan kode berikut diatasnya
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
Silahkan klik preview dahulu untuk mengecek error code jika berhasil langsung simpan template. Hasilnya akan tampak seperti gambar dibawah
Sementara untuk menambah elemen dibawah navbar caranya sama seperti sebelumnya hanya yang membedakan adalah pelelatakan kode ini di tempatkan dibawah <body>
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
Saya kira hanya itu yang dapat saya share buat rekan-rekan semua bila ada info lain jangan lupa beri komennya. Terima Kasih
Comments :
Post a Comment