Test Block Top

The Blog...
Articles, Tips & Trick and Other Interesting Information...
16 Februari 2010

Tips Optimalisasi Setting Komputer (PC)

Seperti hari-hari pertama menggunakan mobil baru, jam-jam pertama memakai komputer baru juga berpengaruh terhadap pemakaian berikutnya. Pada saat-saat yang kurang menyenangkan ini, user perlu untuk melakukan beberapa hal penting. Dan persiapan ini harus dilakukan sejak saat pertama komputer siap digunakan. Setelah diinstalasi dengan sistem operasi dan aplikasi-aplikasi yang diperlukan sehari-hari. Sebelum dipacu hingga batas kecepatan. Sebelum menggunakannya untuk bersenang-senang.

Pada mobil baru, kali pertama yang lazim kita lakukan adalah mengatur seat pada posisi ternyaman dan kemiringan spion untuk pandangan ke belakang paling optimal. Kemudian, membiasakan diri dengan beragam panel, kedalaman pedal gas, kopling, dan pedal rem.

Semua aktivitas ini masih ditambah dengan memenuhi semua memori di perangkat audio dengan gelombang radio favorit. Tidak ketinggalan menambah beberapa aksesoris ringan seperti cutting sticker dan pengharum kabin. Terakhir, jangan lupa untuk mencoba beberapa kilometer perjalanan sebelum menekan pedal gas hingga ke batas merah speedometer.

Sebuah PC yang baru juga membutuhkan sentuhan-sentuhan seperti mobil baru, sebelum siap menjadi PC yang sempurna. Sekarang, mari kita beri sentuhan-sentuhan yang diinginkan PC baru itu.



  • Judul: 31 Jurus Menyempurnakan PC

  • Pengarang: MUH. ANTAR TEMMANGINGNGI

  • Total Halaman: 15

  • Password: linggih-blog.com

  • Download e-Booknya di sini

15 Februari 2010

"iframe" tag HTML

Embed Dokumen HTML menggunakan tag <iframe>


Adakah cara untuk menyisipkan situs lain secara aktual ke web/blog? Jika itu yang menjadi pertanyaan anda sekarang maka penggunaan tag <iframe> bisa menjadi salah satu jawaban dari beberapa solusi yang ada. Hasil dari penggunaan tag <iframe> ibarat seperti anda menonton televisi dalam televisi.

Tag <iframe> biasanya berisi dokumen HTML, contoh simpelnya seperti di bawah ini:

[html collapse="false"]
<iframe src="http://www.wikipedia.com" style="width: 100%; height: 300px"></iframe>
[/html]

Hasilnya akan seperti ini:



Membuat external link yang akan dimuat pada area <iframe>



Sekarang saatnya coba menambahkan link yang mana apabila di klik akan dimuat (dibuka) pada area <iframe>. Contoh codenya seperti di bawah ini:

[html collapse="false"]
<div><a href="http://www.lexus.com" target="internal">Lexus</a> | <a href="http://www.tokobagus.com" target="internal">Toko Bagus</a> | <a href="http://www.lapan.go.id" target="internal">NASA Indonesia</a> | <a href="http://www.msn.com" target="internal">MSN</a> | <a href="http://www.ebay.com" target="internal">eBay</a> | <a href="http://www.wordpress.com" target="internal">Wordpress</a></div>
<iframe src="http://www.tokobagus.com" style="width: 100%; height: 300px" name="internal"></iframe>
[/html]

Hasilnya akan seperti ini:




Menyisipkan atribut "name" pada tag <iframe> dan memakai atribut "target" = "internal" pada tag <a> maka halaman yang diklik akan di load (dimuat) pada area <iframe>

Menghilangkan Garis batas tepi <iframe>



Kebanyakan orang tertarik untuk menghilangkan garis batas tepi <iframe> agar tidak terlalu kelihatan pemakaian <iframe> pada dokumen html mereka. Hal ini bisa dilakukan dengan menambahkan beberapa atribut HTML seperi di bawah ini:

[html collapse="false"]
<iframe src="http://www.tokobagus.com" style="width: 100%; height: 500px" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0"></iframe>
[/html]

Maka hasilnya akan seperti ini:



Jika anda ingin menghilangkan scrollbar pastikan tinggi dari <iframe> harus mencakup semua halaman web untuk menghindari terpotongnya objek halaman dalam <iframe>

base64_decode WordPress Footer

Edit base64_decode Footer WordPress



Barangkali pernah mengalami, suatu ketika ingin memodifikasi footer wordpress yang pada umumnya konten footer nggak jauh dari link designer ataupun author theme. Anda ingin merubah linknya jadi 'no follow' atau menghilangkan sama sekali link designer dan authornya kecuali link alamat wordpress anda sendiri, tapi nggak tahunya kode diproteksi dengan 'base64_decode' seperti di bawah ini

[php]
<? eval(gzinflate(str_rot13(base64_decode( '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')))); ?>
[/php]

Nah... bingung kan, tuh kode mau diapain. Jika asal hapus aja, pasti deh waktu blog dibuka ada pesan error php. Ada cara paling gampang mengakalinya. Pertama biarkan saja kode apa adanya jangan dirubah dahulu. Upload semua file theme, kemudian buka homepage blog wordpress anda. Blok semua text footer, jika anda menggunakan browser firefox, klik kanan pada bagian yang diblok tadi kemudian klik pada pilihan "View Selection Source"

Contoh hasil dari "View Selection Source" seperti di bawah ini:

[html collapse="false"]
<!– start footer –>
<span style="margin-left:10px">Copyright 2009 <a href="http://www.website-anda.com/" title="Title website anda">Website-Anda.com</a> | <a href="http://www.designer-website.com" title="Free Wordpress theme">Link Designer</a> | <a href="http://www.author-website.com/" title="About Author Website">Author Website</a></span>
[/html]

Selanjutnya tinggal edit konten footernya sesuai keinginan, misal link designer dan authornya ingin anda jadikan 'nofollow' atau dihilangkan sama sekali kecuali link blog wordpress anda sendiri: (tambahkan kode php => '<?php wp_footer(); ?>' di bawah kode html footer yang telah anda ganti)

Edit link jadi 'nofollow'

[php collapse="false"]
<!– start footer –>
<span style="margin-left:10px">Copyright 2009 <a href="http://www.website-anda.com/" title="Title website anda">Website-Anda.com</a> | <a href="http://www.designer-website.com" target="_blank" rel="nofollow" title="Free Wordpress theme">Link Designer</a> | <a href="http://www.author-website.com/" target="_blank" rel="nofollow" title="About Author Website">Author Website</a></span>
<?php wp_footer(); ?>
[/php]

Hapus link designer dan authornya kecuali link blog wordpress anda

[php collapse="false"]
<!– start footer –>
<span style="margin-left:10px">Copyright 2009 <a href="http://www.website-anda.com/" title="Title website anda">Website-Anda.com</a>
<?php wp_footer(); ?>
[/php]

Setelah itu ganti kode 'base64_decode Footer WordPress' nya dengan kode di atas. Upload file php footer ke webserver.

Selesai.

Clear RAM Space

Trik Mendongkrak Kecepatan Komputer Dengan Membersihkan Space RAM




Anda pasti pernah mengalami ketika menggunakan komputer semakin lama, diiringi dengan semakin melambatnya sistem windows yang anda pakai. Hal ini biasanya dialami ketika komputer digunakan untuk bekerja dengan banyak program yang terbuka/dijalankan secara bersamaan.

