Sabtu, 25 Agustus 2012

Process tamer | Software untuk mengurangi beban Cpu usage

Pernah bermasalah dengan pemakaian CPU Usage yang sampai ke 100% ?? ketika suatu program mengalami overload proses, saat itu juga anda akan menemukan pemakaian cpu yang sangat tinggi di task manager, hal ini mengakibatkan komputer maupun notebook menjadi terasa berat, dan lebih parahnya lagi bisa sampai ngblank dan kesurupan alias restar otomatis. Nah ada berbagai macam cara untuk mengatasi masalah di atas, salah satu solusinya adalah dengan menggunakan process tamer ini, cara kerja process tamer adalah dengan memonitor penggunaan CPU Usage yang di gunakan oleh program-program yg berjalan di komputer kita. Ketika menemukan sebuah proses yang overloading di cpu, Process tamer akan mengurangi prioritas proses tersebut untuk sementara, sampai penggunaan cpu kembali ke tingkat yang normal.

Settingan




Link download

Process tamer ini bisa di jalankan pada Operating System Windows: XP/2K/NT/Vista/Win7.
Nah... walaupun process tamer ini freeware, tetapi kita bisa juga mendapatkan lisensi key untuk process tamer ini. caranya adalah dengan berdonasi atau dengan mengambil serialnya dengan cuma-cuma alias gratis ( Seperti SmadAV mereka juga butuh donasi ). Serial key ini akan mengaktifkan Process tamer kita sampai 6 bulan, setelah itu kita harus memasukan serial baru kembali. Biar nanti teman-teman tidak kesulitan saat ingin mendapatkan serial baru, berikut saya sertakan cara untuk mendapatkan serial key gratis tersebut.

1. masuk ke halaman ini
2. lakukan registrasi
3. buka email dan verifikasi akun anda
4. login dengan akun anda untuk masuk ke dalam forum:
6. klik License key page
7. di halaman selanjutnya anda akan menemukan pilihan generate serial key untuk produk software yang di produksi oleh donation coder. pilih Process tamer
8. muncul deh halaman serialnya ( tinggal di copy paste saja ):
9. selesai
READ MORE - Process tamer | Software untuk mengurangi beban Cpu usage

Minggu, 12 Agustus 2012

Cara Menambahkan Meta Tag Description

Meta Tag adalah elemen HTML yang digunakan untuk menyediakan metadata terstruktur tentang halaman web atau blog. Tag tersebut ditempatkan di bagian Head dari dokumen HTML dan Search Engine menggunakan data ini untuk menampilkan potongan pencarian ketika mereka menampilkan halaman dari blog tersebut. 

Bagaimana Cara Menambahkan Meta Tag Description?
Blogger telah meluncurkan berbagai fitur SEO dan sekarang sobat blogger sudah diberikan kemudahan di dalam menambahkan Meta Tag. Sobat blogger dapat melakukannya hanya dalam hitungan beberapa menit melalui Blogger User Interface tanpa melakukan Edit Template. Baca dan perhatikan langkah-langkah di bawah ini!

  • Seperti biasa, sobat blogger harus login terlebih dahulu di blogger.com
Cara Menambahkan Meta Tag Description,Meta Tag Description,Meta Deskripsi,Cara buat Meta Deskripsi
  • Klik Settings lalu klik Search preferences.
Cara Menambahkan Meta Tag Description,Meta Tag Description,Meta Deskripsi,Cara buat Meta Deskripsi
  • Kasih tanda pada kata Yes di "Enable search description?"
  • Di dalam kolom tersebut, tulis deskripsi blog sobat. Batas karakter yang bisa sobat gunakan untuk membuat deskripsi adalah 150 Characters. Contoh penulisan deskripsi blog sebagai berikut "Free weblog publishing tool from Google, for sharing text, photos and video". Itu adalah contoh deskripsi dari http://www.blogger.com
  • Kalau sobat blogger sudah menulis deskripsi blog sobat di dalam kolom tersebut, klik Save changes
Deskripsi blog sobat akan muncul setelah atau di bawah judul blog. Perhatikan Gambar!

Cara Menambahkan Meta Tag Description,Meta Tag Description,Meta Deskripsi,Cara buat Meta Deskripsi
READ MORE - Cara Menambahkan Meta Tag Description

Cara Cek Validasi Template di W3C

Markup Validation Service,W3C,cek validasi template,validator

Sebelum sobat blogger belajar tentang cara mengatasi Error Template, ada satu hal yang harus sobat blogger lakukan terlebih dahulu yaitu memeriksa atau mengecek dokumen dari template sobat. Untuk memeriksa dokumen dari template sobat, sobat bisa mengunjungi situs W3C Validator. Kenapa saya menyarankan sobat blogger untuk memeriksa dokumen dari template sobat di W3C? Kenapa tidak di situs-situs validator yang lain? Karena W3C memberikan kita kemudahan di dalam memeriksa dokumen template kita. Di samping itu, W3C memeriksa dokumen template kita dengan sangat cepat, not more than one minute.

