Minggu, 16 Oktober 2011

Cara Agar DI Bawah Posting Ada Next 1,2,3,4,5 Previous

Selamat Sore semuanya, , nah yang satu ini juga akan membahas cara membuat Previous dan Next dibawah Halaman Post kamu. Sebelum membuat ini,  berharap agar kamu semua mendownload back up template-Nya dulu biar kalau rusak kan masih ada back –up nya. Nah yuk mari coretan rizal tuntun cara-caranya:

1. Kamu Login ke Blog kamu,
2. Terus kamu klik Dashboard,
3. Setelah itu kamu klik lagi itu deh Layout dan Edit Html,

4. Tolong jangan di Conteng kota kecil yang disebelah ‘Expand Widget Templates’
5. Sudah itu cari kode yang begini ]]></b:skin>
biar mudah kamu tekan ctrl + f itu sangat membantu pencarian
 ]]></b:skin>
Terus Letakkan Di atas kode-Nya dan dengan kode di bawah ini
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>
Contoh Sudah jadi Di atas :

Nah kalau sudah kamu cari lagi kode </body> ini
</body>
Terus Letakkan Diatas kode-Nya dan dengan kode di bawah ini
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>

Terus Jangan Lupa Save Setelah itu Lihat Blog anda…

var pageCount=5;
ini untuk menampilkan jumlah posting, dan bisa kamu rubah sesuka hati kamu

var displayPageNum=5;
ini untuk menampilkan jumlah angka, dan bisa kamu rubah sesuka hati kamu

var upPageWord ='Previous'; dan var downPageWord ='Next';
kode yang diatas atalah teks yang akan tampil pada halaman Previous dan Next



Contoh Gambar Jika Berhasil :
 Attention :
  • Lihat Tulisan-Tulisan Yang Telah Di Beri Warna Merah Itu Penting
  • Jangan Lupa Follow BLogku yahh 
  • Jangan Salah Meletakkan Kode2 Tersebut Karna Itu Bisa Terjadi Kesalahan Pada Blog Kamu Oke,.

Created By : Asand Cheater Lagoa 



Masih Ada Tips Trik Yang Lain Nih Check It Out :

Tidak ada komentar:

Posting Komentar

Asand Cheater Lagoa