Hal di atas terjadi dikarenakan RAM memori yang anda gunakan full (penuh) dengan program yang baru saja ditutup padahal anda tidak membutuhkannya lagi, tak jarang walaupun program sudah ditutup tetapi masih saja komputer berjalan lambat. Nah.. Untuk mengakalinya, gunakan trik seperti di bawah ini;


  1. Buka 'Notepad' dan ketikkan => 'FreeMem=Space(128000000)' <= tanpa tanda petik. Terserah isikan nilainya berapa saja, disarankan 128000000, 256000000, atau 512000000 (sesuaikan angkanya, disarankan maksimal setengah dari kapasitas RAM)

  2. Kemudian simpan dengan nama misalnya 'freshram.vbs'
    Ketika menyimpan pilih "All Files" pada pilihan "Save as type"

  3. Ketika anda merasa komputer berjalan lambat, jalankan file 'freshram.vbs' dengan klik dua kali atau klik kanan kemudian pilih 'Open'

  4. Selesai



Coba saja, have fun...

Tips Optimalisasi CSS File

Trik Memperkecil Ukuran File CSS


Sudah jelas jika semakin kecil ukuran file CSS maka logikanya semakin cepat pula browser meload file CSS. Ada beberapa trik yang dapat dilakukan untuk memperkecil (optimalkan) ukuran file CSS, berikut beberapa diantaranya:

BUAT FILE CSS DALAM SATU SINGLE FILE

Ketika pengguna (visitor) membuka halaman web dengan banyak objek (seperti misalnya gambar atau script) akan membutuhkan HTTP request yang mana request ini akan memperlambat waktu respon halaman web. Semakin banyak objek yang diload (dimuat) otomatis waktu respon halaman web akan semakin lambat. Logikanya 1 File CSS = 1 HTTP Request. Maka buat 1 file css untuk semua halaman web, contohnya dapat anda lihat seperti ilustrasi di bawah ini (mempunyai 3 halaman web dengan 3 file CSS Yang berbeda)

[css collapse="false"]
<link rel="stylesheet" type="text/css" href="konten.css" />
<link rel="stylesheet" type="text/css" href="tentang.css" />
<link rel="stylesheet" type="text/css" href="kontak.css" />
[/css]

Maka sebaiknya gabungkan beberapa file CSS tersebut menjadi satu file CSS. Misal setelah digabungkan akan diberi nama baru "codesaya.css" penulisan code setelahnya akan menjadi seperti ini:

[css collapse="false"]
<link rel="stylesheet" type="text/css" href="codesaya.css" />
[/css]

BUAT EXTERNAL FILE CSS

Seperti yang anda lihat pada code di atas, merupakan bentuk dari External Style CSS. Menggunakan external file CSS kenyataannya dapat meload halaman web lebih cepat karena file CSS sudah masuk dalam cache browser, Jadi ketika dibuka kembali maka browser tinggal memuat ulang (reload) file css dari cache yang tersimpan di komputer. Lain halnya dengan menggunakan Inline Style CSS yang disisipkan diantara code HTML, browser akan selalu reload CSS untuk setiap halaman yang dibuka. Memang dengan menggunakan inline CSS dapat mengurangi jumlah HTTP request, tetapi kekurangannya meningkatkan ukuran file dokumen web & selalu reload inline css. Lain halnya dengan menggunakan external file CSS.

SELALU TEMPATKAN CSS PADA BAGIAN HEADER

Menempatkan code css pada bagian header akan mempercepat loading halaman web, hal ini dikarenakan setiap code pada bagian header menjadi prioritas untuk diload. Lihat contohnya seperti di bawah:

Sebelum

[html collapse="false"]
<html>
<head>
<title>Optimalisasi CSS</title>
<style>
body {
font-family:arial;
margin:0;padding:0;
}

h1 {
font-weight:850px;
margin:5px 0;
}
code css dan seterusnya.......
</style>
</head>
</html>
[/html]

Sesudah

[html collapse="false"]
<html>
<head>
<title>Optimalisasi CSS</title>
<link rel="stylesheet" type="text/css" href="codesaya.css"/>
</head>
</html>
[/html]

