Writer-info

Welcome in writer - info.

Get The Latest News

Sign up to receive latest news

Wednesday, September 8, 2010

Cara buat Pagenavi di Blogspot


Blogspot memang beda dengan wordpress yang mana untuk mempercantik blog kita maka kita harus menambahkan kode HTML terlebih dahulu. Berikut ini saya akan membahas bagaimana cara membuat pagenavi di blogspot seperti wordpress.



1. 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:

]]>

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

2. Lalu,cari lagi kode seperti ini:


Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:



12 feedbacks:

Top PTC said...

mantab tutorialnya tak coba dulu

mini laptop said...

It is imperative that you compare computers and decide which company offers you the best price that fits your budget. Thank You :).

website hosting said...

I am new guy for this blog. i get is new information through this blog. It's simple and wonderful collections.

pengatur said...

mantap artikelnya :) au coba dulu gan :)

Febry Anjani said...

ko ga lengkap infonya.,?

om onny said...

masih gak bisa digunakan sob???

breast cancer prevention said...

iya nih kurang tutornya...kode yang bawah ga keliatan mas

ultrabook notebook tipis harga terbaik murah said...

kurang kode yang dibawah mas tutornya...

Little Girls said...

HI
nice and useful! i would like to say thank you about this cool post & your Decent a site….
thank you!

sofa slipcovers said...

Hello
CARA BUAT PAGENAVI DI BLOGSPOT
I'm glad to share this post, it's very useful. Fortunate me, I discovered your web site accidentally.

Web hosting Kenya said...

Thank you for the tutorial. Loved reading it and getting to know so many other things

Penile Implant said...

Thank you, that was just an awesome post!!!

Post a Comment