Powered By Blogger
Diberdayakan oleh Blogger.
RSS
Post Icon

Membuat Page number color

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugMmvb-by3LaQQ1flnp8RWDXTxyceonN7FQgCVvB556Xe9z1tH9Rt4Qj64vjpTupRTQSE9910-SQAAk-EudvkpEnXEBQwxH2mFn41cRYDjwy07MeiU9Ga9kCGC8PqAwHGh07Xx4wCaq4/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugMmvb-by3LaQQ1flnp8RWDXTxyceonN7FQgCVvB556Xe9z1tH9Rt4Qj64vjpTupRTQSE9910-SQAAk-EudvkpEnXEBQwxH2mFn41cRYDjwy07MeiU9Ga9kCGC8PqAwHGh07Xx4wCaq4/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugMmvb-by3LaQQ1flnp8RWDXTxyceonN7FQgCVvB556Xe9z1tH9Rt4Qj64vjpTupRTQSE9910-SQAAk-EudvkpEnXEBQwxH2mFn41cRYDjwy07MeiU9Ga9kCGC8PqAwHGh07Xx4wCaq4/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjugMmvb-by3LaQQ1flnp8RWDXTxyceonN7FQgCVvB556Xe9z1tH9Rt4Qj64vjpTupRTQSE9910-SQAAk-EudvkpEnXEBQwxH2mFn41cRYDjwy07MeiU9Ga9kCGC8PqAwHGh07Xx4wCaq4/s1600/darkblue.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>

<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJtWu0MzwjFvMO65MFh3WHHy6BWf62Jt0WoXdziqiY4hoMFkI1edwhpz9NFBp0tj58SkQjvhqQPimOYRA-nFVOq4opr_2GzdAXByFio7kqs_d8Azojvv0NK5wDK9cmGabyTa-bjJdXg38/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

membuat page number

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMcPLoB2e7A-SZDm81umcJLNR4uR-emVBMFTqSde6Jr2VdKax5b529mSuWGrtesbhOdhNmOli6mcUjOv5gbSlgp9phgC0bB2lAS1XqemZudoUGOvbmRGkcQiSsOwLXRg8hQzplr0j6i4/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMcPLoB2e7A-SZDm81umcJLNR4uR-emVBMFTqSde6Jr2VdKax5b529mSuWGrtesbhOdhNmOli6mcUjOv5gbSlgp9phgC0bB2lAS1XqemZudoUGOvbmRGkcQiSsOwLXRg8hQzplr0j6i4/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMcPLoB2e7A-SZDm81umcJLNR4uR-emVBMFTqSde6Jr2VdKax5b529mSuWGrtesbhOdhNmOli6mcUjOv5gbSlgp9phgC0bB2lAS1XqemZudoUGOvbmRGkcQiSsOwLXRg8hQzplr0j6i4/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMcPLoB2e7A-SZDm81umcJLNR4uR-emVBMFTqSde6Jr2VdKax5b529mSuWGrtesbhOdhNmOli6mcUjOv5gbSlgp9phgC0bB2lAS1XqemZudoUGOvbmRGkcQiSsOwLXRg8hQzplr0j6i4/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style>

<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJtWu0MzwjFvMO65MFh3WHHy6BWf62Jt0WoXdziqiY4hoMFkI1edwhpz9NFBp0tj58SkQjvhqQPimOYRA-nFVOq4opr_2GzdAXByFio7kqs_d8Azojvv0NK5wDK9cmGabyTa-bjJdXg38/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Cara Membuat Widget Menu TAB View Pada Blog

Cara membuat Read More otomatis di Blogspot dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot

  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Cara Membuat Blog Blogspot, Cara Membuat Menu Tab View Pada Blogspot

Maksud hati pengennya memasang banyak widget, apalah daya halaman blog sudah penuh. sad tapi tenang saja, banyak jalan menuju Roma.. smile banyak jalan menuju Jakarta, dan pastinya banyak jalan juga untuk memasang banyak widget dan pernak pernik blog di blogspot kesayangan sobat, tanpa menuh-menuhin halaman blog ! smile   Caranya yaitu dengan menempatkan widget dan pernak-pernik blog pada Menu Tab View. Bagi yang penasaran seperti apa menu tab view yang Saya maksudkan, silahkan Anda tengok Live Demo-nya di sini http://demo.nogisa.com/demo/blogspot/widget/demo-menu-tab-view.html . oke, karena tadi Saya sudah memberikan contoh menu tab view, sekarang kita lanjutkan pada cara memasang menu tab view pada blogspot.   Berikut ini langkah-langkahnya :   1. seperti biasa, login dulu di www.blogger.com 2. klik menu drop down dan pilih Template 3. pilih Edit HTML

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS