Perbedaan trademark™, Copyright© dan Registered trademark®

Perbedaan trademark™, copyright© dan registered trademark®. Paten adalah hak khusus yang diberikan oleh Negara kepada penemu atas hasil penemuannya di bidang teknologi (dapat berupa proses atau hasil produksi atau penyempurnaan dan pengembangan proses atau hasil produksi), untuk selama waktu tertentu melaksanakan sendiri penemuannya tersebut atau memberikan persetujuannya kepada orang lain untuk melaksanakannya.

Pemegang paten memiliki hak khusus untuk melaksanakan paten yang dimilikinya, dan melarang orang lain yang tanpa persetujuannya :
-dalam hal paten produk : membuat, menjual, mengimpor, menyewakan, menyerahkan, memakai, menyediakan untuk dijual atau disewakan atau diserahkan hasil produksi yang diberi paten;
-dalam hal paten proses : menggunakan proses produksi yang diberi paten untuk membuat barang dan tindakan lainnya sebagaimana dimaksud dalam


®Registered Trademark

Dipakai sebagai pemberitahuan merek dagang dari sebuah produk ataupun jasa komersial yang sudah terdaftar di Kantor Paten Nasional. Hak eksklusif dari sebuah merek dagang terdaftar akan terus dimiliki sepanjang merek dagang itu di-register ulang oleh pemiliknya secara rutin (biasanya tiap 5 tahun). Jadi simbol ini disematkan apabila merek dagang sudah terdaftar secara resmi.

Untuk merek yang sudah terdaftar secara lokal untuk dapat diakui secara internasional maka harus di daftarkan di negara-negara lain hal ini dimaksudkan agar merek tersebut juga mendapat perlindungan hukum di negara yang bersangkutan, begitu juga sebaliknya untuk merek internasional sebaiknya di daftarkan juga di Indonesia. Untuk di Indonesia di daftarkan di Direktorat Hak Kekayaan Intelektual di bawah Departemen Hukum dan HAM sedangkan di luar negeri tergantung di departmen yang berkaitan misal kalau di US itu dibawah Department of Commerce.

™Trademark

Digunakan sebagai pemberitahuan merek dagang dari sebuah produk atau jasa komersial yang belum terdaftar di Kantor Paten Nasional namun prosesnya sudah di setujui.
Istilahnya proses pembuatan suatu produk kita sudah disetujui menggunakan proses seperti ini, namun produk yg kita hasilkan belum secara resmi terdaftar. Simbol trademark bisa disematkan apabila proses kita di setujui.

Copyright©

Hak cipta (lambang internasional: ©) adalah hak eksklusif Pencipta atau Pemegang Hak Cipta untuk mengatur penggunaan hasil penuangan gagasan atau informasi tertentu. Pada dasarnya, hak cipta merupakan "hak untuk menyalin suatu ciptaan". Hak cipta dapat juga memungkinkan pemegang hak tersebut untuk membatasi penggandaan tidak sah atas suatu ciptaan. Pada umumnya pula, hak cipta memiliki masa berlaku tertentu yang terbatas.

Simbol ini digunakan sebagai pemberitahuan hak cipta atas semua hasil kerja kreatif (sastra, artistik, dll) yang diatur oleh Universal Copyright Law. Durasinya bervariasi di tiap negara namun biasanya hingga seumur hidup si pencipta + 70 tahun. Hak cipta merupakan salah satu jenis hak kekayaan intelektual, namun hak cipta berbeda secara mencolok dari hak kekayaan intelektual lainnya (seperti paten, yang memberikan hak monopoli atas penggunaan invensi), karena hak cipta bukan merupakan hak monopoli untuk melakukan sesuatu, melainkan hak untuk mencegah orang lain yang melakukannya.

Source : www.vikrymadz.web.id

Software Gratis Untuk Membuat Artikel Unik

Software Gratis Untuk Membuat Artikel Unik - Buat sobat blogger yang sedang sibuk mengurus blog bahasa inggrisnya, pasti kendala pertama yang dialami adalah masalah konten. Jangankan berbahasa inggris, yang berbahasa indonesia saja pasti juga agak kesulitan untuk soal konten. Saya sendiri juga mengalami kesulitan untuk membuat artikel bahasa inggris, maklum pas-pasan kemampuan bahasa inggris saya. Akhirnya kalau lagi malas membuat sendiri, ujung-ujungnya minta bantuan mbah google atau menggunakan software spinner untuk membuat artikel unik.

Konten yang unik memang sangat mutlak diperlukan untuk seorang blogger. Entah itu yang terjun main adsense, berjualan amazon, clickbank, bahkan untuk toko online kalau sobat blogger menargetkan pejualan dari luar.

Seperti yang sudah saya sebutkan diatas, untuk membuat artikel unik dalam bahasa inggris, terkadang saya menggunakan software gratis, walaupun tidak seratus persen langsung saya copi paste ke blog, karena terkadang masih dibutuhkan sedikit edit dalam susunan gramer nya. Tapi software gratis ini cukup membantu menurut saya.

Cara kerja dari Tools spinner itu sendiri adalah menspin sebuah artikel dengan mencari persamaan kata dari setiap kata-kata yang ada dalam kalimat sebuah artikel, atau keren nya mencari kata-kata sinonim sehingga nanti artikel yang kita spin jadi berubah,tapi maksud dan isinya masih tetap sama dengan artikel aslinya yang kita spin.

Tools ini  anda gunakan  khusus untuk membuat artikel yang berbahasa inggris saja, jadi pekerjaan update blog jadi mudah. Sobat tinggal cari artikel yang sesuai dengan diskripsi content blog sobat, lalu copypaste dan spin pakai tools software spinner ini. Sobat tinggal masukkan artikel hasil copypaste ke dalam kotak yang telah di sediakan, selanjutnya klik next, dan tools software spinner ini akan bekerja secara otomatis untuk menspin artikel tersebut. setelah proses sampai 100% sobat klik next lagi,dan tools akan melakukan rewriting artikel tersebut, lalu tunggu bebrapa saat sampai proses selesai, dan selanjutnya artikel hasil spin  rewriting tersebut sudah siap anda posting di blog sobat.

Berikut  Software Gratis Untuk Membuat Artikel Unik :

1.  Software smallseotools

2.  Software Free Article Spinner
 
3.. Article changer

4.  Article Rewriter

5.  Unique Article Generator


Okey, cukup sekian. Semoga artikel ini bermanfaat untuk sobat semua.

Hapus Software Dengan Revo Uninstaller Hingga Ke Akar-Akarnya..

Akupun sempat bingung juga saat mencoba menghapus software yang ku rasa gak penting dan hanya memperlambat loadingnya komputer dan biar komputernya agak cepat loadingnya.. Dan setelah kehapus,, ku pikir emang udah hilang dan gak ada lagi.. Tapi tau-taunya komputernya masih lelet.. Sempat kesal juga sih..

Tapi pas waktu dikasih saran sama temen yang katanya lebih enak pake Revo Uninstaller,, soalnya kalau dengan Revo itu bisa menghapus software yang udah gak kita pake hingga ke akar-akarnya sekalipun..

Penasaran juga sih pengen nyoba,, kayak mana tu Revo Uninstaller.. Syukur Alhamdulillah,, setelah kupake Revo dan ternyata emang benar.. Softwarenya akan dihapus sampai ke akar-akarnya..!!

Disini ku juga pengen bagi-bagi sedikit cerita dan cara.. Dan kalau kalian juga pengen nyoba silahkan ikuti langkah-langkahnya.. Karena sekarang sudah ada Revo Uninstaller yang siap meringankan beban komputer kalian.. ☺ Heheee..

Software Revo Uninstaller ini terbagi menjadi 2 Versi yaitu Versi Freeware dan Versi Profesional,, tapi kalau untuk Versi Profesional itu hanya tersedia Trial 30 hari saja,, dan hari setelah itu wajib bayar,, yang mana semua kelebihannya semua fitur bisa dipakai secara lengkap selama 30 hari tadi.. Tapi bila kalian lebih suka yang gratisan tanpa harus bayar silahkan coba Versi Freeware aja... Selain itu juga ada Revo Uninstaller Portable tapi disini ku ingin berbagi tentang cara penggunaan yang Versi Freeware.. Karena ku juga make yang Free.. Hehee.. ☺

Langkah 1..!!

Disini aku menggunakan Revo Uninstaller Versi 1.94.. Untuk kalian yang ingin Download silahkan Klik disini Via 4Shared ► Revo Uninstaller ◄ cuma 2.5 MB kok..

Langkah 2..!!

Jalankan Software Revosetup.exe yang udah kalian Download tadi.. Maka akan muncul jendela Installer Language.. Silahkan kalian pilih Bahasanya dan ikuti petunjuk Installnya sampai selesai,, Cara Installnya juga gampang kok..

Lanjut aja Klik OK..

Lanjut Next >..

Pada License Agreement,, Beri Tanda Centang pada I Accept The Terms Of The License Agreement,, Dan lanjut Next >..

Pada jendela Choose Install Location,, Silahkan pilih dimana akan kalian Install Revo nya,, Trus Klik Install..

Jika Prosess Install lancar maka akan muncul jendela Completing The Revo Uninstaller 1.94 Setup Wizard.. Finish..

Langkah 3..!!

Setelah kalian Klik Finish,, Maka akan terbuka jendela seperti gambar dibawah ini,, Dan jika tidak terbuka jendelanya,, Kalian klik aja Icon Shortcut Revo Uninstaller yang ada di Desktop Komputer kalian..

Ada beberapa bagian utama pada Software ini yaitu Tab Uninstaller,, Tools dan Views... Itu semua untuk bagian Uninstaller yang akan kita gunakan untuk Menghapus Aplikasi atau Software..

Bagian Tools merupakan fungsi tambahan yang ada pada Aplikasi ini,, Yaitu seperti Autorun,, Manager yang akan menampilkan Daftar Aplikasi yang dijalankan ketika komputer baru dinyalakan,, Windows Tools menampilkan fitur-fitur bantuan seperti System Restore ataupun Disk Defragmenter serta Junk Files Cleaner yang bisa digunakan untuk menghapus sampah file-file Docs ataupun Thumbs..

Langkah 4..!!

Dari jendela itu kita bisa melihat semua Aplikasi yang telah kita Install,, Selanjutnya kita tinggal memilih Aplikasi yang akan kita hapus lalu Klik Kanan pada Aplikasi tersebut maka akan ada muncul Pilihan lalu Klik Uninstall..

Setelah kalian Meng-Klik Uninstall maka akan muncul Kotak Jendela Are You Sure That Want To Uninstall The Selected Program? kalian tinggal Klik Yes aja..

Selanjutnya akan muncul lagi jendela baru... Dan disini kita diminta menentukan pilihan Mode Uninstall seperti gambar dibawah dan disini aku memilih Advanced lanjut Klik Next..

Jika Proses Loadingnya sudah selesai,, Terkadang kala akan ada muncul jendela Peringatan bahwa Software tersebut telah dihapus dan apakah kalian ingin melanjutkan ataupun tidak,, Klik aja Yes.. Seperti gambar dibawah..

Dan pada tahap selanjutnya Revo akan melakukan Scanning dimana akan memeriksa berapa banyak Aplikasi tersebut yang bersangkut-paut dengan Komputer,, Kalian tinggal klik aja Next untuk masuk ke tahap Scanning For Leftover Information.. 