MENGGABUNGKAN STYLE YANG SAMA

Kesalahan yang sering kali dilakukan, padahal dapat dibuat penulisan code CSS yang lebih simple. Ilustrasinya seperti dapat anda lihat di bawah ini:

Sebelum

[css collapse="false"]
h1 {padding:5px 0; font-family:arial; font-weight:650;}
#konten .heading {padding:5px 0; font-family:arial; font-weight:650;}
#konten2 .heading {padding:5px 0; font-family:arial; font-weight:650;}
[/css]

Sesudah

[css collapse="false"]
h1, #konten .heading, #konten2 .heading {padding:5px 0; font-family:arial; font-weight:650;}
[/css]

Namun dalam beberapa kasus, code css tidak dapat digabung menjadi satu atau hanya sebagian saja yang dapat digabung dikarenakan misalnya terdapat property yang sama tetapi dengan value yang berbeda. Contoh dapat anda lihat seperti di bawah:

Sebelum

[css collapse="false"]
#coba a.home {padding:5px; font-family:arial; font-weight:650; background:#fff url(home.gif) no-repeat}
#coba a.konten {padding:5px; font-family:arial; font-weight:650; background:#fff url(konten.gif) no-repeat}
#coba a.kontak {padding:5px; font-family:arial; font-weight:650; background:#fff url(kontak.gif) no-repeat}
#coba a.tentang {padding:5px; font-family:arial; font-weight:650; background:#fff url(tentang.gif) no-repeat}
[/css]

Dapat anda lihat setiap selector 'id' mempunyai property yang sama, namun salah satu diantaranya property "background" untuk setiap selector "id" mempunyai value yang berbeda. Maka penggabungan code CSS dapat juga dilakukan namun pengecualian untuk properties "background". Hasilnya akan seperti ini:

[css collapse="false"]
#coba a {padding:5px; font-family:arial; font-weight:650; background:#fff no-repeat}
#coba a.home {background:url(home.gif)}
#coba a.konten {background:url(konten.gif)}
#coba a.kontak {background:url(kontak.gif)}
#coba a.tentang {background:url(tentang.gif)}
[/css]

Kurangi Jumlah Line Breaks

Untuk setiap selector yang mempunyai beberapa property, disarankan property dan value nya dijadikan satu baris saja. Ilustrasinya seperti di bawah ini:

Sebelum

[css collapse="false"]
h2 {
font-family:arial;
padding:0;
margin:5px 0;
color:#000;
text-decoration:none;
}
[/css]

Sesudah

[css collapse="false"]
h2 {font-family:arial;padding:0;margin:5px 0;color:#000;text-decoration:none;}
[/css]

HILANGKAN TITIK KOMA (semicolon/';'}) TERAKHIR

Sebelum

