Cara Membuat Next Previous Dengan Angka Di Blogger

Tombol Next Previous gunanya untuk melihat halaman atau semua daftar postingan berikutnya atau sebelumnya, bila tombol next previous dengan angka lebih mempermudah pengujung blog untuk melihat halaman blog dari halaman satu melompati ke halaman dua atau lebihnya, jadi para pengujung bisa langsung melihat halaman yang ingin di tuju tanpa harus buka satupersatu halaman berikutnya atau sebelumnya.

Bila minat memasang tombol next previous dengan angka di blognya scriptnya akan saya bagikan dibawah ini. Dan untuk menerapkan script tombol next previous dengan angka di blogger simak langkahnya sebagai berikut, semoga bermanfaat artikel singkat ini dan terimakasih,...

• Loggin ke Blogger
• Tema dan Edit HTML
• Cari Kode ]]></b:skin> gunakan Ctrl+F untuk mempermudah pencarian.
• Paste kode di bawah ini di atas kode ]]></b:skin>

//* Thopads ----------------------------------------------- *//
#blog-pager{float:left;font-size:16px;line-height:normal;margin:0 20px;padding:2em 0}
.showpageNum a,.showpage a,.showpagePoint{background:#34495e;border:none;border-bottom:3px solid #202D3A;color:#FFF;font-size:15px;font-family:open sans;font-weight:700;margin-left:10px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-o-transition:background 400ms;padding:10px 20px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint,.blog-pager-newer-link,.blog-pager-older-link,.home-link{background:#2c3e50;color:#FFF}
.showpageOf{display:none!important}
@font-face{font-family:'font-style:normal;font-weight:700;src:local('OpenSansBold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

Keterangan:
Untuk font, background, ukuran, warna dapat di sesuaikan dengan mengganti setiap poin kode diatas, sesuaikan dengan tema blog yang digunakan.

• Kemudian Cari Kode </body>
• Paste Kode Di bawah di atas 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 postperpage=5;
    var numshowpage=2;
    var upPageWord ='« Previous Page';
    var downPageWord ='Next Page »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
<script type='text/javascript'>
  /*<![CDATA[*/
var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+=' ... '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+='...'}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}
  /*]]>*/
</script>
</b:if>
</b:if>

Keterangan:
Tulisan angka 5 diatas adalah jumlah post yang di tampilan per halaman dan angka 2 jumlah banyaknya per halaman yang akan di tampilkan. Ganti sesuaikan dengan blog anda

Langkah selanjutnya untuk tampilan label post per page sesuai  dengan setingan jumlah yang diinginkan maka  cari kode bawah ini untuk menyesuaikan Label.

          'data:label.url'

• Ganti dengan kode di bawah ini.

          'data:label.url + &quot;?&amp;max-results=5&quot;'

• Angka lima adalah jumlah label post per page yang di tampilkan. Ganti sesuaikan dengan blog anda.
• Simpan dan lihat hasilnya

Desain Sederhana Membuat Banner Dengan Photoshop

Saya akan berbagi apa yang sedang saya pelajari di Photoshop yaitu Desain Sederhana Membuat Banner Dengan Photoshop. Dan kali ini saya akan membuat banner untuk usaha saya sendiri yang masih saya rintis. Saya juga dalam tahap pembelajaran, Jika ada yang kurang harap dimaklum. Langkah – langkahnya sebagai berikut:

Desain Sederhana Membuat Banner Dengan Photoshop, saya akan beri contoh desain banner yang saya gunakan untuk usaha saya:

Jalankan program Photoshop anda, Kemudian buatlah Layer Background Putih dengan menekan tombol Ctrl+N dengan ukuran 1500x500 atau sesuai dengan keinginan anda kalau bisa makin besar lebih baik karena waktu di cetak dengan ukuran besar hasilnya lebih baik juga:
Kemudian tambahkan Background yang anda pilih sesuai selera dari komputer anda dengan menekan tombol Ctrl+O, Seperti gambar dibawah ini:

