Cara memasang nomor halaman (Page Number) di blog

Selasa, 04 Desember 2012

Cara memasang nomor halaman (Page Number) di blog

Apa kabar sobat semuanya, lama gak ngeposting.

Nomor halaman sangat penting pada sebuah blog atau situs web untuk memudahkan pengunjungnya untuk mencari artikel pada sebuah blog tersebut dengan menandai nomor halaman yang ada di blog / situs web tersebut. Untuk kesempatan ini Ladang Pengetahuan akan berbagi Tutorial Blog yaitu Cara memasang nomor halaman di blog.

Karena admin udah ngatuk, langsung saja ke permasalahan. Hehehe

Langkah-langkahnya :

1. Login ke dasbor blogger sobat

2. Pilih Template >> Edit HTML

3. Cari kode ]]></b:skin> dengan cara menekan Ctrl F lalu ketikkan ]]></b:skin>

4. Setelah kode tersebut ketemu, letakkan kode dibawah ini tepat diatas kode ]]></b:skin> tadi

.showpageArea {font-family:verdana,arial,Helvetica;color: #000;font-size:11px;margin:10px;}
.showpageArea a {color: #000;text-shadow:0 1px 2px #fff;font-weight: 700;}
.showpageNum a {padding: 3px 8px;margin:0 4px;text-decoration: none;border:1px solid #3d85c6;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk-HKfuOJHs66oXaRBbhyN6S_syCvXATKnl4s1djMT-IE5hExY1eVKVDX3ufrveKX8aNgKlAw8NsiqvGAQnwXImp4lTxx_HT497sBxLly129HqGVI3-YQT41xsXlLIq2QZNNbXACxBLEo/s1600/halaman.jpg) 0 -50px repeat-x;}
.showpageNum a:hover {border:1px solid #aeae0a;
background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk-HKfuOJHs66oXaRBbhyN6S_syCvXATKnl4s1djMT-IE5hExY1eVKVDX3ufrveKX8aNgKlAw8NsiqvGAQnwXImp4lTxx_HT497sBxLly129HqGVI3-YQT41xsXlLIq2QZNNbXACxBLEo/s1600/halaman.jpg) 0 -25px repeat-x;}
.showpageOf{margin:0 8px 0 0;}
.showpagePoint {color:#fff;text-shadow:0 1px 2px #333;padding: 3px 8px;margin: 2px;font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk-HKfuOJHs66oXaRBbhyN6S_syCvXATKnl4s1djMT-IE5hExY1eVKVDX3ufrveKX8aNgKlAw8NsiqvGAQnwXImp4lTxx_HT497sBxLly129HqGVI3-YQT41xsXlLIq2QZNNbXACxBLEo/s1600/halaman.jpg) 0 0 repeat-x;
text-decoration: none;

5. Selanjutnya cari kode </body>, setelah bertemu letakkan kode dibawah ini tepat diatas kode tersebut
6. Dan terakhir Simpan Template sobat, maka dibawah blog akan muncul nomor halaman seperti dibawah ini