Tapi kalau yang ini agak memakan waktu yang lumayan juga sih,, Tergantung dari Aplikasi yang kita hapus,, Apakah banyak meninggalkan sampah-sampahnya atau tidak.. 

Tunggu aja hingga Proses Loadingnya selesai,, Dan setelah itu akan muncul jendela Found Leftover Registry Items dan disini akan terlihat berapa banyak File Registry yang terdapat pada Aplikasi tersebut,, Disini tergantung kita aja,, Apakah kita ingin menghapus File Registrynya atau tidak.. Kalau kalian ingin menghapus semua Filenya Klik Select All terus pilih Delete.. 

Dan jika ada muncul Peringatan Are You Sure That You Want To Delete The Selected Registry Items?,, Lanjut aja Yes..

Dan jika menghapusnya lancar-lancar aja,, Maka akan muncul jendela seperti gambar dibawah ini,, Bahwa File-File Registry telah berhasil dihapus.. Lanjut Next..

Untuk selanjutnya pada jendela Found Leftover Files And Folders,, Dan disini akan terlihat berapa banyak File-File dan Folder yang telah buatnya pada Komputer kalian.. Lanjut aja pilih Select All terus Delete..

Jika ada muncul juga Peringatan Are You Sure That Want To Send The Selected Files To Recycle Bin?,, Lanjut aja Klik Yes..

Setelah Proses Menghapus File dan Folder tersebut selesai,, Maka daftar tadi akan kosong seperti gambar dibawah ini,, lanjut Klik Next..

Tapi terkadang kala ada juga muncul Pemberitahuan,, Bahwa ada file yang tidak bisa dihapus untuk saat ini dan akan dihapus setelah kita Restart Komputernya,, Dan kalau seandainya itu yang keluar batalkan aja dan klik aja Tombol Next..

Apabila Prosesnya sudah selesai sampai akhir,, Maka akan ada tampil gambar seperti berikut ini,, Bahwa Uninstall telah selesai dan Klik Finish.. Itu artinya semua berkas-berkas yang ada di data Komputer kalian telah terhapus sampai ke Akar-Akarnya..

Hhmm... Cukup mudah kan,, Dan selamat mencoba untuk kalian yang pengen menghapus Aplikasi yang slama ini gak bisa terhapus.. Untuk mempercepat loading Komputer kalian.. ☺ 

Cara Membuat Tooltip Dengan CSS3

Cara Membuat Tooltip Dengan CSS3 - Sobat blogger pasti sudah gak asing lagi kan dengan tooltip. Kali ini saya akan share cara membuat tooltip yang keren menggunakan CSS3. Tooltip ini berbeda dengan tooltip-tooltip yang ada, karena tooltip yang ini memiliki fungsi yang lebih yaitu bisa memberikan informasi dengan kategori sampai 5 kategori, yaitu : Standard tooltip, Critical tooltip, Warning tooltip, Help tooltip, dan Information tooltip.

Jika anda tertarik dengan tooltips ini, berikut Cara Membuat Tooltip Dengan CSS3

1. Login ke akun blogger anda >> Template >> Edit HTML >> Proceed
2. Cek lists Expand Widget Templates
3. Cari kode ]]></b:skin> (Tips: Untuk mempermudah pencarian gunakan Ctr + F)
4. Letakkan kode berikut diatas kode ]]></b:skin>

.tbi-tooltip {
 outline: none;
 cursor: help;
 position: relative;
 text-decoration: none;
 border-bottom: 1px dotted #000;
}

.tbi-tooltip span {
 margin-left: -999em;
 position: absolute;
 color: #000;
}

.tbi-tooltip:hover span {
 font-family: Trebuchet MS, Calibri, Tahoma, Geneva, sans-serif;
 position: absolute;
 left: 1em;
 top: 2em;
 z-index: 99;
 margin-left: 0;
 width: 250px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 0px 0px 9px #000000;
 -webkit-box-shadow: 0px 0px 9px #000000;
 box-shadow: 0px 0px 9px #000000;
}

.tbi-tooltip:hover img {
 border: 0;
 margin: -10px 0 0 -55px;
 float: left;
 position: absolute;
}

.tbi-tooltip:hover em {
 font-family: Candara, Tahoma, Geneva, sans-serif;
 font-size: 1.2em;
 font-weight: bold;
 display: block;
 padding: 0.2em 0 0.6em 0;
}

.custom {
 padding: 0.5em 0.8em 0.8em 2em;
}

.tbi-general {
 background: #EDEDED;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
 background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
 -webkit-box-shadow: 4px 4px 1px 1px #ccc;
 box-shadow: 4px 4px 1px 1px #ccc;
}

.tbi-critical {
 border: 1px solid #FF3334;
 background: #ffccaa;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2NhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffccaa 0%, #ff8482 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffccaa), color-stop(100%,#ff8482));
 background: -webkit-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: -o-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: -ms-linear-gradient(top,  #ffccaa 0%,#ff8482 100%);
 background: linear-gradient(to bottom,  #ffccaa 0%,#ff8482 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffccaa', endColorstr='#ff8482',GradientType=0 );
}

.tbi-help {
 border: 1px solid #2BB0D7;
 background: #a9e4f7;
 background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
 background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.tbi-info {
 border: 1px solid #2BB0D7;
 background: #a9e4f7;
 background: url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5ZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZmI0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
 background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%);
 background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 );
}

.tbi-warning {
 border: 1px solid #FFAD33;
 background: #f1e767;
 background: url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2JjNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f1e767 0%, #fcbc5d 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#fcbc5d));
 background: -webkit-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: -o-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: -ms-linear-gradient(top,  #f1e767 0%,#fcbc5d 100%);
 background: linear-gradient(to bottom,  #f1e767 0%,#fcbc5d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fcbc5d',GradientType=0 );
}

5. Simpan template sobat.

Nah sekarang cara menampilkan tooltips nya , cukup tambahkan kode berikut sesuai dengan spesifikasi tooltips yang sobat inginkan pada bagian HTML editor post.


Untuk tooltip umum dan standar/ General tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-general"> TOOLTIP HERE</span></a> 

 Untuk Critical Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-critical"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigPvkAImCgtwNrt08mIrwr69s3yAzaEK5aRfuky4xuYVNHB6-tb4EJJCcaVWrsR3Lt1RMQYxTiLundHcxzVonAAzIH6F6pvsBA1o-S33d3Iclv2SW3YRUue-6Ovt5rrsmLTKUG7_CUPSI/s48/Critical.png" alt="Error" height="48" width="48" /><em>Critical</em>TOOLTIP HERE</span></a>

Untuk Warning Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-warning"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicZF4Aqwtge-EadYV6cILyR9ZW11lbYVptQUzVkA1j31-etHXBsgqLlZjgWSGexEcH2gZQNRrYky0hd42IjLTNqbAPIF7FNKp1qtwfchaziG01mECzDfC-mt041FawT6ySfB9OC41Tgmk/s48/Warning.png" alt="Warning" height="48" width="48" /><em>Warning</em>TOOLTIP HERE</span></a>

Untuk Help Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-help"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtpurAa3k-9ULxL_kHXtskTMgVvXJMuonX_mDKZgd1W-YjcCzBDhQeEmHtA1gy1er_dIKGQZX9kiVDmsK6N7l80IuptN-eYM3eUWoAbP259_1Bt2RtJBp-k-CUKim9y6WfS8TEnZlhAY4/s48/Help.png" alt="Help" height="48" width="48" /><em>Help</em>TOOLTIP HERE</span></a>

 Untuk Information Tooltip Gunakan Kode:

<a class="tbi-tooltip" href="#">ANCHOR TEXT HERE<span class="custom tbi-info"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S-kCUt4y-TLc0FECVehVHDuKWg1RYCmTPFKsvuhCM25fehdHCna2g9vHL446zk769FFFiiTKTm8rAk45Tsj2ELd3TIlg_miNs79_9yJHPMfamHG4xTCZZ2882LEZtm1NVBCAfI9zrAY/s48/Info.png" alt="Information" height="48" width="48" /><em>Information</em>TOOLTIP HERE</span></a>

• Anda dapat mengganti tanda pager # dengan link yang akan ditampilkan padanya tooltips


• Ganti ANCHOR TEXT HEREdengan kalimat yang anda inginkan


• Ganti TOOLTIP HEREdengan kalimat informasi yang ingin anda tambahkan

Okey, cukup sekian sob Cara Membuat Tooltip Dengan CSS3. Semoga sobat suka dengan widget ini dan seemoga bermanfaat.

Source :www.tipstrikblogging.com

Cara membuat Slide Accordion Dengan CSS3

Cara membuat Slide Accordion Dengan CSS3 - Menu slide yang satu ini dijamin super keren sob, selain untuk menampilkan menu blog sobat, slide ini juga bisa untuk menampilkan produk-produk yang sedang sobat promokan.

Slider ini tidak memiliki masalah kompatibilitas jika kita mengesampingkan IE. Widget ini bekerja sempurna dihampir semua browser lainnya.

Berikut daftar browser yang mendukung:
1. Chrome: v4 dan diatasx
2. Firefox: v4 dan diatasx
3. Safari: v3 dan diatasx
4. Opera v10.5 dan diatasx
5. IE: v10 dan diatasx

Baiklah cukup untuk penjelasan, sekarang melangkah pada tutorial menambahkan Slide Accordion Dengan CSS3 ke blog sobat

1. Seperti biasa login ke akun blogger  >> Template >> Edit HTML >> Proceed
2. Cari kode <div id='main-wrapper'>
3. Setelah dapat tambahkan kode HTML berikut diatas kode no 2 tadi

<!-- Accordion Featured Post Slider @TipsTrikBlogging.com -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="tbi_slider">
<ul>
<li>
<div id="tbi_title">
<a href="POST LINK">TITLE</a>
</div>
<a href="POST LINK">
<img src="IMAGE LINK "/>
</a>
</li>
<li>
<div id="tbi_title">
<a href="POST LINK">TITLE</a>
</div>
<a href="POST LINK">
<img src="IMAGE LINK "/>
</a>
</li>
<li>
<div id="tbi_title">
<a href="POST LINK">TITLE</a>
</div>
<a href="POST LINK">
<img src="IMAGE LINK "/>
</a>
</li>
<li>
<div id="tbi_title">
<a href="POST LINK">TITLE</a>
</div>
<a href="POST LINK">
<img src="IMAGE LINK "/>
</a>
</li>
<li>
<div id="tbi_title">
<a href="POST LINK">TITLE</a>
</div>
<a href="POST LINK">
<img src="IMAGE LINK "/>
</a>
</li>
</ul>
</div>
</b:if>
<!-- Accordion Featured Post Slider @TipsTrikBlogging.com -->

Catatan:

• Ganti TITLE dengan judul posts (Buat Pendek Saja)
• Ganti POST LINK dengan link postingan anda
• Ganti IMAGE LINK dengan link gambar anda. 

4. Setelah menambahkan Kode HTML sekarang tambahkan kode CSS berikut diatas kode ]]></b:skin>

/* Accordion Featured Post Slider @ TipsTrikBlogging.com */
#tbi_slider {
    overflow: hidden;
    margin: 20px auto;
    padding: 0;
    width: 805px;
    height: 320px;
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}
#tbi_slider ul {
    margin: 0;
    padding: 0;
    width: 2000px;
}
#tbi_slider li {
    position: relative;
    display: block;
float: left;
    width: 160px;
    border-left: 1px solid #888;
-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
    transition: all 0.5s;
}
#tbi_slider ul:hover li {
    width: 40px;
}
#tbi_slider ul li:hover {
    width: 640px;
}
#tbi_slider li img {
    display: block;
    width: 640px;
}
#tbi_title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 640px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font: bold 16px 'trebuchet MS', sans-serif;
}
#tbi_title a {
    display: block;
    color: #fff;
    text-decoration: none;
}
/* Accordion Featured Post Slider @ TipsTrikBlogging.com */

Tidak ada yang perlu diganti pada bagian ini.

5. Silahkan simpan template dan lihat hasilnya .

Source

Cara Membuat Gallery Foto Di Blog

Dalam tutorial kali ini saya ingin share buat sobat blogger cara membuat gallery foto diblog. Pada postingan saya sebelumnya saya juga pernah share tips seperti ini, lihat postingan saya sebelumnya cara membuat gallery foto di blogspot. Gallery foto kali ini menggunakan CSS3 dan tanpa JavaScript.

Pada gallery photo ini sobat bisa mengklik image/photo untuk mendapatkan efek zooming dan sobat bisa menggunakan tombol tab pada keyboard untuk melihat photo selanjutnya. Penasaran? Silahkan lihat live demonya : DEMO

Cara membuatnya :

1. Login ke akun blogger anda
2. Pada dasbor pilih Template >> Edit HTML >> Proceed
3. Cari kode ]]></b:skin dan Tambahkan kode CSS berikut diatas kode ]]></b:skin>

