Membuat Artikel Terbaru Dengan Navigasi Angka


Membuat artikel terbaru dengan tombol navigasi angka dibawahnya. Sehingga bila pengunjung ingin menampilkan lebih banyak artikel yang lebih lama, sanggup dengan menentukan angka yang sudah tertera.

Dengan begitu, banyak laba yang didapat, salah satunya artikel terbaru mempunyai kemungkinan besar untuk dilihat dan artikel usang tetap sanggup terjangkau oleh pembaca blog kita.

Langsung saja, pertama login lalu lakukan pengeditan dengan edit html. Pilih penempatan dibagian bawah posting, mau dibawah artikel terkait atau bawahnya lagi, tidak masalah. Yang terpenting masih sanggup terjangkau oleh pandangan pembaca. Biasanya, lebih pas bila diletakan sempurna di bawah arahan <data:post.body/>.

Untuk kodenya sanggup dilihat dibawah ini. Copy lalu paste pada bab yang diinginkan, dibawah arahan <data:post.body/> misalnya. Jika sudah, simpan dan lihat hasilnya. Jika sudah, selamat menikmati pageview yang lebih banyak dari sebelumnya.

<div style='border-top: 1px solid rgb(187, 187, 187);border-bottom: 1px solid rgb(187, 187, 187);padding: 10px 0px;margin: 10px 0px;font: 20px/20px georgia;'>
<b style='color:#cc0000'>Terbaru</b>
</div>
<style type='text/css'>
.iteminside,.itemfoot, #totalposts, a.prevjson, a.nextjson {display:none !important;}
</style>
<style type='text/css'>
#toc-outer{width:100%}
#loadingscript{background:#F6EFBB url('http://reader-download.googlecode.com/files/ajax-loader.gif') no-repeat 50% 46%;font:bold 20px Georgia,Serif;color:#000;height:400px;text-indent:-9999px;-webkit-box-shadow:inset 0 0 0 5px #EAE0AD;-moz-box-shadow:inset 0 0 0 5px #EAE0AD;box-shadow:inset 0 0 0 5px #EAE0AD;padding:10px}
.itemposts h6{border:1px solid #b8b8b8;font:15px/20px Georgia;font-weight:bold;margin:0 auto 10px;padding:5px 10px}
.itemposts h6 a{color:#001b2f;}
.itemposts img{float:left;height:72px;width:72px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#fafafa;border:1px solid #dcdcdc;margin:2px 10px 2px 0;padding:4px}
.itemposts {}
.itemposts .itemrmore{font-weight:700;color:#895F30;float:right;text-decoration:none}
.itemposts .itemrmore:hover{color:#9BB009;text-decoration:underline}
#itempager{border-top:1px solid #E5E5E5;-webkit-box-shadow:inset 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 0 #FFF;box-shadow:inset 0 1px 0 #FFF;border:1px solid #b8b8b8;padding:5px 0}
#pagination,#totalposts{color:#999;font:20px Arial;text-align:center;padding:0}
#pagination span,#pagination a{color: #fff;background-color: #006400;margin: 0px 2px;padding: 0px 10px;}
#pagination span.actual,#pagination a:hover{background-color:#cc0000}
#pagination span.hidden{display:none}
</style>
<script type='text/javascript'>
var showPostDate = false,showComments= false,idMode= false,sortByLabel= false,labelSorter= "JQuery",loadingText= "Loading...",totalPostLabel = "Jumlah posting:",jumpPageLabel= "Halaman",commentsLabel= "Komentar",rmoreText= "Selengkapnya &#9658;",prevText= "Sebelumnya",nextText= "Berikutnya",siteUrl= "http://www.madjongke.com",postsperpage= 10,numchars= 370,imgBlank= "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg";
</script>
<script src='http://junkie.googlecode.com/files/madjongke-terbaru-next-prev.js' type='text/javascript'></script>

Untuk arahan yang berwarna biru, sanggup diubahsuaikan dengan jumplah post yang ingin ditampilkan. Untuk yang berwarna merah silahkan diganti dengan url blog kamu. Sebagai CONTOH, sanggup dilihat pada bab bawah artikel ini.

Terbaru



Comments

Post a Comment

Popular posts from this blog

Cara Menciptakan Artikel Terkait Yang Ringan

Image
Membuat artikel terkait untuk blogspot. Membuatnya untuk memudahkan pembaca menemukan artikel terkait yang mungkin diharapkan atau menarik bagi mereka. Dengan begitu, total penayangan pada blog juga akan semakin meningkat. Dan itu sedikit kuat pada posisi di SE. Artikel terkait sebelumnya sudah madjongke berikan. Artikel terkait beserta gambar. Hampir seolah-olah dengan linkwithin, Jika ingin tau dapat dilihat pada bab bawah blog ini. Dan caranya dapat dilihat pada halaman lain dengan judul Cara Membuat Artikel Terkait Dengan Gambar . Jika tetap berminat dengan artikel terkait yang lebih ringan dan sederhana, berikut cara menciptakan artikel terkait ringan dan sederhana. Pertama masuk ke blogger, login dan masuk ke hidangan template > Edit html. Tentu untuk ini sudah tahu. Setelah itu, copy arahan dibawah ini. <style type='text/css'> #related-posts{float:left;width:100%;} #related-posts h4{font:20px Oswald;color:#cc0000;text-transform:none;margin:0 0 10px;p...
Read more

Taktik Untuk Memulai Pembicaraan Dengan Laki-Laki Cuek

Image
Perasaan ragu perempuan ketika bertemu dan berhadapan dengan Pria cuek. Ingin memulai terlebih dulu tetapi ada beberapa perasaan yang mencegah untuk melaksanakan hal itu. Tapi bila tidak, Pria masbodoh juga jarang yang memulai terlebih dahulu. Dan akhirnya, suasana kaku menjadi sebuah hal yang menyebalkan. Akan selalu begitu, Pria masbodoh dan pendiam tidak akan pernah memperhatikan atau hal sejenis. Karena kita tahu, Dia laki-laki cuek. Dari itu semua, madjongke.com mempunyai beberapa strategi untuk dapat memulai pembicaraan dengan Pria cuek. Tetap pantas dan tidak akan menciptakan perempuan merasa malu. Apapun posisinya dapat disesuaikan. Berikut, strategi memulai pembicaraan dengan Pria masbodoh untuk wanita. Perhatikan diam-diam Perhatikan belakang layar semua hal yang ada pada dirinya. Cari tahu sesuatu yang tampaknya dapat beliau jelaskan. Dan tentu saja, kau juga tahu hal itu sedikit. Misalnya saja Handphone yang beliau miliki atau hal lain. Sapa dengan senyum Sapalah d...
Read more