Membuat Navigasi Top Of Page dan Top Of Post Pada Blog

Ada dua fungsi dari navigasi tersebut diantaranya kembali ke atas halaman penuh suatu template (top of page) dan kembali ke atas hanya pada halaman postingan saja (top of post).sebelum anda meng-edit code HTML ada baiknya anda backup terlebih dahulu dengan men-Save code HTML anda.

pertama masuk ke Tab Layout -> Edit HTML -> Pastikan Expand Widget di check

lalu anda cari code berikut <b:includable id='post' var='post'>

lalu perhatikan code berikut, apakah persis dengan code yang diatas ?

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>


kalau sudah sesuai maka tambahkan code berikut ini expr:id='"post-" + data:post.id'

sehingga tampilan code akan seperti ini :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' expr:id='"post-" + data:post.id' >
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>


setelah itu lalu anda cari code seperti dibawah ini:
<div class='post-footer-line post-footer-line-2'>

lalu letakan code berikut ini diatas persis dibawah code tadi

<a href='javascript:scroll(0,0)' title='Kembali ke atas halaman'>Kembali ke atas halaman</a> |
<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Kembali ke atas postingan'>Kembali ke atas postingan</a><div style='clear:both'/>


lalu Save Template anda tadi.

0 komentar:

Posting Komentar

Thanks For you comments