Cara Reset Canon MP258 Error 5200

Pada artikel kali ini saya akan membahas tentang cara mereset printer Canon MP258 Error 5200. Di artikel ini terdapat 2 buah cara untuk mereset printer Canon MP258.
Silakan dipilih cara yang paling termudah menurut anda.

Indikasi awal :
Ketika printer dihidupkan printer terlihat normal. Tetapi setelah diperintah untuk print, maka Error 5200 akan muncul di status monitor dan di LCD printer akan menunjukan Error P08.

Cara Pertama :

1. Printer dalam keadaan mati dan kabel Power masih terpasang
2. Tekan dan tahan tombol Stop / Reset kemudian tekan tombol Power dan tahan
3. Tombol Power masih ditekan lepas tombol Stop / Reset, kemudian tekan lagi tombol Stop / Reset 2x
4. Lepas kedua tombol secara bersamaan
5. Biarkan printer berproses kemudian LCD printer akan menunjukan angka "0"
6. Dan komputer akan mendeteksi Device baru abaikan saja
7. Matikan printer dengan cara menekan tombol Power, kemudian nyalakan lagi dan printer siap untuk digunakan kembali

Jika menggunakan cara pertama ketika kabel Power tercabut maka langkah di atas harus diulangi kembali

Cara Kedua :

1. Hidupkan printer lalu jalankan printer untuk mencetak 1 halaman
2. Maka printer akan menunjukan Error 5200
3. Langsung cabut kabel Power printer
4. Bukan tutup printer dan geser cartridge ke tengah secara manual (tekan kait di belakang head berwarna putih untuk menggesernya)
5. Cabut kedua cartridgenya dan biarkan kedua tutupnya terbuka
6. Nyalakan printer kembali maka Carriage akan bergerak ke kiri dan kanan sampai berada di tengah kembali pasang kembali cartridgenya dan tutup dengan benar
7. Printer sudah siap untuk digunakan kembali

Semoga Bermanfaat

Read More

Cara Reset Printer Canon MX 308

Pada artikel sebelumnya saya sudah membahas tentang cara Mereset Ink Level Printer Canon MX 308, untuk melihat artikelnya klik Disini.

Dan pada artikel kali ini saya akan membahas cara mereset Printer Canon MX 308 itu sendiri.
Biasanya untuk mereset sebuah printer dibutuhkan sebuah software utility untuk meresetnya dan pada artikel ini saya akan membahas dengan  hanya menggunakan kombinasi tombol yang ada.

Berikut Cara meresetnya :

1. Siapkan 2 lembar kertas di paper tray printer dan posisi printer mati dan kabel power terhubung ke listrik.
2. Tekan dan tahan tombol Reset, kemudian tekan tombol Power, sedangkan Tombol resetnya tetap di tahan
3. Tekan tombol Reset 2x
4. Lepas semua tombol
5. Tunggu sampai Canon MX308 berhenti dan diam (Standby)
6. Tekan tombol Reset 1x, kemudian tombol Power 1x
7. Dan Canon MX308 akan mencetak 1 halaman
8. Kemudian tekan tombol Reset 2x
9. Dan Canon MX308 akan mencetak 1 halaman lagi
10. Tekan tombol Reset 3x
11. Tekan tombol Reset 4x lagi
12. Matikan printer canon MX 308 dengan menekan tombol powernya.

Semoga Bermanfaat.

Read More

Reset Ink Level Canon MX 308

Ketika cartridge canon MX 308 yang telah habis lalu di refill / isi ulang maka status tinta di monitor akan tetap terlihat habis dan printer tidak mau digunakan untuk mencetak.

Bagaimana cara mengatasinya?, berikut ini tips untuk mengatasi hal tersebut.

Cara reset ink level Canon MX 308

1. Siapkan 2 lembar kertas kosong di paper tray printer
2. Matikan printer Canon MX 308 dengan cara menekan tombol powernya dan lepaskan kabel powernya
3. Kemudian tekan dan tahan tombol power, kemudian hubungkan kabel power
4. Sambil menekan tombol power, tekan tombol Stop / Cancel
5. Lalu lepas tombol power maka printer ada dalam keadaan factory mode
6. Tekan tombol ">" sekali "Shipping mode 3" lalu tekan tombol "OK", kemudian tekan "OK" lagi untuk  "Without Cleaning"
7. Maka Canon MX 308 anda akan mencetak printer test 1 halaman
8. Buka penutup printer (Bukan penutup scanner)
9. Sampai posisi cartridge berada di tengah cabut kabel power printer
10. Ambil kedua cartridgenya
11. Hubungkan kabel power lalu nyalakan lagi printernya
12. Pasang lagi cartridgenya dan level tinta akan penuh kembali

Semoga Bermanfaat

Read More

Cara Self Test Printer Canon Series Pixma iP

Pada posting sebelumnya saya sudah membahas tentang cara self test printer Epson, jika penasaran silakan klik Disini.

Dan pada kesempatan kali ini saya akan sedikit share tentang cara Self Test printer Canon series Pixma iP.

Cara Self Test ini bisa digunakan pada printer Canon iP1200, iP1300, iP1600, iP1700, iP1880, iP1980, iP2770, Dll.

Untuk printer Canon Pixma iP2770 caranya agak sedikit berbeda dengan printer series Pixma iP sebelumnya.

Berikut cara Self Test printnya :

Untuk printer Canon Pixma iP1200, iP1300, iP1600, iP1700, iP1880, iP1980

1. Siapkan kertas dan nyalakan printer
2. Tekan tombol Resume tepatnya berada di bawah tombol Power sebanyak 5x
3. Selesai

Untuk printer Canon Pixma iP2770

1. Nyalakan printer
2. Tekan tombol Resume tepatnya berada di bawah tombol Power sampai lampu hijau berkedip 2x lalu lepas tombol Resume
3. Selesai

Semoga Bermanfaat

Read More

Cara Self Test Printer Epson

 

Print Self Test adalah sebuah cara untuk melakukan test print tanpa menggunkan komputer dan itu akan menghemat waktu.

Hal ini sangat dibutuhkan untuk keperluan service jika menggunakan komputer kita harus menginstall drivernya terlebih dahulu.

Disini saya akan memberikan beberapa cara Self Test untuk printer Epson series C, series CX, series R, dan terakhir series T untuk series lainnya akan dibahas di posting selanjutnya.

* Berikut cara Self Test Printer Epson series C, series R dan series T : 

• Pastikan printer dalam keadaan mati
• Tekan tombol Resume
• Dengan posisi tombol Resume masih ditekan tekan tombol Power 1x
• Lalu tekan tombol Resume selama 4 - 5 detik, kemudian lepas

* Cara Self Test Printer Epson series CX : 

• Tekan tombol Power jangan dilepas
• Lalu tekan tombol Ink jangan dilepas
• Tunggu sampai lampu indikator berkedip 1x
• Kemudia lepas tombol Power dan Ink secara bersamaan

Semoga Bermanfaat

Read More

Cara Reset Ink Level Printer Canon MP145

Biasanya setelah kita merefill / isi ulang tinta Ink level (Level tinta) itu masih akan terdetect kosong oleh printer, Kenapa bisa seperti itu?

Itu bukan karna kesalahan si tukang service yang merefill cartridgenya itu karna kita tidak menggunakan tinta original.

Begitupun jika anda mengganti cartridge original yang sudah habis dengan cartridge compatibel maka Ink level (Level tinta) masih akan tersetect kosong.

Lalu bagaimana saya bisa tahu kalau tintanya sudah mulai habis?
Caranya sangatlah mudah yaitu kita hanya perlu mereset Ink level (Level tinta) dengan begitu Ink level di status monitor akan terlihat penuh sama ketika kita pertama kali membeli printer dan menggunakan tinta original.

Berikut cara reset Ink Level :

1. Lepaskan kabel Power printer
2. Kemudian hubungkan kembali sambil menekan tombol Power
3. Dengan keadaan tombol Power masih ditekan, tekan tombol Stop/Reset 2x
4. Kemudian lepas tombol Power maka printer akan masuk ke Service Mode tunggu sekitar 10 - 15 detik sehingga printer kembali standby
5. Tekan tombol OK 2x untuk perintah print test page dan tunggu sampai selesai
6. Buka tutup printer dan tunggu hingga posisi cartridge untuk dilepas
7. Matikan printer dengan cara cabut kabel Powernya
8. Printer dalam kondisi mati lepaskan kedua cartridgenya 
9. Kemudian tutup kembali dan nyalakan dengan keadaan cartridge dilepas
10. Terakhir buka lagi tutup printer dan pasang kedua cartridge yang dilepas
11. Selesai

Semoga Bermanfaat

Read More

Mengenal Kerusakan Pada Printer Canon Seri Pixma IP

Printer Canon Seri Pixma IP akan memberikan tanda jika terjadi masalah pada printer yaitu melalui kedip lampu indikator.

Sebenarnya untuk mengetahui jika terjadi masalah pada printer Canon Seri Pixma IP itu tidak harus melalui lampu indikator bisa juga melalui status monitor printer tersebut.

Tapi tidak ada salahnya jika kita mengetahui arti dari kedip lampu indikator karna ini sangat berguna kita tidak harus repot - repot menginstall driver printer terlebih dahulu (Jika driver belum terinstall kalau sudah ya bagus).

Berbeda dengan printer Canon seri MP jika terjadi masalah pada printer maka printer akan memberikan kode error yang akan ditampilkan pada lampu led printer tersebut, untuk mengetahui kode error printer Canon Seri MP dan solusinya silakan klik Disini.

Berikut kode error Printer Canon seri Pixma IP :

Lampu orange : 3x
Lampu hijau : 1x
Kerusakan :
Kemungkinan terjadi kerusakan pada bagian mekanik printer, atau bisa juga ada benda asing yang tersangkut di mekanik printer.
Solusi : Cek apakah ada benda asing yang tersangkut di roll tarikan kertas printer, jika tidak ada maka mekanik printer harus diganti

Lampu orange : 4x
Lampu hijau : 1x
Kerusakan :
Waste Ink Pad Full (indikasi tinta pembuangan penuh).
Solusi :
Printer perlu direset menggunakan General Tool resetter atau IP resetter.

Lampu orange : 5x
Lampu hijau : 1x
Kerusakan :
Kemungkinan permasalahan terjadi pada cartridge hitam atau warna. Bisa Carriage Unit / Rumah Cartridge karena tinta atau yang lain. Bisa Carriage Unit / Rumah Cartridge terbakar karena konsleting terkena tinta.
Solusi :
Jika  Carriage Unit / Rumah Cartridge kotor atau terkena tinta maka perlu dibersihkan menggunakan tisu atau menggunakan penghapus pensil. Jika cartridge terbakar, harus diganti.

Lampu orange : 7x
Lampu hijau : 1x
Kerusakan :
Kemungkinan permasalahan terjadi pada cartridge warna. Bisa Carriage Unit / Rumah Cartridge karena tinta atau yang lain. Bisa Carriage Unit / Rumah Cartridge  terbakar karena konsleting terkena tinta. Biasa terjadi pada printer Canon IP 1980.
Solusi :
Jika Bisa Carriage Unit / Rumah Cartridge kotor atau terkena tinta maka perlu dibersihkan menggunakan tisu atau menggunakan penghapus pensil. Jika cartridge terbakar, harus diganti.

Lampu orange : 8x
Lampu hijau : 1x
Kerusakan :
Waste Ink Pad Full (indikasi tinta pembuangan penuh).
Solusi :
Printer perlu direset menggunakan General Tool resetter atau IP resetter.

Lampu orange : 7x
Lampu hijau : 7x
Kerusakan :
Waste Ink Pad Full (indikasi tinta pembuangan penuh).
Solusi :
Printer perlu direset menggunakan General Tool resetter atau IP resetter.

Lampu orange : 15x
Lampu hijau : 1x
Kerusakan :

Kemungkinan permasalahan terjadi pada cartridge hitam atau warna. Bisa Carriage Unit / Rumah Cartridge karena tinta atau yang lain. Bisa Carriage Unit / Rumah Cartridge terbakar karena konsleting terkena tinta. Biasa terjadi pada printer Canon IP 1980
Solusi :
Jika  Carriage Unit / Rumah Cartridge kotor atau terkena tinta maka perlu dibersihkan menggunakan tisu atau menggunakan penghapus pensil. Jika cartridge terbakar, harus diganti.

