Membuat Next Post di Blogger Klasik

Cara Membuat Next Post di Blogger Klasik (Classic Blogger)

Bagi para bloggers yang menggunakan blogger klasik template, saya mempunyai hack yang saya rasa sangat berguna untuk kemudahan visitor anda saat berkunjung. Yakni Next Post, jadi ketika visitor anda membaca sebuah posting diblog anda, mereka kalau mau membaca posting selanjutnya tinggal mengklik saja yaitu dengan menu Next Post, seperti pada blogger beta dan wordpress.

Namun bedanya, hack ini lebih canggih lagi karena langsung menampilkan judul posting bukan hanya tulisan “Next Post”. Ini dia contohnya.

Ini dia:

Caranya anda ke dashboard – > Edit Html – > yang pasti save dulu template anda, kalau-kalau terjadi kesalahan sebelum memulai.

Anda temukan ini:

<Blogger>

Biasanya dalam setiap template klasik ada tag perintah sebelum <Blogger> ada yang begini bentuknya:

<div id=”primarycontent”><div>
<Blogger>

Atau begini:

<div id=”main”>
<Blogger>

Dan bisa bentuk lain, jadi agar mudahnya tepat diatas <Blogger> anda lihat awal tag seperti ini <div id= kemudian letakan kode berikut tepat diatasnya, yaitu kode ini:

<itempage><div align=”center”>« <a href=”<$BlogURL$>”>Home</a> <BloggerPreviousItems> | <a href=”<$BlogItemPermalinkURL$>”> <$BlogPreviousItemTitle$></a> »</div><div style=”display:none”></BloggerPreviousItems></div></itempage>

Contohnya seperti ini:

<itempage><div align=”center”>« <a href=”<$BlogURL$>”>Home</a> <BloggerPreviousItems> | <a href=”<$BlogItemPermalinkURL$>”> <$BlogPreviousItemTitle$></a> »</div><div style=”display:none”></BloggerPreviousItems></div></itempage>

<div id=”main”>
<Blogger>

Lalu save template anda.

Anda bisa lihat contohnya diblog teman saya NoveeRasjid

