Menambahkan Nomor Halaman di Bawah Postingan
Haii...blogger!! Saya punya sedikit tips untuk menambahkan nomor halaman di bawah postingan. Maksudnya apa ya?? itu lho yang kaya di buku-buku atau majalah yang memiliki nomor halaman. Di blog juga bisa bikin nomor halaman kaya buku-buku lainnya. Untuk Anda yang mau tau caranya lanjutin aja bacanya sampai selesai. Walaupun tipsnya sederhana semoga bisa berguna buat para Blogger. Xixixiiiii....... ;-)
Berikut cara-caranya :
Berikut cara-caranya :
- Login ke Blogger Anda.
- Pilih Tata Letak dan klik Tambah Gadget.
- Pilih HTML/java script.
- Kemudian Copas kode di bawah ini.
<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #fff;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #fff;
color: #fff;
background-color: #333;
}
.showpageNum a {border: 1px solid #505050;
color: #666;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #fff;
background-color: #333;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #000000;
background-color: #ffffff;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #ffffff;
background-color: #333;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #fffff;
color: #ffffff;
background-color: #333333;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #ffffff;
background-color: #333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=2;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
- Kalo Udah di Save dan lihat hasilnya.
Postingan Baru :
By : Bang Udin
Baca juga artikel ini :
cara cepat pencarian di secroll ini CTRL + F ketikan yang ingin anda cari :
Postingan Baru Tentang Blogspot :
Tentang Informasi
- Cara Memasang Widget Followers di Pojok Blog
- Cara Menampilkan Postingan Terbaru
- Cara menampilkan halaman lain di blog (Tab Documen...
- Membuat Gambar Melayang di Pojok (Lebih dari Satu)...
- Cara membuat gambar melayang di blog
- Cara Membuat Textarea
- Cara membuat Judul Blog Bergerak Ke Kanan dan Kiri...
- Cara Membuat Jendela Browser Bergerak
- Scrool Otomatis Ke Atas
- Cara Membuat Scrool Otomatis Ke Atas
- Cara Membuat Kotak Terpisah Pada Blog
- Cara Membuat Gadget Terapung
- Cara Membuat Floating Widget
- Cara Mengganti icon
- Cara Membuat Kata Penutup di Blog
- Cara Membuat Kata Mengikuti Mouse Di Blog
- Link Membesar dan Berpijar
- Cara membuat link membesar dan berpijar
- Cara Membuat Gambar Berputar Di Blog
- Cara Membuat Page peel Effect
- Cara Membuat Halaman Melipat
- Membuat Iklan Melayang
- Cara Menghilangkan Underline Link Blogger Blogspot...
- Cara Membuat Link Dalam Blog Warna-Warni ( Rainbo...
- Pesanan Show/hide Di Blog
- Cara Buat Title Header Bergerak
- Cara Memasang Form Login Akaun
- Letak Background Di Kotak Komen
- Scroll Box untuk Widget
- Jadikan Cursor Anda Berkilauan (sparkle)
- Menambah Jumlah Gadget Yang Di Batasi
- Memasang Widget Sms Gratis
- Membuat Buku Tamu Tersembunyi Di Samping Kiri Kana...
- Kumpulan Animasi 3
- Kumpulan Animasi 2
- Kumpulan Animasi
- Membuat Text berkedip-kedip dan Text berjalan
- Bagaimana Memasang Custom Cursor Pada Blogspot
- Membuat Iklan Melayang 1 Klik Close
- Cara Buat Daftar isi Blog
- Membuat Meta Tag Robots
- 100 DOFOLLOW BLOG
- Cara Mudah Mendapatkan Icon Cantik
- Tempat Mencari Kode warna
- Cara merubah spasi baris blogger
- Efek teks pada cursor blog
- Percantik blog dengan flash
- Membuat Menu Melayang Pada Blogger
- Membuat Teks Area
- Cara membuat Search Box pada Blog
- Menampilkan kode HTML pada posting
- Tips membuat lebel berputar
- Teks berkedap kedip
- Ganti Icon Blogger
- bikin daftar isi otomatis pada blog
- Tips menutup navbar blogspot
- Membuat Account Blogspot
- Pasang YM di Blog
- Merubah Template
- Cara Membuat Kursor Mouse Bertaburan Bintang Warna...
- Kode warna Bentuk Table
- Judul Blog Berjalan-jalan
- Cara membuat Disable Klik Kanan
- Membuat Blog Kita Tidak Bisa di Block / Anti Ncont...
- Merubah Tampilan Blog
- Cara Mudah Posting Code HTML
- Bagian-bagian Pada Template Minima
- Menambah Dua Kolom Diatas Post Body
- Menambah Dua Kolom Bawah Post Body
- Jquery Multi Level Menu Horizontal
- Membuat Menu Tab View
- Vertikal Navigator Menu
- Software Pengolah Blog
- Tambahan Icon Pada Post Footer
- Efek Heart (hati) Bertaburan
- Memodifikasi Pesan Perintah Pada Widget Followers
- Auto Hide Navbar Blogger
- Menampilkan Next Page Judul Post
- Menampilkan Widget Di Halaman
- Cara Buat Domain Gratis di C0.CC
- Menambah Aksesoris Blog
- Cara membuat blog
- Menghilangkan Angka Label
- Domain co.cc Pada Blog
- Teks / Tulisan Berjalan di Addressbar
- Membuat Animasi gif Untuk Banner
- Cara membuat Readmore Otomatis
- Cara mudah Membuat Scroll Bar
- Cara Membuat Navbar Auto Hide
- Cara membuat kursor berbintang-bintang
- Cara Membuat Scrool Otomatis Ke Atas
- Postingan Terbaru Berjalan
- Cara Membuat Scroll Gambar Anda
- Mengganti Postingan Dengan cantik
- Mengganti Font Dalam Postingan
- Menambah Google Translate di Blog
- Scroll Bang Udin
- Cara Optimasi Judul Blog
- Mengatur Ukuran Gambar Dengan Script
- Cara Menambahkan Gambar pada Posting Blog
- Cara Memperbesar Dan Memperkecil Tulisan
- Cara membuat Membuat Translate Bendera
- Cara Membuat Mouse di Kelilingi warna warni
- Cara Memasang Upin & Ipin di Blog Anda
- Tempat pencarian situs
- Iklan Melayang
- cara membuat titel blog seperti google
- Cara Membuat Postingan Warna Warni
- Gambar latar belakang untuk Template Blogger
- Cara Merubah Tampilan Google Dengan Nama Sendiri
- Cara Membuat Flash
- Cara Membuat Cursor
- Cara Membuat Loading Blog Ringan
- Membuat Efek Teks Neon Light pada Postingan Blog
- Cara Membuat Menu dengan Icon
- Cara membuat efek mencoret tulisan
- Cara membuat efek stabilo pada posting
- Cara Membuat Banner Berjalan
- Cara Membuat Text Area dengan Fasilitas Select All...
- Cara Memasang Gambar Animation di pojok blog
- Gambar Berjatuhan (falling snow effect)
- Cara Membuat Komentar Terbaru (Recent Comment )
- Cara Pasang Emoticon di Kotak Komentar
- Membuat Vertical Sliding
- Cara Membuat Vertical Sliding Info Panel With Quer...
- Cara Membuat dan Mengganti Fav Icon
- Membuat Gambar Hidup Di Pojok Halaman Blog
- Membuat widget Follwers dipojok
- Cara Pasang Metatag Otomatis
- Optimasi SEO Dengan Meta Tag
- Cara Buat Title SEO Friendly
- SEO Blogger/Blogspot Template
- Konsep Dasar CSS
- Bagaimana cara merubah tampilan layout facebook
- Cara Membuat Profile Facebook Anda Lebih Style dan...
- Menampilkan Facebook kita diblog
- Pengelompokan Teman Facebook
- Download Deep Freeze Standard 7.0 Plus Serial Grat...
- Download Kaspersky KIS 2011 v.11.0.1.400 Plus KeyF...
- Download Office 2010 Pro Plus Patch Gratis
- MUSIK MP3 GRATIS DOWNLOAD TERLARIS
- Free Download Musik MP3
- Download K-Lite Mega Codec Pack 5.90 Media Player ...
- Cara hack chip zynga poker
- Tempat Download
- Curi Password dengan Flashdisk
- Cara download ebook (buku) di google book mengguna...
- Upload File Seperti mp3,video,zip,rar,doc,dll.
- Tempat Edit Gambar/ Foto Online
- KUMPULAN SKRIPSI GRATIS
- Download
- Kumpulan SMS Cinta Terbaru
- 5 Manfaat Makanan Pedas
- Tips Menambah Nafsu Makan
- Mengobati Demam Dengan Cara Tradisional
- Cara hack chip zynga poker
Tentang Informasi
Terimakasih
Terimakasih
Tidak ada komentar:
Posting Komentar