Semoga Bermanfaat

Read More

Berbagai Macam Kode Error Printer Canon MP258

Printer merupakan sebuah perangkat keras (Hardware) yang berfungsi untuk mencetak dokumen maupun gambar atau photo dengan menggunakan media kertas sebagai outputnya.

Saat ini terdapat beberapa merk printer yang beredar di masyarakat seperti Canon, Epson, Hewlett Packard (HP), Lexmark dan lainnya.

Dan pada kesempatan kali ini saya akan share beberapa kode error printer Canon MP258 dan solusi untuk mengatasinya.
Kode error Canon MP258 dibagi menjadi 2 jenis yaitu yang menggunakan awalan huruf "P" dan "E"
Keduanya mempunyai arti yang berbeda.
Berikut kode error dan cara untuk mengatasinya :

* Kode Error "P" Canon MP258 :

P02 (Carriage error)
Solusi :
1. Pastikan tidak ada benda asing yang tersangkut di roll printer.
2. Bersihkan dan cek encodernya, mungkin kena cipratan tinta.

P03 (Line feed error)
Penyebab : Timing Disk kotor / rusak.
Solusi :
1. Cek timing disk sensor di sebelah kiri printer
2. Cek dan bersihkan boardnya.

P05 (ASF sensor error)
Penyebab : Sensor pendeteksi kertas Canon MP258 Error.
Solusi :
Coba ganti salah satu spare part berikut ini :
1.  ASF / PE sensor unit.
2.  Motor .
3.  Board Printer Canon MP258.

P06 (Internal temperature error):
Penyebab : Panas yg berlebihan di dalam printer Canon MP258.
Solusi :
1. Bersihkan bagian dalam printer MP258.
2. Ganti Board Printer MP258

P07 (Ink absorber full):
Penyebab : Ink Counter Full / Penuh, Printer Canon MP258 minta di reset menggunakan Software.
Solusi :
1. Reset Printer Canon MP258 dengan menggunakan software

P08 (Print head temperature rise error):
Penyebab : Head terlalu panas melebihi batas, biasanya Catridge warnanya
Solusi :
1. Coba ganti catridge warna Printer Canon MP258.

P09 (EEPROM error)
Penyebab : EEPROM board Canon MP258 mengalami Corrupt atau rusak.
Solusi :
1. Ganti Board Printer Canon MP258.

P15 (USB VBUS over current)
Penyebab : Printer kelebihan arus dari kabel USB Printer Canon MP258.
Solusi :
1. Coba Ganti Kabel USB Printer Canon MP258.
2. Jika masih rusak, ganti Board Printer Canon MP258.

P20 (Other hardware error)
Penyebab : Kerusakan hardware lainnya
Solusi :
1. Ganti Board Printer Canon MP258.

P22 (Scanner error)
Penyebab : Scanner tidak berfungsi
Solusi :
1. Ganti scanner Printer Canon MP258.
2. Ganti Board Printer Canon MP258.

* Kode Error "E" canon MP258 :

E04 : Catridge Canon MP258 tidak terpasang dengan baik.
Solusi :
1. Ambil catridge, lalu pasang kembali

E05 : Catridge canon MP258 tidak terpasang dengan baik atau salah satu catridge ada yang rusak
Solusi :
1. Ambil catridge, lalu pasang kembali
2. Ganti catridge jika ada yg rusak

E14 dan E15 : Catridge canon MP258 tidak terpasang dengan baik.
Solusi :
1. Ambil catridge, lalu pasang kembali

E13 dan E16: Ink has run out / catridge minta di reset.
Solusi :
1.  Tekan tombol STOP / Reset selama 5 - 15 detik tunggu sampai led display berproses.

Semoga Bermanfaat

Read More

Cloud Computing / Komputasi Awan

Cloud computing atau komputasi awan merupakan definisi untuk teknologi komputasi grid (grid computing) yang digunakan pada pertengahan hingga akhir 1990-an. Jargon komputasi awan mulai muncul pada akhir tahun 2007, dan digunakan untuk memindahkan layanan yang digunakan sehari-hari ke Internet, bukan disimpan di komputer lokal lagi.

Cloud computing atau komputasi awan merupakan tren baru di bidang komputasi terdistribusi dimana berbagai pihak dapat mengembangkan aplikasi dan layanan berbasis SOA (Service Oriented Architecture) di jaringan internet.

Berbagai kalangan dapat menarik manfaat dari layanan komputasi awan ini baik sebagai solusi teknologi maupun mendapatkan manfaat ekonomis darinya.

Email yang tersedia dalam bentuk web mail merupakan contoh yang sangat kecil dari teknologi cloud computing. Dengan menggunakan layanan email seperti Gmail dan Yahoo Mail, orang tidak perlu lagi menggunakan Outlook atau aplikasi desktop lainnya untuk email mereka. Membaca email dengan browser memungkinkan dilakukan di mana saja sepanjang ada koneksi internet.

Pada tahun 2007, layanan lain termasuk pengolahan kata, spreadsheet, dan presentasi telah dipindahkan ke dalam komputasi awan. Google menyediakan pengolah kata, spreadsheet dan aplikasi presentasi di lingkungan komputasi yang awan dan terintegrasi dengan Gmail dan Google Calendar, menyediakan lingkungan kantor di web (atau di awan). Microsoft dan perusahaan lain juga bereksperimen
dengan mengalihkan program-program ke awan untuk membuatnya lebih terjangkau dan lebih mudah diakses oleh pengguna komputer dan Internet. Perangkat lunak sebagai layanan (istilah Microsoft untuk komputasi awan) adalah barang yang sangat baru bagi kebanyakan orang di Microsoft.

Cloud computing saat ini sangat populer, selain dari pemain besar software seperti Microsoft dan Google, perusahaan lain bermunculan hanya untuk menyediakan layanan berbasis awan sebagai pengganti atau penyempurnaan aplikasi pada PC hari ini. Beberapa dari perusahaan tersebut adalah Zoho.com, sebuah office suite online, Evernote.com, merupakan sebuah situs yang ditujukan untuk catatan online , dan RememberTheMilk.com, manajemen tugas online.

