Monday, September 21, 2015

Cara Membuat Tombol Widget Next Page pada Blog

Cara Membuat Tombol Widget Next Page pada Blog

Salam Blogging, Kali ini saya akan berbagi tips  Cara Membuat Navigasi Nomer Halaman KEREN pada Blogger. Nomor halaman sebenarnya fungsinya sama dengan navigasi (Next page atau page Previeous) biasanya ini adalah default atau bawaan dari templatenya.


Namun kali saya akan mencona membuat Navigasi pada halaman dengan merubah (next dan previous) menjadi sebauah navigasi halaman ber-nomer

Cara Membuat Navigasi Nomer Halaman KEREN pada Blogger

Untuk membuat widget ini Anda hanya melakukan 2 langkah :
1. Menambhakan CSS
2. Menambahkan Script

1. Cara  menambahkan CSS
1. Masuk Ke BLOGGER  DASHBOARD >> TEMPLATE  >>  EDIT HTML.
2. Cari kode ]]></b:skin> dan pastekan kode CSS  diatas ]]></b:skin>



Navigasi style # 1
Kode css style #1

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}

 #blog-pager .pages{border:none;}



Navigasi style # 2
Kode css style #2

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}

#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}



Navigasi style # 3
Kode css style #3

#blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}
a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}

#blog-pager .pages{border:none;background: none;}



Navigasi style # 4
Kode css style #4

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}

#blog-pager .pages{border:none;}


Navigasi style # 5
Kode css style #5

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
 .showpageOf{display:none!important}

#blog-pager .pages{border:none;}



Navigasi style # 6
Kode css style #6

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}

#blog-pager .pages{border:none;}



Navigasi style # 7
Kode css style #7

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}

#blog-pager .pages{border:none;}





Catatan : Jika Anda tidak ingin menampilkan NEXT dan PREVIOUS halaman Anda bisa menambahkan kode CSS dibawah ini, Anda tambahkan di atas kode ]]></b:skin> yang tadi.

.firstpage, .lastpage {display: none;}




2. Langkah berikutnya menambahkan kode SCRIPT
1. Cari kode </body> gunakan ( Ctrl+F ) agar lebih cepat dalam pencarian kodenya.
2. Jika sudah ketemu letakkan kode SCRIPT dibawah ini diatas kode </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

Keterangan : Anda bisa meng-EDIT kode dibawah ini sesuai selera
    var perPage=7; 
    var numPages=6; ( panjang nomer halaman 1-6 )
    var firstText ='First'; 
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';

Pada umumnya standart default tampilan per halaman blogger adalah maksimal 20 halaman, Jika Anda ingin merubahnya :

>> Cari kode ini pada HTML Template : expr:href='data:label.url'
>> Tambahkan kode menjadi seperti ini : expr:href='data:label.url + "?&;max-results=7"'

Keterangan : 7 adalah tampilan jumlah posting per halaman.

3. Langkah terakhir SAVE TEMPLATE


Deminkian tips Cara Membuat Navigasi Nomer Halaman KEREN pada Blogger, Jika ada masalah dengan ini silahkan isikan keluhan sahabat blogger pada kolom komentar, InsyaAllah akan saya mebalasnya. Terima Kasih




Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Tuesday, September 15, 2015

Soal Fakhruddin Competition Kelas 6 Final 2013

Soal Fakhruddin Competition Kelas 6 Final 2013




Berikut ini tampilan Soal Fakhruddin Competition Kelas 6 Final 2013:







Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Soal Fakhruddin Competition Kelas 6 Final 2012

Soal Fakhruddin Competition Kelas 6 Final






Untuk mendownload Soal Fakhruddin Competition Kelas 6 babak Penyisihan, bisa didownload disini....


Berikut ini tampilan Soal Fakhruddin Competition Kelas 6 Final:








Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Soal Fakhruddin Competition Kelas 5 Final

Soal Fakhruddin Competition Kelas 5 Final






Untuk Soal Fakhruddin Competition Kelas 5 Babak Penyisihan, bisa di download disini....


Berikut ini tampilan Soal Fakhruddin Competition Kelas 5 Final:








Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Monday, September 14, 2015

Soal Fakhruddin Competition Kelas 4 Final

Soal Fakhruddin Competition Kelas 4 Final








Untuk Soal Soal Fakhruddin Competition Kelas 4 Babak Penyisihannya, bisa download disini...

Berikut ini tampilan Soal Fakhruddin Competition Kelas 4 Babak Final:








Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Sunday, September 13, 2015

Latihan Olimpiade Matematika Kelas 4,5,6,7,8,9

Latihan Olimpiade Matematika Kelas 4,5,6,7,8,9




Download gratis Latihan Olimpiade Matematika Kelas 4,5,6,7,8,9:

SD Fakhruddin Competition Kelas 4 Babak Penyisihan: >> Soal <<

SD Fakhruddin Competition Kelas 5 Babak Penyisihan: >> Soal <<

SD Fakhruddin Competition Kelas 6 Babak Penyisihan: >> Soal <<