/* Photo Gallery styles */
.gallery {
    margin: 100px auto 0;
    width: 800px;
}
.gallery a {
    display: inline-block;
    height: 135px;
    position: relative;
    width: 180px;
    /* CSS3 Prevent selections */
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.gallery a img {
    border: 8px solid #fff;
    border-bottom: 20px solid #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
    /* CSS3 Box sizing property */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* CSS3 transition rules */
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
    /* CSS3 Box Shadow */
    -moz-box-shadow: 2px 2px 4px #444;
    -webkit-box-shadow: 2px 2px 4px #444;
    -o-box-shadow: 2px 2px 4px #444;
    box-shadow: 2px 2px 4px #444;
}
/* Custom CSS3 rotate transformation */
.gallery a:nth-child(1) img {
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.gallery a:nth-child(2) img {
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.gallery a:nth-child(3) img {
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.gallery a:nth-child(4) img {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.gallery a:nth-child(5) img {
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.gallery a:nth-child(6) img {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.gallery a:nth-child(7) img {
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
.gallery a:nth-child(8) img {
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.gallery a:nth-child(9) img {
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.gallery a:nth-child(10) img {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.gallery a:nth-child(11) img {
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
.gallery a:nth-child(12) img {
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.gallery a:focus img {
    cursor: default;
    height: 250%;
    left: -150px;
    top: -100px;
    position: absolute;
    width: 250%;
    z-index: 25;
    /* CSS3 transition rules */
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
    /* CSS3 transform rules */
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

4. Simpan template.
Selanjutnya anda bisa menampilkan gallery photo keren ini dalam postingan atau pada halaman mandiri blog anda dengan menambahkan kode berikut pada bagian HTML. Ingat pada bagian HTML bukan bagian Compose!

<div class="gallery">
    <a tabindex="1"><img src="IMAGE LINK"></a>
    <a tabindex="2"><img src="IMAGE LINK"></a>
    <a tabindex="3"><img src="IMAGE LINK"></a>
    <a tabindex="4"><img src="IMAGE LINK"></a>
    <a tabindex="5"><img src="IMAGE LINK"></a>
    <a tabindex="6"><img src="IMAGE LINK"></a>
    <a tabindex="7"><img src="IMAGE LINK"></a>
    <a tabindex="8"><img src="IMAGE LINK"></a>
    <a tabindex="9"><img src="IMAGE LINK"></a>
    <a tabindex="10"><img src="IMAGE LINK"></a>
    <a tabindex="11"><img src="IMAGE LINK"></a>
    <a tabindex="12"><img src="IMAGE LINK"></a>
</div>

Ganti IMAGE LINK dengan alamat gambar sobat.

Catatan: Sobat bisa mengedit lagi bagian CSS diatas, menyesuaikan dengan bagian posting blog  dengan mengganti lebar dan tinggi gallery, atau menambah dan mengurangi jumlah photo yang ingin ditampilkan.

Source : www.tipstrikblogging.com

Cara Membuat Slideshow Jquery New Version

Cara Membuat Slideshow Jquery New Version - Selain dapat membuat tampilan blog lebih cantik, slide show juga berfungsi untuk menampilkan postingan terbaru, promosi dari suatu produk, atau berupa informasi penting lainnya dari blog yang anda kelola mupun blog lain yang memang patut ditampilan pada slide show.
Tips membuat Slide Show ini menggunakan dua file java script serta kode-kode lainnya.
Sebagai contoh coba sobat amati gambar dibawah ini :

DEMO

Cara Membuatnya :

    Masuk ke Blogger
    Pilih Rancangan bagian Edit HTML

Langkah Pertama :

Copy kode dibawah, kemudian paste dibawah kode : <body>

<script type="" text="" javascript="">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"judul image 1","desc":"Keterangan image 1"},{"id":"slide-img-2","client":"judul image 2","desc":"Keterangan image 2"},{"id":"slide-img-3","client":"jjudul image 3","desc":"Keterangan image 3"},{"id":"slide-img-4","client":"judul image 4","desc":"Keterangan image 4"},{"id":"slide-img-5","client":"judul image 5","desc":"Keterangan image 5"},{"id":"slide-img-6","client":"judul image 6","desc":"Keterangan image 6"},{"id":"slide-img-7","client":"judul image 7","desc":"Keterangan image 7"}];
</script>

Ganti tulisan Judul image dan keterangan image dengan tulisan yamg ingin ditampilkan

Langkah Kedua :

Copy kode dibawah ini kemudian paste tepat diatas kode ]]></b:skin>

*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
height:100%;
color:#a4a4a4;
cursor:default;
font-size:20px;
line-height:16px;
text-align:center;
background-color:#000;
background-position:50% 0;
background-repeat:no-repeat;
font-family:Tahoma,sans-serif;
}
a:link,a:visited{
color:#fff;
text-decoration:none;
}
a img{
border:0;
}
div.wrap{
width:550px;
margin:0 auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:550px;
height:52px;
margin:22px 0 0;
}
div#top div#nav ul{
float:left;
width:550px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
}
div#video-header{
height:550px;
margin:-1px 0 0;
}
div#header div.wrap{
height:299px;
}
div#header div#slide-holder{
z-index:40;
width:550px;
height:299px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:9px;
left:9px;
width:550px;
height:278px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:550px;
height:46px;
display:none;
position:absolute;
background:url(https://lh4.googleusercontent.com/_1j80TgNqd_8/TZax8SMwKoI/AAAAAAAACQU/jKYyP3pkefo/s128/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(https://lh4.googleusercontent.com/_1j80TgNqd_8/TZatkNZ9vdI/AAAAAAAACQE/XnxeOeqYwF8/silde-nav.png);}
div#nav ul li a{background:url(https://lh5.googleusercontent.com/_1j80TgNqd_8/TZax-eNRtRI/AAAAAAAACQY/ci4_hxU0QgM/s912/header-bg.png) no-repeat;}

Ganti seluruh ukuran width yang berwarna kuning yang disesuaikan dengan lebar tempat meletakan slide show

Langkah Ketiga

Copy kode dibawah ini kemudian paste tepat diatas kode </head>

<script src='https://sites.google.com/site/epgstudiosite/javascript/jquery.js' type='text/javascript'/><script src='https://sites.google.com/site/epgstudiosite/javascript/scripts.js' type='text/javascript'/>

Klik Tombol Simpan Template

Langkah Keempat

•     Masuk ke Dasbor
•     Pilih Rancangan Bagian Elemen Halaman.
•     Klik Tambah Gadget.
•     Pilih HTML/Javascrpt
•     Copy kode dibawah ini kemudian paste pada kolom yang tersedia

<div id="header">
<div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="https://lh5.googleusercontent.com/_1j80TgNqd_8/TZayimDclcI/AAAAAAAACQ0/K75d647i9Bs/s912/nature-photo6.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="https://lh3.googleusercontent.com/_1j80TgNqd_8/TZayfqs2MiI/AAAAAAAACQw/WJQfcd1EK-g/s912/nature-photo5.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="https://lh5.googleusercontent.com/_1j80TgNqd_8/TZaycXbtn7I/AAAAAAAACQs/eFOr4ZS0EZo/s912/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-4" src="https://lh3.googleusercontent.com/_1j80TgNqd_8/TZaya8bZTwI/AAAAAAAACQo/PmJHp4a1-BY/s912/nature-photo3.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-5" src="https://lh4.googleusercontent.com/_1j80TgNqd_8/TZayQFzxRqI/AAAAAAAACQk/-ZHpEai9IG8/s912/nature-photo2.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-6" src="https://lh5.googleusercontent.com/_1j80TgNqd_8/TZayM8T_5eI/AAAAAAAACQg/5Ld-3JKMqyM/s912/nature-photo1.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-7" src="https://lh3.googleusercontent.com/_1j80TgNqd_8/TZayJcVzcEI/AAAAAAAACQc/nykm8K_RVZY/s912/nature-photo.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
</div>
</div>
</div>

Terakhir klik save dan lihat hasilnya.

Source : epg-studio.blogspot.com/2011/04/jquery-slide-show-1.html

Cara Hacker Billing Explorer Lewat Antivirus Smadav..

Hhmm.... Dah lama juga ya gk postingan ni sob.... Dah kangen ni ku ngirim postingan.. Kemaren sih ku sempat bikin posting tentang Cara Hacker Billing Explorer Lewat Admin,, Tapi skarang gak sob lain lagi..

Dan skarang ku ingin berbagi sedikit Trick tentang Cara Hacker Billing Explorer Lewat Antivirus Smadav.. Dan cara ini pun lebih gampang lagi sob dari pada cara yang kemaren,, Karna kalo yang kemaren agak ribet juga jadinya harus copot-copot kabel,, Kadang ada juga yang kena sentrum gara-gara Komputernya ada kabel yang rusak.. Tapi kalo cara yang ini nggak sob,, kita cukup Login sperti biasa.... 

Tapi cara ini enaknya untuknya atau khusus untuk kalian yang hobi sistem paket,, karna sistem paket itu kalo udah habis waktunya akan mati sendiri billing servernya.... Tapi kalo personal gak,, karna kalo personal itu sistemnya Online jadi harus dengan Manual matikan billing servernya,, tapi kalo Paket gak,, begitu waktu habis dengan cara otomatis akan mati servernya...... Itu enaknya sob kalo pake cara yang satu ni.....

Kadang-kadang kita ngambil Paket-2 tapi waktunya udah hampir habis,, padahal kita lagi nge-Download atau kita lagi asyik main Games Online..... Ya hitung-hitung dari pada nambah lagi paketnya,, apalagi kalo uang dikatong cuman cukup buat bayar Paket-2 dari pada ngutang,, iya kalo bisa,, kalo gak gimana sob,, malu jadinya kan... Hehehee :) 

Dan cara ini pun mungkin sudah banyak yang tahu..... Tapi karna teman-teman ku disini masih ada yang belum tahu caranya... Dan sempat kepikir juga pengen mempostingan cara yang satu ni..... ya,, dari pada terlalu sering ku bilang sama dia lebih baik ku suruh aja dia ngujungi blog ku ini... Dan dari pada gak da kerjaan lebih baik nulis postingan disini......

Tapi bagi kalian yang belum tahu caranya atau sering kadang kala salah caranya gak masalah juga kok sob,, kalo kalian pengen nginget lagi....

Ni sob ku kasih tricknya tentang Cara Hacker Billing Lewat Antivirus Smadav.... 

Kalian cukup minta password paket sama si Operator Warnetnya.... Dan setelah login, ya kalian pasti akan nemuin sperti biasa,, login pake waktu billing client yang tampilnya ini dengan harga yang telah ditentukan disana..... sperti gambar yang satu ni..... 

Tapi disini ku masuk dengan Paket-1 sob,, bukan Paket-2... Tapi kalo paket berapapun itu gak masalah sob,, yang penting paket.... Hehee :) 

Nah... Skarang kita mulai beraksi..........

Kalian cukup cari di Icon Desktop Antivirus Smadav.... Dan kalo gak ada disana,, tinggal masuk aja tu ke Explore : Local Disk (C:)

C:\Program Files\Smadav ,, Tapi kalo gak ada disana,, berarti gak ada di install tu sob... kalian tinggal download dan install Smadav nya,, Download Smadav....

Gak lama kok sob,, cuman hitungan detik aja tu kalian udah selesai downloadnya tu.... Dan cara install nya pun gampang,, ku yakin kalian pun pasti udah tahu cara nginstallnya kan.... Heheee ....

1. Buka Smadav lalu Klik tab Tools >> Process Manager ... Lalu kalian cari Client008.exe seperti gambar dibawah....

2. Selanjutnya Klik kanan Client008.exe >> pilih Action >> Kill.... Maka akan ada muncul kotak dialog seperti ini..... 

Kalian tinggal klik Yes... 

3. Setelah kalian klik Yes akan muncul lagi kotak dialog yang kedua seperti gambar dibawah..... 

Dan hasilnya akan sperti ini.... Secara otomatis billing client008 akan hilang dan kita tinggal lanjutin main gamesnya nyampe puas.... Tapi inget sob jangan terlalu lama,, karna itu bisa bikin si Operator Warnetnya curiga..... Heheheee...☺

Dan inget sob cara ini gak baik kalo terlalu sering kalian lakuin,, Dosa sob.... hehehee :) 

Sampai disini postingan kali ini sob dan semoga kalian senang.......

Cara Membuat Animasi Loading Blog

Cara Membuat Animasi Loading Blog - Animasi loading blog ini bisa memberikan efek manipulasi terhadap loading blog agar nampak lebih cepat. Kalau loading blog sobat lagi cepat, mungkin tidak masalah bagi pengunjung, tapi kalau lagi lambat, pengunjung pasti akan bosan melihat tampilan putih dan beberapa gambar yang belum sempurna terload, alhasil pengunjung bisa kabur ke blog yang lain. Dengan menggunakan efek ini, pengunjung blog sobat akan sedikit terhibur ketika menunggu loading blog sobat, karena loading blog sobat memiliki efek animasi yang cukup unik.

Bagaimana cara membuatnya ? Ikuti langkah-langkah berikut :

Tambahkan KODE CSS Animasi Loading Blog ini diatas ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

Kemudian Tambahkan JQuery ini diatas </head>, disini saya menggunakan Jquery versi 1.7.2 (Pasang jika belum ada Jquery di Template sobat )

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

Langkah terakhir, pasang Script dibawah ini diatas tag </body>
 

<div id='loadhalaman'>
<div class='loadball'></div>
<div class='loadball-2'></div>
</div>
<script type='text/javascript'>
$(function() {
    var siteURL = "http://" + top.location.host.toString();
    var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
    $internalLinks.click(function() {
        $('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
    });

    // Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
    $('#loadhalaman').click(function() {
        $(this).hide();
    });
});
</script>

Script by : hompimpaalaihumgambreng.blogspot.com

Cara Membuat Zoom Image Dengan jQuery

Cara Membuat Zoom Image Dengan jQuery - Efek Zoom Image ini berguna untuk postingan image sobat. Terkadang ketika membuat postingan  menggunakan gambar,  tidak semua gambar yang diposting sesuai dengan apa yang kita inginkan, kadang kebesaran, kadang kekecilan, pengennya sih nampilin size aslinya.

Untuk itu saya share nih sob, ada sebuah script yang cukup bagus untuk memberikan efek zoom image pada postingan blog sobat. Script ini memberikan jQuery yang bisa memberikan efek zoom untuk gambar postingan kita, ketika gambar itu di klik.

Kalau sobat tertarik ingin mencobanya, silahkan ambil script dibawah ini :

Taruk script ini diatas ]]></b:skin>

div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim2183j_ylmlTY7IoOlhHQvqz_XXFO2woZyYIKInNtL10MhM9QRSBraZMthoWTF-anChyphenhyphenjPra7arGCY9JmN8Ek6FVYKN1s7pat3BM-8NKhfyaiqHhXsr1kmhw-xxBbWtL3kjOwY3uroh4/s1600/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}

Kemudian masukkan lagi script ini di atas </head>
 

<script src='http://lorddayz.googlecode.com/files/jquery.min.js' type='text/javascript'/>
<script src='http://lorddayz.googlecode.com/files/imageZoom.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document.body).imageZoom();
</script>

Okey, cukup sekian sob postingan kali ini, semoga Bermanfaat.

Script by : om-dayz.blogspot.com

Meningkatkan Resolusi layar note botebook 1024x600 menjadi 1024x768

Kebanyakan Netbook pada umumnya memiliki display maximum 1024x600 pixel. Namun bila anda ingin meningkatkan resolusi tersebut, ada sebuah cara memodifikasi sederhana yang diperlukan di registry Windows unutk membolehkan anda meningkatkan resolusi layar sistem apapun. Maka ikutilah langkah-langkah berikut.

Cara ini sudah saya coba di NetBook HP Mini, dan hasilnya bisa untuk menjalankan aplikasi metro di Windows 8, yang memang membutuhkan resolusi minimal 1024x768
.
                                     


Berikut caranya :

Buka regedit (tekan Win+R pada keyboard, lalu ketik regedit [enter])

Cari key Lokasi berikut pada dialog registry,

HKEY_LOCAL_MACHINE / SYSTEM / CurrentControlSet / Control / Class / {4D36E968-E325-11CE-BFC1-08002BE10318} / 0000
HKEY_LOCAL_MACHINE / SYSTEM / CurrentControlSet / Control / Class / {4D36E968-E325-11CE-BFC1-08002BE10318} / 0001

Di kedua lokasi ini, anda akan menemukan <bold>"Display1_DownScalingSupported"<bold> dalam daftar DWORD, klik kanan pada 'DWORD' dan pilih untuk memodifikasi, mengubah value dari 0 ke 1 untuk DWORD lalu tekan OK.
NOTE : jika DWORD tidak ada, buat DWORD sendiri dengan nama tersebut dan value data diganti 1


Tutup regedit lalu restart netbook anda.

Sekarang buka pengaturan resolusi layar (Control Panel -> Appearance and Personalization -> Display -> Screen Resolution) pada Netbook anda dan di sana anda dapat melihat pilihan yang lebih di Resolution. Kini anda dapat memilih resolusi layar 1024x768.

Widget Unik Telur Ceplok Di Blog

Kreatif dan unik, itulah yang terlintas dipikiran saya ketika melihat widget ini. Kalau di post sebelumnya saya share cara membuat widget banjir di blog, kali ini saya akan share Widget Unik Telur Ceplok Di Blog. Blog sobat hampir sama seperti penggorengan kalau menggunakan widget yang satu ini, hee..Telur ceplok ada dimana-mana, bikin laper, bikin risih, tapi unik..Buat sobat blogger yang ingin menambahkan widget telur cepluk ini ke blog nya, silahkan copy kode html dibawah ini dan masukkan ke add Gadget HTML :

<script language="javascript"> nd_mode="eggs"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/efektelur.js"></script>

Widget Unik Banjir Di Blog

Banjir...Banjir...Banjir..Musim hujan begini sudah pasti banyak daerah-daerah yang terkena banjir, terutama kota jakarta tercinta ini. Sobat rumah nya tidak terkena banjir kan ? kalau sudah terkena banjir, siap-siap saja semua aktifitas sobat bakal terganggu. Postingan kali ini, masih berkaitan dengan widget-widget unik yang bisa sobat tambahkan di blog sobat, kalau sebelumnya saya post cara membuat widget merangkak di blog. kali ini saya akan share cara membuat widget banjir di blog. Widget ini sangat unik, bahkan karena terlalu unik, sepertiya jarang ada yang memakai widget ini, tapi kalau sobat ingin blognya terlihat berbeda dengan yang lain, tidak ada salahnya sobat pakai yang satu ini. Untuk menggunakanya sobat tinggal masukkan kode berikut ini ke add Gadget HTML :

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"></script>

Widget Lucu Bayi Merangkak Di Blog

Ada-ada saja ulah bayi yang satu ini, tanpa kita undang tiba-tiba datang dan mecoret-coret blog kita. Ini adalah beberapa widget unik yang akan saya bagikan buat sobat bloggr. Widget bayi merangkak ini cukup mengganggu kalau sobat pakai di blog,tapi sangat unik. Kalau sobat ingin memakai widget ini di blog caranya sangatlah mudah, tinggal masukkan kode berikut ini ke add gadget HTML. Berikut kode nya :

<script language="javascript"> nd_mode="baby"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/efekbayiberjalan.js"></script>

Bagaimana sob,,unik kan widget bayi merangkak ini ??

PPC Chitika Support All Country

PPC Chitika adalah salah satu PPC favorite saya, karena sudah beberapa kali saya mendapatkan Pembayaran dari Chitika. Dan sesuai judul diatas, ada kabar gembira nih sob untuk para publisher Indonesia, bahwa Chitika sekarang telah men-support semua negara. Hal tersebut disampaikan melalui E-Mail oleh Chitika pada pukul 13:16 waktu Indonesia Barat, dan berikut potongan isi E-Mail dari Chitika :

Seperti yang telah sobat ketahui sebelumnya, chitika hanya support blog atau website yang mendapat klik dari negara seperti US,Canada saja. Selain itu Chitika menawarkan lebih, bagi member yang telah terdaftar sebelum tanggal 5 Agustus maka Chitika akan membayar Double, misalkan saldo anda $80 maka chitika akan membayar sebesart $160, batas waktu sampai dengan 30 September.

Dengan adanya kabar gembira ini, tentunya menjadi peluang buat sobat blogger untuk memonetize blognya dengan PPC Chitika walaupun blognya berbahasa indonesia, seperti punya saya ini.

Demikian kabar gembira dari PPC Chitika Support All Country. Sukses selalu sob.

Semoga Bermanfaat.