W3C dapat memeriksa dokumen template jenis HTML, XHTML, SMIL, MathML atau yang lain. Tool Validator yang di miliki oleh W3C ini dapat digunakan oleh semua pemilik blog atau situs yang ingin melakukan validasi terhadap templatenya. Tool ini dapat kita gunakan secara gratis dan berulang-ulang. Tidak salah kalau banyak orang yang mengatakan bahwa W3C is the best Markup Validation Service.

Cara Cek Error Template :
  • Seperti yang saya utarakan di atas, untuk mengecek dokumen dari template, kita langsung saja mengunjungi link berikut : http://validator.w3.org/.
  • Pada kolom "Address", masukkan URL blog sobat. Sebagai contoh : http://lenterablogger.blogspot.com/.
  • Klik "More Options" lalu kasih tanda centang pada kolom Show Source, Clean up Markup with HTML-Tidy, Show Outline dan Verbose Output. Kita tidak memberikan centang pada kolom "Validate error pages" karena kita hanya mengecek dokumen dari template kita, kita tidak memvalidasi template kita. Kalau Error yang terdapat di template kita sudah kita perbaiki, baru kita kasih tanda centang pada "Validate error pages".
  • Kemudian klik tombol "Check".
READ MORE - Cara Cek Validasi Template di W3C

Jumat, 03 Agustus 2012

Membuat Link Aktif Lebih Menarik

Link Aktif adalah kata atau alamat yang jika di klik menuju ke link yang sudah dipasang di kata atau alamat tersebut.  Kadang link aktif jika di sentuh akan berbeda dari semula, kebanyakan link jika di sentuh akan menebal dan muncul garis bawah (underline).  Namun pernahkah terpikirkan oleh kalian untuk mengganti link aktif tersebut dengan yang lebih menarik ?

    Ikuti langkah berikut untuk membuat link aktif yang lebih menarik !

  1. Login ke Blogger
  2. Ke Design > Edit HTML
  3. Copy kode berikut di bawah kode a:hover{ atau a:hover, a:active{


    color:#FFF; text-shadow: 0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out

    # Kode yang berwarna kuning adalah kode warna dari inti kata yang mengandung link
    # Kode yang berwarna biru adalah kode warna yang melingkari kata yang mengandung link
    # Ganti kode warna pada kode jika kalian tidak ingin kan warna yang seperti itu

  4. Klik 'Save Templates' dan lihat hasilnya ! Selamat mencoba 

READ MORE - Membuat Link Aktif Lebih Menarik

Membuat Navigasi Nomor Halaman Keren

       Lelah dengan lomba-lomba yang aku ikuti akhir-akhir ini, kali ini pun aku akan membuat artikel tentang 'Membuat Navigasi Nomor Halaman Keren' , sedikit berbagi hal-hal kecil yang berguna untuk ke-keren-an blog.  Sudah tau apa itu navigasi nomor halaman ?  Biasanya widget tersebut dapat di temukan di bawah artikel, contoh yang sering kita lihat ada di mbah google, yang ada nomor 1-10 ? Nah itu lah yang di sebut navigasi nomor halaman.

       Setiap blog kebanyakan sudah banyak yang menggunakan widget seperti itu, tapi apa tidak bosan lihat yang itu itu aja ?  Dalam kesempatan ini aku akan berbagi navigasi nomor halaman yang keren-keren daripada yang lain, dan gak hanya satu.. ada lima macam navigasi nomor halaman untuk di gunakan di blog kalian agar lebih menarik untuk di lihat dan bermanfaat juga pastinya.

       Tertarik ?  Salin dan Letakkan salah satu kode berikut ini, di atas kode </b:skin> ^_^


.pagenavi span, .pagenavi a {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}


.pagenavi span:hover,.pagenavi a:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}


.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}


.pagenavi span, .pagenavi a {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #32373b;
background: #3e4347;
box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #feffff;
text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagenavi span:hover,.pagenavi a:hover {
background: #3d4f5d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}


.pagenavi {
width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
background: #f7f7f7;
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -moz-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
padding: 5px 10px;
text-decoration: none;
color: #7e7e7e;
border: 1px solid #c6c6c6;
-webkit-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
font-weight: bold;
border-radius:3px;
}
.pagenavi span:hover,.pagenavi a:hover, .pagenavi a.current {
background: #9ad6fb;
background: -webkit-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -moz-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -o-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -ms-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
border: 1px solid #72ade4;
color: #4879a6;
-webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-moz-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.pagenavi { border:none; }


.pagenavi {
width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
border:none;
color:#575757;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );


}
.pagenavi a.current:active {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}

Rahasia (?)

.pagenavi span, .pagenavi a {
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:active,.pagenavi a:active, .pagenavi a.current:hover {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );
}

      Ingat !  Cuma pasang satu dari ke lima macam kode navigasi nomor halaman di atas yaa..  Sudah tau kan letak </b:skin> dimana ? Letaknya di Blogger ke Template ke Edit HTML dan cari kode yang tadi dengan menggunakan 'ctrl + f' , 
READ MORE - Membuat Navigasi Nomor Halaman Keren

Postingan Lebih Baru Postingan Lama Beranda