[css collapse="false"]
h2 {font-family:arial;color:#000;text-decoration:none;}
[/css]

Sesudah

[css collapse="false"]
h2 {font-family:arial;color:#000;text-decoration:none}
[/css]

GUNAKAN SIMPLE COMMENT

Sebelum

[css collapse="false"]
/************************************/
/* Properties Header */
/************************************/
[/css]

Sesudah

[css collapse="false"]
/* Properties Header */
[/css]

SINGKAT KODE WARNA JIKA MEMUNGKINKAN

Sebelum

[css collapse="false"]
.konten {
color:#000000
<!-- atau -->
color:#FF0000
<!-- atau -->
color:#FFCC00
}
[/css]

Sesudah

[css collapse="false"]
.konten {
color:#000
<!-- atau -->
color:#F00
<!-- atau -->
color:#FC0
<!-- Namun Yang Seperti Ini Tidak Bisa DiRubah -->
color:#5B8BE3
<!-- atau -->
color:#1E5F07
<!-- atau -->
color:#171452
}
[/css]

HILANGKAN "px"

Sebelum

[css collapse="false"]
h1 {padding:0px; margin:0px;}
[/css]

Sesudah

[css collapse="false"]
h1 {padding:0; margin:0}
[/css]

GUNAKAN CSS COMPRESSION TOOLS

Jika anda malas untuk memekai cara manual seperti di atas. Gunakan tool online gratis di bawah ini:

CSS Optimizer
Flumpcakes CSS Optimizer
Clean CSS
CSS Drive CSS Compressor
Online YUI Compressor
Style Neat

Image Slider Web/Blog

Trik Membuat Slider Image (Gambar) Pada Web/blog



Tentu saja web/blog lebih terlihat menarik dengan menambahkan animasi, seperti contoh yang akan dibahas di sini adalah membuat dan menambahkan slide image (gambar) pada website / blog. Seperti apa contoh slider image, langsung lihat saja contohnya pada halaman ini.

Slider Image yang akan dibuat akan mempunyai beberapa fitur antara lain:

  1. Slideshow dengan gambar disertai deskripsi singkatnya
  2. Tombol "Play, Pause, Next, dan Previous".
  3. Kecepatan / delay waktu slideshow yang dapat disesuaikan
  4. Script yang dapat disesuaikan dengan ukuran gambar yang dipakai

OK langsung saja, begini tahapan pembuatannya. Sebelumnya download dahulu bahannya di halaman ini.

Pertama buat dulu css nya seperti di bawah ini:

[css]
<style type="text/css">
#slider {
width: 300px;
height: 186px;
position: relative;
overflow: hidden;
}

#slider a:link, #slider a:active {
color: #FF0;
text-decoration: none;
}

#slider a:hover {
color: #F00;
}

#mask-gallery {
overflow: hidden;
}

#gallery {
list-style: none;
margin: 0;
padding: 0;
z-index: 0;
width: 900px;
overflow: hidden;
}

#gallery li {
float: left;
}

#mask-excerpt {
position: absolute;
top: 0;
left: 0;
z-index: 500px;
width: 100px;
overflow: hidden;
}

#excerpt {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
list-style: none;
margin: 0;
padding: 0;
z-index: 10;
position: absolute;
top: 0;
left: 0;
width: 100px;
background-color: #000;
overflow: hidden;
font-family: arial;
font-size: 10px;
color: #fff;
}

#excerpt li {
padding: 5px;
}

</style>
[/css]

Ganti ukuran gambar sesuai dengan gambar anda. Selanjutnya Copy dan pastekan kode script di bawah di atas atau di bawah kode css yang baru anda buat.

[jscript]
<script>
$(document).ready(function() {

var speed = 5000;


$('#mask-gallery, #gallery li').width($('#slider').width());
$('#gallery').width($('#slider').width() * $('#gallery li').length);
$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());

var run = setInterval('newsscoller(0)', speed);

$('#gallery li:first, #excerpt li:first').addClass('selected');

$('#btn-pause').click(function () {
clearInterval(run);
return false;
});

$('#btn-play').click(function () {
run = setInterval('newsscoller(0)', speed);

return false;
});

$('#btn-next').click(function () {
newsscoller(0);
return false;
});

$('#btn-prev').click(function () {
newsscoller(1);
return false;
});

$('#slider').hover(
function() {
clearInterval(run);
},
function() {
run = setInterval('newsscoller(0)', speed);
}
);
});

function newsscoller(prev) {
var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

if (prev) {

var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');

var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');

} else {
var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
}

$('#excerpt li, #gallery li').removeClass('selected');
next_image.addClass('selected');
next_excerpt.addClass('selected');

$('#mask-gallery').scrollTo(next_image, 800);
$('#mask-excerpt').scrollTo(next_excerpt, 800);

}

</script>
[/jscript]