Teknologi komputasi dan teknik pemrograman baru atau teknik pengembangan berubah dengan cepat, tujuan dalam komputasi awan nampaknya akan membuat teknologi menjadi sangat mudah dimata user dan menjadikannya sesederhana mungkin. Pengembangan berbasis internet sangat pesat saat ini dengan boomingnya blogging dan microblogging serta layanan jejaring sosial yang bertujuan untuk menemukan cara baru membantu individu dan bisnis untuk dapat berkomunikasi satu sama lain di arena komputasi awan

Read More

Membuat Threaded Comments Untuk Blogger

Beberapa hari yang lalu ada seorang sobat blogger yang bertanya kepada saya "Bagaimana cara membuat komentar seperti blog ini ?" dan sekarang saya akan mencoba menjawabnya. sebelum langsung ke tutorial saya akan mencoba menjelaskan sedikit tentang system komentar ini. seperti yang kita ketahui selama ini blogger belum mendukung system komentar Threaded Comments, system komentar ini umumnya digunakan wordpress jika dulu kita ingin membuat system komentar ini kita harus menggunakan Disqus Comments yang merubah kotak system komentar bawaan blogger menjadi Threaded Comments cara ini memang sedikit sulit. tetapi sekarang kita tidak perlu repot karna blogger sudah mendukung system komentar ini.

Demo

1. Login ke Blogger -> Rancangan -> Edit HTML dan centang "Expand Template Widget" dan jangan lupa download template
2. Cari kode berikut

]]></b:skin>

3. Copy dan paste kode dibawah ini sebelum kode no 2

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background-image:  url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEKMJrPhW7JZWWDDSN3rmOQieV3gbn89cEGLpJChxaU7xVX_7Y4wzakS1yd3LRdnAHDSVgtKcb6VJfibYdr4pL9xtJQT2YfZZM2p9JD8K-RcyT8lZwxzd-pq0ujrARaWWvdN0oJz2kwcM/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

4. Temukan kode berikut

</body>

5. Taruh kode dibawah ini tepat sebelum kode no 4

<script type="text/javascript"><!--
var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3<_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)>35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--></script>

6. Cari kode berikut

<b:includable id='comments' var='post'>

......................................

</b:includable>

7. Dan ganti dengan kode dibawah ini

<div class='comments' id='comments'>
  <a name='comments'/>
  <b:if cond='data:post.allowComments'>
        <h4>
             <b:if cond='data:post.numComments &gt; 0'>
          <b:if cond='data:post.numComments == 1'>
            <span id='cm_total'>1</span> comment
          <b:else/>
            <span id='cm_total'><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>
      
        <div id='cm_reply_css'/>
      
        <div class='cm_pagenavi' id='cm_page'/>
      
        <div id='cm_block'>
            <b:loop values='data:post.comments' var='comment'>
                <b:if cond='data:comment.isDeleted'>
                <b:else/>
              
                    <div expr:id='data:comment.anchorName'>
                        <div class='cm_wrap'>
                            <a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.author == data:post.author'>
                               <div class='cm_head'>
                                <div class='cm_avatar_a'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>                       
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_BLOG_KAMU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
                                </div>
                            </div>
<b:else/>

                            <div class='cm_head'>
                                <div class='cm_avatar'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>                       
                                </div>
                                <div class='cm_reply'>
                                    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_BLOG_KAMU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
                                </div>
                            </div>
</b:if>

<b:if cond='data:comment.author == data:post.author'>
                                <div class='cm_entry_a'>
                                <span class='cm_arrow'/>
                                <div class='cm_info_a'>
                                    <div class='cm_name_a'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                       <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>
                                            </b:if>                                 
                                </div> 
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>
                      

<b:else/>

                            <div class='cm_entry'>
                                <span class='cm_arrow'/>
                                <div class='cm_info'>
                                    <div class='cm_name'>

                                      <b:if cond='data:comment.author == data:post.author'>
                                                                                      <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                                           <b:else/>

                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                       </b:if>
                                        </b:if>
                                    </div>

                                            <b:if cond='data:comment.author == data:post.author'>
                                     <div class='cm_date_a'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>

                                            <b:else/>

                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>
                                            </b:if>                                 
                                </div> 
                                  <b:if cond='data:comment.author == data:post.author'>
                                     <div class='comment-body-author'>
                                <p><data:comment.body/></p>
                                     </div>
                                            <b:else/>
                                <p><data:comment.body/></p>
                                 </b:if>
                            </div>
</b:if>
                        </div>
                    </div>
                </b:if>             
     </b:loop>
        </div>

        <div class='cm_pagenavi' id='cm_page_copy'/>

    <b:if cond='data:post.embedCommentForm'>
            <b:if cond='data:post.allowNewComments'>
                <b:include data='post' name='comment-form'/>
            <b:else/>
                <data:post.noNewCommentsText/>
            </b:if>
            <b:else/>
            <b:if cond='data:post.allowComments'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
            </b:if>
    </b:if>

  </b:if>
  </div>

8. Simpan dan lihat hasilnya

Semoga Bermanfaat

Read More

Menu Navigasi Mini Nettuts+

Pada artikel sebelumnya saya sudah pernah menjelaskan tentang cara membuat Horizontal menu dengan jQuery. Dan pada artikel ini saya akan membahas tentang cara membuat menu navigasi bergaya Nettuts+. Menu navigasi ini nanti akan melayang di bagian pojok blog dan ketika menu di sorot pointer mouse menu navigasi ini akan mengeluarkan tooltip dengan bergaya balon / bubble dibalut dengan efek jQuery yang menawan. Menu navigasi ini dibuat oleh salah satu blogger professional asal indonesia, jika ingin melihat artikel aslinya silakan klik disini

Demo

1. Login ke Blogger -> Masuk ke Rancangan -> Edit HTML
2. Cari kode berikut

</head>

3. Copy dan paste kode di bawah ini tepat di atas kode no 2

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://purnamalabs.googlecode.com/files/menu.js' type='text/javascript'/>

4. Cari kode berikut

]]></b:skin>

5. Copy dan paste kode di bawah ini tepat di atas kode no 4

/**
 * Mini floating Navigation by Taufik Nurrohman
 * Visit: http://hompimpaalaihumgambreng.blogspot.com
 */

