Hi quest , welcome | sign in | registered now | need help ?

cara-membuat-navigasi-homepage-yang-ke-dua

Tutorial-Onlineku.Seperti page navigation yang saya share sebelumnya"yang pertama"perbedaanya dg yang ini adalah pada backgroun vavigasinya atau CSSnya yang berbeda seperti screenshot di bawah ini:




Untuk langkah-langkah membuatnya ikuti step dan penjelasan berikut ini:
1. Login ke blogger
2. Pilih satu blog yang akan dikasih Page navigator.
3. Lalu Dsign/Rancangan dan klik Edit HTML setelah itu
4. Cari kode ]]></b:skin>
5. Paste kode berikut ini tepat di atas kode ]]></b:skin> 



.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.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 #999;
  background: #666;
  text-decoration: none;
  }

6. Selanjutnya cari kode </body> 
7. Paste kode di bawah ini tepat di atas kode </body>

<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=8;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://anduras-shop.googlecode.com/files/page-navigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->


8. Klik Save Template (selesai)

Ditulis Oleh : Anonymous

Artikel cara-membuat-navigasi-homepage-yang-ke-dua ini ditulis oleh Anonymous pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang cara-membuat-navigasi-homepage-yang-ke-dua dapat Anda sampaikan melalui kotak komentar dibawah ini.

:: Get this widget ! ::

DMCA.com COPYSCAPE.com
Anda sedang membaca artikel tentang cara-membuat-navigasi-homepage-yang-ke-dua dan anda bisa menemukan artikel cara-membuat-navigasi-homepage-yang-ke-dua ini dengan url http://tutorial-onlineku.blogspot.com/2012/08/cara-membuat-navigasi-homepage-ala.html. Anda boleh menyebarluaskan atau mengcopy artikel cara-membuat-navigasi-homepage-yang-ke-dua ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.Tutorial Onlineku | Tutorial Blogspot | Tutorial Blogger | Tutorial Bagi Fomula
Share :
Comments
0 Comments

Post a Comment

silahkan comment sesuai dg content blog yang anda baca pada blog www.tutorial-onlineku.blogspot.com "Lanjut bro"

Flag Counter
 
profil