Var Speed= 5000, yang berarti mengatur delay untuk setiap pergantian gambar (semakin kecil nilainya maka semakin cepat delay pergantian gambarnya). "$('#mask-gallery').scrollTo(next_image, 800)" dan "$('#mask-excerpt').scrollTo(next_excerpt, 800)", nilai 800 mengatur kecepatan perpindahan slide (semakin kecil nilainya maka akan semakin cepat).

Selanjutnya buat konten yang mana harus diisikan antara kode <body> sampai dengan </body>. Contohnya seperti di bawah:

[html]
<div id="slider">

<div id="mask-gallery">
<ul id="gallery">
<li><img src="images/gambar1.jpg" width="300" height="186" alt=""/></li>
<li><img src="images/gambar2.jpg" width="300" height="186" alt=""/></li>
<li><img src="images/gambar3.jpg" width="300" height="186" alt=""/></li>
</ul>
</div>

<div id="mask-excerpt">
<ul id="excerpt">
<li>Isikan diskripsi singkat untuk gambar <a href="#">slideshow yang pertama</a></li>
<li>Selanjutnya bagian ini untuk deskripsi singkat <a href="#">gambar yang kedua</a></li>
<li>Dan ini merupakan deskripsi singkat untuk <a href="#">gambar yang ketiga</a></li>
</ul>
</div>
</div>

<div id="buttons">
<a href="#" id="btn-prev">prev</a>
<a href="#" id="btn-pause">pause</a>
<a href="#" id="btn-play">play</a>
<a href="#" id="btn-next">next</a>
</div>
[/html]

Nah sekarang link kan script file "jquery.scrollTo" dan "jquery-1.3.1.min" dalam folder "js" yang baru saja anda download diantara kode <head> sampai </head>. Cara link nya contohnya seperti di bawah ini:

[jscript collapse="false"]
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
[/jscript]

Untuk pengguna blogger "src=..." gantikan dengan alamat url dimana script file tersebut anda upload. Jika anda mempunyai account gmail, upload file anda di google sites. Lihat hasilnya di sini.

Kode Warna HTML

Cara Tercepat Mengetahui Kode Warna HTML




Warna jika mau menghitung berapa jumlahnya mungkin bisa mencapai ratusan ribu atau bahkan jutaan kombinasi warna yang berbeda. Coba saja kalau tidak percaya, sebagai contoh warna putih jika ditulis dengan kode html akan seperti ini => #FFFFFF. Dengan kata lain terdiri dari kombinasi 6 digit kode huruf, atau jika dituliskan dengan bilangan berarti ratusan ribu.

Nah bagi anda yang sering otak-atik software pengolah gambar pasti tidak asing dengan kode warna HTML. Jika suatu misal anda ingin mengetahui kode warna html tertentu dari suatu objek, apa yang akan anda lakukan? Apakah mengambil sampel dari objek warna kemudian menyamakannya secara manual, memang cara ini bisa dilakukan namun kurang praktis dan memakan sedikit waktu.

Sekarang ada tool gratis "Instant Eyedropper" yang dapat mengetahui kode warna html dalam hitungan detik. Tertarik untuk mencobanya, ikuti langkah-langkahnya penggunaannya seperti di bawah ini:

Pertama download program gratisnya di sini, kemudian install pada komputer anda

Setelah terinstal jalankan "Instant Eyedropper", setelah itu klik "Instant Eyedropper" yang berada pada System Tray Taskbar Windows seperti gambar di bawah ini:

Instant Eyedropper pencari kode warna html dan kode warna lainnya

Kemudian klik pada icon "Instant Eyedropper" dan tahan, arahkan pada objek warna yang ingin anda cari seperti gambar di bawah ini:

Instant Eyedropper pencari kode warna html

Selesai... Cukup cepat kan dari pada memakai cara manual. "Instant Eyedropper" juga dapat diatur output kode warnanya seperti "HTML, Hex, Delphi Hex, VB Hex, RGB dan HSB."
Loncat ke Atas ↑