Posted by : Stiker Jalingkut


Asalamualaikum sobat semuah semoga hari ini lebih baik dari hari yang kemarin Amin pada kesempatan kali ini kami mau posting Cara Membuat Next Page Di atas Atau dibawa
yang sering kita lihat biasanya Previous Home Next tapi itupun
masih biasa masih di bawah postingan tapi kali ini kami mau berbagi sedikit Ttoria
Cara Membuat Previous Next di Atas dan di Bawh

Nah buat sobat yang mau pasang silakan ikuti Langkah-Langkah dibawah
Seperti biasa genk
Hal pertama yang perlu Anda lakukan adalah pergi ke Blogger >> situs Anda >> Template >> Edit HTML. Sekarang dalam baru Blogger HTML Editor mencari]]> </ b: skin> tag dan di atasnya paste CSS coding berikut. (Quick Tip: Jika Anda tidak dapat menemukan tag kulit, maka pertama klik di mana saja pada Editor HTML dan Tekan CTRL + F untuk mengoperasikan dibangun pada pilihan pencarian terhubung ke Editor HTML).

Code Css di Bawah Mas di buat  menepatkan posisi di Atas



Kalu langkah di atas sudah sobat cari Kode yang sama dengan di bawah ini

Dengan patokan <b:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>
    <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>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

Ganti <data:newerPageTitle/>, <data:olderPageTitle/> dan <data:homeMsg/> dengan teks seperti Link Baru, Link Lama dan Home Page, selain berupa text biasa, bisa juga menggunakan text (karakter) berupa Icon Simbol HTML, sehingga menjadi seperti Kode di bawah ini mas:

<div class='blog-pager' id='blog-pager'>
    <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'>&#9668;</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'>&#9658;</a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'>Selladrt Uwedan Tenan</a>
</div>

 Kalu sobat mau posisi di bawah gunakan Kode di bawah ini genk


 Bisa lihat disini mas brooooo;;

Demo Disini Mas

Buat Posisi di Atas Kami Gunakan Di sini mas
Sekian dulu dari kami semoga bermanfaat buat sobat semuah yang membutuhkannya



{ 30 comentários... read them below or Comment }

  1. Ini versi page number ya.??

    lebih simple dan keren :D

    Jangan Lupa Koment back ya Min...

    BalasHapus
  2. met sore kangmasbroo datang untuk membabat tutorialnya,sekalian melempar balik kopinya,mungpung masih anget juga,semoga sobat menerimanya.hahahayyyyyyyyyyy

    BalasHapus
  3. biasa ah absen, sambil bawa kopi nih mas, makasih scriptnya

    BalasHapus
  4. wah iya nih sob, kelihatan keren kalau pake numberpage.

    oya saya juga mau lempar kopi balik ke adminnya nih... enak aja, tadi saya lagi duduk2 di lempar ma kopi.. hmmm gagakkagakagak

    BalasHapus
  5. Biasa bang tamu ga diundang kembali berkunjung.
    Ngomong-ngomong keren nih hasil utak-atik abang admin..

    BalasHapus
  6. manteepp nih kang , lebih simple kayaknya ..
    ngopii dulu kang ayookk :)

    BalasHapus
  7. Wah sobat satu ini jago banget deh utak atik scriptnya. Nyimak terus sob..
    Terima kasih antaran kopinya, mau nambah lagi ya..:)

    BalasHapus
  8. disayah lagi error buka blogspot, jadi kagak bisa lihat demo?
    aduh aduh, keknya keren punya nih :)

    BalasHapus
  9. keren sobat ... jago bgt emng bih mas BL, kopinya mas ...

    BalasHapus
  10. langsung amankan lagi hehehehe thanks ya

    BalasHapus
  11. selamat malem mas.. jalan... mampir sambil nonton On The Sport,
    hehehe... mampir nih..... thanks mas...

    BalasHapus
  12. Mau numpang ngopi disini sob,,, :D

    BalasHapus
  13. malam sahabat, dingin nih...

    BalasHapus
  14. Malam sob, waw mantap Previous Next nya diatas dan dibawah kalo didepan ama dibelakang ada ngak sob?

    BalasHapus
  15. terimakasih sobat sudah berbagi ilmu, namun saya kok lebih senang memperhatikan tampilan blog di sini, bermain-main dengan judul postingan, saat terkena mouse seketika berubah tampilannya, ada juga yang seperti memakai gelombang...keren..apalagi foto sobatku di atas motor di tepi pantai ....luarbiasa :-)

    BalasHapus
  16. numpang ngopi dan nyimak tutorial nya keren aja disini deh

    BalasHapus
  17. mas knapa punya saya kok nggak bisa kotak2 yah, cuman angka2 nya aja ... mhon pencerahannya sob ;)

    BalasHapus
  18. ok juga tu, tapi KY masih tak pandai guna html baru tu

    BalasHapus
  19. Cara mmbuat kopi 7 rasa gmn jeng

    BalasHapus
  20. Kalau saya sob lebih kepada pakai navigasi halaman yang bernomor gitu :)

    BalasHapus
  21. Bungkus dulu ya mas!kapan2 bisa d coba.trimakasih!kopi nya d minum dulu hhe..

    BalasHapus
  22. mantap mas , ijin follow yah ... folbek ditunggu :D

    BalasHapus
  23. kunjungan malam sobat.. hahahahahhaa

    BalasHapus
  24. Setelah liat demonya, memang tampil unik dan beda.

    BalasHapus
  25. Kunjungan sore, mau ngajak ngopi hehehe)

    BalasHapus
  26. andai aku bisa utak utik seperti kamu , pasti cantik ya blogku, sayang tinggal niru aja aku masih mumet hehe

    keren deck pokoknya

    BalasHapus
  27. absen pagi bang....
    banyak yang jualan nih...
    maaf buburnya kelupaan...

    BalasHapus

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -