Minggu, 15 April 2012

Membuat Navigasi Halaman Pada Blogger

Navigasi halaman yaitu fitur yang berfungsi sebagai rel untuk menuju ke halaman selanjutnya maupun ke halaman sebelumnya. Mungkin sobat akan lebih jelas lagi kalau sobat langsung pergi ke halaman google.com sekarang juga dan coba perhatikan angka2 halaman yg berada pada bagian paling bawah halaman google search tersebut. Itulah contoh navigasi halaman. contohnya sbb :




Cara membuatnya silahkan login dulu ke akun blogger, lalu klik tata letak >> Edit HTML ("expand widget templet" gak usah dicentang)

Selanjutnya letakkan kode berikut di atas tag ]]>

.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 letakkan kode berikut di atas kode tag



0 komentar:

Posting Komentar

Jangan lupa tinggalkan komentar

Tugas Internet