Cara membuat Tombol navigasi pada blog , Membuat tombol navigasi pada blog kalau menurut saya adalah sebuah keharusan kenapa harus membuat tombol navigasi pada blog di antara kegunaanya adalah :
1.untuk memudahkan diri kita sendiri dan bagi para pengunjung blog untuk berpindah-pindah menu halaman ataupun daftar artikel
2.untuk mendaftar jasa periklanan semisal Syarat mendaftar ke Google AdSense atau jasa periklanan PPC lainya juga memberikan syarat sebuah blog harus di lengkapi dengan tombol-tombol navigasi
saya kira penjelasan saya tentang Tombol navigasi di blog sudah cukup jika masih ingin ditanyakan silahkan berkomentar saja , dan untuk cara pembuatan tombol navigasi nya silahkan simak langkah-langkahnya di bawah ini :
1.buka blog anda dan kedashboard blog
2.pilih template dan klik edit html
3.lalu cari kode <body> ( letaknya di tengah di bawah </head>
4.selanjutnya copi kode di bawah ini dan pastekan di bawah kode <body>
<a href='#top' style='display:scroll;position: fixed; bottom:45px;right:42px;' title='Ke Atas'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCX3V8Udrc-GO906xku0jjq25yxc10lXyJJZF1rRfR5uhY956J3j2Wm5_8aG-lmm0mkoEkns_PFaQacy0sXa_RgpeRDcVqaaip1xdWT8ByxI853hqiIji2TQQE-uSJTbkrAqdHsU6T-A/s1600/up.png' width='43'/></a>
<a href='#footer' style='display:scroll;position: fixed; bottom:5px;right:42px;' title='Ke Bawah'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jjYLuw5c_x89uU_7rudH1PG0dS5k_BXUvj-o-AhZm5cHqKL_ZGR251vbt_zq5njjykpQ5EsnH1II7G3xXx1tznJa_PMUxBu-DOAEfIcGc0KDjGqchyBe_tvm13Dm1frw3lt1vp8LB2M/s1600/down.png' width='43'/></a>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4uWn7JOUaHKhmqCbIPGG1pvfwbk0avClZ5242LWbLTZTBexw6tEX2MliY_Yv1PsnqU0bRvGb68wfAZkuZSMorq0VI0dTKS6eBY0oiKCANgovz-UIZk8qqKMw1a0a7AHeJVwxG0gKomjY/s1600/left.png' width='43'/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjneQ5W06zMCOpgfGQtN4y-MYLBkVtcmGG3IQvuNbUuKp3UE8lGtLHOVfdcOgTqaxN3lpwhQhe4rE_yXjWryyCSYdyhqWLjouAWYNn92T0wdPgoLcy5Ky5xQp-RrpUz6j0Z0f2D3-61QEI/s1600/right.png' width='43'/></a>
</span>
</b:if>
1.untuk memudahkan diri kita sendiri dan bagi para pengunjung blog untuk berpindah-pindah menu halaman ataupun daftar artikel
2.untuk mendaftar jasa periklanan semisal Syarat mendaftar ke Google AdSense atau jasa periklanan PPC lainya juga memberikan syarat sebuah blog harus di lengkapi dengan tombol-tombol navigasi
saya hanya memberikan 2 contoh fungsi tombol navigasi di blog dari diantara fungsi-fungsi yang lainya.
dan tombol navigasi yang ingin saya berikan di sini adalah sebagai berikut
- Tombol navigasi next post , next page , previous post , previous page , Back to top , Bottom
Untuk lebih jelasnya silahkan lihat gambar di bawah ini
saya kira penjelasan saya tentang Tombol navigasi di blog sudah cukup jika masih ingin ditanyakan silahkan berkomentar saja , dan untuk cara pembuatan tombol navigasi nya silahkan simak langkah-langkahnya di bawah ini :
1.buka blog anda dan kedashboard blog
2.pilih template dan klik edit html
3.lalu cari kode <body> ( letaknya di tengah di bawah </head>
4.selanjutnya copi kode di bawah ini dan pastekan di bawah kode <body>
<a href='#top' style='display:scroll;position: fixed; bottom:45px;right:42px;' title='Ke Atas'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCX3V8Udrc-GO906xku0jjq25yxc10lXyJJZF1rRfR5uhY956J3j2Wm5_8aG-lmm0mkoEkns_PFaQacy0sXa_RgpeRDcVqaaip1xdWT8ByxI853hqiIji2TQQE-uSJTbkrAqdHsU6T-A/s1600/up.png' width='43'/></a>
<a href='#footer' style='display:scroll;position: fixed; bottom:5px;right:42px;' title='Ke Bawah'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jjYLuw5c_x89uU_7rudH1PG0dS5k_BXUvj-o-AhZm5cHqKL_ZGR251vbt_zq5njjykpQ5EsnH1II7G3xXx1tznJa_PMUxBu-DOAEfIcGc0KDjGqchyBe_tvm13Dm1frw3lt1vp8LB2M/s1600/down.png' width='43'/></a>
5.selanjutnya cari lagi kode di dalam html template anda kode seperti di bawah ini
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
6.selanjutnya kode di atas hapus saja dan gantikan dengan kode yang di bawah ini
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4uWn7JOUaHKhmqCbIPGG1pvfwbk0avClZ5242LWbLTZTBexw6tEX2MliY_Yv1PsnqU0bRvGb68wfAZkuZSMorq0VI0dTKS6eBY0oiKCANgovz-UIZk8qqKMw1a0a7AHeJVwxG0gKomjY/s1600/left.png' width='43'/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjneQ5W06zMCOpgfGQtN4y-MYLBkVtcmGG3IQvuNbUuKp3UE8lGtLHOVfdcOgTqaxN3lpwhQhe4rE_yXjWryyCSYdyhqWLjouAWYNn92T0wdPgoLcy5Ky5xQp-RrpUz6j0Z0f2D3-61QEI/s1600/right.png' width='43'/></a>
</span>
</b:if>
7.lalu untuk menghindari kesalahan penempatan kodenya klik Pratinjau dulu , setelah tidak ada masalah pada kode html baru simpan template nya
8. selesai...
sampai disini panduan Blogger tentang cara membuat tombol navigasi di blog , jika masih kesulitan silahkan berkomentar saja nanti saya akan pandu sampai berhasil , Terimakasih
No comments:
Post a Comment