Partners


Avenged Sevenfold - Demons

Avenged sevenfold - Demons

Powered by mp3skull.com

Cara Membuat Tombol Navigasi di Pojok Blog

Cara Membuat Tombol Navigasi di Pojok Blog
Cara Membuat Tombol Navigasi di Pojok Blog -  Mungkin masih banyak yang belum memahami maksud dari Judul Posting kali ini, maksudnya adalah sebuah tombol navigasi yang berisi tombol Back to Top, Go to Bottom, Next Post / Next page, Previous Post / Previous Page, untuk link yang dituju di atur otomatis, dan jika ingin melihat langsung ( live demo ) silahkan lihat di kanan bawah blog ini ( jika masih tersedia ) atau bisa melihat screenshot berikut.

Cara Membuat Tombol Navigasi di Pojok Blog
 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>
<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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

5. Hapus dan Gantikan dengan 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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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>
6. Terakhir, silahkan simpan template dan lihat hasilnya.
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,,!!!