Jika tertarik ingin mencoba, silahkan baca tutorial berikut, dan jika
tidak tertarik mencoba, dapat berkeliling di blog biasa ini.
langkah yang harus dilakukan adalah ( saya sarankan backup dulu template sobat, untuk mengurangi resiko kesalahan ) :
1. Masuk ke Template - Edit HTML
2. Centang Expand Template Widget
3. Cari kode <body>, pastekan kode berikut di bawah kode <body>
langkah yang harus dilakukan adalah ( saya sarankan backup dulu template sobat, untuk mengurangi resiko kesalahan ) :
1. Masuk ke Template - Edit HTML
2. Centang Expand Template Widget
3. Cari kode <body>, pastekan kode berikut 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/AVvXsEijoFIZc2pHHUSjs2KwPX58hpZrb-nAhGPCjsuuq_2AmuH25sHcE2rJoQE4III5M49lTjCohgW4xFbg13sbvS53fs279TDZoByvgjt5iMBkZdIz-B_23PX9sd61oGijoX4vdbVXxwJXdS4/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/AVvXsEjMeVowAcrrL1kbw055OEwd_izO7J_ZykD2suts6YnRyl6Nkn-EQTrzzksQjJthenW_PIXow5bK6mi_6BGkdJlEBwVxm758eTnT4Hm05hGxqQPWuheXT0yYUi1psu-XaI6p_tw_lo4FHoM/s1600/down.png' width='43'/></a>
4. Cari kode berikut :
<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>
5. Hapus dan Gantikan dengan kode berikut :
<b:if cond='data:newerPageUrl'>6. Terakhir, silahkan simpan template dan lihat hasilnya.
<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/AVvXsEiGI_0umwkFP7LKj4K6Ufa4qqZc4heHCiBKCfsMy18dSuWhwod2rTJgKbdOvokJtC6e9vxLVwdKKx4MYH6N1f7ZAgTAch7GMuN8z7aVKiDHRdJvus8akwrSrbZh2-hyvqFgaVh0qLRhfb0/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/AVvXsEgTjOQqXGfin3zMfWWTtG-uI1bak8V9dkSNk2ZgnBOWkESu01roT-wZ3KTidEtf0q_nIE3SZ8f8LrR5EB8enac0vQWYwSgx0bCunOpW-_-hE8e-sRqS_UxlKClrZtwzk2BwAlgwJs8vYnw/s1600/right.png' width='43'/></a>
</span>
</b:if>
NB : gambar tombol bisa diganti sesuai dengan keinginan, cukup ganti tulisan yang berwarna merah, tetapi harus sesuai dengan arah navigasinya.
Tutorial dan ide Cara Membuat Tombol Navigasi di Pojok Blog asli buatan saya sendiri, tanpa meniru karya orang lain. jadi tolong hargai karya saya dengan mencantumkan link sumber jika ingin mencopy artikel ini. http://artikelbloggers.blogspot.com/2012/11/cara-membuat-tombol-navigasi-di-pojok-blog.html
Posting Komentar - Back to Content
Luangkanlah Sedikit Waktu Sobat Untuk Memperindah Blog Ini Dengan Berkomentar,, (^_^)
PERINGATAN,,!!!
Bagi Sobat Yang ingin berkomentar, mohon sesuaikan dengan tema pada postingan, dan saya mohon untuk tidak mencantumkan link (URL) pada komentar karena akan saya anggap spam dan mohon maaf apabila saya hapus komentar Sobat,,!!!