Cara membuat navigasi halaman di blogger Mudah dan Cepat

Bismillah

Assalamualaikum - Alhamdulillah dalam perjumpaan kali ini saya sebagai author blog ini akan memberikan beberapa tutorial bagaimana cara Belajar Bisnis Online Blogger/Website Bagi Pemula dengan pembahasan yang sangat mudah di mengerti dan mudah untuk di praktekkan mengenai teknik SEO yang mudah dipahami, Marketting (pemasaran), Keyword (Kata Kunci) Untuk Usaha Anda, dan cara mendatangkan User (pengunjung) maupun pelanggan setia anda. berikut ini adalah beberapa penjelasan sesuai dengan tema kita kali ini Cara membuat navigasi halaman di blogger Mudah dan Cepat yang dapat anda baca secara jelas dibawah ini :

http://tublogon.blogspot.com/2013/06/Cara.membuat.navigasi.halaman.di.blogger.html

1. login di blogger kamu kemudian pilih template :

2. kemudian edit HTML, cari code </body> kemudian pastekan kode ini di atasnya :

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://file.edikomputer.com/edikomputer/js/pagenumbers.js' type='text/javascript'></script>
<script type='text/javascript'>

3. Kemudian save template.
4. Nah sekarang kita akan menambahkan kode CSS Untuk mengatur navigasi halaman tersebut, Cari kode ]]></b:skin> kemudian letakkan kode CSS ini diatasnya :

• .showpageArea a {
• text-decoration:underline ;
• }
• .showpageNum a {
• text-decoration:none;
• border: 0px solid #cccccc;
• margin:0 3px;
• padding:3px;
• }
• .showpageNum a:hover {
• border: 0px solid #cccccc;
• background-color:#0093dd;
• }
• .showpagePoint {
• color:#FFF;
• text-decoration:none;
• border: 0px solid #cccccc;
• background: #5535b0;
• margin:0 3px 0 13px;
• padding:3px;
• }
• .showpageOf {
• text-decoration:none;
• padding:3px;
• margin: 0 3px 0 0;
• }
• .showpage a {
• text-decoration:none;
• border: 0px solid #cccccc;
• padding:3px;
• }
• .showpage a:hover {
• text-decoration:none;
• }
• .showpageNum a:link,.showpage a:link {
• text-decoration:none;color:#FFF;
• }

5. Silahkan save lagi template anda dan lihat hasilnya

Setelah anda membaca tentang Cara membuat navigasi halaman di blogger Mudah dan Cepat ini, anda bisa menuangkan saran/mauun komentar yang tersedia pada kolom Comment dibawah ini. Terima Kasih Telah membaca tutorial bisnis di blog kami. Wassalamualaikum