#sidenav {
  position:fixed !important;
  position:absolute; /* IE6 Fallback */
  top:60px;
  left:0px;
  z-index:999;
  background-color:#eee;
  border:1px solid #ccc;
  width:auto;
  height:auto;
  text-indent:-99999px;
  font:normal 12px Arial,Sans-Serif !important;
  -webkit-box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);
}

#sidenav ul {
  margin:0px 0px;
  padding:0px 0px;
}

#sidenav li {
  margin:0px 0px;
  padding:0px 0px;
  list-style:none;
  display:block;
  position:relative;
}

#sidenav a {
  display:block;
  width:20px;
  border-bottom:1px solid #ccc;
  color:#666;
  text-decoration:none;
  -webkit-box-shadow:inset 0px 0px 0px 1px white;
  -moz-box-shadow:inset 0px 0px 0px 1px white;
  box-shadow:inset 0px 0px 0px 1px white;
}

#sidenav li:last-child a {
  border-bottom:none;
}

#sidenav span.ttp {
  display:block;
  position:absolute;
  top:0px;
  font:normal 94% Arial,Sans-Serif;
  background-color:#39f;
  color:white;
  padding:0px 10px;
  line-height:22px;
  height:22px;
  width:auto;
  left:100%;
  z-index:77;
  margin-left:17px;
  text-indent:0px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  display:none;
}

#sidenav span.ttp em {
  display:block;
  width:0px;
  height:0px;
  border:4px solid transparent;
  border-right-color:#39f;
  position:absolute;
  top:7px;
  right:100%;
}

#sidenav li ul {
  width:150px;
  height:auto;
  background:transparent;
  border:none;
  position:absolute;
  top:-1px;
  left:100%;
  -webkit-box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);
  box-shadow:0px 1px 7px -3px rgba(0,0,0,0.4);
  display:none;
}

#sidenav li ul a { 
  border:1px solid #ccc;
  border-bottom:none;
  background-color:#eee;
  display:block;
  width:auto;
  padding:0px 10px;
  line-height:25px;
  text-indent:0px;
  -webkit-box-shadow:inset 0px 0px 0px 1px white;
  -moz-box-shadow:inset 0px 0px 0px 1px white;
  box-shadow:inset 0px 0px 0px 1px white;
}

#sidenav li a:hover {background-color:#ddd;}

#sidenav li ul li:last-child a {
  border-bottom:1px solid #ccc;
}

/* CSS Sprites */
#sidenav a.main {
  background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSIj6UnNKFXu1kntrIi74Ntf4VMfT0h499UuPT5tgspm_TRjsswx8MKcJKrPvQNjXHAZDt3Hp9kld-8fMXtx6qZ1vvEcCsBY3Go4Hp6vGtWF_8XkEDtDNK49ihnU6DQyyJvAs4XZJssJ0/s1600/main-sprites.png');
  background-repeat:no-repeat;
  width:26px;
  height:25px;
}

#sidenav a.home    {background-position:5px 4px;   }
#sidenav a.about   {background-position:5px -22px; }
#sidenav a.archive {background-position:5px -48px; }
#sidenav a.share   {background-position:5px -73px; }
#sidenav a.photos  {background-position:5px -100px;}
#sidenav a.contact {background-position:5px -126px;}

#sidenav li ul a.social {
  background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf-GzV02dUY50sraPhzKqSc0wGWIRa5_ZayoGR5RmhLDgvhzpqBcHwl0TLK_-RhfOZdm-E2HGH4N6BeZ8cTqLYLNPXkHY1hu50P5tvLbYed8Od6h_Yto970S94MqvVVuUoLDbe54mTwiWO/s1600/social-sprites.png');
  background-repeat:no-repeat;
  padding-left:30px !important;
}

#sidenav li ul a.blogger    {background-position:5px 4px;   }
#sidenav li ul a.facebook   {background-position:5px -21px; }
#sidenav li ul a.twitter    {background-position:5px -47px; }
#sidenav li ul a.googleplus {background-position:5px -73px; }
#sidenav li ul a.flickr     {background-position:5px -99px; }
#sidenav li ul a.rss        {background-position:5px -125px;}
#sidenav li ul a.mail       {background-position:5px -151px;}

/* CSS Fallback */
#sidenav li:hover .fallback {display:block;}

6. Cari lagi kode ini

</body>

7. Paste kode di bawah ini tepat di atas kode no 6

<nav id='sidenav'>
    <ul>
        <li><a class='main home' href='/'>Home</a></li>
        <li><a class='main about' href='#'>About</a>
            <ul class='fallback'>
                <li><a class='social blogger' href='#'>Me on Blogger</a></li>
                <li><a class='social facebook' href='#'>Me on Facebook</a></li>
                <li><a class='social twitter' href='#'>Me on Twitter</a></li>
                <li><a class='social googleplus' href='#'>Me on Google+</a></li>
            </ul>
        </li>
        <li><a class='main archive' href='#'>Archives</a>
            <ul class='fallback'>
                <li><a href='#'>Table of Contents</a></li>
                <li><a href='#'>Recent Articles</a></li>
                <li><a href='#'>Recent Comments</a></li>
            </ul>
        </li>
        <li><a class='main share' href='#'>Share</a>
            <ul class='fallback'>
                <li><a class='social blogger' href='#'>Blogger</a></li>
                <li><a class='social facebook' href='#'>Facebook</a></li>
                <li><a class='social twitter' href='#'>Twitter</a></li>
                <li><a class='social googleplus' href='#'>Google+</a></li>
                <li><a class='social flickr' href='#'>Flickr</a></li>
                <li><a class='social rss' href='#'>RSS</a></li>
                <li><a class='social mail' href='#'>Mail</a></li>
            </ul>
        </li>
        <li><a class='main photos' href='#'>Screencast</a></li>
        <li><a class='main contact' href='#'>Contact</a>
            <ul class='fallback' style='font-weight:bold;'>
                <li><a class='social facebook' href='#'>Facebook</a></li>
                <li><a class='social twitter' href='#'>Twitter</a></li>
                <li><a class='social mail' href='#'>Mail</a></li>
            </ul>
        </li>
    </ul>
</nav>

8. Ganti tanda "#" dengan url tujuan kamu

9. Selesai

Semoga Bermanfaat

Read More

Bagian - Bagian Utama Dalam Motherboard

Motherboard atau mainboard merupakan papan utama dimana terdapat komponen-komponen serta chip controller yang bertugas mengatur lalu lintas data dalam sistem motherboard. Pada Motherboard juga terdapat socket untuk processor, slot-slot yang digunakan untuk pemasangan komponen kartu seperti VGA Card, Sound Card, Internal Modem, dan lain-lain.

Bagian Utama Dalam Motherboard :



1) Processor
Berguna untuk memproses suatu input yang berupa data, file, dokumen yang akan berguna bagi user.

Macam - Macam Processor ada 2, yaitu :
INTEL :
* Pentium mmx        * Dual core
* Pentium x86        * Core 2 duo
* Pentium III        * Core I3, I5, I7

AMD  :
* Duron    * Sempron
* Athlon    * Phenom

2) Motherboard
Hal - hal yang perlu diperhatikan dalam menggunakan Motherboard :

* Lihatlah socket processornya
* Perhatikan colokan powernya
* Check chipset motherboardnya
* Jenis memory / RAM
* perhatikan battery nya

Macam - macam Motherboard

* ATX
Ciri - Ciri :
- Terdapat 5 slot PCI
- Menggunakan Powersupply 450 watt
- Terdapat 3 slot RAM / Memory

* Micro ATX
Ciri - ciri :
- Ukuran lebih kecil dari ATX
- Terdapat 2 slot PCI
- Menggunakan Powersupply 350 watt

* Middle ATX
Ciri - ciri :
- Menggunakan 2-5 slot PCI
- Menggunakan Powersupply < 350 watt
- Menggunakan socket Processor bersifat optimal

3) Hard Disk Drive ( HDD )
Digunakan sebagai media simpan bersifat permanen

Jenis - jenis HDD :

* IDE
Ciri - ciri :
- Kecepatan akses data 100 Mbps
- Mempunyai putaran 4500 RPM ( Rotary Per Minutes )
- Menggunakan konektor IDE 100

* SATA
Ciri - ciri :
- Kecepatan transfer data 120 Mbps
- Mempunyai putaran 7200 RPM
- Menggunakan konektor SATA

* SSD
Ciri - ciri
- Menggunakan chip sebagai media simpan permanen
- Mempunyai ukuran kecil, compact dan ringan
- Tahan terhadap benturan

4) Memory Card
Digunakan sebagai media simpan yag bersifat sementara.
Memory card juga disebut juga sebagai RAM ( Random Access Memory )

Jenis - Jenis Memory Card :

* EDO
Ciri - Ciri :
- Kapasitas maksimum 8 MB
- Mempunyai 2 lekukan
- Mengkonsumsi daya sebesar 3 volt

* SDRAM
Ciri - ciri :
- Mempunyai 2 lekukan
- Kapasitas maksimum 128 MB
- Mempunyai ukuran yang besar dari EDO

* DDR
Ciri - ciri :
- Mempunyai kecepatan 2x dari SDRAM
- Hanya mempunya 1 lekukan
- Mempunyai kapasitas maksimum 4 GB

5) VGA Card ( Video Graphics Array )
Digunakan sebagai media pememroses tampilan yang digunakan pada monitor CRT dan LCD

Jenis -  jenis VGA Card

* VGA Card PCI
Ciri - Ciri :
- Menggunakan slot PCI sebagai interfacenya
- Mempunyai kapasitas 8 MB - 16 MB GPU ( Graphical Processing Unit )

* AGP ( Accelerated Graphics Port )
Ciri - ciri :
- Menggunakan slow AGP
- Mempunyai kapasitas 32 MB - 128 MB GPU
- Memakai sumber daya sebesar 32 volt powersupply

* PCI Express
Ciri- ciri :
- Menggukan slot PCI Express
- Mendukung DirectX 10 Microsoft Windows

6) Port I/OPort yang menghubungkan antara komponen-komponen dalam motherboard
dengan komponen-komponen PC yang terletak di luar motherboard, seperti monitor, speaker maupun printer.

Contohnya :
* Port SATA/ATA
* Port IDE, Port USB
* Port Audio/Video
* Port Modem & Ethernet, dll.

7) Complementary Metal Oxide Semiconductor (CMOS) adalah sebuah baterai kecil yang berfungsi untuk menyimpan konfigurasi sistem computer

Semoga Bermanfaat

Read More

Disable Klik Kanan

Mendisable klik kanan pada blog memang kadang dirasa perlu ketika sebuah artikel yang kita buat dengan susah payah tiba - tiba berpindah ke blog lain begitu saja tanpa seizin dari kita.

Pada artikel kali ini saya akan mencoba membantu bagi kamu yang ingin melindungi artikelnya. Jadi jika nanti ada seorang pengunjung melakukan klik kanan di blog kamu maka yang muncul bukanlah kotak sebuah kecil yang bertuliskan pesan "Maaf DILARANG klik kanan" melainkan sebuah gambar.

Saran saya pikirkan kembali jika kamu ingin menerapkan ini karna nanti si pengunjung akan merasa tidak nyaman.

Demo

Berikut cara memasangnya :
1. Login ke Blogger masuk ke Rancangan -> Edit HTML
2. Cari kode berikut

]]></b:skin>

3. Copy kode di bawah ini dan paste di atas kode no 2

rightclick{ 
background-image:url(http:url-gambar-sobat-blogger); 
z-index:99999;background-repeat:no-repeat; 
background-position:center center; 
background-attachment:fixed; 
background-color:rgba(0,0,0, 0.85); 
display:none; 
width:100%; 
height:100%; 
position:fixed; 
top:0%;left:0%;right:0%;bottom:0%; 
cursor: crosshair;}

4. Cari kode berikut

</body>

5. Copy dan paste kode di bawah ini di atas kode tadi

<script type='text/javascript' src='http://purnamalabs.googlecode.com/files/klikkanan.js'></script> 

6. Cari kode berikut

<body>

7. Ganti kode tersebut dengan kode di bawah ini

<body oncontextmenu='rightclickfalse();return false;'>

Semoga Bermanfaat

Read More

On Mouseover Alert

On mouseover alert berfungsi untuk menampilkan pesan ketika seorang pegunjung blog menggerakan cursor di atas gambar. Script yang digunakan merupakan script JavaScript yang sangat sederhana. Efek ini juga bisa di tampilkan di dalam sebuah artikel maupun di dalam widget. Jika masih bingung silakan arahkan cursor ke gambar berikut




Cara memasangnya kamu cukup copy dan paste kode di bawah ini dan paste di posting

<a href="" onMouseOver="alert('PESAN YANG INGIN DITAMPILKAN');return true;">
<img src="URL_GAMBAR" ></a>

Semoga Bermanfaat

Read More

Membuat Gambar Bergetar

Pada postingan kali ini saya akan membahas tentang cara membuat gambar bergetar di blogger,
jadi ketika gambar di sorot oleh cursor mouse maka gambar tersebut akan bergetar otomatis.

Cara ini berlaku untuk gambar yang berada di artikel maupun yang berada di widget blog.
Jika masih bingung silakan lihat demonya.

Demo

Cara memasangnya :
1. Login ke Blogger masuk ke -> Rancangan -> Edit HTML
2. Cari kode berikut

]]></b:skin>

3. Copy dan paste kode CSS ini di atas kode tadi

.gambargetar{
position:relative
}

4. Cari lagi kode berikut

</body>

5. Lalu masukan kode di bawah ini di atas kode no 4

<script type="text/javascript" src="http://purnamalabs.googlecode.com/files/Bergetar.js"></script>  

6. Untuk memanggilnya kamu bisa masukan kode di bawah ini pada artikel atau widget

<img src="MASUKAN_URL_GAMBAR_DI_SINI" class="gambargetar" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()">

Semoga bermanfaat

Read More

Membuat Read More Otomatis

Fungsi Read more atau baca selengkapnya adalah untuk menyingkat artikel panjang sehingga terlihat menjadi rapi dan menarik.

Selain itu Read more otomatis ini akan mengambil gambar thumbnail dari artikel.

Jika menggunakan Read more versi lama tentu kita akan direpotkan ketika ingin membuat artikel harus menambahkan beberapa kode ke dalam artikel.

Oke sekian basa basinya berikut langkah membuatnya :

1. Login ke Blogger masuk ke -> Rancangan -> Edit HTML dan centang "Expand Widget Template"
2. Cari kode berikut

</head>

3. Kemudian copy kode di bawah ini dan paste sebelum kode no 2

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>

* Keterangan kode

summary_noimg = 430; //untuk memotong tinggi tanpa gambar
summary_img = 340; //untuk memotong tinggi dengan gambar
img_thumb_height = 100; //untuk mengatur gambar thumbnailnya
img_thumb_width = 120; //untuk lebar gambar thumbnailnya

4. Cari lagi kode

<data:post.body/>

5. Ganti kode no 4 dengan kode di bawah ini

<b:if cond='data:blog.pageType != "item"'> 
<div expr:id='"summary" + data:post.id'><data:post.body/></div> 
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); 
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>
</b:if> 
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> 

Semoga Bermanfaat

Read More

Horizontal Menu With jQuery

Menu di dalam sebuah web atau blog mempunyai fungsi yang sangat penting yaitu untuk memudahkan para pengunjung berselancar di web atau blog tersebut selain untuk memudahkan pengunjung berselancar bisa juga untuk mempercantik tampilan web tersebut.

Pada kesempatan kali ini saya akan menjelaskan tentang cara membuat menu horizontal yang di beri sedikit sentuhan jQuery jadi ketika menu ini sorot oleh kursor mouse maka menu tersebut akan berjungkir balik. Menu ini juga ditambahi dengan efek bayangan/shadow.
Jika masih bingung silakan lihat demonya.

Demo

Cara Membuatnya
1. Login ke Blogger -> Rancangan -> Edit HTML
2. Cari kode berikut

 ]]></b:skin>

3. Copy dan paste kode di bawah ini tepat sebelum kode no 2

ul#topnav {
   margin: 20px 0 90px;
   padding: 0;
   list-style: none;
   font-size: 1.1em;
   clear: both;
   float: left;
   width: 100%;
}
ul#topnav li{
   margin: 0;
   padding: 0;
   overflow: hidden;
   float: left;
   height:40px;
}
ul#topnav a, ul#topnav span {
   padding: 10px 20px;
   float: left;
   text-align: center;
   text-decoration: none;
   color: #fff;
   text-shadow:0px 1px 0px #000;
   text-transform: uppercase;
   clear: both;
   height: 20px;
   width:100px;
   line-height: 20px;
   background: #555;
}
ul#topnav a {
   color: #7bc441; }
ul#topnav span {
   display: none;
}
ul#topnav.v2 span{
   background:#121212;
}
ul#topnav.v2 a{
   color: #ccc;
   background:#151515;
   -moz-box-shadow: 1px 1px 65px #ccc;
}

4. Cari kode berikut

</head>

5. Copy dan paste kode di bawah ini tepat di atas kode no 4

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function() {
$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
$("#topnav li").each(function() { //For each list item...
var linkText = $(this).find("a").html(); //Find the text inside of the a tag
$(this).find("span").show().html(linkText); //Add the text in the span tag
});
$("#topnav li").hover(function() { //On hover...
$(this).find("span").stop().animate({
marginTop: "-40" //Find the span tag and move it up 40 pixels
}, 250);
} , function() { //On hover out...
$(this).find("span").stop().animate({
marginTop: "0" //Move the span back to its original state (0px)
}, 250);
});
});
</script>

6. Copy kode dibawah ini dan paste di gadget HTML/JavaScript atau kamu simpan di tempat yang kamu suka

<ul class='v2' id='topnav'>
<li><a href='http://purnamalabs.blogspot.com/' title='HOME'>HOME</a></li>
<li><a href='ALAMAT LINK' title='MENU 1'>MENU 1</a></li>
<li><a href='ALAMAT LINK' title='MENU 2'>MENU 2</a></li>
<li><a href='ALAMAT LINK' title='MENU 3'>MENU 3</a></li>
<li><a href='ALAMAT LINK' title='MENU 4'>MENU 4</a></li>
<li><a href='ALAMAT LINK' title='MENU 5'>MENU 5</a></li>
</ul>

Semoga Bermanfaat

Read More

Recent Posts Dengan Efek Spy

Recent Posts atau daftar postingan adalah salah satu widget yang mempunyai peran penting dalam sebuah blog atau web yang fungsinya adalah untuk menampilkan artikel atau postingan terbaru dari blog tersebut. Recent Posts dapat ditampilkan dengan berbagai cara salah satunya dengan menggunakan Efek Spy.

Widget Recent Posts ini memiliki dua mode tampilan yang bisa disesuaikan dengan ruang blog yang ada.
Jika blog kamu memiliki ruangan yang cukup lebar maka kamu bisa menggunakan mode tampilan dua namun jika ruangan yang dimiliki sempit maka kamu bisa menggunakan mode tampilan yang pertama.

Demo

Langkah Memasang Recent Posts dengan Efek Spy
1. Login ke Blogger -> pilih Rancangan
2. Tambahkan Widget HTML/JavaScript dan paste kode dibawah ini di kotak tersebut

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#rpsidebarspy {
overflow:hidden;
margin:5px auto;
padding:0px 0px;
height:450px;
font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}
#rpsidebarspy ul{
width:480px;
overflow:hidden;
list-style-type: none !important;
padding: 0px 0px;
margin:0px 0px;
}
#rpsidebarspy li {
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none !important;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://lh5.googleusercontent.com/-GKbvLBC1tW8/TfYBC0rDF5I/AAAAAAAAFa4/e58iyiLSm-s/s800/bgrcspypost.jpg) repeat-x;
border:1px solid #ddd;
}
#rpsidebarspy li a {
text-decoration:none;
color:#4B545B;
height:16px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#rpsidebarspy li .news-text {
display:block;
padding:5px;
text-align:justify;
}
#rpsidebarspy li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
width:70px;
height:70px;
}
.spydate{
overflow:hidden;
padding:2px 0px;
margin:1px 0px 0px 0px;
}
</style>
<script language="Javascript" type="text/javascript">//<![CDATA[
jmlrepos = 10;
tampilspy = 5;
durasispy = 4000;
alamatblog = "http://purnamalabs.blogspot.com";
eusiartikel = true;
jmlkarpos = 150;
//]]></script>
<div id="rpsidebarspy">
<script src='http://henscripts.googlecode.com/svn/trunk/jquery.simplespy.min.js' type='text/javascript'></script>
</div>

* Keterangan kode

• jmlrepos = 10; | Ubah nilai 10 untuk mengatur jumlah keseluruhan artikel yang ingin ditampilkan
• tampilspy=5; | Ubah nilai 5 untuk mengatur jumlah artikel yang akan ditampilkan
• durasispy=4000; | Ubah nilai 4000 untuk mengatur waktu pergantian satuan dalam milidetik
• alamatblog="http://purnamalabs.blogspot.com"; | Ganti dengan alamat blog kamu
• eusiartikel= true; | Ganti dengan false jika hanya ingin menampilkan judul artikelnya saja tanpa ringkasan artikel
• jmlkarpos=150; | Ubah nilai 150 untuk menentukan jumlah karakter ringkasan artikel

Semoga Bermanfaat

Read More

Tampilkan Sembunyikan Form Komentar

Pada tutorial kali ini saya akan mencoba menjelaskan cara menyembunyikan dan menampilkan form kotak komentar bawaan dari Blogger dengan tombol show/hide comment.

Jadi ketika ada seorang pengunjung yang mengklik tombol Show maka kotak komentar beserta komentar yang ada akan ditampilkan begitupun sebaliknya jika pengunjung mengklik tombol Hide maka kotak komentar serta komentar yang ada akan
disembunyikan dengan begitu tampilan kotak komentar akan menjadi lebih menarik.

Cara ini juga cocok bagi blogger yang menggunakan Captcha untuk mengurangi spam pada komentar.

Demo

Cara memasangnya :

1. Login ke Blogger Masuk ke Rancangan -> Edit HTML dan klik "Expand Template Widget"
2. Cari kode dibawah ini

]]></b:skin>

3. Copy dan paste kode CSS dibawah ini tepat diatas kode no 2

.tombol {width:100%;display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: .3em 2em .35em;text-shadow: 0 1px 1px rgba(0,0,0,.3);font-weight:bold;font: 13px/20px 'Open Sans',Arial,Helvetica,Verdana,sans-serif;}
.tombol:hover {text-decoration: none;}
.tombol:active {position: relative;top: 1px;}
.black {color: #d7d7d7;border: solid 1px #282828;box-shadow:0 0 2px #000 inset;-webkit-box-shadow: 0 0 2px #000 inset;-moz-box-shadow: 0 0 2px #000 inset;background: #282828;background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#000));background: -moz-linear-gradient(top, #282828, #000);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#000000');}
.black:hover {background: #000;background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));background: -moz-linear-gradient(top,  #444,  #000);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');}
.black:active {color: #666;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));background: -moz-linear-gradient(top,  #000,  #444);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');}

4. Cari kode dibawah ini

</head>

5. Copy dan paste kode dibawah ini tepat dibawah kode no 4

<script src='http://yandex.st/jquery/1.5.2/jquery.min.js' type='text/javascript'/>
<script src='http://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
jQuery(document).ready(function () {
 jQuery('#bukakeun').click(function () {
  jQuery('#comments').slideToggle('slow');
  jQuery(this).css({
   display: 'none'
  });
  jQuery('#tutupkeun').show();
  jQuery.cookie('komen', 1);
  return false
 });
 jQuery('#tutupkeun').click(function () {
  jQuery('#comments').slideToggle('slow');
  jQuery(this).css({
   display: 'none'
  });
  jQuery('#bukakeun').show();
  jQuery.cookie('komen', null);
  return false
 });
 if (jQuery.cookie('komen') == 1) {
  jQuery('#comments').show();
  jQuery('#bukakeun').hide()
 } else {
  jQuery('#comments').hide();
  jQuery('#tutupkeun').hide()
 }
});
//]]></script>

6. Cari kode dibawah ini

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

7. Copy dan paste kode XHTML ini diatas kode no 6

<button class='tombol black' id='bukakeun'>Click here for show comment</button>
<button class='tombol black' id='tutupkeun'>Click here for hide comment</button>

8. Sehingga kodenya menjadi seperti ini

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
<button class='tombol black' id='bukakeun'>Click here for show comment</button>
<button class='tombol black' id='tutupkeun'>Click here for hide comment</button>
</b:includable>

9. Simpan template dan lihat hasilnya

Semoga Bermanfaat

Read More