SMP Fakhruddin Competition Kelas 7 Babak Penyisihan: >> Soal <<

SMP Fakhruddin Competition Kelas 8 Babak Penyisihan: >> Soal <<

SMP Fakhruddin Competition Kelas 9 Babak Penyisihan: >> Soal <<



Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Kumpulan Soal Olimpiade Matematika 2014

Kumpulan Soal Olimpiade Matematika 2014


Berikut ini Kumpulan Soal Olimpiade Matematika 2014:


MA Matematika KSM Kab 2014: >> Soal <<

MA Matematika KSM Prov 2014: >> Soal <<

MI Matematika KSM Kab 2014: >> Soal <<

MI Matematika KSM Prov 2014: >> Soal <<

MTs Matematika KSM Kab 2014: >> Soal <<

MTs Matematika KSM Prov 2014: >> Soal <<

SMA Matematika OMITS 2014 Penyisihan: >> Soal & Solusi <<

SMA Matematika OSK 2014: >> Soal <<     dan      >> Pembahasan <<

SMA Matematika OSP 2014: >> Soal <<     dan      >> Pembahasan <<

SMA Matematika OSN 2014: >> Soal <<     dan      >> Pembahasan <<

SMP Matematika Kab. Seragen Pretest 2014: >> Soal <<

SMP Matematika MCJHS 2014 Penyisihan: >> Soal <<

SMP Matematika OSK 2014: >> Soal <<     dan      >> Pembahasan <<

SMP Matematika OSP 2014: >> Soal <<     dan      >> Pembahasan <<

SMP Matematika OSN 2014: >> Soal <<     dan      >> Pembahasan <<

SMP Matematika OSN Guru 2014: >> Soal & Solusi <<

SMP Matematika OSP Guru 2014: >> Soal <<



Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Kumpulan Soal Olimpiade Matematika 2013

Kumpulan Soal Olimpiade Matematika 2013



Berikut ini Kumpulan Soal Olimpiade Matematika 2013:


MA Matematika KSM Prov 2013: >> Soal <<

MI Matematika KSM Prov 2013: >> Soal <<

MTs Matematika KSM Prov 2013: >> Soal <<

SD Matematika OMITS 2013 Penyisihan: >> Soal <<

SD Matematika PASIAD 2013: >> Soal <<

SMA Matematika AMFIBI 2013 Penyisihan 141: >> Soal & Solusi <<

SMA Matematika OMITS 2013 Penyisihan: >> Soal <<

SMA Matematika OSK 2013: >> Soal <<      dan     >> Pembahasan <<

SMA Matematika OSK Guru 2013: >> Soal & Solusi <<

SMA Matematika OSP 2013: >> Soal <<      dan     >> Pembahasan <<

SMA Matematika OSN 2013: >> Soal <<

SMA Matematika OSP Guru 2013: >> Soal <<

SMP Matematika Kab. Seragen Pretest 2013: >> Soal <<

SMP Matematika OMITS 2013 Penyisihan: >> Soal <<

SMP Matematika OSK 2013: >> Soal <<      dan     >> Pembahasan <<

SMP Matematika OSP 2013: >> Soal <<      dan     >> Pembahasan <<

SMP Matematika OSN 2013: >> Soal <<

SMP Matematika OSP Guru 2013: >> Soal <<

SMP Matematika PASIAD 2013: >> Soal & Solusi <<

SMP Matematika Vektor Nasional 2013 Penyisihan: >> Soal & Solusi <<



Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Saturday, September 12, 2015

Kumpulan Soal Olimpiade Matematika 2012

Kumpulan Soal Olimpiade Matematika 2012



Berikut ini Kumpulan Soal Olimpiade Matematika 2012:

PTI Matematika 2012: >> Soal <<

SD Islam Matematika Jatim 2012: >> Soal <<

SD Matematika OMITS 2012 Penyisihan: >> Soal <<

SD Matematika OMITS 2012 Semi Final: >> Soal <<

SD Matematika Tk. Kab/Kota 2012: >> Soal <<

SD Matematika PASIAD 2012 1: >> Soal <<

SD Matematika PASIAD 2012 2: >> Soal <<

SMA Islam Matematika Jatim 2012: >> Soal <<

SMA Matematika AMFIBI 2012 Penyisihan 142: >> Soal & Solusi <<

SMA Matematika AMFIBI 2012 Semi Final: >> Soal <<

SMA Matematika OMITS 2012 Penyisihan: >> Soal <<

SMA Matematika Tk. Kab/Kota 2012: >> Soal 1 <<

SMA Matematika Tk. Kab/Kota 2012: >> Soal 3 <<     dan     >> Pembahasan <<

SMA Matematika Tk. Provinsi 2012: >> Soal <<     dan     >> Pembahasan <<

SMA Matematika Tk. Nasional 2012: >> Soal <<

SMA Matematika Tk. Provinsi Guru 2012: >>Soal & Solusi <<

SMA OMITS Matematika 2012 Semi Final: >> Soal <<

SMP Islam Matematika Jatim 2012: >> Soal <<

SMP Matematika OMITS 2012 Penyisihan: >> Soal <<

