<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>
Membuat Page number color
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>
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>
Cara Membuat Blog Blogspot, Cara Membuat Menu Tab View Pada Blogspot
Maksud hati pengennya memasang banyak widget, apalah daya halaman blog sudah penuh. tapi tenang saja, banyak jalan menuju Roma..
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 !
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