Agar kelihatan menarik background tambahkan Objek, Dengan Rectangle Tool (U) untuk objek persegi panjang.
Dan kemudian tambahkan Objek Ellipse Tool (U). Untuk merubah warna atau memberikan efek Ellipse Tool (U) atau yang lainnya, Klik 2x dan akan muncul tab Layer Style, Letakan disebelah pinggir background atau sebelah mana akan di letakannya.
Saya gunakan Color Overlay dengan warna Putih (#ffffff) dan Stroke dengan size: 5px, position: Inside dan color: Hitam pada Ellipse Tool (U).
Kemudian tambahkan lagi Objek Rectangle Tool (U) letak diatas objek warna hitam dan hasilnya akan seperti gambar dibawah ini:

Setelah background sudah selesai, Kemudian tambahkan text atau tulisan yang diperlukan isi banner tersebut dengan menggunakan Horizontal Type Tool (T) atau ditambahkan dengan gambar, lihat gambar dibawah ini:

Setelah selesai, Yakin dan mantap kemudian di Save. Dan hasilnya seperti banner yang saya gunakan sebagai contohnya Banner Foto Copy, Seperti gambar dibawah ini:

Sekarang tinggal dibawa hasilnya ke percetakan untuk diprint. Sekian tetang Cara Desain Membuat Banner Dengan Photoshop. Semoga bermanfaat info yang saya Pelajari, Terima Kasih,...

Cara Menonaktifkan UAC (User Account Control) Di Windows 7

User Account Control (UAC) | Merupakan sebuah fitur keamanan windows 7. Setiap akan mengakses file-file atau aplikasi system windows 7 maka akan muncul peringatan UAC konfirmasi dari fitur keamanan ini. Fitur ini bisa di-nonaktifkan (disable) agar anda tidak terganggu dengan seringnya windows menanyakan "Do you want to allow the following program to install software on this computer" yang tampil pada kotak dialog  User Account Control tersebut. Penonaktifan UAC tidak mengganggu kinerja windows 7.

Cara Menonaktifkan UAC (User Account Control) windows 7 Langkah - langkahnya sebagai berikut :

1. Pada kotak Search/Run ketik msconfig kemudian enter

2. Pilih tab Tools

3. Pilih Change UAC Settings

4. Klik tombol Launch

5. Geser slice bar ke Never notify

Jika berhasil maka kotak konfirmasi User Account Control tidak tampil lagi saat menginstal program atau menjalankan aplikasi tertentu.

Susunan Text Pembawa Acara/MC Pengajian

Assalamu’alaikum warahmatullahi wabarakatuh

Alhamdulillahi rabbil 'alamin, wa bihi nasta'iinu 'alaa umuuriddunya waddiin, wash shalatu was salamu 'alaa asyrafil anbiyai wal mursalin, wa 'ala aalihi wa ash habihi ajma'in, robbi shroli shodri waya shirli amri wahlul uddatam millisani yafkohu kauli amma ba'du:

Kepada ibu,……………, selaku tuan rumah yang kami hormati, serta ibu-ibu jama’ah yasin rutinan yang berbahagia yang di rahmati allah.
Puji syukur Alhamdulillah marilah kita senatiasa panjatkan kehadirat Allah swt. berkat limpahan rahmat, taufik dan hidayah-Nya kita semua, yang mana sampai saat ini kita masih di berikan iman, islam dan kesehatan, sehingga pada siang hari ini kita dapat berkumpul bersama dalam pengajian rutinan

Tak lupa sholawat dan salam semoga allah senantiasa mencurahkan pada junjungan kita nabi besar Muhammad SAW berserta keluarga dan para sahabatnya. Yang mana beliau adalah nabi yang membawa syafaat allah dan mudah-mudahan kita selaku umatnya mendapatkan syafaat-Nya pula di yaumil akhir amin, amin allahuma amin,…

Perkenankanlah saya selaku pembawa acara, utuk membacakan susunan acara pada siang hari ini. Adapun susunan acaranya adalah sebagai berikut :

1. Pembukaan
2. Pembacaan kalam Ilahi
3. Pembacaan Sholawat Nabi
4. Pembacaan surat Yasin
5. Pembacaan Istighosah
6. Mauidhatul Hasanah
7. Penutup/do'a

Ibu-ibu untuk mempercepat waktu marilah kita mulai pengajian siang hari ini

1. Pembukaan:
Marilah acara pengajian hari ini kita buka bersama dengan membaca ummul Qur’an
Liridho illahi ta’ala syai un lilahi ta’ala,…  Alfatihah,……….., Amin.

2. Pembacaan Kalam Ilahi:
Acara yang kedua pembacaan ayat-ayat suci Al-Qur'an yang akan dibacakan oleh ……......., untuk waktunya kami persilahkan.
Terima kasih kami sampaikan, mudah-mudahan pahalanya dilimpahkan kepada kita semua, utamanya kepada qari' yang membacanya.

3. Pembacaan Sholawat Nabi
Acara yang ketiga pembacaan Sholawat Nabi yang akan di lantunkan oleh Ibu ……..., untuk waktunya kami persilahkan.

4. Pembacaan Surat Yasin
Acara yang keempat pembacaan surat Yasin yang akan di imami oleh Ibu ……….., untuk waktunya kami persilahkan.

5. Pembacaan Istighosah
Acara yang kelima Pembacaan Istighosah yang akan di imami oleh Ibu ……….., untuk waktunya kami persilahkan.

6. Mauidhatul Hasanah:
Kini sampailah kita pada acara inti pada siang hari ini, yaitu mauidhatul hasanah, yang akan disampaikan oleh yang terhormat bapak/ibu kiai ............., kepada beliau kami persilahkan.
Kepada yang terhormat bapak/ibu kiai .............., kami sampaikan banyak-banyak terima kasih, mudah-mudahan petuah dan nasehat (mauidhatul hasanah) tadi bermanfaat bagi kita semua, amin.

7. Penutup/Do'a:
Acara demi acara telah kita lalui bersama, kini sampailah kita pada puncak acara pada pertemuan siang hari ini, yaitu pembacaan do'a, sebelum do'a dimulai, kami selaku pembawa acara mohon maaf yang sebesar-besarnya, apabila ada tutur kata ucapan  yang tidak sopan atau kurang berkenan di hati ibu-ibu sekalian. Kepada yang mulia bapak/ibu kiai .........., kami persilahkan untuk memimpin do'a sekaligus menutup acara ini.

Marilah acara pengajian hari ini kita tutup dengan bacaan Hamdalah (Alhamdulillah).

Wabilahi taufiq walhidayah,… Wassalamu 'alaikum warahmatullahi wabarakatuh….,

Demikian contoh Susunan Text Pembawa Acara/MC Pengajian Rutin, di atas ini sebagai contoh pengajian Ibu-ibu rutinan mingguan. Hal-hal yang lebih detailnya bisa di tambahkan dan disesuaikan dengan mayta acara yang akan di sajikan. Semoga bermanfaat.