SMP Matematika OMITS 2012 Semi Final: >> Soal <<

SMP Matematika Tk. Kab/Kota 2012: >> Soal <<   dan    >> Pembahasan <<

SMP Matematika OSP 2012: >> Soal <<   dan    >> Pembahasan <<

SMP Matematika Tk. Nasional 2012: >> Soal <<

SMP Matematika Tk. Nasional Guru 2012: >> Soal & Solusi <<

SMP Matematika PASIAD 2012: >> Soal & Solusi <<

SMP Matematika Vektor Nasional 2012: >> Penyisihan Soal & Solusi <<



Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Kumpulan Soal Olimpiade Matematika 2011

Kumpulan Soal Olimpiade Matematika 2011


Download Kumpulan Soal Olimpiade Matematika 2011:

PTI Matematika OSP 2011>> Soal <<

SD Matematika Jatim 2011>> Soal <<

SD Matematika OMITS 2011 Final>> Soal <<

SD Matematika OMITS 2011 Semi Final>> Soal <<

SD Matematika PASIAD 2011>> Soal <<

SD Matematika Vektor Nasional 2011 Final Babak 1>> Soal <<

SD Matematika Vektor Nasional 2011 Final Babak 2>> Soal <<

SD Matematika Vektor Nasional 2011 Final Babak 3: >> Soal <<

SMA Islam Matematika Jatim 2011: >> Soal <<

SMA Matematika OSK 2011: >> Soal <<      dan    >> Pembahasan <<

SMA Matematika OSP 2011: >> Soal <<      dan    >> Pembahasan <<

SMA Matematika OSP Guru 2011: >> Soal & Solusi <<

SMP Islam Matematika Jatim 2011: >> Soal <<

SMP Matematika OMITS 2011 Penyisihan: >> Soal<<     dan      >> Pembahasan <<

SMP Matematika OSK 2011: >> Soal <<     dan     >> Pembahasan <<

SMP Matematika OSP 2011: >> Soal <<     dan     >> Pembahasan <<

SMP Matematika OSN 2011: >> Soal <<

SMP Matematika OSP Guru 2011: >> Soal <<

SMP Matematika PASIAD 2011: >> Soal <<



Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Kumpulan Soal Olimpiade Matematika 2010

Kumpulan Soal Olimpiade Matematika 2010


Berikut ini Kumpulan Soal Olimpiade Matematika 2010:


PTI Matematika 2010: >> Soal <<

SMA Islam Matematika Jatim 2010: >> Soal <<

SMA Matematika Tk. Kab/Kota 2010: >> Soal<<    dan   >> Pembahasan <<

SMP Islam Matematika Jatim 2010: >> Soal <<

SMP Matematika Tk. Kab/Kota 2010: >> Soal <<

SMP Matematika Tk. Provinsi 2010: >> Soal <<

SMP Matematika Tk. Nasional 2010: >> Soal <<



Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Kumpulan Soal Olimpiade Matematika 2009

Kumpulan Soal Olimpiade Matematika 2009


Berikut ini Kumpulan Soal Olimpiade Matematika 2009:


PTI Matematika 2009: >> Soal <<

SMA Matematika Tk. Provinsi 2009: >> Soal <<     dan     >> Pembahasan <<

SMP Matematika Tk. Kab/Kota 2009: >> Soal <<

SMP Matematika Tk. Provinsi 2009: >> Soal <<

SMP Matematika Tk. Nasional 2009: >> Soal <<

SMP Matematika PASIAD 2009 Final A: >> Soal <<

SMP Matematika PASIAD 2009 Final B: >> Soal <<

SMP Matematika PASIAD 2009 Penyisihan A: >> Soal <<

SMP Matematika PASIAD 2009 Penyisihan B: >> Soal <<



Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com

Friday, September 11, 2015

Kumpulan Soal Olimpiade Matematika 2008

Kumpulan Soal Olimpiade Matematika 2008


Download Kumpulan Soal Olimpiade Matematika 2008:

SD Matematika PASIAD 2008 Final A: >> Soal <<

SD Matematika PASIAD 2008 Final B: >> Soal <<

SD Matematika PASIAD 2008 Penyisihan A: >> Soal <<

SD Matematika PASIAD 2008 Penyisihan B: >> Soal <<

SMA Matematika Tk. Kab/Kota 2008: >> Soal <<

SMA Matematika Tk. Provinsi 2008:  >> Soal <<     dan      >> Pembahasan <<

SMP Matematika Tk. Kab/Kota 2008: >> Soal <<

SMP Matematika Tk. Provinsi 2008: >> Soal <<

SMP Matematika Tk. Nasional 2008: >> Soal <<

SMP Matematika PASIAD 2008 Final A: >> Soal <<

SMP Matematika PASIAD 2008 Final B: >> Soal <<

SMP Matematika PASIAD 2008 Penyisihan A: >> Soal <<

SMP Matematika PASIAD 2008 Penyisihan B: >> Soal <<


Blog Ilmu Matematika
http://ilmu-matematika.blogspot.com