Langsung ke konten utama

Membuat Navigasi Next Page Number Atau Halaman Berurut Di Blogspot

Masih seputar dunia blogspot, postingan kali ini akan membahas cara membuat navigasi halaman berurut atau next page number 1 2 3. Next page number terletak di bawah posting. Atribut ini hanya terlihat pada halaman awal atau home page saja, jika kita mulai masuk pada postingan maka atribut next page number tidak akan muncul. Dengan atribut ini di harapkan dapat memudahkan pengunjung untuk  menelusuri halaman demi halaman blog kita.

Pemasangan navigasi next page number atau halaman berurut akan mucul seperti gambar di bawah ini:



Atau untuk lebih jelasnya silahkan klik link ini

Berikut ini Adalah cara pemasangannya:

  • Login ke bloger.com dengan akun anda.
  • Klik Design kemudian Edit HTML.
  • Jangan lupa klik Download Full Template.
  • Centang Expand Widget Templates.
  • Cari Kode berikut  ]]></b:skin> ( Gunakan ctrl + f untuk memnudahkan pencarian )
  • Copy kode dibawah ini dan letakan di atas ]]></b:skin>


.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;
}


  • Selanjutnya cari kode </body>
  • Jika sudah ketemu copy paste script kode di bawah ini dan letakan ditas </body>


<b:if cond='data:blog.pageType != &quot;item&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>
  • Langkah terakhir carilah kode
'data:label.url'
  • Jika sudah ketemu hapus kode tersebut dan gantilah dengan kode di bawah ini:
'data:label.url + &quot;?&amp;max-results=5&quot;'
  • Simpan template dan Anda bisa lihat hasilnya sekarang

Semoga bermanfaat
Sumber Kode script dari http://ariawijaya.com

Komentar

Postingan populer dari blog ini

Jarak Tempuh Antar Kota & Antar Provinsi (di Pulau Jawa-Madura-Bali)

A. RUTE JAKARTA – JAWA TIMUR – BALI 1. Jakarta-Denpasar : Jakarta-cikampek (via tol) = 73 km, Cikampek-Sukamandi-Ciasem-Pamanukan = 46 km, Pamanukan-patrol-kandanghaur-lohbener = 56 km, Lohbener-Jatibarang-Palimanan (via tol)-Plumbon-Kanci = 74 km, Kanci-Losari = 29 km, Losari-Brebes = 27 km, Brebes-Tegal = 9 km, Tegal-Pemalang = 27 km, Pemalang-Comal-Pekalongan = 31 km, Pekalongan-Batang-Weleri-Kendal = 50 km, Kendal-Kaliwungu-Semarang = 12 km, Semarang-Demak = 18 km, Demak-Kudus = 25 km, Kudus-Pati = 24 km, Pati-Rembang = 35 km, Rembang-Tuban = 100 km, Tuban-Babat = 28 km, Babat-Lamongan = 27 km, Lamongan-Gresik = 28 km, Gresik-Surabaya = 15 km, Surabaya-Bangil-Pasuruan = 64 km, Pasuruan-Probolinggo-Situbondo-Ketapang = 246 km, Gilimanuk-Negara-Tabanan = 108 km, Tabanan-Denpasar = 26 km. Total Jarak Tempuh = 1178 km 2. Jakarta-Banyuwangi : Jakarta-cikampek (via tol) = 73 km, Cikampek-Sukamandi-Ciasem-Pamanukan = 46 km, Pamanukan-patrol-kandanghaur-lohbener = 56 km, L...

Teks Bacaan Gema Takbir Malam Lebaran

Ketenangan hati dan jiwa setelah melaksanakan ibadah puasa bulan ramadhan, terasa begitu indah ketika dikumandangkan gema takbir " Allahuakbar, Allahuakbar, Allahuakbar, Walillahilham " Dan malam lebaran adalah waktunya Takbiran.  Dan inilah  teks bacaan atau lafadz  takbir malam lebaran (Idul fitri/Idul adha). Lengkap dengan teks arab dan arti serta bentuk teks takbir versi panjang (sempurna) a. Takbir umumnya  : الله اكبر- الله اكبر- الله اكبر لااله الاالله والله اكبرالله اكبر ولله الحمد Allaahu akbar.. Allaahu akbar.. Allaahu akbar..... Laa - ilaaha - illallaahu wallaahu akbar. Allaahu akbar walillaahil - hamd. Artinya : Allah maha besar (3X) Tiada Tuhan selain Allah Allah maha besar Allah maha besar dan segala puji bagi Allah. b. Baca'an yang sempurna  : الله اكبر كبيرا والحمد لله كثيرا وسبحان الله بكرة واصيلا, لااله الا الله وحده, صدق وعده, ونصر عبده, وأعزجنده وهزم الاحزاب واحده, لااله الاالله ولانعبد الاإياه, مخلصين له الد ين, ولو كره الكا فرون, و...

Agar Postingan Blog Tidak Bisa Dicopy Paste

Mungkin suatu saat anda mendapatkan salah satu postingan anda dipost pada suatu blog tanpa mengurangi atau menambah satu buah kata pun.Apa yang anda pikirkan,anda yang membuat postingan namun orang lain hanya mengcopy/ paste postingan anda.Namun demikian anda pun tidak bisa berbuat apa-apa karena tidak ada aturan yang yang melarang orang melakukan hal tersebut.Tinggal kitalah melakukan proteksi agar postingan kita tidak mudah dicopy/paste. Bagaimana caranya? Pada tutorial blog kali ini, saya ingin menyampaikan cara agar orang lain tidak mudah mengcopy/paste postingan kita yaitu dengan cara mendisable fungsi klik kanan mouse sehingga tidak akan bisa copy/paste tersebut dilakukan. Namun demikian cara ini mungkin tidak dianjurkan, kenapa? karena hal ini bisa saja menurunkan kunjungan pada blog anda karena informasikan yang diposting pada blog anda tidak bisa disebarkan atau diinfokan kepada kerabat, teman, dan saudara.Namun demikian saya ingin memberitahu caranya,hanya untuk pengguna ...