HOME | ABOUT ME | DAFTAR ISI | welcome to happydesug.blogspot.com

Jumat, 21 Mei 2010

Meletakan Menu Navigasi Diatas Kolom Posting

Menu navigasi pada template minima, yang terdiri dari link ke beranda (home) dan link ke posting lama dan baru, biasa nya berada pada bagian bawah dari kolom posting. Untuk meletakan link/menu navigasi tersebut berada diatas kolom posting, caranya adalah sebagai berikut:

Login ke Blogspot –> Tata Letak –> Edit HTML

Beri tanda cek pada Expand Template Widget

Lalu cari baris kode Navigation, dan kopi baris kode dibawahnya ( <b:include name='nextprev'/> )

Lalu cari baris kode berikut 'data:post.dateHeader'. Baris kode selengkapnya adalah seperti berikut:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

Sisipkan baris kode <b:include name='nextprev'/> dibawah baris kode 'data:post.dateHeader'  sehingga baris kodenya menjadi seperti berikut:
<b:if cond='data:post.dateHeader'>
<b:include name='nextprev'/>

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

Simpan template. Sekarang diatas kolom posting sudah ada link menu navigasi.

Jika menu navigasi yang baru dibuat ini hanya ingin ditampilkan jika halaman posting dibuka sepenuhnya saja, maka baris kodenya adalah seperti berikut:
<b:if cond='data:post.dateHeader'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>

</b:if>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

Catatan:
- Menu navigasi akan muncul diatas tanggal posting. Jadi jika ada 2 atau lebih tanggal posting yang berbeda pada halaman beranda (home), maka setiap tanggal yang berbeda itu akan mempunyai menu navigasi masing-masing seperti terlihat pada gambar 2. Menu navigasi yang berada paling bawah adalah tampilan menu navigasi default dari template minima. 
- Jika ingin menu navigasinya berada persisi dibawah posting, letakan kodenya dibawah baris kode <data:post.body/>
- Untuk memudahkan pencarian baris kode, gunakan 'kotak pencari', tekan Ctrl +  F, lalu ketikan baris kode yang dicari dan tekan enter. Browser yang digunakan disini adalah Internet Explorer (IE). Untuk browser lain, 'kotak pencari' letaknya sedikit berbeda

navigation code
Gb 1. Tampilan menu Edit HTML dan ‘kotak pencari’ pada bwoser IE.

menu navigasi
Gb 2. Tampilan menu navigasi pada blog

Posting Dengan Kategori Sama



0 komentar:

Posting Komentar

Related Posts with Thumbnails