Cara Membuat Page Navigasi Angka 123 dst Pada Blog



Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.



Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html.
Seperti biasa,contreng option expand widget templates,selanjutnya cari kode berikut:
]]></b:skin>
Setelah ketemu,letakkan persis diatasnya kode css dibawah 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;
}

Lalu,cari lagi kode seperti ini:
</body>
Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:
<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 berikut:
'data:label.url'
Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut:

'data:label.url + &quot;?&amp;max-results=5&quot;'
Sekarang,simpan templates anda,dan anda bisa lihat hasilnya sekarang :D


Responses

6 Respones to "Cara Membuat Page Navigasi Angka 123 dst Pada Blog"

Rouen mengatakan...

asik udah di post :D
thanks masbro....


23 November 2011 07.08
~Sofyan_oZ~ mengatakan...

udah semalem ga tidur ini , ntar ada tips2 yang g kalah menarik dari ini kok ...


23 November 2011 07.15
Rouen mengatakan...

oke aku tunggu masbro, btw uda berhasil diterapkan thanks yo


23 November 2011 08.20
~Sofyan_oZ~ mengatakan...

ok2 , thanks juga buat ente yang udh mau mampir ke blog ane ...


23 November 2011 09.03
"louiss" mengatakan...

udah ku praktekin kk :D
... berhasil...


2 Desember 2011 03.56
~Sofyan_oZ~ mengatakan...

sep ... semoga blognya tambah bagus cha , jangan sungkan2 buat mampir lagi ... :D


2 Desember 2011 04.35

Posting Komentar

•Sangat Saya Hormati Jika Anda Meninggalkan Komentar di Blog ini

•Mohon Maaf Blog ini Tidak Terima Komentar yang Mengandung Sara , Spamming , Flamming

•Kritik Dan Saran Dari Pembaca Semoga Bisa Membantu Memajukan Blog Ini

Regards : ~Sofyan_oZ~

 

Statistic Blog's



Free Page Rank Tool
Return to top of page Copyright © 2012 Always-Sharing | Blogspot Tutorial | From Zero To Hero | Template by HackTutors