Mengganti Posting Lama dan Posting Baru Menjadi Judul
Mengganti posting lama dan posting lebih baru dengan judul. Mungkin Anda sering melihat sebuah blog yang menampilkan posting lama dan posting lebih baru dengan judul postingan. Hal ini dilakukan untuk memudahkan pengunjung melihat postingan sebelumnya, atau sesudahnya.

Bagi Anda yang ingin merubah teks posting lama dan posting lebih baru, hanya memerlukan dua langkah mudah saja. Sebagai contoh, lihat gambar dibawah ini :

Atau masih bingung dengan cara merubah posting lama dan posting lebih baru menjadi judul postingan? silahkan share di kolom komentar.

Bagi Anda yang ingin merubah teks posting lama dan posting lebih baru, hanya memerlukan dua langkah mudah saja. Sebagai contoh, lihat gambar dibawah ini :

Menambahkan Kode jQuery
Hal ini tidak perlu dilakukan, apabila dalam template Anda sudah ada kode jQuery, bagi yang belum ada, silahkan pasang kode jQuery di bawah ini setelah kode </head> kemudian simpan template.<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Menambahkan Kode di Widget HTML/JavaScript
Tambahkan kode ini pada widget HTML/JavaScript<style type="text/css"> .home-link{display:none} #blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;} #blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;} </style> <script type="text/javascript"> $(document).ready(function(){ var olderLink = $("a.blog-pager-older-link").attr("href"); $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { var olderLinkTitle = $("a.blog-pager-older-link").text(); $("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt }); var newerLink = $("a.blog-pager-newer-link").attr("href"); $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { var newerLinkTitle = $("a.blog-pager-newer-link:first").text(); $("a.blog-pager-newer-link").text("\u2190" + newerLinkTitle); }); }); </script>
Kostumisasi
Untuk kostumisasi atau penyesuaian dengan blog Anda, silahkan edit beberapa kode di atas, diantaranya :- font-size:12px (untuk merubah ukuran huruf, ganti 12px sesuai keinginan)
- width:200px (lebar dari judul yang ditampilkan, ganti 200px sesuai keinginan)
- font-family:Arial, sans-serif (ganti sesuka anda, misal Georgia, Trebuchet MS, Verdana, dll)
Atau masih bingung dengan cara merubah posting lama dan posting lebih baru menjadi judul postingan? silahkan share di kolom komentar.
34 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
baru mau coba :D
tapi gimna ya klo diletakkan di bawah postingan., bukan dibawah komentar..
mungkin bisa dijelasin sedikit.. hehe:)
saya masih suka coba tampilan blog saya, makasi sudah berbagi informasi.
baru sadar ternyata template aku gak ada newer / older postnya ^_^
gimana cara masang manual newer / older pstnya mas ??
mkasih
sudah siap2 edit HTML, ternyata dimasukin ke widget ya,,
Digabung dengan widget lain, bisa kan kang :)
apakah nantinya judul yang tmpil cuma 2 postingan aja? atau bisa judul postingan yang lain?
sebenarnya ini jg mau tak praktekin tp gk tau caranya alias blm nemu tutorialnya :D
sebelumnya sempet bingung sih dgn judulnya, kirain ngedit posting lama trus ganti judulnya, eh ternyata ini.. setelah baca jd paham :) terdapat di bawah postingan/komentar biasanya, kalo di homepage itu pagenavigation, kalo di blog saya itu dah bawaan template sih,
Kalau bingung sama judulnya, saya juga bingung pas ngasih judul :)
smoga bermanfaat sob
coba lihat homepage blog saya tetep pake pagenavigation
Makasih tips bagusnya kang...selamat berpuasa kang. :)