GoOd LUck!

  • Novee

    udah lama ga ke blog pinter ini…
    maklumlah menjelang tutup thn, krj an lagi berat2nya.
    sukur banget hari ini sistem putus, nyaris ga krj sharian, iseng maen ke mari…
    halaaaah kaya yg ngerti aja apa yg saya mau!
    jd brasa kaya nemu berlian di jalan.

    NEXT! sayang nya setelah saya copas kode nya, ga ada pengarus apa2 pd blog saya… apa yg salah ya…
    apa karna diatas tulisan Blogger di blog saya bukan div id=”main” tapi div class=”content”

    ga tau deh… yg jelas saya ga pernah berhasil ngutak-atik sendiri…
    yg dulu Abi kasih pun udah saya coba in, tp nihil…!

  • Novee

    oya, kode2 di postingan sini masih nempel di html saya lho…
    blum saya hapus, karna gada pengaruh apa2 pada NEXT!
    *cek aja… msh punya PW & user saya kan… belom ganti koq*

    tp td saya mencoba menghapus div class=”content” tp yg ada postingan saya jadi berceceran kemana2… ngeri!
    hahahaaa… nasib deh! ga pernah dapat hasil walo udah dikasih kail…!

  • GIES

    wah kalo ini di blog saya sdh ada Bi, tp klo nampilin link ‘older post’ spt di bawah belum bisa..ada tips? makasi ya sblmnya..

    to Novee: ohya, pengen coba bantu novee..setelah dikopipas skripnya coba hapus semua tanda kutipnya trus ketik lagi tanda kutipnya ditempat yg sama, saya pernah spt itu..stlh saya hapus dan ketik sendiri tanda kutipnya tnyata berhasil..tp itu di saya..smoga berhasil..:)

  • Abi

    @Novee Iya Novee taruh aja di atas div= content…atau bisa ikutin cara Gies. Atau kalau ga bisa jika kirim aja kode htmlnya kesaya lewat email, di head blog ini “email me”

    @Gies, itulah masalahnya gies, saya dari coba2x tuk bikin previoust post ga tembus2x..kayaknya untuk clasic gak bisa.

  • Anonymous

    Jack @ http://curhatbebas.wordpress.com

    ini blog belajar nya untuk pengguna blogger doang ya?
    salam kenal pak, saya setuju ini blogg pinter

  • Novee

    katanya mo bales imel… mana?
    padahal udah seminggu lebih ngirim nya…
    sibuk amat, ampe lupa janji mo bantuin saya…
    *nunggu ampe jamuran mode on*

  • novee

    hahahaaa… saya baru nyadar blog saya dijadi-in model…

    ya ampun, baca koment pas di atas ini koq kesan nya judes amat yak… padahal ga kaya gitu dan gitu sambungan nya (berhasil & makasih nya) masuk ke judul laen
    huhuhuuu… kesan nya ga tau makasih amat yak
    *ma’ap… sungkem*

    Bi, mo nanya… gimana cara bikin daftar label di kolom menu *yg kanan itu lho…* udah lama pengen tp lupa bilang.

    Oya, buku tamu nya ilang yah? kenapa? pasang SB dong Bi… kenapa disini gada SB nya siy.
    Kl kompi saya lg payah, saya ga bisa isi koment, jd SB tuh bantu banget *kl imel gatau kapan Abi baca nya… hiksss*

    Saya kasih Abi piala di blog… apa Abi udah tau…? Tolong ditrima yah…

  • Abi Bakar

    iya jadi model…gpp kan? hehehe

    udah dipasangin labelnya, silahkan test deh nov.

    *btw thanks awardnya udah gw liat n komentarin!*

  • Abi Bakar

    Buku tamunya ga ilang kok, cuma karena novee pake IE jadinya ga muncul, kalau pake firefox pasti keliatan dengan judul “tukeran link yuk!”

    Iye deh nanti SB dipasangin, Insha Allah.

  • sulae "gambut"

    Akhirnya bisa juga,,hehehe makasih mas infonya, perlu waktu 2 jam lebih nih buat utak-atik kode biar pas sama selera….hehehehe
    Sukses selalu…

  • http://www.catatanseorangnia.blogspot.com niyya

    Saya udah cari tapi nya ga ketemu…

    kenapa ya :?:

  • http://www.mift4hhurrahman.blogspot.com mifta

    mas, bagaimana cara membuat menu list

    Teras
    Blogroll
    Templates
    ShoutBox
    Sumber Duit
    PageRank

    di blogger classic (bukan XML)seperti punya mas..

    saya liat rata2 tips yang ada itu pake blogger baru ya??

    • Abi Bakar

      di buat anchor linknya mas, seperti ini

      <a href=”http://namablog.blogspot.com/”>Teras</a>
      <a href=”http://namablog.blogspot.com/blogroll”>Blogroll</a>
      <a href=”http://namablog.blogspot.com/templates”>Templates</a>

      Begitu seterusnya

  • http://thessyzipora.blogspot.com Jeni

    Salam kenal semua,
    Baru belajar bikin blog.Cuma mau tanya Abi,di blog saya Edit HTML kok tidak ada tulisan Blogger ya?Apa karena bukan classic?Makasih sebelumnya.

  • Iren

    Hi, mau tanya dunk. Aku pake blog skin ini: http://www.blogskins.com/info/345610
    Tapi gak ada menu home, older post, newer post-nya O_O

    Bingung nempatin coding ini:
    « <a href=””>Home | <a href=””> »

    tulisan sih ada tapi gak ada.
    Adanya cuma begini dowang:

    ,
    <a href="”>

    TOP^

    O_O tolong dong :D

    • http://abibakarblog.com Abi Bakar

      Kurang tahu juga mas :)

  • gustav

    wah, menarik sekali mas artikel nya..

  • http://cardiacku.blogspot.com/ cardiacku

    Terima kasih sobat atas berbagi ilmunya nih sob