Tutorial cara buat widget halaman posting blog

Dah lama Arm'z tak buat entry tutorial. Rindu la plok kn.... Kali ni Arm'z datang bertutorial semula dengan mengajar korang cara buat widget halaman posting yang cool... "yearrhhh coolll"... Let's go to tutorial..

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini ]]></b:skin> dan copy code di bawah...

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

Kemudian paste code tersebut sebelum/di atas code ini ]]></b:skin>

Langkah 3

Kemudain cari code </body> dan copy code di bawah...

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';
</script>
<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/blogger_navpage.js' type='text/javascript'/>
</b:if>

Kemudian paste code tersebut sebelum/di atas code ini </body>

Klik preview, kalau ok klik save.. Dan lihatlah hasilnya macam dekat blog Arm'z ni...

Selamat mencuba......

---

Maaf!!! penggunaan "Aku" pada yang lebih tua.

---