Sharing Code dan Artikel Ringan

Membuat Recent Comments dengan Avatar

2012-02-07T03:37:00.001+07:00

Hallo kawan, kali ini saya akan share tutorial blogger mengenai Membuat Recent Comments dengan Avatar atau Thumbnail. Selain recent post, recent comments juga bisa ditambahkan avatar atau thumbnail.

Script untuk menampilkan avatar pada komentar terakhir atau recent comment, dibuat oleh Harish. Saya share disini buat-rekan rekan blogger. Contohya pada gambar dibawah ini, atau lihat Recent Comments di blog ini.

Pasang Recent Comments dengan Avatar

1. Buat widget baru HTML/JavaScript
2. Simpan kode dibawah ini pada widget, berikan judul terserah anda. Kodenya :

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 30,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://www.ibcode.co.cc/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

3. Ganti www.ibcode.co.cc dengan blog Anda.
4. Ganti max-results=5, sesuai jumlah komentar yang ditampilkan.
5. Simpan.

Hasilnya seperti ini :

Rating Artikel : 4.5

Membuat Twitter Follower Box

2012-02-07T03:20:00.001+07:00

Membuat Twitter Follower Box di Blogger yang menyerupai Facebook Fan Box. Plugin ini bukan resmi dari twitter, dan awalnya merupakan plugin untuk wordpress. Code ini dibuat oleh Mark Carey, dan saya coba buat untuk Blogger. Dengan memasang Twitter Follower Box, pengunjung akan lebih tertarik untuk ikut akun twitter anda. Dan ini sangat menarik untuk penampilan blog anda.

Pasang Twitter Follower Box

1. Login ke Blogger
2. Klik Dasbor>Rancangan>Tambah Gadget
3. Pilih wiadget HTML/JavaScript
4. Masukan kode ini

<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("August_Seven");</script
type="text><div
style="font-size:10px;margin-top:-8px;"><a
href="http://www.ibcode.co.cc/2012/02/membuat-twitter-follower-box.html">Get This Widget</a></div>

5. Ganti August_Seven dengan username anda
6. Untuk merubah ukuran, sesuaikan width dan height-nya
7. Save dan Selesai.

Hasilnya kira-kira seperti ini :

Rating Artikel : 4.5

Membuat Buku Tamu dengan Filter Otomatis

2012-02-07T02:58:00.000+07:00

Untuk mencegah spam masuk ke dalam buku tamu, ada beberapa teknik yang bisa digunakan. Teknik pertama adalah menggunakan captcha yaitu user sebelum mensubmit komentar buku tamu terlebih dahulu harus mengisi semacam kode yang tertera di halaman tersebut. Biasanya kode ini bersifat random. Teknik penggunaan captcha ini bertujuan untuk memverifikasi apakah pengisi buku tamu merupakan mesin spam ataukah manusia sejati. Anda dapat membaca teknik ini di artikel saya yang lain.

Teknik kedua untuk mencegah spam masuk, yaitu menggunakan filtering. Biasanya, spam-spam nakal berisi komentar yang di dalamnya terdapat hal-hal yang berbau 'sex', 'xxx', 'porn' atau link-link tertentu. Bisa juga teknik automatic filtering ini mencegah buku tamu dari komentar-komentar yang berbau tidak sopan dalam hal ini yang dikirim oleh manusia. Nah.. dengan teknik filtering ini, bila komentar terdapat salah satu atau beberapa kata-kata tersebut maka secara otomatis langsung direject atau ditolak (tidak tersimpan di database).

Anda dapat menggunakan salah satu teknik di atas atau bahkan menggabungkannya menjadi kesatuan. Dengan digabungkannya kedua teknik tersebut, maka diharapkan buku tamu Anda akan lebih terproteksi dari spammer.

Nah.. pada artikel ini khusus akan dibahas bagaimana ide untuk membuat buku tamu dengan automatic filtering.

Pembahasan kita mulai dari membuat struktur tabel untuk menyimpan data buku tamu terlebih dahulu.

Buat Databasenya

CREATE TABLE guestbook (
id int(11) auto_increment,
nama varchar(20),
email varchar(20),
tanggal date,
komentar text,
PRIMARY KEY (id)
)

Field 'id' digunakan untuk pembeda antar entri buku tamu. Field ini akan bermanfaat bila Anda memberikan fitur untuk mengedit komentar buku tamu yang masuk, atau fitur untuk menghapus komenter. Pengeditan dan penghapusan komentar tersebut berdasarkan ID komentar. Untuk mudahnya, ID komentar ini kita buat menggunakan auto increment.

Field 'nama' nantinya akan diisi oleh nama pengisi buku tamu. Field 'email' terkait dengan alamat email pengisi. Dalam buku tamu nanti akan disimpan pula tanggal pengisian komentar.

Selanjutnya kita buat form isian buku tamu

guestbook.htm

<h1>Guest Book</h1>
<form method="post" action="submit.php">
<table border="0">
<tr><td>Nama Anda</td><td>:</td><td><input type="text" name="nama" /></td></tr>
<tr><td>Email Anda</td><td>:</td><td><input type="text" name="email" /></td></tr>
<tr><td>Komentar</td><td>:</td><td><textarea name="komentar"></textarea></td></tr>
<tr><td></td><td></td><td><input type="submit" name="submit" value="Submit" /><input type="reset" name="reset" value="Reset" /></td></tr>
</table>
</form>

Keterangan:
untuk field tanggal, nantinya akan digenerate secara otomatis oleh function yang akan membaca tanggal saat pengisian komentar (recent date).

Form telah dibuat, selanjutnya kita buat script untuk memproses isian buku tamu.

Sebelum kita mulai membuat scriptnya, terlebih dahulu harus kita buat konsep dalam pemrosesan isian buku tamu ini.

Hal pertama yang harus kita pikirkan adalah, bagaimana supaya user tidak bisa menuliskan data isian buku tamu menggunakan tag HTML. Lho mengapa demikian? Ya.. karena terkadang ada user nakal yang sengaja menyisipkan tag-tag HTML untuk membuat suasana buku tamu menjadi rusak. Untuk itu, kita harus pikirkan bagaimana supaya bila user menyisipkan tag HTML, tag tersebut tidak terbaca atau tersimpan.

OK.. untuk mewujudkan hal di atas, solusinya adalah kita gunakan function strip_tags(). Function ini akan menghilangkan semua tag HTML dari suatu string yang di dalamnya terdapat tag HTML. Function ini nanti akan kita berikan pada setiap string yang diisikan user baik nama, email maupun komentar.

Selanjutnya kita pikirkan tentang filtering bad wordsnya. Untuk mengimplementasikan hal ini, terlebih dahulu kita buat daftar bad words nya. Daftar ini bisa kita nyatakan dalam bentuk array. Selanjutnya, untuk setiap kata dalam array bad words tersebut kita cek keberadaannya dalam komentar. Bila komentar terdapat minimal sebuah bad word, maka isian buku tamu langsung ditolak.

Mungkin yang menjadi pertanyaan di benak Anda adalah, bagaimana caranya mengecek ada tidaknya sebuah bad word dalam komentar? Hmm… mudah saja kawan. Caranya dengan menggunakan function strpos().

Secara umum function strpos() ini digunakan untuk mengecek keberadaan suatu substring dalam string. Bila subtring tersebut tidak terdapat dalam string, maka akan menghasilkan nilai FALSE.

Trus… bagaimana cara mengimplementasikan strpos() ini terhadap proses filteringnya? OK.. konsepnya adalah, pertama kita asumsikan terlebih dahulu bahwa status komentarnya adalah bersih alias 'tidak mengandung bad words'.

Selanjutnya kita cek satu-persatu untuk setiap kata dalam daftar bad words yang terletak dalam array. Apabila ditemukan sebuah bad word dalam komentar, maka status komentarnya menjadi 'ada bad word'. Karena telah ditemukan sebuah bad word dalam komentar, maka boleh kita hentikan proses pencariannya untuk bad word yang lain. Kalaupun dilanjutkan juga tidak apa-apa.

Nah… setelah terindikasi bahwa komentar mengandung bad word, maka data isian tersebut tidak kita simpan ke database.

OK.. we've got it... konsep dan ide sudah dapat, sekarang mulai buat scriptnya.

submit.php

<?php

// daftar bad words

$badWords = array("sex","xxx","viagra","http","porn");

// membaca isian buku tamu dengan strip_tags()

$namaPengisi = strip_tags($_POST['nama']);
$emailPengisi = strip_tags($_POST['email']);
$isi = strip_tags($_POST['komentar']);

// membaca tanggal ketika pengisian

$tanggal = date("Y-m-d");

// asumsikan komentarnya tidak mengandung bad word

$status = "tak ada";

// cek keberadaan setiap bad word dalam komentar

for($i = 0; $i <= count($badWords)-1; $i++)
{
if (!(strpos($isi, $badWords[$i]) == false))
{
// jika ditemukan sebuah bad word dalam komentar, maka status menjadi 'ada'
// proses looping langsung dihentikan

$status = "ada";
break;
}
}

// cek status akhir
// bila status bad word tidak ada, maka data isian tersimpan ke database
// bila ada, maka direject

if ($status == "tak ada")
{
mysql_connect("localhost", "root", "root");
mysql_select_db("contoh");
$query = "INSERT INTO guestbook(nama, email, tanggal, komentar)
VALUES ('$namaPengisi', '$emailPengisi', '$tanggal', '$isi')";
$hasil = mysql_query($query);

if ($hasil) echo "Terimakasih telah mengisi buku tamu";
else echo "Pengisian buku tamu gagal";
}
else
{
echo "Maaf komentar Anda mengandung kata-kata yang tidak sopan";
}

?>

Bisa Anda gabung dengan teknik captcha atau menggunakan sistem moderasi sebelum isian buku tamu ditampilkan/dipublish.

Selamat mencoba...
Rating Artikel : 4.5

Mencegah Submit Form Berulang Kali dengan PHP

2012-02-07T02:42:00.000+07:00

Pernahkah Anda mendapati seseorang yang telah mensubmit form yang ada di situs Anda beberapa kali dalam waktu yang hampir bersamaan? Biasanya hal ini dilakukan oleh user yang mengira proses submit form belum sukses, sehingga ia berulang kali mengklik REFRESH atau mengklik tombol SUBMIT padahal sebenarnya proses submit sendiri sudah berhasil. Apabila data dari form tersebut disimpan di database maka Anda akan mendapati beberapa data yang sama (duplicate data).

Lebih buruk lagi, seandainya yang mengirim data melalui form adalah sebuah spam yang bisa jadi akan menghabiskan space quota hostingan Anda di server karena puluhan bahka ratusan data akan disubmit dalam waktu yang hampir bersamaan melalui form.

Nah... berikut ini ada tips untuk menanggulangi submit form yang berulang kali tersebut.

Misalkan Anda memiliki form berikut ini :

form.php

<form method="post" action="submit.php">
<p>Masukkan nama Anda: <input name="nama" type="text" /></p>
<p><input type="submit" /></p>
</form>

Form di atas digunakan untuk memasukkan nama user lalu mensubmitnya. Ini hanyalah contoh sederhana saja. Anda dapat membuat beberapa field tambahan bila diperlukan.

Teknik untuk mencegah submit berulang kali disini menggunakan bantuan session. Bagaimana idenya? OK... Pertama-tama untuk inisialisasi, session dibuat bernilai TRUE. Submit dikatakan berhasil jika nilai session yang tadinya bernilai TRUE, kemudian berubah menjadi FALSE. Sedangkan apabila submit belum berhasil maka status session masih TRUE dan memungkinkan user melakukan re-submit. Apabila submit sebelumnya berhasil (status session menjadi FALSE), maka ia tidak bisa mensubmit lagi.

Nah, oleh karena itu kita harus modifikasi script untuk formnya untuk menerapkan ide di atas.

form.php

<?php
// memulai session
session_start();

// jika session belum dibuat, maka inisialisasi awal diberi nilai TRUE

if (!isset($_SESSION['submit'])) {
$_SESSION['submit'] = true;
}
?>

<form method="post" action="submit.php">
<p>Masukkan nama Anda: <input name="nama" type="text" /></p>
<p><input type="submit" /></p>
</form>

Selanjutnya kita buat script untuk memproses submitnya.

submit.php

<?php
session_start();

// cek apabila submit tidak valid

if (!$_SESSION['submit'])
{
echo "ERROR: form sudah disubmit sebelumnya!";
}
else {
// mengubah session menjadi false setelah submit sukses
$_SESSION['submit'] = false;

// Bagian ini dapat dimodifikasi sendiri sesuai keperluan
// misalnya ditambah perintah untuk
// entri data ke tabel database

// dalam contoh ini data yang diisi via form
// hanya sekedar ditampilkan saja setelah disubmit

echo "Nama anda".$_POST['nama'];
}
?>

Selamat mencoba dan mudah-mudahan bermanfaat bagi Anda. Nantikan tips-tips berikutnya dari saya, so… stay tune terus di blog ini.
Rating Artikel : 4.5

Kompresi File ZIP dengan Script PHP

2012-02-06T05:08:00.001+07:00

Pada tutorial ini akan dibahas bagaimana cara membuat script PHP untuk melakukan kompresi file ZIP. Skenario untuk studi kasus yang diambil di sini adalah: user nantinya akan memilih file yang akan dikompresi melalui form, setelah itu ia mengklik tombol submit, dan hasilnya akan diperoleh file kompresi ZIP dari file yang dipilih tadi. Simple bukan.

Untuk PHP yang dijalankan di Windows OS, pastikan Anda telah mengaktifkan php_zip.dll di file php.ini. Bagaimana caranya? Caranya adalah buka terlebih dahulu file php.ini, bila Anda menggunakan AppServ caranya klik START > AppServ > Configuration Server > PHP Edit The php.ini Configuration File. Selanjutnya cari baris extension=php_zip.dll. Pastikan tidak ada tanda titik koma (;) di depan baris tersebut. Bila sudah, simpan kembali php.ini, dan restart Apache (Web Server).
Sekarang kita mulai membuatnya.

Buat form index.php

<form enctype="multipart/form-data" action="kompresi.php" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
Pilih file yang akan dikompresi <input name="file" type="file" />
<input type="submit" name="submit" value="Submit" />
</form>

Buat file kompresi.php

<?php

$namaFile = $_FILES['file']['name'];
$tmpName = $_FILES['file']['tmp_name'];

$fp = fopen($tmpName, 'r');
$isiFile = fread($fp, filesize($tmpName));
fclose($fp);

$zip = new ZipArchive();
$fileKompresi = $namaFile.".zip";

$kompresi = $zip->open($fileKompresi, ZIPARCHIVE::CREATE);
if ($kompresi)
{
$zip->addFromString($namaFile, $isiFile);
$zip->close();
echo "Kompresi Sukses";
}
else{ echo "Kompresi Gagal";}
?>

Keterangan:

Baris ke-3 digunakan untuk mendapatkan nama file yang akan dikompresi. Nama file ini nanti akan digunakan untuk memberi nama file hasil kompresi (lihat baris ke-11).
Baris ke-4 digunakan untuk menyimpan temporary file yang akan dikompresi. File temporary ini nantinya akan dibaca isinya (baris ke-6 s/d 8).
Baris ke-10 digunakan untuk membuat obyek ZipArchive.
Baris ke-13 digunakan untuk membuat file kompresi.
Baris ke-14 melakukan pengecekan, bila file kompresi berhasil dibuat maka isi file asli yang dibaca akan dimasukkan ke dalam file kompresi. Sedangkan bila gagal, muncul pesan kegagalan.

Selamat Mencoba.
Rating Artikel : 4.5

Menampilkan Gambar Tanpa File Terpisah Pada HTML

2012-02-05T04:55:00.004+07:00

Umumnya untuk menampilkan gambar pada HTML membutuhkan sebuah tag misalnya <img src="url gambar" />, tapi ternyata ada cara lain untuk menampilkan gambar tanpa file terpisah.
Caranya seperti biasa, hanya ditambahkan beberapa data pada atribut src saja.

<img src="data:(MIME);base64,(base64)" alt="" />

Penjelasan:
(MIME) diisi dengan jenis gambarnya, misal image/jpeg, image/png, image/gif, dll. Sedangkan (base64) maksudnya adalah data dalam bentuk biner yang telah di-encode dalam bentuk base64.
Misal saya ingin menampilkan gambar berjenis PNG, file gambarnya bernama gambar.png.

Langkah pertama adalah mengambil isi dari file gambar.png kemudian di-encode kedalam bentuk base64.
Potongan kode PHP dibawah ini saya buat sebagai contoh saja untuk mengambil isi dari file gambar.png kemudian tampilkan ke browser dan tulis kedalam file gambar.txt dalam bentuk base64.

<?php
$imgfile = "gambar.png"; //nama file

$imgbinary = base64_encode(fread(fopen($imgfile, "r"), filesize($imgfile))); /*masukkan data ke dalam variabel $imgbinary */

echo '<img src="data:image/png;base64,' . $imgbinary . '" alt="" />'; /* tampilkan ke browser */
$handle = fopen("gambar.txt", "w"); /* buat handle untuk membuka file gambar.txt dengan mode write */
fwrite($handle, $imgbinary); /* tulis data dari variabel $imgbinary kedalam file gambar.txt */
fclose($handle); /* lepaskan handle */
?>

Oke selamat mencoba.
Rating Artikel : 4.5

Script Ganti Password PHP

2012-02-05T04:34:00.003+07:00

Tutorial PHP ini ditujukan untuk newbie yang sudah mulai mengenal PHP, namun masih membutuhkan banyak nutrisi berisi kasus-kasus yang biasa di temui oleh para web developer sebelumnya. Beberapa hari lalu seorang pengunjung ilmuwebsite bertanya kepada penulis perihal bagaimana membuat script php untuk mengganti password lama dengan password yang baru?

Yang perlu dilakukan adalah pembuatan database dan tablenya terlebih dahulu, di mana pada table tersebut minimal harus tersedia field username, dan field password.

Membuat Database

create database labdb;
use labdb;
create table tbl_user (id int(5) auto_increment primary key, username varchar(75), password varchar(255));
insert into tbl_user(password, username) values( "admin", "admin" );

Selanjutnya adalah halaman yang digunakan nantinya untuk mengganti password. Di sini penulis membuatnya sesimple mungkin, karena yang akan dijelaskan adalah intinya saja, yakni mengganti password lama menjadi password yang baru.

Membuat file formUbahPassword.html

<html>
<head><title></title></head>
<body>
<table border="1">
<form action="changePassword.php" method="POST" />
<tr><td>username:</td><td><input type="text" name="username" id="username" /></td></tr>
<tr><td>password <strong>lama</strong>:</td><td><input type="password" name="passwordlama" id="passwordlama" /></td></tr>
<tr><td>password <strong>baru</strong>:</td><td><input type="password" name="passwordbaru" id="passwordbaru" /></td></tr>
<tr><td>konfirmasi <strong>password baru</strong>:</td><td><input type="password" name="konfirmasipassword" id="konfirmasipassword" /></td></tr>
<tr><td></td><td><input type="submit" name="change" value="ganti!!" /></td></tr>
</form>
</table>
</body>
</html>

Membuat file koneksiDB.php

<?php
$host = "localhost";
$username = "root";
$password = "";
$database = "labdb";
$koneksi = mysql_connect($host, $username, $password);
mysql_select_db($database, $koneksi) or die( "MySQL Gagal Koneksi" );
?>

Terakhir membuat file changePassword.php

<?php
require_once "koneksiDB.php";
$passwordlama = $_POST['passwordlama'];
$passwordbaru = $_POST['passwordbaru'];
$konfirmasipassword = $_POST['konfirmasipassword'];
$username = $_POST['username'];
$cekuser = "select * from tbl_user where username = '$username' and password = '$passwordlama'";
$querycekuser = mysql_query($cekuser);
$count = mysql_num_rows($querycekuser);
if ($count >= 1){
$updatepassword = "update tbl_user set password = '$passwordbaru' where username = '$username'";
$updatequery = mysql_query($updatepassword);
if($updatequery)
{
echo "Password telah diganti menjadi $passwordbaru";
}
}
?>

Oke, semoga penjelasan singkat ini bermanfaat. Selamat Mencoba.
Rating Artikel : 4.5

Encrypt Source Code Website atau Blog

2012-02-05T03:47:00.000+07:00

Pernahkah source code website atau blog kamu di salin oleh orang lain? atau jangan-jangan kamu sendiri yang menduplikasinya hehehe.
Jengkel rasanya jika hasil karya kita diambil oleh orang lain, apalagi kalau dia mengaku sebagai penciptanya.
Maka dari itu jika kamu mempunyai website atau blog, jangan lupa untuk meng-enkripsinya agar tidak mudah disalin oleh orang yang tidak bertanggung jawab.
Sekadar berbagi, saya ga sengaja menemukan website yang menyediakan layanan berbagai jenis enkripsi dan dekripsi.
Dengan menggunakan layanan dari web tersebut kamu bisa melindungi hasil karyamu agar tidak di salin oleh orang lain.

Alamatnya ada dibawah ini

http://www.crypo.com/

Selamat Mencoba dan semoga bermanfaat
Rating Artikel : 4.5

Award Kedua Ibcode

2012-01-27T16:13:00.001+07:00

Saya ucapkan banyak berterima kasih kepada Mastokenari yang telah memberikan award ini kepada saya. Semoga kita selalu dieratkan persaudaraan didalam blogging. berikut adalah awardnya. Dan makin sukses lagi dalam blogging. amin..

Untuk siapa teman yang mendapatkan award ini akan saya beritahukan selajutnya.

UPDATE

Terima Kasih.
Rating Artikel : 4.5

Award Pertama Ibcode

2012-01-25T02:30:00.003+07:00

Ibcode tak di sangka-sangka rupanya saya mendapatkan award lagi nih dari sobat blogger yang berbaik hati membagi saya award adalah Arian Rasta. saya ucapkan banyak berterima kasih kepada Hibur Dunia. yang telah memberikan award ini kepada saya. Semoga kita selalu dieratkan persaudaraan didalam blogging. berikut adalah awardnya. Dan makin sukses lagi dalam blogging. amin..

Karena tema award ini adalah Top 10, Berarti saya akan berbagi award kepada sepuluh orang sahabat terbaik Arian Blog. mereka adalah :

Yang gak kebagian, jangan berkecil hati ya, hehe.
Rating Artikel : 4.5

50 Slogan / Tulisan di Belakang Truk

2012-01-23T10:40:00.000+07:00

Haha, beginilah orang Indonesia, kreatif - kreatif lo, nih buktinya bisa bikin slogan yang aneh - aneh dan lucu. 50 slogan / tulisan-tulisan lucu dan aneh terlaris di belakang truk / bis / angkot:

1. Anda butuh waktu, kami butuh uang
2. Naik Gratis, Turun Bayar
3. Ma2ku 1/3 dis= Mamaku seperti gadis
4. THE ME anak IS 3= Demi anak istri
5. Jagalah Jandamu
6. JANGAN DINIKAHI BILA SEGEL RUSAK
7. TABAH MENANTI
8. Ku Nanti Jandamu
9. SEKARANG BAYAR, BESOK GRATIS
10. WWW. APKTNTAJ. COM maksudnya?? hahahaha..APe KaTe eNTe AJe, ternyata!
11. Ber 2 1 7an= Berdua 1 tujuan
12. MER – 123 – LUCK= Mer-tuwaga-lak.. haha.. bisa ajahh.. )
13. THONK HE LOVE= tong hilap (don’t khilaf), alias don’t porget
14. Be are the kill us all come fuck= biar dekil asal kompak. huaahahaha..
15. BE YOUNG CARE ROCK= Biang kerok
16. Alone By Must= Alon bae Mas= Pelan2 aja mas
17. Cintamu Tak Semurni Bensinku
18. Ja 500 Let= ja-gope-let
19. BURONAN MERTUA
20. On any book an plumb pleasant= hauahaha..”onani bukan pelampiasan”
21. BERSATU DI PANGKALAN BERSAING DI JALANAN
22. Bercinta di Bis Berpisah di Terminal
23. STREET FIGHTER= maksudnya preman jalanan.
24. PUTUS CINTA sudah biasa PUTUS ROKOK merana PUTUS REM matilah kita.
25. Cintaku Berat Di Bensin
26. MAN 7 jur= Man-tuju-jur
27. JUM’AT KELABU= Trayek Ps. Jumat – Pd. Labu
28. Mencari nafkah demi desah
29. UCOK= Uang Cukup Ongkos Kurang
30. Lupa Namanya, Ingat Rasanya
31. Enak Tapi Dosa
32. Istri goyang suami basah
33. Pergi krn tugas pulang karena beras..
34. Rejekiku dari silitmu= tulisan di truk sedot tinja
35. MATSIBISHA
36. Cinta ditolak dukun bertindak
37. Goyang pantura
38. Pulang malu, tak pulang rindu..
39. Cinta putus kimpoi pun tak jadi
40. JANDA BARU NENEN= Trayek Juanda-Ps. Baru-Senen
41. JANDA 1/3 DIS
42. Do Now. Casino. In Draw . War Kop DKI
43. Bkn salah ibu mengandung, slh bapak gak pk sarung
44. LONG STREET OF MEMORY:sepanjang Jln Kenangan
45. Ora Sama Bin Lain
46. Besar di rantau, tua di jln
47. Tak sehina yang kau duga
48. ABANG YANG ENAK, ADE YANG BERANAK
49. Kalau gadismu tak kudapat, jgn harap jandamu bs lolos
50. Kutangmu Yang Kumau =)).

Rating Artikel : 4.5

Sifat Anda Berdasarkan Huruf Depan Nama Anda

2012-01-23T10:15:00.002+07:00

Huruf depan nama Anda ternyata mencerminkan sifat Anda lo. Iseng aja ya.. jangan dianggap terlalu serius Berikut penjelasannya:

A:
Anda tak romantis tetapi lebih tertarik pada tindakan. BersamaAnda, apa yang dilihat adalah yang didapat. Anda tidak punya kesabaran untuk bermain mata dan tak mau repot meladeni seseorang yang malu-malu kucing, manis, pura-pura sopan dan amat memikat hati. Anda adalah seseorang digaris depan. Ketika tiba saatnya berhubungan seks, tindakan adalah yang penting bukan isyarat-isyarat tak jelas. Daya tarik fisik pasangan penting untuk Anda. Anda menemukan bahwa perburuan dan tantangan sangat menggairahkan. Dari penampilan luar Anda tidak tampak sebagai orang yang penuh gairah dan seksi. Anda tidak memberi tahu orang banyak tentang gairah dan keseksian Anda. Kebutuhan fisik adalah perhatian utama Anda.

B:
Anda menyemburkan getaran sensualitas yang malas. Anda menyukai suasana romantis, penuh dengan suasana jamuan makan malam penuh dengan anggur. Anda senang menerima hadiah-hadiah sebagai tanda cinta dari pasangan. Anda ingin dimanja dan tahu bagaimana memanjakan pasangan. Anda sangat pribadi dalam menunjukkan rasa cinta dan khususnya saat bercinta. Anda akan menahan semuanya sampai segala sesuatunya sesuai dengan persetujuan Anda. Anda dapat mengontrol hasrat dan puasa dari seks bila harus demikian. Anda membutuhkan sensasi dan pengalaman baru. Anda ingin bereksperimen.

C:
Anda adalah pribadi yang sangat sosial oleh karenanya penting untuk punya hubungan pribadi. Anda butuh kedekatan dan kebersamaan. Anda harus dapat bicara dengan pasangan sebelum, selama dan sesudah bercinta. Anda ingin obyek kasih sayang Anda dapat diterima secara sosial dan kelihatan
ganteng/cantik. Anda melihat kekasih sebagai teman dan pendamping. Anda adalah orang yang sangat seksi dan sensual, butuh seseorang untuk menghargai dan hampir memuja diri Anda. Ketika itu tidak tercapai, Anda punya kemampuan untuk pergi dalam waktu lama tanpa aktivitas seks. Anda
adalah seorang ahli dalam mengontrol keinginan.

D:
Sekali kepala Anda memberitahu bahwa Anda butuh seseorang, Anda mulai bergerak dengan penuh semangat untuk mengejarnya, siapapun orangnya dan dimanapun dia. Anda tak menyerah dengan mudah. Anda adalah tipe orang pengejar lawan jenis, punya semangat ngemong dan peduli bila orang lain punya masalah. Anda adalah orang yang sangat seksi, bergairah, dan penuh semangat dalam membina hubungan meski kadang posesif dan pencemburu. Seks bagi Anda adalah hal yang menyenangkan yang harus dinikmati. Anda terdorong oleh hal eksentrik dan tak biasa, bebas dan terbuka.

E:
Kebutuhan terbesar Anda adalah bicara. Jika teman kencan Anda bukan pendengar yang baik, hubungan Anda bisa buruk. Pasangan Anda harus menarik secara intelektual. Jika tidak, Anda tak akan tertarik secara seksual padanya. Anda butuh teman untuk seorang kekasih sekaligus pendamping untuk teman tidur. Anda membenci ketidakharmonisan dan gangguan tetapi menikmati perdebatan sesekali. Anda senang main mata karena tantangan lebih penting dibanding tindakan seksual. Namun sekali Anda memberikan hati, Anda adalah orang yang sangat setia. Ketika Anda tak punya teman tidur yang baik, Anda akan tertidur dengan sebuah buku bagus di sisi Anda. (Terkadang, dalam kenyataan Anda lebih memilih buku yang baik).

F:
Anda termasuk orang idealis dan romantis serta seorang pemuja lawan-jenis. Anda mencari pasangan hidup yang terbaik. Anda senang main mata tetapi sekali berkomitmen, Anda sangat setia pada pasangan. Anda sensual, seksi dan bergairah secara pribadi. Di muka publik Anda tampak senang pamer, mewah dan gagah. Anda terlahir sebagai orang romatis. Adegan cinta dramatis adalah fantasi favorit Anda di masa silam. Anda adalah kekasih yang amat baik hati.

G:
Anda orang yang sangat pemilih, mencari kesempurnaan pada diri sendiri dan kekasih. Anda hanya menanggapi kekasih yang secara intelektual sama atau lebih dan orang yang dapat meningkatkan status. Anda orang yang sensual dan tahu bagamana meraih puncak stimulasi erotis karena Anda mengerjakannya dengan amat cermat. Anda dapat menjadi seseorang yang amat aktif secara seksual ketika menemukan waktu yang tepat. Tugas-tugas dan tanggung jawab mengatasi hal-hal lain. Anda mungkin sulit dekat secara emosi pada seorang kekasih tetapi tidak kesulitan dekat secara seksual.

H:
Anda mencari pasangan yang dapat menaikkan reputasi dan mendapatkan ketrampilan. Anda sangat baik terhadap kekasih sekali waktu menjalani komitmen. Hadiah-hadiah Anda sebenarnya merupakan investasi bagi pasangan. Sebelum menjalani komitmen, Anda cenderung berhemat dan berhati-hati terhadap pengeluaran dan kebiasaan berkencan serta sama hati-hatinya dengan keterlibatan secara seksual. Anda adalah kekasih yang sensual dan sabar. Bila sudah menyukai seseorang akan ditunggunya sampai kapanpun untuk meluluhkan hati pasangan yang disukainya. Berani bersaing dan penuh rivalitas dalam mengejar urusan ranjang.

I:
Anda memiliki kebutuhan besar untukdicintai dan dihargai…bahkan keinginan untuk dipuja. Anda menikmati kemewahan, sensualitas dan kenikmatan ragawi. Anda mencari kekasih yang tahu apa yang dikerjakan. Anda tidak tertarik pada seorang amatir kecuali amatir yang membutuhkan seorang tutor. Anda cerewet dan menghabiskan banyak tenaga untuk membuat keinginan terpenuhi. Anda butuh eksperimen dan mencoba mode baru untuk kegiatan seks. Anda mudah bosan sehingga membutuhkan petualangan dan perubahan seksual. Anda lebih sensual daripada seksual tetapi kadang menurun menjadi terlalu bernafsu.

J:
Anda sangat romantis dan terkait dengan kemewahan cinta. Memiliki pasangan adalah hal yang sangat penting bagi Anda, tapi kadang sangat sulit untuk mendapatkan. Anda bebas dalam menyatakan cinta dan ingin mengambil kesempatan dengan banyak pasangan, mencoba pengalaman seks dengan pasangan baru, membuat semuanya terasa enak. Otak memicu Anda. Anda harus merasa bahwa pasangan mendorong secara intelektual. Bila tidak, Anda akan kesulitan menjaga hubungan dengannya. Anda membutuhkan cinta, disayang, minum anggur dan makan malam untuk tahu bahwa Anda dihargai.

K:
Tak ada kata lain Anda benar-benar luar biasa mengagumkan!!!!!

L:
Anda sangat romatis, idealis kadang percaya bahwa mencintai berarti berkorban. Anda mengakhiri hubungan atau berhenti menarik hati orang yang punya masalah tak biasa. Anda melihat diri sendiri sebagai penyelamat kekasih. Anda tulus, penuh kasih, penuh nafsu dan mimpi. Anda mudah jatuh cinta. Anda berfantasi dan terdorong oleh film dan majalah. Anda tidak mengatakan rahasia hidup kepada orang lain. Tak juga fantasi seksual Anda.

M:
Emosional dan bersemangat. Ketika terlibat dalam sebuah hubungan, Anda melempar seluruh diri Anda di dalamnya. Tak ada yang bisa menghentikan Anda, tak ada satu palang pun yang menghalangi Anda. Anda habis-habisan dan mengidamkan seseorang yang sama penuh kasih dan bersemangat. Anda percaya pada kebebasan seksual total. Anda ingin mencoba semua. Pasokan energi seksual Anda tak ada matinya. Anda juga senang bertindak seperti ibu? bagi pasangan.

N:
Maaf ya…Anda payah di tempat tidur

O:
Anda sangat tertarik terhadap kegiatan seksual tetapi sangat tertutup dan malu mengakui hasrat ini. Anda dapat mengarahkan banyak dari energi seksual itu untuk menghasilkan uang dan atau mencari kekuasaan. Anda dengan mudah dapat memperpanjang periode lajang Anda. Anda penuh kasih, penuh gairah, pecinta seks menuntut hal yang sama dan pasangan. Seks adalah hal yang serius sehingga Anda meminta keragaman intensitas dan ingin mencoba semua. Kadang gairah Anda berubah menjadi posesif yang harus terus dicek.

P:
Anda sangat sadar akan norma sosial. Anda tak akan memikirkan melakukan sesuatu yang membahayakan citra atau reputasi. Penampilan itu penting. Anda membutuhkan pasangan yang kelihatan tampan/cantik juga pandai. Anehnya, Anda kadang memandang pasangan sebagai musuh untuk mendorong getaran seks. Anda relatif bebas dari gangguan seksual. Anda mau bereksperimen dan mencoba cara baru. Anda sangat sosial dan sensual. Anda menikmati main mata dan membutuhkan cukup banyak penghargaan dari segi fisik.

Q:
Anda butuh aktivitas dan dorongan konstan. Anda punya banyak sekali energi fisik. Tak mudah bagi seorang pasangan untuk tetap bersama dengan Anda, baik secara seksual maupun hal lain. Anda adalah kekasih yang antusias dan cenderung tertarik pada orang dari kelompok etnis lain. Anda butuh roman, jantung hati dan bunga dan banyak perbincangan untuk menaikkan gairah dan berlanjut ke kegiatan seks.

R:
Anda orang yang sangat logis dan sangat berorientasi pada tindakan. Anda butuh seseorang yang dapat mengikuti langkah dan secara intelektual menyamai, lebih cerdas lebih baik. Anda menjadi bergairah lebih cepat karena dorongan pikiran dibanding badan yang indah. Namun ketertarikan fisik amat penting bagi Anda. Anda harus merasa bangga pada pasangan. Secara pribadi Anda sangat seksi tapi Anda tak meminta, Anda ingin berlaku sabagai guru. Seks itu penting, karenanya Anda dapat menjadi pasangan yang sangat menuntut.

S:
Anda sangat tertutup, menahan diri dan malu. Anda sangat seksi, sensual dan bengairah tetapi tak membiarkan hal ini. Hanya dalam keintiman pribadi Anda membiarkan alam membuka rahasia Anda. Ketika seks menjadi hal fundamental, Anda adalah seorang ahli. Anda tahu semua trik kecil, dan sanggup bersandiwara atau bermain-main dan membuat kehidupan cinta menjadi sangat serius. Anda punya kesabaran untuk menunggu orang yang tepat.

T:
Anda sangat sensitif, pribadi dan pasif secara seksual. Anda menyukai pasangan yang mengambil pimpinan. Msuik, lampu yang temaram dan pikiran romantis menaikkan gairah Anda. Anda berfantasi tetapi tidak mudah jatuh cinta. Ketika sedang kasmaran, Anda bisa romantis, idealis,menggelegak, dan amat bersemangat. Anda menikmati saat pikiran dan perasaan terdorong, terangsang dan tergoda. Anda adalah orang yang mahir dalam bermain mata. Anda mampu membuat hubungan sesuai dengan mimpi/fantasi, yang seringkali ada di kepala Anda.

U:
Anda bersikap antusias dan idealis ketika sedang jatuh cinta. Ketika tidak sedang jatuh cinta, Anda jatuh cinta dan selalu mencari seseorang untuk dipuja. Anda melihat roman sebagai tantangan. Anda adalah seorang penjelajah dan butuh petualangan, kehebohan dan kebebasan. Anda hanya berurusan dengan hubungan yang potensial. Anda merasa nikmat memberi hadiah dan melihat pasangan terlihat cantik/tampan. Dorongan seks Anda kuat dan bernafsu untuk langsung dikagumi. Anda ingin menempatkan kesenangan pasangan di atas keinginan diri sendiri.

V:
Anda individualis dan butuh kebebasan, ruang dan kehebohan. Anda menunggu sampai kenal seseorang dengan baik sebelum berkomitmen. Mengenal seseorang berarti menjiwainya. Anda merasa butuh mengerti isi kepalanya untuk mengerti apa yang mambuatnya bergerak. Anda tertarik pada orang bertipe eksentrik. Seringkali ada perbedaan usia antara Anda dan pasangan. Anda menikmati bahaya, gairah dan ketegangan. Adegan gay membuat Anda bergairah meski Anda bukan gay.

W:
Anda sangat bangga, tekun dan menolak tantangan ketika mengejar cinta. Ego Anda dipertaruhkan. Anda romantis, idealis dan sering jatuh cinta dengan cinta itu sendiri dan tidak melihat pasangan sebagai dirinya sendiri. Anda merasa benar-benar melemparkan seluruh diri Anda ke dalam hubungan. Tak ada yang terlalu baik untuk pasangan. Anda menikmati percumbuan.

X:
Anda butuh stimulasi konstan karena mudah bosan. Anda dapat berpacaran dengan lebih dari satu orang dengan mudah. Anda tak dapat mematikan pikiran. Anda terus bicara selagi bercinta. Anda punya hubungan cinta yang hebat, semuanya oleh diri sendiri dan di dalam kepala.

Y:
Anda seksi, sensual dan sangat mandiri. Bila tak mendapatkannya dengan cara Anda sendiri, Anda menghentikan segala sesuatunya. Anda ingin mengontrol hubungan yang tidak selalu berjalan dengan baik Anda merespon dorongan fisik, menikmati sentuhan di leher dan menghabiskan berjam-jam hanya untuk menyentuh, merasakan dan mengeksplorasi. Namun jika Anda menghabiskan waktu mencari uang, Anda akan menghentikan kesenangan ragawi ini sementara waktu. Anda merasa perlu membuktikan pada diri sendiri dan pasangan betapa hebatnya Anda sebagai seorang kekasih. Anda ingin umpan balik soal kinerja. Anda teman tidur yang terbuka, mendorong dan romantis.

Z:
Bagi Anda bisnis harus didahulukan dibanding urusan seks. Jika Anda diganggu urusan karir, bisnis atau urusan uang, Anda akan susah untuk rilek dan mendapat mooduntuk bercinta. Anda idealis, romantis terhadap tanggungjawab dan merasa harus sangat sensual. Anda tak pernah kehilangan kontrol terhadap emosi. Anda sangat hati-hati sebelum memberikan hati dan tubuh untuk urusan satu ini. Sekali Anda berkomitmen, Anda akan lekat seperti lem.

Rating Artikel : 4.5

Mengetahui Shio dan Zodiak Anda

2012-01-23T09:34:00.002+07:00

Met ketemulagi kawan kali ini saya aka berbagi penetahuan, hehe. Bagi kawan - kawan yang belum mengetahui shio dan zodiak kawan semua. Saya akan kasih solusinya hehe. Berikut adalah aplikasi untuk mengetahui shio dan zodiak kawan semua. Kawan tinggal mengisikan tahun lahir, bulan, dan tanggal lahir kawan, kemudian Klik tombol yang ada. Aplikasi inisaya dapat dari http://web-agung.blogspot.com. Berikut adalah aplikasinya.

Buat Widgetnya DISINI
Rating Artikel : 4.5

Cheat Code GTA Vice City PC Game

2012-01-23T08:45:00.003+07:00

Hallo sobat. Bagi orang pencinta gamer mungkin sudah tidak asing lagi mengenai Game GTA Vice City. Yup di GTA Vice City misi - misi yang tersedia lumayan sulit. Nah untuk mempermudah bermain GTA, ternyata GTA itu sendiri menyediakan beberapa kemudahan yaitu terdapat Code Secret ( Kode Rahasia ) yang akan mempermudah ada dalam menjalankan misi. Adapun Cheat Codenya sebagai berikut :

Effect	Code
150 health	GIVEUSPOWERTOREVENGE
200 ARMOR	WOWPOWER
Aggressive Drivers	MIAMITRAFFIC
All ''heavy'' weapons	NUTTERTOOLS
All ''light'' weapons	THUGSTOOLS
All ''medium'' weapons	PROFESSIONALTOOLS
All cars are black	IWANTITPAINTEDBLACK
All cars are pink	AHAIRDRESSERSCAR
All cars have nitros (boosters)	JUSTALITTLEFASTER
All traffic lights are green	GREENLIGHT
All weathers in one time	WORLDISMAD
Blow up nearby cars	BIGBANG
Cars and bikes have nitros	MEGASPEED
Cars can drive/hover over water	SEAWAYS
Cars can fly	COMEFLYWITHME
Change Skin/Clothes	STILLLIKEDRESSINGUP
Commit Suicide	ICANTTAKEITANYMORE
Decrease Wanted Level	LEAVEMEALONE
Dense Clouds	ABITDRIEG
Fast boats can fly for short periods of time	AIRSHIP
Foggy Weather	CANTSEEATHING
Full Armor	PRECIOUSPROTECTION
Full Health	ASPIRINE
Full wanted level stars	MOSTWANTED
Girls Carry Guns	CHICKSWITHGUNS
Gives Tommy girly arms/legs	PROGRAMMER
Ladies Man, Women Follow You	FANNYMAGNET
Light Clouds	APLEASANTDAY
Makes everything faster	ONSPEED
Makes everything slower	BOOOOOORING
Makes Tommy fatter	DEEPFRIEDMARSBARS
Makes you smoke a cigarette	CERTAINDEATH
no money left	LOSTALL
Only the wheels of a car are visible	WHEELSAREALLINEED
Peds Carry Guns	OURGODGIVENRIGHTTOBEARARMS
Peds carry rocket launchers	GODPOWER
Peds follow you	STOPTHEMTORUSHAGAINST
Peds Hate You	NOBODYLIKESME
Peds Riot	FIGHTFIGHTFIGHT
Peds riot with weapons	THEGODHASGIVEUSPOWERTOFIGHT
Peds without clothes	LOLOLDISGUS
Perfect Handling	GRIPISEVERYTHING
Play as Hilary King	ILOOKLIKEHILARY
Play as Ken Rosenberg	MYSONISALAWYER
Play as Lance Vance	LOOKLIKELANCE
Play as Love Fist character (Dick)	WELOVEOURDICK
Play as Love Fist character (Jezz Torent)	ROCKANDROLLMAN
Play as Mercedes	FOXYLITTLETHING
Play as Phil Cassidy	ONEARMEDBANDIT
Play as Ricardo Diaz	CHEATSHAVEBEENCRACKED
Play as Sonny Forelli	IDONTHAVETHEMONEYSONNY
Raise Wanted Level	YOUWONTTAKEMEALIVE
Shows Media Level (when 2+ stars)	CHASESTAT
Spawn a Bloodring Banger	TRAVELINSTYLE
Spawn a Bloodring Banger #2	GETTHEREQUICKLY
Spawn a Caddie	BETTERTHANWALKING
Spawn a Hotring Racer	GETTHEREVERYFASTINDEED
Spawn a Hotring Racer #2	GETTHEREAMAZINGLYFAST
Spawn a hunter	LETSMERISEUP
Spawn a hunter	AIRJUMP
Spawn a hunter	IWILLGETTOMARS
Spawn a Rhino	PANZER
Spawn a Romero's Hearse	THELASTRIDE
Spawn a Sabre Turbo	GETTHEREFAST
Spawn a Trashmaster	RUBBISHCAR
Spawn Love Fist's Limo	ROCKANDROLLCAR
Speed up game clock	LIFEISPASSINGMEBY
Sportscars have big wheels	LOADSOFLITTLETHINGS
Stormy Weather	CATSANDDOGS
Sunny/Clear Weather	ALOVELYDAY
Unlimited ammos	NOTHINGENDS

Note : "Ada beberapa kode yang tidak berfungsi dengan baik."
Selamat Mencoba. Semoga Berhasil.

Referensi : http://www.gamefaqs.com/pc/561641-grand-theft-auto-vice-city/cheats
Rating Artikel : 4.5

Berbagai Style Penulisan di CBOX

2012-01-22T15:04:00.000+07:00

Berikut adalah berbagai macam style yang bisa diaplikasikan di cbox dan cara penulisannya. Ini akan membuat pesan Anda lebih menarik dan orang lebih tertarik untuk kunjungi Anda.

Cara Membuat Teks Miring (Italic Style) di CBOX
Apit kata-kata yang ingin dicetak miring dengan

[i] dan [/i]

Contoh: [i]teks miring[/i]

Cara Membuat Teks Tebal (Bold Style) di CBOX
Apit kata-kata yang ingin dicetak tebal dengan

[b] dan [/b]

Contoh: [b]teks tebal[/b]

Cara Membuat Teks Bergaris Bawah (Underline Style) di CBOX
Apit kata-kata yang ingin digaris bawah dengan

[u] dan [/u]

Contoh: [u]teks bergaris bawah[/u]

Cara Membuat Teks Bergaris Tengah (Strike Style) di CBOX
Apit kata-kata yang ingin di garis tengah atau dicoret dengan

[s] dan [/s]

Contoh: [s]teks dicoret[/s]

Cara Membuat Teks Berukuran Besar (Big) di CBOX
Apit kata-kata yang ingin dicetak besar dengan

[big] dan [/big]

Contoh: [big]tulisan besar[/big]

Cara Membuat Tulisan Berukuran Kecil (Small) di CBOX
Apit kata-kata yang ingin dicetak kecil dengan

[small] dan [/small]

Contoh: [small]tulisan kecil[/small]

Cara Membuat Tulisan Rata Tengah (Center) di CBOX
Apit kata-kata yang ingin dibuat rata tengah dengan

[center] dan [/center]

Contoh: [center]rata tengah[/center]

Cara Membuat Tulisan Berwarna (Color) di CBOX
Apit kata-kata yang ingin diberi warna dengan

[color=warna] dan [/color]

Contoh: [color=blue]teks biru[/color]

Kode-kode warna:
Dengan menggunakan kode ini tulisan kita akan berbeda dari punya orang lain, sehingga mendapat perhatian penuh baik dari admin ataupun para peblogwalking lainnya berikut kodenya:

[color=red] tulis pesan anda [/color]
[color=blue] tulis pesan anda [/color]
[color=green] tulis pesan anda [/color]
[color=yellow] tulis pesan anda [/color]
[color=pink] tulis pesan anda [/color]
[color=purple] tulis pesan anda [/color]
[color=brown] tulis pesan anda [/color]
[color=bronze] tulis pesan anda [/color]
[color=orange] tulis pesan anda [/color]
[color=black] tulis pesan anda [/color]
[color=white] tulis pesan anda [/color]
[color=gold] tulis pesan anda [/color]
[color=silver] tulis pesan anda [/color]
[color=violet] tulis pesan anda [/color]
[color=hotpink] tulis pesan anda [/color]
[color=navyblue] tulis pesan anda [/color]
[color=tan] tulis pesan anda [/color]
[color=aqua] tulis pesan anda [/color]
[color=teal] tulis pesan anda [/color]
[color=lime] tulis pesan anda [/color]

Cara Membuat Teks Berjalan (Marquee) di CBOX
Apit kata-kata yang ingin dibuat bergerak dengan

[scroll] dan [/scroll]

Contoh: [scroll]teks berjalan[/scroll]

Cara Membuat Teks Ber Link di CBOX
Apit kata-kata yang ingin diberi link dengan

[url=alamattujuan] dan [/url]

Contoh: [url=http://patimeh.blogspot.com]aneh tapi nyata[/url]

Penggunaan Beberapa Macam Kode Sekaligus
Selalu letakkan teks paling tengah. Kode yang dibuka terlebih dahulu, ditutup paling akhir. Misalkan kita akan aplikasikan teks tebal dan berwarna, maka kodenya:
[b][color=red]teks merah tebal[/color][/b] hasilnya teks merah tebal
- teks merah tebal letakkan paling tengah
- kode pembuka terlebih dahulu [b] maka penutup [/b] letakkan paling akhir. contoh => [b]saya[/b] hasilnya saya

Referensi : http://www.kucoba.com
Rating Artikel : 4.5

Mengatasi Penalty dan Banned Google

2012-01-22T14:48:00.000+07:00

Pengertian Penalty dan Banned Google

Banned google, berarti website anda dianggap google 100% telah melakukan spam dan isi website anda tidak sesuai dengan apa yang diindex google. sebagai akibatnya website anda 100% tidak diindex google. Cara ngetesnya gampang, cukup pakai kode site:domainanda.com . Bila tidak ada hasil pencariannya sama sekali berarti website tersebut telah di banned oleh google.

Sedang penalty google merupakan sebuah peringatan menuju banned google. Artinya website tersebut tidak 100% spam, hanya direktori yang dianggap spam saja yang dikeluarkan indexnya dari google. Contohnya halaman posting anda 100% copy-paste dan melakukan tindakan spam lainnya maka sedikit demi sedikit index single posting anda akan hilang dari index google.

Terkadang juga dalam satu direktori langsung hilang dalam sekejam misalkan domain.com/search/ tiba-tiba tidak ada di google sedangkan halaman yang lain aman-aman saja. Kasus ini juga termasuk penalty google.

Cara Mengetahui Penalty dan Banned Google

Cara untuk mengetahui apakah blog anda punya kemungkinan kenal penalty maupun kena banned google harus dicek satu per satu komponen blog anda sesuai guideline google. Mulai dari struktur blog sampai backlink. Tentu hal ini akan sangat lama dan sulit.
Atau anda juga bisa menggunakan tool gratis check penalty google. Caranya anda cukup memasukan URL domain blog anda dalam kolom yang tersedia , lalu klik Check. Tool penalty google Checker memberikan tiga hasil penilaian :

1. This domain has no penalty.

Artinya domain yang anda masukan bebas dari penalty google. Atau malah keluar nilai "This domain has no domain level penalty" , yang berarti walaupun saat ini bebas penalty google tapi masih perlu investigasi lebih lanjut karena beberapa aspek yang masih belum diketahui oleh tool tersebut.

2. This domain has a severe penalty.

Artinya domain yang anda cobakan masih ada kemungkinan terkena penalty. Biasanya bila blog tersebut anda gunakan untuk bermain autoblogging maka bila telah mencapai traffik tinggi akan terkena banned atau penalty.

3. This domain is either banned or has never been indexed by Google.

Artinya domain yang diujikan telah kena banned atau memang belum terindex oleh google.

Mencegah Penalty dan Banned google

Untuk mencegah penalty google tiada cara lain selain menghentikan tindakan yang termasuk kategori spam dalam blog anda. Walaupun tindakan black hat SEO atau spam banyak macamnya namun yang paling sering terjadi antara lain :

1. Menulis artikel 100% copy-paste, sehingga bila anda membuat autoblog usahakan agar tidak 100% mencomot feed blog asli. atau kombinasikan dengan plugin rewrite atau modul translator sehingga menjadi sedikit unik.

2. Menyebarkan backlink secara berlebihan. Walaupun anda mempunyai tool backlink otomatis sehingga bisa membuat backlink sebanyak-banyaknya bukan berarti anda bisa pasang backlink sesuka hati. Pasanglah backlink maksimal 300-400 backlink dalam sehari.

3. Membuat backlink dengan satu keyword anchor. Mungkin maksud anda ingin menjadi nomor satu di google dari keyword tertentu sehingga memasang backlink dengan anchor keyword tersebut saja. tapi bila anda berlebihan tindakan anda bisa dikategorikan sebagai spam backlink. Bila anda memasang backlink misalkan komentar di blog atau link profile di forum jangan hanya menggunakan satu keyword aja.

4. Memasang link ke website spam. Bila anda tahu bahwa website tersebut spam jangan membuat backlink ke website tersebut atau anda juga akan dikategorikan sebagai spam pula.

5. Membuat hidden keyword artinya text yang tertulis tidak bisa terlihat oleh pengunjung tapi bisa terindex oleh robot google caranya dengan menyamakan antara warna text dengan warna background text.

6. Membuat tiny text. Fungsinya sama dengan nomor lima cuma caranya text yang ditulis dibuat sangat kecil.

Mengatasi Penalty Google

Ada beberapa cara yang bisa anda lakukan untuk mengatasi penalty google tergantung kasusnya :
Kasus Pertama, Bila index blog anda sedikit demi sedikit hilang ini berarti blog anda melanggar guideline google webmaster. biasanya masalah duplicate title, duplicate meta description, meta description yang terlalu pendek, atau meta descriptio kosong. Untuk mengecek kasus ini silahkan anda login ke google webmaster ( Ingat blog anda harus sudah terdaftar di google webmaster dan terverifikasi) , kemudian anda buka Menu Diagnostics, lalu pilih HTML Suggestions. Anda cek apakah di halaman HTML Suggestions terdapat halaman blog anda yang melanggar. Kalau anda maslah segera perbaiki karena bila tidak segera diperbaiki bisa hilang dari index google. Cara memperbaiki bisa dengan memperbaiki setting plugin All in One SEO Pack.

Kasus penalty google kedua, kasusnya sama dengan yang pertama atau kadang salah satu direktori hilang dari index google secara mendadak tapi bila anda cek di google webmaster tidak ada masalah HTML Suggestions. Kausu ini menandakan kategori spam. Untuk mengatasinya segera perbaiki blog anda dari tindakan spam lalu kemudian ubah permalink direktori yang deindex tadi. Jangan lupa tetap update blog anda. Dengan berjalannya waktu dan update anda , direktori yang tadi hilang akan terindex kembali.

Kasus Banned, kasus banned berarti blog anda sudah tidak diindex google sama sekali, site:domain.com tidak ada . Solusi pertama, memperbaiki blog anda dari tindakan spam mulai sari struktur blog sampai backlink yang termasuk kategori spam yang telah anda sebar. lalu lapor via email ke guideline center google bahwa blog anda sudah tidak spam lagi. Mereka akan mengecek , bila lolos blog anda bisa terindex google lagi.

Tapi solusi pertama ini sangat lama, bahkan sering gagal. Kalau anda gak mau nunggu lama-lama saya punya cara gampang dan singkat. Buat aja blog baru, kemudian pindah semua data base blog yang terbanned tadi ke blog baru. optimasi seperti biasa… blog yang baru punya kemungkinan lebih sukses dari pada blog yang terbanned tapi bila anda masih juga melakukan tindakan spam maka nasibnya bisa saja sama dengan saudara tuanya.

Sekarang yag jadi masalah, bagaimana mendatangkan traffik ke blog yang kena banned google. Salah satu blog saya juga kena ban google tapi tarffiknya lancar lancar aja antara 1000-2000 UV per hari. Apa yang akan anda lakukan untuk blog yang gak bisa kembali normal dari banned google?

Referensi : http://www.ayoblogging.com/2011/03/cara-mengatasi-banned-penalty-google.html
Rating Artikel : 4.5

Tools Untuk Mengecek Duplikat Konten

2012-01-12T04:20:00.001+07:00

Sobat jika anda ingin mengetahui siapa saja yang duplikat konten blog anda. Anda dapat memanfaatkan fungsi tool dibawah ini :

1. Copyscape.com

Copyscape merupakan tool yang sangat bagus untuk mendeteksi konten Copy paste karena dengan tool ini sobat bisa memeriksa setiap halaman web yang disalin dari website atau blog sobat.

2.plagiarismchecker.com

Plagirism Checker ini merupakan tools online gratis yang memungkinkan sobat untuk memeriksa keaslian teks. Cara menggunakannya pun juga mudah, sobat cuma menyalin teks yang diinginkan kemudian di salin di kotak frase lalu klik pada tombol Search maka hasil pencarian akan menunjukkan link yang memiliki teks yang sama atau kata-kata yang sesuai dengan teks yang sobat salin tadi.

3. Advanced Plagiarism Checker (http://searchenginereports.net/articlecheck.aspx)

Adavanced Plagirims Checker adalah situs web pengecek plagiat yang benar-benar gratis dan cara kerjanya pun juga hampir sama dengan yang lain hanya saja hasil dari pengecekan muncul dalam bentuk link website.

4. ArticleChecker.com

Cara kerja dari Article Checker cukup mudah dan sederhana karena sobat hanya copy paste teks lalu klik tombol compare dan hasilnya akan segera muncul.

5. DupliChecker.com

Dengan tools ini sobat bisa mendapatkan hasil hanya dalam beberapa klik saja dan hasilnya bisa berasal dari Google, Yahoo dan MSN. Tidak ada pendaftaran untuk bisa mengakses situs ini.

6. Plagiarized.org

Plagiarized ini juga gratis dan tanpa harus mendaftar, untuk memeriksa konten plagiat atau copy paste juga hampir sama dengan yang lain. Hasil yang didapat pun juga berasal dari google, yahoo, Bing, Ask dan IMDB.
Rating Artikel : 4.5

Trik Jitu Meningkatkan Alexa Rank

2012-01-08T15:00:00.001+07:00

Cara Meningkatkan Alexa Rank merupakan sebuah pekerjaan yang mau tidak mau harus di optimasi oleh seorang bloggger sebab Alexa bisa menjadi sebuah gambaran jumlah traffic pengunjung yang datang ke blog kita, meski dari beberapa analisis hal ini belum seakurat Page Rank yang di punya google, akan tetapi Alexa Rank sangat berguna apabila seorang blogger mengoptimasi blognya untuk keperluan Monetize, atau dengan kata lain membangun sebuah blog selain memberikan informasi terhadap pengunjung juga untuk di uangkan.

Sebab alexa berfungsi sebagai barometer traffic pengunjung blog, yang mana jika blog kita sudah di monetize, maka pengunjung merupakan hal yang paling utama selain bobot dan kwalitas artikel yang di publish.
Berdasarkan ketentuan dan syarat dari penyedia layangan iklan, alexa di jadikan sebagai tolak ukur untuk bisa memasang iklan di sebuah blog, dengan begitu apabila ingin menjadi publiser maka harus punya rank alexa yang sesuai ketentuan pihak penyedia iklan tersebut.

Maka dari itu, Alexa rank sangat di perlukan untuk memantau traffic lalu lintas pengunjung baik blog komersil maupun blog organisasi.
Nah sekarang bagaimana agar blog kita cepat mendapatkan traffic yang seknifikan di mata alexa ? Menaikan traffic Alexa Rank sebenarnya tidaklah terlalu sulit asalkan kita mau berkorban untuk itu, sebab salah satu cara untuk melangsingkan peringkat Alexa kita harus mengorbankan waktu, ya waktu untuk saling mengunjungi blog lain, atau bahasa keren nya BLOGWALKING, inilah kunci utama untuk bisa mendapatkan traffic ampuh dari blogger lain, dengan blogwalking banyak manfaat yang bisa kita peroleh dari sana.

Cara ampuh menaikan Alexa Rank menurut saya, walaupun Alexa Rank blog ini masih mekar disebabkan masih sibuk mengurus blog lain, jadi belum ada waktu untuk Blogwalking lagi, maka dengan memasang widget Cbox.ws atau shoutmix diblog, langkah ini merupakan cara ampuh untuk mendulang traffic, sehingga otomatis alexa rank akan mengecil. Memasang Cbox.ws atau shoutmix jangan hanya di pasang doang melainkan anda harus aktif meluangkan waktu blogwalking lewat widget tersebut minimal 20 blog setiap hari nya, lebih banyak yang di kunjungi malah lebih bagus.

Cara lain menaikan Alexa Rank yaitu dengan memasang widget alexa, widget alexa bisa di pasang dengan sign up dahulu di alexa.com lantas ambil kode html nya terus pasang pada blog anda.

Sedangkan trik yang saya gunakan saat ini yakni dengan memanfatkan tool sebagai booster pendongkrak traffic alexa dengan Alexa booster 3.4 sekalian crack nya silahkan download disini.

Selain Alexa booster anda harus instal add-ons SearchStatus extension milik browser firefox, berfungsi sama seperti widget alexa, untuk memantau Traffic Rank, jika menggunakan browser Internet Explorer, instal alexa toolbar pada browser anda.
Add-ons SearchStatus extension silahkan download disini.

Nah cara meningkatkan Alexa rank blog hampir serupa dengan cara mendapatkan pagerank dengan tambahannya adalah sebagai berikut :

Buatlah postingan tentang Alexa Ranking.
Download plugin (add-on) Alexa untuk web browser kamu atau dikenal dengan sebutan "Sparky" di http://www.alexa.com/toolbar. Hal ini untuk memudahkan Alexa.com untuk mendeteksi keberadaan blog kamu serta trafik yang terjadi.
Masukkan pula widget Alexa Rank dalam blog kamu, dengan cara seperti di bawah ini.
- Silakan kunjungi site Alexa.com.
- Di sebelah kanan, klik banner "Update Your Website Info".
- Klik menu "Site Widgets", kemudian pilih bentuk widget yang akan ditampilkan (umumnya widget yang kedua).
- Masukkan alamat lengkap blog kamu dan klik "Build Widget".
- Nah, sekarang akan muncul 3 script kembali. Silakan pilih script mana yang akan kamu pasang dalam blog anda.

Cara mendapatkan script widget Alexa, Anda harus terlebih dulu terdaftar sebagai member. Kemudian cari/klik menu “Site Tools” pada menu navigasi horizontal atau di bagian bawah (footer) atau bagian lain, yang bertuliskan “Alexa Tool for Site Owners” (Edit your site listing).

Kemudian masukkan alamat blog Anda & ikuti langkah-langkah selanjutnya, sampai Anda mendapatkan kode scriptnya.
Demikian sedikit langkah menaikan alexa rank versi saya, semoga bermanfaat.
Rating Artikel : 4.5

Fenomena Sun Dog ( Matahari Kembar )

2012-01-06T04:57:00.000+07:00

Sun Dog. Ini fenomena yang sangat indah.Matahari terlihat memiliki anak yang banyak. Mengapa fenomena ini disebut SUN DOG atau anjing penjaga matahari?

"Matahari tambahan" itu terlihat seperti seekor anjing yang duduk manis di sebelah tuannya,yaitu sang matahari.

SUN DOG atau sering juga disebut dengan FENOMENA MATAHARI KEMBAR. Fenomena ini memang luar biasa dan tentu sangat langka. Fenomena ini hanya terjadi pada kondisi atmosferik yang sangat langka.

SUN DOG merupakan sebuah fenomena ketika kita bisa melihat adanya kumpulan cahaya tambahan di kedua sisi matahari. Kadang,kumpulan cahaya ini bisa terlihat seperti bola sehingga membuat kita berpikir kalau cahaya ini adalah matahari tambahan.

Apa yang menyebabkan fenomena ini bisa terjadi?

SUN DOG terjadi ketika cahaya matahari bersinar menembus kumpulan lempeng es kristal hexagonal yang tersusun secara horizontal di langit. Kristal-kristal es ini akan membiaskan cahaya matahari. Pembiasaan matahari ini muncul akibat kondisi lapisan atas awan cyrus sangat dingin. Pembiasaan ini biasanya menyebabkan terjadinya dua fenomena,yaitu HALO dan SUN DOG. Proses ini bisa disamakan dengan proses terciptanya pelangi yang terbentuk karena cahaya matahari yang menyinari tetesan air di angkasa.
Cahaya matahari yang dibiaskan biasa muncul di kanan kiri HALO sehingga sering dianggap matahari meskipun memiliki ukuran lebih kecil.

Apakah fenomena SUN DOG pernah terjadi di Indonesia?
Indonesia sering mengalami kejadian yang sama meskipun tidak disertai dengan SUN DOG. Fenomena ini bisa muncul kapan saja dan dimana saja.Namun, SUN DOG akan lebih mudah terlihat ketika matahari berada pada posisi yang lebih rendah di horizon(saat terbit atau terbenam). Pada matahari terbit ,matahari akan naik makin tinggi ,sehingga SUN DOG pun,akan bergeser. Ketika matahari menjadi lebih tinggi lagi, SUN DOG pun lenyap. Pada umumnya SUN DOG berwarna merah ketika berada pada jarak terdekat dari matahari. Ketika SUN DOG makin menjauh dari matahari,warnanya akan berubah mengarah ke biru.

Kemunculan SUN DOG yang terjadi di Cina,dimana matahari seolah-olah menjadi empat.
Munculnya empat matahari di Cina merupakan fenomena kejadian aneh tahun 2010.Jadi,jika kalian bisa melihatnya,anggaplah diri
kalian yang sangat beruntung.

Sumber:http://xfile-enigma.blogspot.com dan http://www.sugeng.web.id dengan pengubahan seperlunya
Rating Artikel : 4.5

Membuat Page Peel/Efek Lipatan Kertas

2012-01-02T12:03:00.001+07:00

Cara membuat page peel atau efek lipatan kertas diblog. Ngomong-ngomong dah tau gak page peel? Page peel yaitu efek lipatan kertas jadi pada saat kita mendekatkan mouse ke page peel terseut, maka halaman akan terbuka otomatis.
Pembuatanya cukup mudah yaitu :
- masuk keblogger
- rancangan - edit html
- cari kode </head>, lalu letakan kode dibawah diatas kode tadi.

<script type='text/javascript'>var tujuan ='http://www.facebook.com/ibcode'</script>
<script src='http://yourjavascript.com/6210512121/ibcode.js' type='text/javascript'/>

- Ganti alamat http://www.facebook.com/ibcode dengan alamat facebook sobat.
- Preview untuk mengecek peletakan kode sudah benar atu belum.
- Jika sudah benar, kemudian simpan.
Rating Artikel : 4.5

Menampilkan Jumlah Postingan dan Komentar Blog

2012-01-02T11:40:00.001+07:00

Nah kawan berikut adalah cara menampilkan jumlah postingan dan jumlah komentar blog khususnya di blogger. Langsung aja gan, berikut adalah scriptnya dan letakan di postingan atau di sidebar anda.

<script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Postingan dan <script src="/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Komentar

Rating Artikel : 4.5

Membuat Resent Post Bergerak Kebawah

2012-01-02T11:21:00.001+07:00

Biasanya tampilan resent post yang biasa hanya berupa link atau dengan thumbnail saja. Nag kali ini kita buat resent post animasi atau bergerak kebawah. Untuk membuat resent post bergerak kebawah. Previewnya anda bisa lihat diblog ini pada sidebar blog ini.

Untuk pembuatanya cukuplah mudah yaitu :
- Masuk blogger
- rancangan - tambah gadget - html/javascript
- Masukan kode berikut : ( untuk mengcopy klik view plain )

<style type="text/css" media="screen">
#spylist {overflow:hidden;margin-top:5px;padding:0px 0px;height:275px;}
#spylist ul{width:300px;overflow:hidden;list-style: none;padding: 0px 0px;margin:0px 0px;}
#spylist li {width:280px;padding: 5px 5px;margin:0px 0px 5px 0px;list-style:none;float:none;height:80px;overflow: hidden;border-bottom:1px solid #ddd;}
#spylist li a {text-decoration:none;color:#4B545B;font-size:12px;height:18px;font-family:Arial;overflow:hidden;margin:0px 0px;padding:0px 0px 2px 0px;}
#spylist li a:hover {text-decoration:underline;}
#spylist li img {float:left;margin-right:10px;background:#EFEFEF;border:1px;-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);}
.spydate{overflow:hidden;font-size:12px;color:#0284C2;padding:2px 0px;margin:1px 0px 0px 0px;height:15px;font-family:Arial;}
.spycomment{overflow:hidden;font-family:Arial;font-size:10px;color:#262B2F;padding:0px 0px;margin:0px 0px;}
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-i7AWeFh1MGY/TvuCsHjgl3I/AAAAAAAAAjs/r_pwjPNHrV8/s1600/icon.png";
imgr[1] = "http://2.bp.blogspot.com/-i7AWeFh1MGY/TvuCsHjgl3I/AAAAAAAAAjs/r_pwjPNHrV8/s1600/icon.png";
imgr[2] = "http://2.bp.blogspot.com/-i7AWeFh1MGY/TvuCsHjgl3I/AAAAAAAAAjs/r_pwjPNHrV8/s1600/icon.png";
imgr[3] = "http://2.bp.blogspot.com/-i7AWeFh1MGY/TvuCsHjgl3I/AAAAAAAAAjs/r_pwjPNHrV8/s1600/icon.png";
imgr[4] = "http://2.bp.blogspot.com/-i7AWeFh1MGY/TvuCsHjgl3I/AAAAAAAAAjs/r_pwjPNHrV8/s1600/icon.png";
showRandomImg = true;
boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Komentar";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 6;
home_page = "http://www.ibcode.co.cc/";
limitspy=3
intervalspy=6000
</script>
<div id="spylist">
<script type='text/javascript'>
//<![CDATA[
/*
* Script dikombinasikan dari bloggerstricks.com
* spy effect dari jqueryfordesigners.com
* Oleh Abu Farhan (www.abu-farhan.com)
* Modifikasi oleh buka-rahasia.blogspot.com
* Dikembangkan oleh www.ibcode.co.cc
*/
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">( '+f+" "+text+" )</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ( '+u+" "+h+" "+t+" )</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>
<font size="1">Widget by <a href="http://www.ibcode.co.cc">Ib Code.co.cc</a></font>

- Simpan
Rating Artikel : 4.5

Membuat Translate Google Bendera Mini

2012-01-02T10:56:00.002+07:00

Hallo kawan semua, pada tutorial kali ini saya akan membuat translate google menggunakan bendera ukuran mini. Nah untuk previewnya silakan anda lihat pada bagian atas blog ini. Gambarnya sebagai berikut.

Langkah-langkahnya yaitu :
- Masuk ke blogger.
- Pilih rancangan
- Pilih tambah gadget
- Pilih html/javascript
- Masukan kode berikut :

<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div style="float:right;margin-top:7px;">
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/englis.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/franc.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/german.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/spany.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/itali.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/blanda.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/rusia.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/portugis.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/jepan.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/korea.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/arab.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="20" src="http://i873.photobucket.com/albums/ab299/handi_05/bendera/cina.png?imgmax=800" style="cursor: pointer;margin-right:5px" width="20" /></a>
</div>

- Simpan kemudian lihat hasilnya.
Rating Artikel : 4.5

Manfaat Buah Tomat

2011-12-31T15:04:00.000+07:00

Tomat adalah tanaman yang paling mudah dijumpai. Warnanya yang cerah sungguh menarik. Selain kaya vitamin C dan A, tomat konon dapat mengobati bermacam penyakit.
Kalau dirunut sejarahnya, tomat atau Lyopercisum esculentum pada mulanya ditemukan di sekitar Peru, Ekuador, dan Bolivia.
Tomat banyak digunakan untuk masakan, seperti sup, jus, pasta, dan lain-lain. Rasanya yang sedikit masam membuat selera makan meningkat. Lebih jauh menurut Dr. John Cook Bennet dari Wiloughby University, Ohio, sebagai orang pertama yang meneliti manfaat tomat, pada November 1834, menunjukan bahwa tomat dapat mengobati diare, serangan empedu, gangguan pencernaan, dan memulihkan fungsi lever.

Peneliti lain dari Rowett Research Institute di Aberdeen, Skotlandia, juga berhasil menemukan manfaat tomat lainnya. Menurutnya, gel berwarna kuning yang menyelubungi biji tomat dapat mencegah penggumpalan dan pembekuan darah yang dapat penyakit jantung dan stroke.
Melihat khasiat tomat begitu banyak, maka tomat baik dikonsumsi siapapun sejak usia dini. Tomat seperti apakah yang baik dikonsumsi? Jika melihat dipasaran, kita bisa menemukan tomat dengan dua warna, yakni warna merah dan hijau. Perbedaan warna ini menunjukan kandungan vitaminnya. Tomat yang baik dikonsumsi adalah tomat merah. Tomat berwarna merah mengandung vitamin C dan vitamin A lima kali lebih banyak dibandingkan dengan tomat hijau. Makin matang tomat, makin kaya kandungan vitaminnya.

Dalam pigmen warna merah pada tomat, mempunyai nilai lebih lainnya. Warna merah pada tomat lebih bayak mengandung ltcopene. Lycopene yaitu zat antioksidan yang dapat menghancurkan radikal bebas dalam tubuh akibat rokok, polusi, dan sinar ultraviolet. Sealin itu lycopene juga berkhasiat membantu mencegah kerusakan sel yang dapat mengakibatkan kanker leher rahim, kanker postat, kanker perut, dan kanker pankreas. Lycopene tidak hanya ditemukan pada tomat, tetapi juga pada anggur merah, semangka, dan pepaya. Namun, lycopene yang paling banyak terdapat pada tomat.
Untuk mendapat khasiatnya, terutama untuk orang dewasa, sebaiknya tomat dimakan setiap pagi sebanyak satu atau dua buah. Rasa asam pada tomat berasal dari kandunga asam sitrat menyebabkan tomat terasa segar, sehingga dapat menambah nafsu makan. Rasa asam ini baik dikonsumsi saat kita mengalami mual atau dikonsumsi oleh para wanita yang mengalami PMS (Pre Menstrual Syndrome). Apabila tidak kuat dengan rasa masamnya, terutama yang memiliki penyakit mag, tidak disarankan mengkonsumsinya walaupun dalam bentuk jus yang sudah ditambah gula. Hal ini dikarenakan akan memperburuk kondisi penyakit.

Berbeda dengan sayuran lain yang lebih bermanfaat jika dimakan mentah-mentah, ternyata tomat lebih baik dicampur dengan masakan atau dihancurkan sebelum dimakan. Para peneliti menemukan lycopene tersebut lebih banyak dibandingkan dengan tomat yang dikeluarkan pada tomat langsung dimakan.

Sumber : http://blog.iwanudin.com/khasiat-dan-manfaat-tomat/
Rating Artikel : 4.5

Pohon Darah Naga

2011-12-31T14:59:00.000+07:00

Pohon Darah Naga
Getah dari pohon darah naga sangat berguna,misalnya dijaadikan obat,pewarna celup,pemanis,dan pengharum.
Darah naga telah digunakan sebagai obat dan pewarna sejakabad ke-1 oleh masyarakat Romawi Kuno,Yunani Kuno,dan Arab.
Lalu sejak abad ke-18,dipakai sebagai pernis untuk biola Italia.Saat ini darah naga masih digunakansebagai pernis biola serta digunakan pada proses photography.

Dari namanya saja sudah begitu aneh,lalu bagaimana dengan bentuknya?
Orang sering beranggapan bahwa getah pohon umumnya bewarna putih.Namun,getah pohon darah naga ini berbeda dengan getah pohon yang lain.
Getah pohon ini berwarna merah darah sehingga pohon ini disebut Pohon Darah Naga.Getah tersebut keluar dari batangnya.Getah itu disebut Darah Naga.

Pohon darah naga mempunyai nama latin Dracaena cinnabari.Pohon darah naga berasal dari Kepulauan Socotra,Republik Yaman.

Pohon ini ditemukan pleh Profesor Issac Bayley Balfour pada thn 1880.Pohon ini berbentuk seperti jamur/payung,bahkan ada yang menyebutnya seperti piring terbang.
Daunnya berbentuk seperti pedang,keras,dan bergerombol diatas pohonnya.Pohon darah naga tumbuh didaerah yang kering.Hidupnya dapat mencapai lebih dari 300thn.
Pohon darah naga ini bersaudara dengan Dracaena draco dan Kepulauan Canary,Spanyol.

Legenda nama pohon ini yaitu pada zaman dahulu,ada seekor ular balistik yang besar yang dianggap naga.Suatu hari naga itu berkelahi dengan seekor gajah.
Akibat perkelahian itu keduanya mati.Kedua binatang itu mengeluarkan darah darah.Darah kedua binatang itu dipercaya memiliki kekuatan ajaib.
Pada saat kedua darah binatang itu bercampur,tumbuhlah sebatang pohon.Pohon inilah yang dipercaya sebagai pohon darah naga.

Selai pohon darah naga di Kepulauan Socotra juga masih terdapatbanyak pohon-pohon yang unik yang tidak ditemukan di belahan bumi lain.
Karena keunikakannya,Kepulauan Socotra dimasukan kedalam situs warisan dunia oleh PBB.

Ternyata masih banyak keunikan di belaha bumi yang lain,yang belum kita ketahui.

Sumber:http://harry2oke.multiply.com dan http;//id.shvoong.com
Rating Artikel : 4.5

Undang - Undang HAKI Mengenai TIK

2011-12-31T12:04:00.001+07:00

Undang Undang Hak Cipta / HAKI berkaitan dengan TIK
Undang-Undang Hak Cipta (UU no 19 Tahun 2002) yang Berkaitan dengan Teknologi Informasi dan Komunikasi,
Beberapa pasal yang berkenaan dengan TIK yaitu :

Pasal 2
(1) Hak Cipta merupakan hak eksklusif bagi Pencipta atau Pemegang Hak Cipta untuk mengumumkan atau memperbanyak Ciptaannya, yang timbul secara otomatis setelah suatu ciptaan dilahirkan tanpa mengurangi pembatasan menurut peraturan perundangundangan yang berlaku.
(2) Pencipta dan/atau Pemegang Hak Cipta atas karya sinematografi dan Program Komputer memiliki hak untuk memberikan izin atau melarang orang lain yang tanpa persetujuannya menyewakan Ciptaan tersebut untuk kepentingan yang bersifat komersial.

Pasal 12
(1) Dalam Undang-undang ini Ciptaan yang dilindungi adalah Ciptaan dalam bidang ilmu pengetahuan, seni, dan sastra, yang mencakup:
a. buku, Program Komputer, pamflet, perwajahan (lay out) karya tulis yang diterbitkan, dan semua hasil karya tulis lain;
b. ceramah, kuliah, pidato, dan Ciptaan lain yang sejenis dengan itu;
c. alat peraga yang dibuat untuk kepentingan pendidikan dan ilmu pengetahuan; d. lagu atau musik dengan atau tanpa teks;
d. drama atau drama musikal, tari, koreografi, pewayangan, dan pantomim;
e. seni rupa dalam segala bentuk seperti seni lukis, gambar, seni ukir, seni kaligrafi, seni pahat, seni patung, kolase, dan seni terapan;
f. arsitektur;
g. peta
h. seni batik;
i. photografi
j. sinematografi
k. terjemahan, tafsir, saduran, bunga rampai, database, dan karya lain dari hasil pengaliwujudan.

Pasal 14
Tidak dianggap sebagai pelanggaran Hak Cipta:
a. Pengumuman dan/atau Perbanyakan lambang Negara dan lagu kebangsaan menurut sifatnya yang asli;
b. Pengumuman dan/atau Perbanyakan segala sesuatu yang diumumkan dan/atau diperbanyak oleh atau atas nama Pemerintah, kecuali apabila Hak Cipta itu dinyatakan dilindungi, baik dengan peraturan perundang-undangan maupun dengan pernyataan pada Ciptaan itu sendiri atau ketika Ciptaan itu diumumkan dan/atau diperbanyak; atau
c. Pengambilan berita aktual baik seluruhnya maupun sebagian dari kantor berita, Lembaga Penyiaran, dan surat kabar atau sumber sejenis lain, dengan ketentuan sumbernya harus disebutkan secara lengkap.

Pasal 15
Dengan syarat bahwa sumbernya harus disebutkan atau dicantumkan, tidak dianggap sebagai pelanggaran Hak Cipta:
a. penggunaan Ciptaan pihak lain untuk kepentingan pendidikan, penelitian, penulisan karya ilmiah, penyusunan laporan, penulisan kritik atau tinjauan suatu masalah dengan tidak merugikan kepentingan yang wajar dari Pencipta;
b. pengambilan Ciptaan pihak lain, baik seluruhnya maupun sebagian, guna keperluan pembelaan di dalam atau di luar Pengadilan;
c. pengambilan Ciptaan pihak lain, baik seluruhnya maupun sebagian, guna keperluan:
(i) ceramah yang semata-mata untuk tujuan pendidikan dan ilmu pengetahuan; atau
(ii) pertunjukan atau pementasan yang tidak dipungut bayaran dengan ketentuan tidak merugikan kepentingan yang wajar dari Pencipta.
d. Perbanyakan suatu Ciptaan bidang ilmu pengetahuan, seni, dan sastra dalam huruf braille guna keperluan para tunanetra, kecuali jika Perbanyakan itu bersifat komersial;
e. Perbanyakan suatu Ciptaan selain Program Komputer, secara terbatas dengan cara atau alat apa pun atau proses yang serupa oleh perpustakaan umum, lembaga ilmu pengetahuan atau pendidikan, dan pusat dokumentasi yang nonkomersial semata-mata untuk keperluan aktivitasnya;
f. perubahan yang dilakukan berdasarkan pertimbangan pelaksanaan teknis atas karya arsitektur, seperti Ciptaan bangunan;
g. pembuatan salinan cadangan suatu Program Komputer oleh pemilik Program Komputer yang dilakukan semata-mata untuk digunakan sendiri.

Pasal 16
(1) Untuk kepentingan pendidikan, ilmu pengetahuan, serta kegiatan penelitian dan pengembangan, terhadap Ciptaan dalam bidang ilmu pengetahuan dan sastra, Menteri setelah mendengar pertimbangan Dewan Hak Cipta dapat:
a. mewajibkan Pemegang Hak Cipta untuk melaksanakan sendiri penerjemahan dan/atau Perbanyakan Ciptaan tersebut di wilayah Negara Republik Indonesia dalam waktu yang ditentukan;
b. mewajibkan Pemegang Hak Cipta yang bersangkutan untuk memberikan izin kepada pihak lain untuk menerjemahkan dan/atau memperbanyak Ciptaan tersebut di wilayah Negara Republik Indonesia dalam waktu yang ditentukan dalam hal Pemegang Hak Cipta yang bersangkutan tidak melaksanakan sendiri atau melaksanakan sendiri kewajiban sebagaimana dimaksud dalam huruf a;
c. menunjuk pihak lain untuk melakukan penerjemahan dan/atau Perbanyakan Ciptaan tersebut dalam hal Pemegang Hak Cipta tidak melaksanakan kewajiban sebagaimana dimaksud dalam huruf b.
(2) Kewajiban untuk menerjemahkan sebagaimana dimaksud pada ayat (1), dilaksanakan setelah lewat jangka waktu 3 (tiga) tahun sejak diterbitkannya Ciptaan di bidang ilmu pengetahuan dan sastra selama karya tersebut belum pernah diterjemahkan ke dalam bahasa Indonesia.
(3) Kewajiban untuk memperbanyak sebagaimana dimaksud pada ayat (1), dilaksanakan setelah lewat jangka waktu:
a. 3 (tiga) tahun sejak diterbitkannya buku di bidang matematika dan ilmu pengetahuan alam dan buku itu belum pernah diperbanyak di wilayah Negara Republik Indonesia
b. 5 (lima) tahun sejak diterbitkannya buku di bidang ilmu sosial dan buku itu belum pernah diperbanyak di wilayah Negara Republik Indonesia;
c. 7 (tujuh) tahun sejak diumumkannya buku di bidang seni dan sastra dan buku itu belum pernah diperbanyak di wilayah Negara Republik Indonesia
(4) Penerjemahan atau Perbanyakan sebagaimana dimaksud pada ayat (1) hanya dapat digunakan untuk pemakaian di dalam wilayah Negara Republik Indonesia dan tidak untuk diekspor ke wilayah Negara lain.
(5) Pelaksanaan ketentuan sebagaimana dimaksud pada ayat (1) huruf b dan huruf c disertai pemberian imbalan yang besarnya ditetapkan dengan Keputusan Presiden.
(6) Ketentuan tentang tata cara pengajuan Permohonan untuk menerjemahkan dan/atau memperbanyak sebagaimana dimaksud pada ayat (1), ayat (2), ayat (3), dan ayat (4) diatur lebih lanjut dengan Keputusan Presiden.

Pasal 27
Kecuali atas izin Pencipta, sarana kontrol teknologi sebagai pengaman hak Pencipta tidak diperbolehkan dirusak, ditiadakan, atau dibuat tidak berfungsi
.
Pasal 28
(1) Ciptaan-ciptaan yang menggunakan sarana produksi berteknologi tinggi, khususnya di bidang cakram optik (optical disc), wajib memenuhi semua peraturan perizinan dan persyaratan produksi yang ditetapkan oleh instansi yang berwenang.
(2) Ketentuan lebih lanjut mengenai sarana produksi berteknologi tinggi yang memproduksi cakram optik sebagaimana diatur pada ayat (1) diatur dengan Peraturan Pemerintah

Pasal 29
(1) Hak Cipta atas Ciptaan:
a. buku, pamflet, dan semua hasil karya tulis lain;
b. drama atau drama musikal, tari, koreografi;
c. segala bentuk seni rupa, seperti seni lukis, seni pahat, dan seni patung;
d. seni batik;
e. lagu atau musik dengan atau tanpa teks; f. arsitektur;
f. ceramah, kuliah, pidato dan Ciptaan sejenis lain;
g. alat peraga;
h. peta;
i. terjemahan, tafsir, saduran, dan bunga rampai berlaku selama hidup Pencipta dan terus berlangsung hingga50 (lima puluh) tahun setelah Pencipta meninggal dunia.
(2) Untuk Ciptaan sebagaimana dimaksud pada ayat (1) yang dimiliki oleh 2 (dua) orang atau lebih, Hak Cipta berlaku selama hidup Pencipta yang meninggal dunia paling akhir dan berlangsung hingga 50 (lima puluh) tahun sesudahnya.

Pasal 30
(1) Hak Cipta atas Ciptaan:
a. Program Komputer;
b. sinematografi;
c. fotografi;
d. database; dan
e. karya hasil pengalihwujudan, berlaku selama 50 (lima puluh) tahun sejak pertama kali diumumkan
(2) Hak Cipta atas perwajahan karya tulis yang diterbitkan berlaku selama 50 (lima puluh) tahun sejak pertama kali diterbitkan.
(3) Hak Cipta atas Ciptaan sebagaimana dimaksud pada ayat (1) dan ayat (2) pasal ini serta Pasal 29 ayat (1) yang dimiliki atau dipegang oleh suatu badan hukum berlaku selama 50 (lima puluh) tahun sejak pertama kali diumumkan.

Pasal 45
(1) Pemegang Hak Cipta berhak memberikan Lisensi kepada pihak lain berdasarkan surat perjanjian lisensi untuk melaksanakan perbuatan sebagaimana dimaksud dalam Pasal 2.
(2) Kecuali diperjanjikan lain, lingkup Lisensi sebagaimana dimaksud pada ayat (1) meliputi semua perbuatan sebagaimana dimaksud dalam Pasal 2 berlangsung selama jangka waktu Lisensi diberikan dan berlaku untuk seluruh wilayah Negara Republik Indonesia.
(3) Kecuali diperjanjikan lain, pelaksanaan perbuatan sebagaimana dimaksud pada ayat (1) dan ayat (2) disertai dengan kewajiban pemberian royalti kepada Pemegang Hak Cipta oleh penerima Lisensi.
(4) Jumlah royalti yang wajib dibayarkan kepada Pemegang Hak Cipta oleh penerima Lisensi adalah berdasarkan kesepakatan kedua belah pihak dengan berpedoman kepada kesepakatan organisasi profesi.

Pasal 46
Kecuali diperjanjikan lain, Pemegang Hak Cipta tetap boleh melaksanakan sendiri atau memberikan Lisensi kepada pihak ketiga untuk melaksanakan perbuatan sebagaimana dimaksud dalam Pasal 2.

Pasal 47
(1) Perjanjian Lisensi dilarang memuat ketentuan yang dapat menimbulkan akibat yang merugikan perekonomian Indonesia atau memuat ketentuan yang mengakibatkan persaingan usaha tidak sehat sebagaimana diatur dalam peraturan perundang-undangan yang berlaku.
(2) Agar dapat mempunyai akibat hukum terhadap pihak ketiga, perjanjian Lisensi wajib dicatatkan di Direktorat Jenderal.
(3) Direktorat Jenderal wajib menolak pencatatan perjanjian Lisensi yang memuat ketentuan sebagaimana dimaksud pada ayat (1).
(4) Ketentuan lebih lanjut mengenai pencatatan perjanjian Lisensi diatur dengan Keputusan Presiden.

Pasal 72
(1) Barangsiapa dengan sengaja dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 ayat (1) atau Pasal 49 ayat (1) dan ayat (2) dipidana dengan pidana penjara masing-masing paling singkat 1 (satu) bulan dan/atau denda paling sedikit Rp 1.000.000,00 (satu juta rupiah), atau pidana penjara paling lama 7 (tujuh) tahun dan/atau denda paling banyak Rp 5.000.000.000,00 (lima miliar rupiah).
(2) Barangsiapa dengan sengaja menyiarkan, memamerkan, mengedarkan, atau menjual kepada umum suatu Ciptaan atau barang hasil pelanggaran Hak Cipta atau Hak Terkait sebagaimana dimaksud pada ayat (1) dipidana dengan pidana penjara paling lama 5 (lima) tahun dan/atau denda paling banyak Rp 500.000.000,00 (lima ratus juta rupiah).
(3) Barangsiapa dengan sengaja dan tanpa hak memperbanyak penggunaan untuk kepentingan komersial suatu Program Komputer dipidana dengan pidana penjara paling lama 5 (lima) tahun dan/atau denda paling banyak Rp 500.000.000,00 (lima ratus juta rupiah).
(4) Barangsiapa dengan sengaja melanggar Pasal 17 dipidana dengan pidana penjara paling lama 5 (lima) tahun dan/atau denda paling banyak Rp 1.000.000.000,00 (satu miliar rupiah).
(5) Barangsiapa dengan sengaja melanggar Pasal 19, Pasal 20, atau Pasal 49 ayat (3) dipidana dengan pidana penjara paling lama 2 (dua) tahun dan/atau denda paling banyak Rp 150.000.000,00 (seratus lima puluh juta rupiah).
(6) Barangsiapa dengan sengaja dan tanpa hak melanggar Pasal 24 atau Pasal 55 dipidana dengan pidana penjara paling lama 2 (dua) tahun dan/atau denda paling banyak Rp 150.000.000,00 (seratus lima puluh juta rupiah).
(7) Barangsiapa dengan sengaja dan tanpa hak melanggar Pasal 25 dipidana dengan pidana penjara paling lama 2 (dua) tahun dan/atau denda paling banyak Rp 150.000.000,00 (seratus lima puluh juta rupiah).
(8) Barangsiapa dengan sengaja dan tanpa hak melanggar Pasal 27 dipidana dengan pidana penjara paling lama 2 (dua) tahun dan/atau denda paling banyak Rp 150.000.000,00 (seratus lima puluh juta rupiah).
(9) Barangsiapa dengan sengaja melanggar Pasal 28 dipidana dengan pidana penjara paling lama 5 (lima) tahun dan/atau denda paling banyak Rp 1.500.000.000,00 (satu miliar lima ratus juta rupiah).
Rating Artikel : 4.5

Membuat Auto Refresh atau Reload Blog

2011-12-29T03:40:00.002+07:00

Ok gan langsung ke TKP aja haha. Silakan copy kode dibawah ini denan mengklik view plain. lalu letakan diatas kode <head>.

<meta http-equiv='refresh' content='300'/>

Keterangan :
- Angka 300 merupakan interval refresh dalam satuan detik.
Kemudian save template.
Rating Artikel : 4.5

Menghilangkan Icon Obeng dan Tang Blog

2011-12-29T03:08:00.002+07:00

Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita.

Tata caranya :
- Masuk ke blogger
- Rancangan
- Edit HTML
- Cari kode ini : ]]></b:skin>
- Paste kode berikut diatasnya.

.quickedit{
display:none;
}

- Klik simpan template
- Selesai
Rating Artikel : 4.5

Membuat Bukutamu Tanpa Diklik Terbuka

2011-12-29T02:54:00.003+07:00

Ok sobat postingan terdahulu yaitu cara membuat buku tamu tersembunyi atau hidden chatbox mungkin sudah biasa anda dengar. Tutorial kali ini mungkin juga sudah tidak asing lagi bagi sobat sekalian. Pembuatan bukutamu ini cukup mudah yaitu :
- Masuk ke blogger
- Pilih rancangan
- Tambah gadget - HTML/Javascript
- Lalu paste kode berikut.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(http://1.bp.blogspot.com/_O84nraTVNhw/TVAOSS5OUpI/AAAAAAAAAPs/SjzZrVNr21w/s1600/api.gif) no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>

Letakan Script Buku tamu sobat Disini

<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>

- Ganti tulisan Letakan Script Buku tamu sobat Disini dengan kode bukutamu anda.
- Simpan dan lihat hasilnya.
Rating Artikel : 4.5

Membuat Kotak Admin/Author Box Dibawah Postingan

2011-12-29T02:28:00.002+07:00

Cara membuat kotak admin atau author box atau tentang penulis dibawah postingan blog. Untuk contohnya anda bisa lihat dibagian bawah postingan blog ini.

Langkah-langkah pembuatanya yaitu :

- Pada halaman dasbor blog, klik tab RANCANGAN
- Pada halaman RANCANGAN, klik tab EDIT HTML.
- Sebaiknya download dulu template anda untuk mencegah kerusakan template karena salah dalam melakukan pengeditan pada kode HTML Template blog.
- Klik kotak kecil yang ada di depan tulisan EXPAND TEMPLATE WIDGET
- Cari kode berikut : ]]></b:skin>
Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat.
- Copy kode Dibawah ini, lalu pasang / Paste di ATAS kode ]]></b:skin>

.author-box {
background:#424242;
margin:20px 0 0 0;
padding:10px 10px 0px 10px;
overflow:auto;
color:#FFFFFF;
font-family:verdana, sans-serif;
}
.author-box p {
margin:0;
padding:0;
}
.author-box a{
color:#FFF;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

- Copy kode berikut ini dan Paste dibawah kode <div class='post-footer-line post-footer-line-1'>.

<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://1.bp.blogspot.com/-tyHqaCTgfoc/Ta01pCSNoMI/AAAAAAAAApM/8q8IWvT-_dY/s220/Foto%2BContact%2BMe.png' width='70'/><div style='text-align: justify; font-family:trebuchet ms; font-size:13px; text-shadow:2px 2px 3px #000000;'>Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar atau pada kotak shoutbox. Kapan - kapan mampir lagi ya. Terima kasih. </div></p>
</div>
</b:if>

- Save Template.
Rating Artikel : 4.5

Membuat Tombol Reply Komentar Blog

2011-12-28T23:33:00.002+07:00

Membuat reply komentar atau balas komentar di blog mungkin sangat perlu. Karena akan memudahkan komentator terutama pemilik blog untuk menjawab komentar yang muncul di artikel anda. Reply komentar ini juga berfungsi untuk menjawab komentar secara otomatis sehingga tidak perlu susah payah anda menuliskan nama si pemberi komentar terlebih dahulu jika ingin merespon komentarnya itu.

Cara Membuat Reply pada Komentar Blog :

- Login keblog Sobat
- Rancangan - Edit HTML (centang "Expand Widget Template")
- Cari kode <data:commentpostedbymsg> atau kode <data:comment.timestamp>
- Lalu letakkan kode dibawah ini diatas kode tadi

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=idblogsobat&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450"); return false;'>[ Reply Comment ]</a></span>

- Ganti tulisan idblogsobat dengan id blog sobat bila sobat belum mengetahuinya, coba sobat buka menu rancangan lalu perhatikan digit angka pada address bar sobat, dan jangan lupa ganti dengan id blog sobat.
- Simpan Template.
Rating Artikel : 4.5

Membuat Meta Tag Super SEO Friendly

2011-12-28T22:51:00.006+07:00

Cara membuat meta tag yang biasa sudah saya postingkan pada tutorial yang lalu. Nah kali ini saya akan berikan sebuah informasi yang cukup mudah, kilat, dan bayak dicari di search engine terutama google, yaitu Cara Membuat Meta Tag Super SEO Friendly.
Keuntungan meta tag ini yaitu selain memasang keyword dan deskripsi di halaman depan, dihalaman posting pun terdapat keyword dan deskripsi disamping itu juga dapat meningkatkan traffic blog sobat.
Yah kata temen-temen sih meta tag otomatis.
Pembuatanya cukup mudah yaitu
- Letakan kode berikut dibawah kode <b:include data='blog' name='all-head-content'/>
- Copy kode dibawah ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<meta content='Deskripsi Utama Blog' name='description'/>
<meta content='Keywoard Utama Blog' name='keywords'/>
<meta content='ibcode.co.cc' name='subject'/>
<meta content='Gambaran umum blog' name='Abstract'/>
<b:else/><b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", Deskripsi halaman yang sedang dibuka"' name='description'/>
<meta expr:content='data:blog.pageName + ", Keyword halaman yang sedang dibuka"' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", Deskripsi halaman yang sedang dibuka"' name='description'/>
<meta expr:content='data:blog.pageName + ", Keyword halaman yang sedang dibuka"' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
</b:if>
<meta content='ibcode.co.cc' name='copyright'/>
<meta content='ibcode.co.cc' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>

- Ganti deskripsi dan lainya sesuai keinginan anda.
- Simpan template.
Rating Artikel : 4.5

Memasang Widget Kode Warna

2011-12-28T05:36:00.002+07:00

Tutorial kali ini yaitu cara memasang atau membuat widget kode warna hexadesimal.
Untuk previewnya klik disini. Pembuatannya silakan anda copy kode dibawah ini dan paste dipostingan sobat. Untuk mengcopy klik view plain.

<div style="color: blue; text-align: center;line-height: 2;">
<span style="font-size: large;">Pilih Kode Warna yang Anda inginkan disini.</span></div>
<div style="line-height: 0; text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="src" value="http://www.allblogtools.com/MiSc/colors/color-codes.swf" />
<param name="pluginspage" value=" http://www.macromedia.com/go/getflashplayer" />
<embed width="485" height="485" type="application/x-shockwave-flash"
src="http://www.allblogtools.com/MiSc/colors/color-codes.swf" pluginspage=" http://www.macromedia.com/go/getflashplayer" /> </object></div>
<div style="color: blue; text-align: left;line-height: 2;">
Widget by <a href="http://www.ibcode.co.cc">www.ibcode.co.cc</a></div>

Kapan - kapan mampir lagi ya. hehe
Rating Artikel : 4.5

Memasang Widget Parse HTML

2011-12-28T05:19:00.004+07:00

Cara membuat widget parse HTML adalah sebagai berikut :
Copy kode dibawah ini dan letakan dipostingan sobat.
Previewnya klik disini. Untuk mengcopy kode silakan klik view plain.

<div style="color: blue; text-align: center;line-height:2;">
<span style="font-size: large;">Convert Code HTML Anda Disini.</span></div>
<script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=20&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=600&h=400&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
<div style="color: blue; text-align: left;line-height:2;">
Widget by <a href="http://www.ibcode.co.cc">www.ibcode.co.cc</a>
</div>

Semoga berhasil.
Rating Artikel : 4.5

Memasang Widget Al-Quran Online

2011-12-27T12:25:00.004+07:00

Al-Qur’an adalah kitab pedoman hidup yang selalu jadi referensi setiap gerak dan langkah hidup kita didunia. Widget ini saya dapat dari http://www.alquran-indonesia.com. Untuk pemasangannya silakan copy kode di bawah ini. lalu letakan dipostingan atau sidebar atau static page, terserah anda. Untuk previewnya klik disini. Untuk mengcopy kode silakan klik view plain.

<iframe frameborder="0" src="http://m.alquran-indonesia.com/mquran/index.php/quran" style="border: 2px inset white; height: 600px; width: 550px;"></iframe>

Atur width(lebar) dan height(tinggi) sesuai keinginan anda.
Selamat mencoba.
Rating Artikel : 4.5

Membuat Slide Show JQuery

2011-12-25T09:20:00.001+07:00

Ok sobat. Tutorial yang lalu mengenai pembuatan slideshow dengan PHP, nah tutorial kali ini saya akan berikan tutorial mengenai pembuatan slideshow dengan jquery.

Selamat Mencoba.
Rating Artikel : 4.5

Membuat Menu Tree Dengan PHP

2011-12-25T09:05:00.002+07:00

Tanpa basa-basi saya akan berikan souce codenya. Silakan anda download script di bawah ini.

Terima Kasih.
Rating Artikel : 4.5

Membuat Resize Font JQuery

2011-12-25T08:55:00.001+07:00

Pernahkan anda melihat di CMS ( Content Management System ) Joomla terkadang ada fasilitas untuk mengubah ukuran font, menjadi besar atau kecil.
Nah untuk membuatnya kita gunakan script yang masih sederhana. Silakan anda download source code dibawah ini agar lebih jelas.

Terima Kasih.
Rating Artikel : 4.5

Membuat Bukutamu Dengan Ajax dan PHP

2011-12-25T05:55:00.001+07:00

Tutorial kali ini saya akan membahas tentang cara membuat bukutamu dengan menggunakan ajax dan php.
Untuk lebih jelasnya silakan download source code berikut :

Terima kasih. Semoga bermanfaat.
Rating Artikel : 4.5

Membuat Ajax Combo

2011-12-25T05:47:00.002+07:00

Langsung ke TKP, download script berikut :

Cukup sekian. Untuk preview silakan jalankan dibrowser anda.
Rating Artikel : 4.5

Membuat Ajax Auto Complete

2011-12-25T05:37:00.002+07:00

Berikut adalah script untuk membuatnya :

Selamat Mencoba.
Rating Artikel : 4.5

Membuat Arsip Artikel Ajax

2011-12-25T05:28:00.002+07:00

Ok sobat langsung aja praktekan ya. Silakan download script di bawah ini.

Selamat mencoba.
Rating Artikel : 4.5

Membuat Accordion Daftar Isi

2011-12-24T13:53:00.004+07:00

Tutorial ini saya dapat dari www.abu-farhan.com.
Untuk previewnya silakan klik disini
Buatnya gampang yaitu :
- Masuk ke posting.
- Entri baru atau edit laman, terserah anda.
- Kemudian masukan script berikut pada posting HTML bukan Compose.
- Untuk mengcopy kode silakan klik view plain.

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.ibcode.co.cc/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

- Ganti www.ibcode.co.cc dengan alamat blog anda.
- Kemudian terbitkan entri.
Selesai. Semoga berhasil.

Sumber : http://www.abu-farhan.com
Rating Artikel : 4.5

Script Untuk Proteksi Folder

2011-12-22T15:58:00.003+07:00

Hallo sobat, kali ini saya akan kasih sedikit informasi mengenai tata cara mengunci folder dengan script. Untuk lebih jelasnya, ikuti langkah-langkah berikut ini.
- Buka Notepad
- kemudian tulis script berikut ini di notepad tadi :

@ECHO OFF
if EXIST "Folderterkunci" goto UNLOCK
if NOT EXIST Private goto MDMYFILES
echo Ingin mengunci folder ?(Y/N)
set /p "pilihan=>"
if %pilihan%==y goto LOCK
if not %pilihan%==y goto END
:LOCK
ren "Private" Folderterkunci
attrib +h +s "Folderterkunci"
cacls "Folderterkunci" /p everyone:n /e
cls
echo Folder Private terkunci...
pause
goto End
:UNLOCK
echo Masukan Password...
set/p "pass=>"
if NOT %pass%== private goto FAIL
cacls "Folderterkunci" /p everyone:f /e
attrib -h -s "Folderterkunci"
ren "Folderterkunci" Private
cls
echo Folder Private tidak terkunci...
pause
goto End
:FAIL
echo Password Salah !!!
pause
goto end
:MDMYFILES
md Private
echo Folder Private telah terbuat...
pause
:END
end

- Kemudian pada bagian

if NOT %pass%== private goto FAIL

Ganti kata private dengan password sobat.
- Selanjutnya sobat simpan dengan save as type all files dengan nama kunci.bat.
- Langkah selanjutnya anda buka file yang dibuat tadi dengan doubleclick, maka akan muncul tuisan.

Folder Private telah terbuat...
Press any key to continue....

Artinya folder telah terbuat.
- Kemudian masukan file yang akan anda lindungi kedalam folder yang telah terbuat tadi.
- Untuk mengunci folder, anda tinggal doubleclick, akan muncul tulisan.

Ingin mengunci folder ?(Y/N) .

Y untuk mengunci dan N untuk dibiarkan saja.
- Tekan Y untuk mengunci. Muncul tulisan

Folder Private terkunci...
Press any key to continue....

- Jika anda ingin membuka file nya anda tinggal doubleclick dan masukan password.
Selamat mencoba.
Rating Artikel : 4.5

Membuat Captcha Sederhana PHP

2011-12-18T10:54:00.002+07:00

Terkadang diwebsite - website terdapat bacaan yang aneh, biasanya terdapat pada saat kita mendaftar pada suatu layanan, misalnya pembuatan email di yahoo ataupun masih banyak lagi. Nah kode tersebut dinamakan captcha. Fungsinya untuk memfilter data yang masuk, atau istilah kerenya yaitu spam.
Untuk pembuatanya cukup mudah yaitu :
- Siapkan background.jpg

- Buat file dengan nama captcha.php, kemudian isikan kode berikut :

<?php
//captcha.php
session_start();
$alphaNumeric = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
$random = substr(str_shuffle($alphaNumeric), 0, 5);
$image = imagecreatefromjpeg("background.jpg");
$textColor = imagecolorallocate ($image, 0, 0, 0); //black
imagestring ($image, 5, 5, 8, $random, $textColor);
$_SESSION['image_random_value'] = md5($random);
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
header('Content-type: image/jpeg');
imagejpeg($image);
imagedestroy($image);
?>

- Buat file lagi dengan nama implement-captcha.php, isikan kode dibawah ini.

<?php
if($_POST['submit']){
session_start();
if(md5($_POST['pin']) == $_SESSION['image_random_value']){
echo '<p>You are people</p>';
}else{
echo '<p>Are you human being?</pa>';
}
}
?>
<form name="form1" method="post" action="">
<img src="captcha.php?date=<?php echo date('YmdHis');?>" alt="security image" />
<div>
Input Text Above: <input type="text" name="pin" />
<input type="submit" name="submit" value="Submit" />
</div>
</form>

Download Source Code :

Selamat Mencoba.
Rating Artikel : 4.5

Membuat Register, Login, Logout Dengan PHP

2011-12-18T06:54:00.003+07:00

Untuk pembuatan halaman register, login dan logout terlebih dahulu kita harus mempersiapkan file - file yang dibutuhkan. File-file yang dibutuhkan diantaranya sebagai berikut :
- Membuat database dengan nama test.
- Membuat file config.php
- Membuat file function.php
- Membuat file index.php
- Membuat file register.php
- Membuat file daftar.php
- Membuat file logout.php

Membuat Database Test
Buatlah database dengan nama test dan buatlah tabel berikut :

CREATE TABLE `user` (
`id_user` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(15) NOT NULL,
`password` varchar(225) NOT NULL,
`level` int(11) NOT NULL,
PRIMARY KEY (`id_cdata`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;

INSERT INTO `user` (`id_user`, `username`, `password`, `level`) VALUES
(1, 'augustseven', '02d0bcbe7b64b69d2fa84990504cd3d8', 1);

Membuat file config.php

<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "test";
$connect = mysql_connect($host,$user,$pass);
$database=mysql_select_db($db,$connect) or die(mysql_error());
?>

Membuat file function.php

<?php
session_start();
require_once "config.php";
?>

Membuat file index.php

<?php require_once "function.php";
$username =$_POST['username'];
$password =md5($_POST['password']);
if(ISSET($username) && ISSET($password))
{
$cek = "select * from user where username='$username' and password='$password' and level='1'";$query =mysql_query($cek);
$count=mysql_num_rows($query);
if($count >= 1)
{
$login = 1;
$_SESSION['admin']=$username;
header ("location: index.php");
}
else
{
$login = 0;
echo print "<script>alert('Username atau password salah. Silakan mencoba kembali.');javascript:history.go(-1);</script>";
}
}
?>
<?php if(ISSET($_SESSION['admin']))
{
echo "Anda berhasil login dengan username : ";echo $_SESSION['admin'];echo " | [ <a href='logout.php'>Logout</a> ]";
}
else
{
?>
<title>Login Admin</title>
<div style="margin-top:150px;" align="center"><table><form action="index.php" method="post"><tr><td><input type="text" name="username" size="15" value="username" onBlur="if(this.value=='') this.value='username';" onFocus="if(this.value=='username') this.value='';"></td></tr><tr><td><input type="password" name="password" size="15"></td></tr><tr><td align="center"><input type="submit" name="submit" value="Login"></td></tr>
<tr><td><a href='register.php'>Daftar Disini</a>Password augustseven. Username augustseven</td></tr>
</form></table></div>
<?php }?>

Membuat file register.php

<title>Create Akun</title>
<b>Register Now !!!</b>
<table width="300">
<form action="daftar.php" method="post">
<tr><td>Username</td><td><input type="text" name="username" size="30"></td></tr>
<tr><td>Password</td><td><input type="password" name="password" size="30"></td></tr>
<tr><td><input type="submit" name="submit" value="Daftar"></td><td></td></tr>
</form>
</table>

Membuat file daftar.php

<?php
require_once "function.php";
$a=$_POST['username'];
$b=$_POST['password'];
$i=md5($b);
if((!$a)||(!$b)){
print "<script>alert('Gagal mendaftar.');javascript:history.go(-1);</script>";
}else{
$insert="insert into user(username, password, level)values('$a','$i','1')";
$query=mysql_query($insert);
print "<script>alert('Berhasil mendaftar.');document.location='index.php';</script>";
}
?>

Membuat file logout.php

<?php
require_once "function.php";
session_start();
session_unset($_SESSION['admin']);
session_destroy();
header("location: index.php");
?>

Download Source Code :

Selesai. Silakan test di browser.
Semoga berhasil.
Rating Artikel : 4.5

Membuat Page Number Dengan Ajax

2011-12-17T14:26:00.004+07:00

Halo semua, teknik penomoran halaman, paging, paginate,atau apalah namanya adalah teknik membagi postingan dalam beberapa halaman agar tidak terlalu panjang kebawah. Untuk paging itu sendiri kebanyakan menggunakan script PHP. Nah untuk kali ini saya akan coba buat teknik paging dengan menggunakan script Ajax, setelah saya pelajari ternyata pembuatan paging dengan ajax cukup mudah dan simple.
Untuk pembuatanya yaitu :
- Siapkan file jquery, silakan download disini.
- Buat folder dengan nama js dan masukan file jquery kedalamnya.
- Kemudian buat file dengan nama index.html, dan isikan dengan script berikut ini :

<html>
<head>
<title>jQuery pagination</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//how much items per page to show
var show_per_page = 5;
//getting the amount of elements inside content div
var number_of_items = $('#content').children().size();
//calculate the number of pages we are going to have
var number_of_pages = Math.ceil(number_of_items/show_per_page);

//set the value of our hidden input fields
$('#current_page').val(0);
$('#show_per_page').val(show_per_page);

//now when we got all we need for the navigation let's make it '

/*
what are we going to have in the navigation?
- link to previous page
- links to specific pages
- link to next page
*/
var navigation_html = '<a class="previous_link" href="javascript:previous();">Prev</a>';
var current_link = 0;
while(number_of_pages > current_link){
navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
current_link++;
}
navigation_html += '<a class="next_link" href="javascript:next();">Next</a>';

$('#page_navigation').html(navigation_html);

//add active_page class to the first page link
$('#page_navigation .page_link:first').addClass('active_page');

//hide all the elements inside content div
$('#content').children().css('display', 'none');

//and show the first n (show_per_page) elements
$('#content').children().slice(0, show_per_page).css('display', 'block');

});
function previous(){

new_page = parseInt($('#current_page').val()) - 1;
//if there is an item before the current active link run the function
if($('.active_page').prev('.page_link').length==true){
go_to_page(new_page);
}

}
function next(){
new_page = parseInt($('#current_page').val()) + 1;
//if there is an item after the current active link run the function
if($('.active_page').next('.page_link').length==true){
go_to_page(new_page);
}

}
function go_to_page(page_num){
//get the number of items shown per page
var show_per_page = parseInt($('#show_per_page').val());

//get the element number where to start the slice from
start_from = page_num * show_per_page;

//get the element number where to end the slice
end_on = start_from + show_per_page;

//hide all children elements of content div, get specific items and show them
$('#content').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');

/*get the page link that has longdesc attribute of the current page and add active_page class to it
and remove that class from previously active page link*/
$('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page');

//update the current page input field
$('#current_page').val(page_num);
}

</script>
<style>
#page_navigation a{
padding:3px;
border:1px solid gray;
margin:2px;
color:black;
text-decoration:none
}
.active_page{
background:darkblue;
color:white !important;
}
</style>
</head>
<body>


<input type='hidden' id='current_page' />
<input type='hidden' id='show_per_page' />


<div id='content'>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Vestibulum consectetur ipsum sit amet urna euismod imperdiet aliquam urna laoreet.</p>
<p>Curabitur a ipsum ut elit porttitor egestas non vitae libero.</p>
<p>Pellentesque ac sem ac sem tincidunt euismod.</p>
<p>Duis hendrerit purus vitae nibh tincidunt bibendum.</p>
<p>Nullam in nisi sit amet velit placerat laoreet.</p>
<p>Vestibulum posuere ligula non dolor semper vel facilisis orci ultrices.</p>
<p>Donec tincidunt lorem et dolor fringilla ut bibendum lacus fringilla.</p>
<p>In non eros eu lacus vestibulum sodales.</p>
<p>Duis ultrices metus sit amet sem adipiscing sit amet blandit orci convallis.</p>
<p>Proin ullamcorper est vitae lorem mollis bibendum.</p>
<p>Maecenas congue fringilla enim, tristique laoreet tortor adipiscing eget.</p>
<p>Duis imperdiet metus et lorem venenatis nec porta libero porttitor.</p>
<p>Maecenas lacinia lectus ac nulla commodo lacinia.</p>
<p>Maecenas quis massa nisl, sed aliquet tortor.</p>
<p>Quisque porttitor tellus ut ligula mattis luctus.</p>
<p>In at mi dolor, at consectetur risus.</p>
<p>Etiam id erat ut lorem fringilla dictum.</p>
<p>Curabitur sagittis dolor ac nisi interdum sed posuere tellus commodo.</p>
<p>Pellentesque quis magna vitae quam malesuada aliquet.</p>
<p>Curabitur tempus tellus quis orci egestas condimentum.</p>
<p>Maecenas laoreet eros ac orci adipiscing pharetra.</p>
<p>Nunc non mauris eu nibh tincidunt iaculis.</p>
<p>Ut semper leo lacinia purus hendrerit facilisis.</p>
<p>Praesent et eros lacinia massa sollicitudin consequat.</p>
<p>Proin non mauris in sem iaculis iaculis vel sed diam.</p>
<p>Nunc quis quam pulvinar nibh volutpat aliquet eget in ante.</p>
<p>In ultricies dui id libero pretium ullamcorper.</p>
<p>Morbi laoreet metus vitae ipsum lobortis ultrices.</p>
<p>Donec venenatis egestas arcu, quis eleifend erat tempus ullamcorper.</p>
<p>Morbi nec leo non enim mollis adipiscing sed et dolor.</p>
<p>Cras non tellus enim, vel mollis diam.</p>
<p>Phasellus luctus quam id ligula commodo eu fringilla est cursus.</p>
<p>Ut luctus augue tortor, in volutpat enim.</p>
<p>Cras bibendum ante sed erat pharetra sodales.</p>
<p>Donec sollicitudin enim eu mi suscipit luctus posuere eros imperdiet.</p>
<p>Vestibulum mollis tortor quis ipsum suscipit in venenatis nulla fermentum.</p>
<p>Proin vehicula suscipit felis, vitae facilisis nulla bibendum ac.</p>
<p>Cras iaculis neque et orci suscipit id porta risus feugiat.</p>
<p>Suspendisse eget tellus purus, ac pulvinar enim.</p>
<p>Morbi hendrerit ultrices enim, ac rutrum felis commodo in.</p>
<p>Suspendisse sagittis mattis sem, sit amet faucibus nisl fermentum vitae.</p>
<p>Nulla sed purus et tellus convallis scelerisque.</p>
<p>Nam at justo ut ante consectetur faucibus.</p>
<p>Proin dapibus nisi a quam interdum lobortis.</p>
<p>Nunc ornare nisi sed mi vehicula eu luctus mauris interdum.</p>
<p>Mauris auctor suscipit tellus, at sodales nisi blandit sed.</p>
</div>

<div id='page_navigation'></div>
</body>
</html>

Download Source Code :

Tinggal dirunning di browser. Gampangkan Hehe.
Selamat mencoba.
Rating Artikel : 4.5

Membuat Script Upload Dengan Ajax dan PHP

2011-12-17T06:24:00.006+07:00

Tutorial sebelumnya yang kita buat yaitu Membuat Rename Upload Dengan Ajax. Gimana dah coba belum? Nah untuk kali ini kita akan membuat file upload itu sendiri dengan Ajax dan PHP, tanpa koneksi database. Jika anda ingin mengkoneksikan melalui database, script berikut bisa anda kembangkan sendiri sesuai keinginan anda.

Untuk caranya bisa ikuti langkah berikut ini :
- Siapkan file jquery, jika anda belum punya silakan download disini.
- Siapkan file gambar, anda bisa download disini.
- Buat folder dengan nama gambar
- Buat file dengan nama index.php dan isi dengan script berikut :

<title>Upload Gambar via AJAX</title>
<style>
body{
font-family:Arial;
font-size:12px;
}
input{
border:1px solid #FFCC00;
padding:8px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
function uploadGambar(){
$("#tampil-gambar").html("<img src='loading.gif'> Gambar sedang di-upload...");
}
function tampilkanGambar(alamat){
var gbr = new Image();
$(gbr).load(function(){
$(this).hide();
$("#tampil-gambar").html($(this));
$(this).fadeIn();
}).attr('src', alamat)
.error(function(){
alert("Tidak berhasil mengambil gambar");
});
}
</script>
<form name="frm" method="post" enctype="multipart/form-data" target="media-upload" onsubmit="uploadGambar();" action="upload.php">
Pilih Gambar : <input name="gambar" type="file" /><input type="submit" name="upload" value="Upload Gambar" />
</form>
<div id="tampil-gambar"></div>
<iframe name="media-upload" id="media-upload" style="display:none;"></iframe>

- Jika sudah buatlah file dengan nama upload.php dan isi dengan script berikut :

<?php
$nama_file = $_FILES['gambar']['name'];
$status = FALSE;
if(!empty($_FILES['gambar']['tmp_name']))
{
$upload = move_uploaded_file($_FILES['gambar']['tmp_name'], 'gambar/'.$nama_file);
if($upload)
{
$status = TRUE;
}
}
if($status==TRUE)
{
?>
<script>
parent.tampilkanGambar('gambar/<?php echo $nama_file; ?>');
</script>
<?php
}else{
?>
<script>
alert('Tidak berhasil melakukan upload');
</script>
<?php
}?>

Download Source Code :

Semua file dan folder yang disiapkan diletakan dalam satu folder.
Jika sudah silakan jalan kan dibrowser anda.
Semoga bermanfaat.
Rating Artikel : 4.5

Membuat Rename Upload Dengan Ajax

2011-12-15T06:58:00.006+07:00

Terkadang pada saat kita membuat scrip upload menggunakan PHP mengalami sedikit kendala yaitu pada saat kita mengupload file misalnya dengan nama naruto.jpg dan kita mengupload lagi dengan nama naruto.jpg tapi dengan tampilan berbeda, maka gambar yang diupload pertama kali akan ter replace oleh gambar yang kedua.

Jadi bagaimana kalau gambar pertama tidak ter replace? Jawabanya silakan simak langkah - langkah berikut ini :

Buat folder di htdocs dengan nama terserah anda, isikan dengan file berikut ini.
Buat folder dengan nama uploadDir.
Buat file denga nama uploadrename.php atau terserah anda, kemudian isi dengan script berikut.

<html>
<head>
<title>Upload File Dengan Rename</title>
</head>
<body>
<?php
$uploadDir = "uploadDir/";
// Apabila ada file yang di-upload
if(is_uploaded_file($_FILES['myfile']['tmp_name'])){
$uploadFile = $_FILES['myfile'];

// Extract nama file
$extractFile = pathinfo($uploadFile['name']);

$sameName = 0; // Menyimpan banyaknya file dengan nama yang sama dengan file yg diupload
$handle = opendir($uploadDir);
while(false !== ($file = readdir($handle))){ // Looping isi file pada directory tujuan
// Apabila ada file dengan awalan yg sama dengan nama file di uplaod
if(strpos($file,$extractFile['filename']) !== false)
$sameName++; // Tambah data file yang sama
}

/* Apabila tidak ada file yang sama ($sameName masih '0') maka nama file pakai
* nama ketika diupload, jika $sameName > 0 maka pakai format "namafile($sameName).ext */
$newName = empty($sameName) ? $uploadFile['name'] : $extractFile['filename'].'('.$sameName.').'.$extractFile['extension'];

if(move_uploaded_file($uploadFile['tmp_name'],$uploadDir.$newName)){
echo 'File berhasil diupload dengan nama: '.$newName;
}else echo 'File gagal diupload';
}
?>
<form action="" method="post" enctype="multipart/form-data">
Pilih File Anda: <input type="file" name="myfile" /><br />
<input type="submit" value="Upload" />
</form>
</body>
</html>

Download Source Code :

Jika sudah silakan cek di browser anda.
Semoga berhasil.
Rating Artikel : 4.5

Membuat Slideshow Dengan PHP

2011-12-15T04:56:00.003+07:00

Assalamualaikum wr.wr. Halo sobat. Tutorial kali ini saya akan membahas mengenai tata cara membuat slideshow menggunakan script PHP. Biasanya slideshow kebanyakan dibuat menggunakan flash atau software lainya. Untuk pembuatanya ikuti langkah berikut ini dengan teliti :
Buat file dengan nama class.flashslideshow.php, kemudian isikan script berikut.

<?php
/**
* PHP Flash Slide Show
*
* Create simple flash slideshow from sequences of JPEG images
* Requirement:
* You MUST have PHP with Ming installed as PHP Extension
* see http://ming.sourceforge.net and http://php.net/manual/en/ref.ming.php
* Ask your web server administrator if you don't know how to install it
*
* @license GNU/GPL
* @version 0.2
*/

class flashSlideShow
{
//initiate needed variables
var $movie;
var $i;
var $width;
var $height;
var $bgred;
var $bggreen;
var $bgblue;
var $interval;
/**
* Constructor
*
* Create new object
*
* @access public
* @param integer $width movie width in pixel
* @param integer $height movie height in pixel
* @param integer $interval interval in second, between each image
* @param string $bgcolor movie background color in hex
* @return void
*/
function flashSlideShow($width, $height, $interval = 1, $bgcolor = '#FFFFFF')
{
$this->width = $width;
$this->height = $height;
$this->movie = new swfMovie();
$this->movie->setDimension($width, $height);
$this->movie->setRate(10);
$this->setBgColor($bgcolor);
$this->setInterval($interval);
}
/**
* Set slideshow interval
*
* Set slideshow interval between each image. interval in seconds
*
* @access public
* @param integer $interval interval in seconds
* @return void
*/
function setInterval($interval)
{
if (is_int($interval) AND $interval >= 1) {
$this->interval = $interval*10;
} else {
$this->interval = 10;
}
}
/**
* Set background color
*
* Set background color in hex
*
* @access public
* @param string $bgcolor movie background color in hex
* @return void
*/
function setBgColor($bgcolor)
{
$this->bgred = hexdec(substr($bgcolor,0,2));
$this->bggreen = hexdec(substr($bgcolor,2,2));
$this->bgblue = hexdec(substr($bgcolor,4,2));
}
/**
* Set background color in RGB Format
*
* Set background color in RGB Format
*
* @access public
* @param integer $red Red RGB Format Value for background color
* @param integer $green Green RGB Format Value for background color
* @param integer $blur Blue RGB Format Value for background color
* @return void
*/
function setBgColorRGB($red,$green,$blue)
{
$this->bgred = $red;
$this->bggreen = $green;
$this->bgblue = $blue;
}
/**
* Add image to slideshow
*
* Add one JPEG file to flash slideshow
*
* @access public
* @param string $filename JPEG filename
* @return void
*/
function addImage($filename)
{
//$this->movie->add(new SWFBitmap(fopen($filename, "rb")));
//create image object
$b = new SWFBitmap(fopen($filename,'rb'));
$s = new SWFShape();
$s->setRightFill($s->addFill($b));
$s->drawLine($this->width, 0);
$s->drawLine(0, $this->height);
$s->drawLine(-$this->width, 0);
$s->drawLine(0, -$this->height);
//transition white to image
$this->i = $this->movie->add($s);
$r = 255;
for($n=0; $n<=5; ++$n) {
//$i->multColor(1.0-$n/10, 1.0, 1.0);
//$i->addColor(0xff*$n/20, 0, 0);
$this->i->addColor($r-30, $r-30, $r-30);
$this->movie->nextFrame();
$r = $r - 30;
}
//static image
$this->i = $this->movie->add($s);
$this->addInterval();
//transition image to white
$r = 0;
for($n=0; $n<=5; ++$n)
{
//$i->multColor(1.0-$n/10, 1.0, 1.0);
//$i->addColor(0xff*$n/20, 0, 0);
$this->i->addColor($r+30, $r+30, $r+30);
$this->movie->nextFrame();
$r = $r +30;
}
}
/**
* Add array of image to slideshow
*
* Add array of JPEG files to flash slideshow
*
* @access public
* @param array $filename array of JPEG files
* @return void
*/
function addImages($filearray)
{
foreach($filearray as $key => $val) {
$this->addImage($val);
}
}
/**
* Add interval between each image
*
* Add interval between each image
*
* @access private
* @return void
*/
function addInterval()
{
$i = 1;
while ($i <= $this->interval) {
$this->movie->nextFrame();
$i++;
}
}
/**
* Save movie
*
* Save movie
*
* @access public
* @param string $filename name of movie file to saved
* @return void
*/
function save($filename)
{
$this->movie->save($filename);
}
/**
* Output movie
*
* output movie immediatelly
*
* @access public
* @return void
*/
function output()
{
header("Content-Type:application/x-shockwave-flash");
$this->movie->output();
}
}
?>

Langkah selanjutnya buat file dengan nama index.php, kemudian isikan script berikut.

<?php
//include class file
include('class.flashslideshow.php');
/*
create new object with the following variabel
flashSlideShow($width, $height, $interval, $bgcolor)
$width, movie width in pixel
$height, movie height in pixel
$interval, interval in seconds between each images
$bgcolor, movie backgground color in hexadecimal value
*/
$movie = new flashSlideShow(300, 225, 3, '#FFFFFF');

/* we add sequences of images in array
this array may come from readdir function,database query etc
*/
$myfile = array('image1.jpg','image2.jpg','image3.jpg','imag e4.jpg','image5.jpg');
$movie->addImages($myfile);
/*
output the flash
*/
$movie->output();
?>

Keterangan :
Ganti gambar yang bernama image1.jpg sampai image5.jpg, sesuai dengan keinginan Anda.
Selesai.
Rating Artikel : 4.5

Membuat Counter PHP Tanpa Mysql

2011-12-12T04:09:00.002+07:00

Tutorial kali ini saya akan memberi informasi tentang tata cara membuat Counter tanpa menggunakan MYSQL. Script berikut mempunyai kelemahan yaitu setiap refresh akan bertambah satu count. Untuk membuat counter berdasarkan IP, Session dan Browser tunggu di tutorial berikutnya.

Langsung aja sobat ikuti langkah berikut ini :

Buat file dengan nama counter.txt , kemudian isi dengan angka 1.(Untuk memulai perhitungan)
Buat file dengan nama counter.php , kemudian isi dengan kode berikut :
Letakan pada satu folder kedua file diatas.

<?php
$filecount = "counter.txt";
if(!file_exists($filecount))
{
echo "File $filecount belum di buat";
exit;
}
$fp = fopen("$filecount","rb");
while(!feof($fp))
{
$total .= fread($fp, 1024);
}
fclose($fp);
if($total == '')
{
$total = 1;
}else{
$total += 1;
}
$fp2 = fopen("$filecount","w");
fwrite($fp2, $total);
fclose($fp2);
echo "Anda pengunjung ke $total";
?>

Begitu aja mudahkan. Kalo ada yang salah cek lagi. Kalau masih belum jelas tanyakan di komentar.
Selamat mencoba.
Rating Artikel : 4.5

Memasang Meta Tag

2011-12-12T03:36:00.004+07:00

Halo sobat semua, kali ini saya akan memberi informasi tentang tata cara membuat dan memasang Meta Tag, untuk para blogger tingkat pemula. Biasanya meta tag digunakan untuk memudahkan google untuk mendetek blog atau website kita dengan cepat. Terutama keyword atau kata kunci, contohnya : tutorial, php, ajax dan lainnya. Perlu sobat ketahui bahwa pada saat memasukan kata kunci atau keyword ( Tidak boleh sama seperti kata sebelumnya. ). Contohnya tutorial blog, blog tip.

Ok dah mengertikan. Kita langsung aja ikuti langkah-langkah berikut ini. Letakan kode dibawah ini diantara <head>....</head>.

Kodenya seperti ini.

<meta content='Deskripsi Blog atau Website' name='description'>
<meta content='Masukan keyword atau kata kunci agar terindex google' name='keywords'>
<meta content='all-language' http-equiv='Content-Language'>
<meta content='Global' name='Distribution'>
<meta content='Indonesia' name='geo.country'>
<meta content='Tempat tinggal' name='geo.placename'>
<meta content='Agus Sudirman' name='author'>
<meta content='all' name='robots'>
<meta content='all' name='googlebot'>
<meta content='all' name='msnbot'>
<meta content='all' name='Googlebot-Image'>
<meta content='all' name='Slurp'>
<meta content='all' name='ZyBorg'>
<meta content='all' name='Scooter'>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'>
<meta content='true' name='MSSmartTagsPreventParsing'>

Keterangan : Ganti tulisan diatas seperti deskripsi, keyword, tempat tinggal, author dengan data yang sesuai dengan blog anda.

Semoga Bermanfaat.
Rating Artikel : 4.5

Pengertian CSS

2011-12-11T04:57:00.002+07:00

Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Versi CSS

Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website.

CSS2 mendukung penentuan posisi konten, downloadable, huruf (font), tampilan pada tabel (table layout) dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama.

CSS3 juga dapat melakukan animasi pada halaman website, diantaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni @media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.

Penulisan

Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:

h1 {
    color: #0789de;
   }

Metode Penulisan CSS
Inline Style Sheet

CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut.[5] Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.

Contoh penulisan CSS dengan metode Inline Style Sheet :

<html>
<head>
<title>Contoh Bentuk Inline</title>
</head>  <body bgcolor="#FFFFFF">
<p id="cth2" style="font-size:20pt">  Tag P ini diformat dengan besar font 20 point </p>     <p id="cth3" style="font-size:14pt; color:red">  Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p>
</body>
</html>

Embedded Style Sheet

<html>
<head>
<title>Contoh Bentuk Embedded</title>
</head>
<style>
body {background:#0000FF;
color:#FFFF00; 
margin-left:0.5in}
h1 {font-size:18pt; color:#FF0000}
p {font-size:12pt; font-family:arial; text-indent:0.5in}  
</style>     
<body>  
<h1 id="cth1">Judul ini berukuran 18 dengan warna merah!</h1> 
<p id="cth2">Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>
<p id="cth3">Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>  
</body>  
</html>

Sumber : Wikipedia
Rating Artikel : 4.5

Pengertian Javascript

2011-12-11T04:29:00.002+07:00

JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

Sejarah

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.

Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.[6]

JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX.

Penulisan JavaScript

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag :

<script type="teks/javascript">          alert("Halo Dunia!");  <script>

Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript).Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:

<script type="teks/javascript" src="alamat.js">  </script>

Script pada bagian head

Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).

<html>
<head>
<script type="teks/javascript">  ...  </script>
</head>
</html>

Script pada Body

<html>
<head>
</head>
<body>
<script type="teks/javascript">  ...  </script>
</body>
</html>

External JavaScript

Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
Untuk penggunaannya :

<html>
<head>
</head>
<body>
<script src="xxx.js"></script>
<p>Script di atas berada di berkas "xx.js" (eksternal)</p>
</body>
</html>

Sumber : Wikipedia
Rating Artikel : 4.5

Pengertian PHP

2011-12-11T03:55:00.003+07:00

PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

Sejarah PHP

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.

Contoh Program

<?php
echo "Hallo salam dari IB Code";
?>

Kelebihan PHP Dari Bahasa Pemrograman Lain

Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:

'Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.'
'Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.'
'Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.'
'Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.'
'PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.'

Tipe data

PHP memiliki 8 (delapan) tipe data yaitu :

Integer
Double
Boolean
String
Object
Array
Null
Nill
Resource

Sumber : Wikipedia
Rating Artikel : 4.5

Pengertian AJAX

2011-12-11T03:41:00.002+07:00

Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability. Ajax merupakan kombinasi dari :

DOM yang diakses dengan client side scripting language, seperti VBScript dan implementasi ECMAScript seperti JavaScript dan JScript, untuk menampilkan secara dinamis dan berinteraksi dengan informasi yang ditampilkan

Objek XMLHTTP dari Microsoft atau XMLHttpRequest yang lebih umum di implementasikan pada beberapa browser. Objek ini berguna sebagai kendaraan pertukaran data asinkronus dengan web server. Pada beberapa framework AJAX, element HTML IFrame lebih dipilih daripada XMLHTTP atau XMLHttpRequest untuk melakukan pertukaran data dengan web server.

XML umumnya digunakan sebagai dokumen transfer, walaupun format lain juga memungkinkan, seperti HTML, plain text. XML dianjurkan dalam pemakaian teknik AJaX karena kemudahan akses penanganannya dengan memakai DOM

JSON dapat menjadi pilihan alternatif sebagai dokumen transfer, mengingat JSON adalah JavaScript itu sendiri sehingga penanganannya lebih mudah

Seperti halnya DHTML, LAMP, atau SPA, Ajax bukanlah teknologi spesifik, melainkan merupakan gabungan dari teknologi yang dipakai bersamaan. Bahkan, teknologi turunan/komposit yang berdasarkan Ajax, seperti AFLAX sudah mulai bermunculan.

Sumber : Wikipedia
Rating Artikel : 4.5

Membuat Widget Shio dan Zodiak Anda

2011-10-23T09:44:00.004+07:00

OK kawan langsung sikat aja ya. Berikut adalah scriptnya. Hehe, kawan bisa menaruhnya di postingan maupun tambah gadget ( Tambah gadget - HTML/Javascript )

<script language="javascript">

//Astronomi China By WEB AGUNG
//Visit To web-agung.blogspot.com for script

function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;

with (document.zodiac.sign){

if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";}
if (month == 1 && date > 31) {value = "Huh?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";}
if (month == 2 && date > 29) {value = "Say what?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";}
if (month == 3 && date > 31) {value = "OK. Whatever.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";}
if (month == 4 && date > 30) {value = "I'm soooo sorry!";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";}
if (month == 5 && date > 31) {value = "Umm ... no.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
if (month == 6 && date > 30) {value = "Sorry.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";}
if (month == 7 && date > 31) {value = "Excuse me?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";}
if (month == 8 && date > 31) {value = "Yeah. Right.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";}
if (month == 9 && date > 30) {value = "Try Again.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";}
if (month == 10 && date > 31) {value = "Forget it!";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";}
if (month == 11 && date > 30) {value = "Invalid Date";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";}
if (month == 12 && date > 31) {value = "No way!";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "Tikus";}
if (x == 0) {value = "Ox";}
if (x == 11 || x == -1) {value = "Macan";}
if (x == 10 || x == -2) {value = "Kelinci";}
if (x == 9 || x == -3) {value = "Naga";}
if (x == 8 || x == -4) {value = "Ular";}
if (x == 7 || x == -5) {value = "Kuda";}
if (x == 6 || x == -6) {value = "Kambing";}
if (x == 5 || x == -7) {value = "Monyet";}
if (x == 4 || x == -8) {value = "Ayam";}
if (x == 3 || x == -9) {value = "Anjing";}
if (x == 2 || x == -10) {value = "Babi";}

}
}
</script>
<style type="text/css">
.gh {border:1px solid #0066FF;}
.gh td{border:1px solid #0066FF;}
</style>
<form name="zodiac">
<table cellpadding="5" class="gh" align="center">
<tr>
<td width="55"><b>Tahun</b></td>
<td width="155"><input type="text" size="10" name="year" onClick=value=""></div></td>
<tr>
<td><b>Bulan</b></td>
<td><select name="month">
<option value="x">Pilih Bulan</option>
<option value="1">Januari</option>
<option value="2">February</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Augustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select></td>
</tr>
<tr>
<td><b>Tanggal</b></td>
<td><input type="text" name="date" size="3" onClick=value=""></td>
</tr>
<tr>
<td colspan="2"><div align="center">
<input type="button" value="Klik Untuk Melihat Hasilnya" onClick="signs()">
</div></td>
</tr>
<tr>
<td><b>Zodiak: </b></td>
<td><input type="text" name="sign" size="12" value="" align="right"></td></tr>
<tr>
<td><b>Shio:</b></td>
<td><input type="text" name="csign" size="12"></td>
</tr>
</table>
</form>

Referensi : http://web-agung.blogspot.com
Rating Artikel : 4.5

Agus Sudirman - Author www.Ibcode.co.cc

2011-05-27T17:26:00.008+07:00

Siapakah author blog ini? Itulah pertanyaan yang saya ajukan kepada pengunjung blog saya. Pada kesempatan kali ini, saya akan memperkenalkan diri. Nama saya adalah Agus Sudirman. Sering dipanggil dengan "Agus". Itulah nama yang diberikan oleh Ibu saya. Saya lahir tanggal 27 Agustus. Saya berasal dari suatu tempat yang di kelilingi pegunungan tepatnya di daerah Jawa Tengah, Kab. Cilacap. Seorang Web Programming dan Web Designer.

Sekian dulu perkenalan saya, dan saya mengucapkan terima kasih kepada setiap pengunjung serta pembaca yang telah mampir di blog saya ini.

Rating Artikel : 4.5

Kode Warna

2011-05-27T14:37:00.009+07:00

Pilih Kode Warna yang Anda inginkan disini.

Rating Artikel : 4.5

Parse HTML

2011-05-27T12:49:00.012+07:00

Convert Code HTML Anda Disini.

Rating Artikel : 4.5

Al-Qur'an

2011-05-27T11:41:00.001+07:00

Rating Artikel : 4.5

Link Exchange

2011-05-27T09:35:00.012+07:00

Hallo sobat, salam kenal. Untuk tukeran link, Silahkan Anda copy kode dibawah ini ke Blog Anda dan saya akan linkback Blog Anda.

Berupa Link URL → Agus Ibcode

Berupa Banner : →

Pasang link atau banner saya ke blog Anda dengan copy dan paste kode di atas.
Anda dapat komentar di bawah bahwa link atau banner blog saya sudah terpasang di blog, serta memberitahu saya, nama dan URL blog yang akan ditaruh di blog saya.
Saya akan memeriksa link atau banner saya di blog, apakah sudah dipasang atau tidak.
Jika link atau banner saya telah terpasang di blog Anda, akan segera saya pasang link Blog dan URL sobat inginkan.
Saya akan mengomentari blog Anda dengan laporan bahwa link atau banner blog Anda telah dipasang di blog saya.

Terima kasih.
Rating Artikel : 4.5

.

Kirim SMS Gratis

2011-05-27T04:28:00.009+07:00

Kirim SMS Gratis Disini.

Rating Artikel : 4.5

Hubungi Admin

2011-05-11T07:56:00.002+07:00

Jika sobat ada pertanyaan, sobat dapat menghubungi langsung ke Email saya dengan mengisi Form Di bawah ini.

foxyform.com

Memasang Google Search

2010-07-06T15:43:00.010+07:00

Cara pasang google search widget di blog ini. Buat anda yang juga pengen widget google search, silahkan baca artikel ini sampe tuntas. Untuk memasang google search widget ini, caranya sama seperti pasang yahoo search widget. Anda login dulu di blogger, kemudian masuk ke halaman tata letak lalu tambahkan page element dan pilih yang html/javascript. Selanjutnya, silahkan copy paste kode dibawah dan ganti text yang berwarna merah sesuai dengan keterangan blog anda :

<form action="http://www.google.com/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>

<input id="btn_undefined" style="position:absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>

<div style="margin-top:5px;">

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://bloganda.blogspot.com" name="sitesearch"
type="checkbox"/> Blog Anda</li>

</div>
</form>

Nah…setelah copy paste, jangan lupa untuk mengganti text yang berwarna hijau dengan nama blog anda…Ok..silahkan dicoba..

Sumber : forantum.blogspot.com
Rating Artikel : 4.5

Cara Membuat Blog di Blogger

2010-06-16T13:15:00.015+07:00

Langkah 1: Daftar Google
Daftarkan Diri Anda di Google

Lho koq? Koq di Google? Katanya mau ngajarin bikin blog di blogger.com, koq malah di Google? Tidak salah, karena untuk masuk ke blogger, Anda harus memiliki login google.com.

Silahkan kunjungi http://www.blogger.com. Anda akan mendapatkan halaman seperti pada gambar dibawah.

Jika Anda sudah memiliki login di Google, Anda tinggal login, maka Anda akan masuk ke Control Panel atau Panel Kontrol. Oh ya, Anda bisa memilih bahasa, apakah Bahasa Indonesia atau bahasa Inggris.
Untuk kali ini saya anggap Anda belum memiliki login Google.
Klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA.
Sejauh ini sangat mudah dan akan terus mudah.

Langkah 2: Daftar Blog
Lengkapi Pendaftaran Anda

Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini.

Proses ini akan menciptakan account Google yang dapat Anda gunakan pada layanan Google lainnya. Jika Anda sudah memiliki sebuah account Google mungkn dari Gmail, Google Groups, atau Orkut.

Satu account Google bisa digunakan untuk mengakses semua fasilitas yang disediakan oleh Google.

Jika Anda sudah memiliki accout google, Anda bisa langsung login (masuk). Untuk login ke Google, Anda harus login dengan menggunakan alamat email.

Silahkan lengkapi.

1. Alamat email yang Anda masukan harus sudah ada sebelumnya. Anda akan dikirim konfirmasi ke email tersebut. Jika Anda menggunakan email palsu atau email yang baru rencana akan dibuat, maka pendaftaran bisa gagal. Anda tidak perlu menggunakan email gmail.com. Email apa saja bisa.

2. Lengkapi data yang lainnya.

3. Tandai "Saya menerima Persyaratan dan Layanan" sebagai bukti bahwa Anda setuju. BTW Anda sudah membacanya?

Setelah lengkap, klik tanda panah yang bertuliskan lanjutkan.

Langkah 3: Membuat Blog
Memilih Nama Blog dan URL Blog

Jika Anda berhasil, Anda akan dibawa ke halaman seperti pada gambar dibawah. Jika gagal? Gagal biasanya karena verifikasi kata Anda salah. Itu wajar karena sering kali verifikasi kata sulit dibaca. Yang sabar saja, ulangi sampai benar. Saya sendiri sampai mengulang 3X.

Setelah Anda berhasil mendaftar, Anda akan dibawa ke halaman seperti yang ada pada gambar dibawah. Sekarang Anda mulai membuat blog dengan mengisi nama dan alamat blog Anda.

Sebagai contoh, saya menamakan blog tersebut dengan nama Hasna Zahidah. Sssst, jangan curiga, Hasna adalah putri saya. Saya memilih alamat blog dengan alamat http://hasna-zahidah.blogspot.com
sebagai alaternatif, bisa juga http://hasnazahidah.blogspot.com.

Jika Anda membuat lensa dengan tujuan mempromosikan produk Anda atau produk afiliasi, maka dalam memilih nama, harus berisi nama produk atau jasa yang akan Anda tawarkan. Misalnya jika Anda ingin menjual ebook saya, Anda bisa memilih kata kunci seperti motivasi, sukses, berpikir positif, dan kata-kata kunci lainnya yang sesuai.

Anda juga bisa meneliti kata kunci yang paling banyak dicari orang (tentu harus berhubungan dengan produk yang Anda jual) di
https://adwords.google.com/select/KeywordToolExternal

Anda bisa mengecek ketersediaan alamat blog yang Anda pilih. Jika tersedia bisa Anda lanjutkan. Jika tidak tersedia, maka Anda harus kreatif mencari nama lain atau memodifikasi alamat yang sudah ada, misalnya ditambahkan abc, xzy, 101, dan bisa juga dengan menyisipkan nama Anda.

Lanjutkan dengan klik tanda panah bertuliskan LANJUTKAN.

Langkah ke 4 Blog Template

Pilih desain yang sesuai dengan selera Anda.
Berhasil? Tentu saja berhasil, memang mudah koq. Jika berhasil, Anda akan diarahkan ke halaman seperti yang ada pada gambar dibawah.

Pilihlah tema yang sesuai dengan selera Anda. Jika tidak ada yang sesui dengan selera Anda, jangan khawatir, nanti masih banyak pilihan tema yang bisa Anda install sendiri. Sekarang pilih saja tema agar proses pembuatan blog bisa diselesaikan. Anda bisa preview tema dengan klik gambarnya.

Untuk Memilih tema Anda klik (tandai) bulatannya o seperti pada gambar dibawah. Lihat yang saya tunjuk dengan panah merah buatan saya.

Setelah itu Anda klik tanda panah yang bertuliskan LANJUTKAN

Belajar Membuat Blog Selesai

Sekarang tinggal posting, pengaturan, dan tata letak
Selamat, sekarang Anda sudah memiliki sebuah blog. Sekarang Anda sudah mulai bisa memposting pemikiran Anda di blog dan dibagi ke seluruh dunia (eh Indonesia).

Memang masih ada beberapa hal yang harus Anda lakukan, yaitu pengaturan, tata letak, penambahan eleman, dan penggantian tema jika Anda menginginkan tema yang lain. Ini untuk tingkat lanjut.

Setidaknya, Anda sudah memiliki blog dan bisa posting. Hal ini sudah cukup untuk tahap awal. Untuk mendalami masalah Blog lebih dalam, saya anjurkan Anda membaca ebook Nge-Blog Dapat Duit.

Pada ebook tersebut, bukan hanya diajarkan cara nge-blog, tetapi juga bagaimana mendapatkan uang dari blog. Saya sendiri sudah membuktikannya, saya mendapatkan uang dari ngeblog. Jangan heran kalau saya rajin ngeblog.
Rating Artikel : 4.5

Membuat Script Bookmark Site

2010-06-12T14:14:00.012+07:00

Anda mungkin sudah pernah melihat blog atau situs yang di bagian atasnya terdapat link bertuliskan "Bookmark this, Bookmark this site, dll". Fungsi dari link itu adalah untuk mememerintahkan browser kita untuk menyimpan alamat blog atau situs tersebut di daftar bookmark browser kita itu.

Berikut Cara Membuat Script Bookmark Site :

1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Cari kode </head>, lalu paste kode javascript berikut di atasnya:

<script type='text/javascript'>
function bookmarksite(title,url){
if (window.sidebar)
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)
window.external.AddFavorite(url, title);
}
</script>

4. Klik Save Template
5. Untuk menampilkan linknya bisa anda buat dengan text link biasa atau dengan gambar, kodenya:

Text link biasa:

<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')">Bookmark Blog Ini</a>

Link dengan gambar:

<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')"><img src="url-gambar-anda" border="0"/></a>

Hasilnya Bookmark Blog Ini

Link tersebut bisa anda letakkan di tempat yang anda inginkan.
Selamat mencoba....

Sumber : http://tipsbloggerzacky.blogspot.com
Rating Artikel : 4.5

Mengenai Pagerank

2010-06-04T12:10:00.006+07:00

Pagerank Blog merupakan standar algoritma yang berguna untuk menilai kepopuleran suatu blog. PageRank merupakan salah satu fitur utama mesin pencari Google yang dihitung dengan skala 1-10 (wikipedia.org). Blog kamu akan semakin populer jika semakin banyak web/blog lain yang meletakan link dan mengarah ke blog kamu tersebut, dengan kata lain postingan di blog kamu lebih populer dibandingkan dengan blog lain.

Untuk apa?

Yang pertama adalah untuk gengsi. Semakin tinggi pagerank, maka semakin ramai pula permintaan para blogger mania untuk meninggalkan backlink dalam blog kamu. Walaupun itu hanya sekedar untuk bertukar link.

Keduanya adalah menarik advertiser untuk beriklan dalam blog kamu. Tidak jarang advertiser sangat memperhatikan masalah yang satu ini, karena dapat menjadi bahan rujukan bahwa blog kamu pasti paten di search engine google. Artinya dengan mengetikkan keyword tertentu dalam search engine, sangat besar peluang blog kamu akan masuk dalam daftar pencarian "". Tanda kutip merupakan kalimat tersembunyi yang bunyinya kira-kira seperti ini, "belum tentu masuk dalam daftar pencarian di halaman utama".

Bagaimana cara mendapatkan pagerank?

Cek Dibawah ini :

1. Usahakan blog kamu SEO friendly. Artinya apabila blog kamu muncul dalam daftar utama pencarian search engine, maka besar peluang blog kamu akan dikunjungi oleh banyak orang. Hasil akhirnya diharapkan dari sekian banyak pengunjung blog tersebut, mudah-mudahan terdapat 2-3 orang yang mem-backlink ke posting atau blog kamu.

2. Bangun link, baik inbound maupun outbound. Inbound link merupakan link web/blog lain yang mengarah ke blog kamu (ex: link antar posting), sedangkan outbound link merupakan link kamu yang mengarah ke web/blog lain (ex: tukaran link).

3. Link yang kamu buat harus berkualitas, dengan kata lain mempunyai kesesuaian dengan tema atau pokok bahasan yang kamu angkat.

4. Jangan lupa untuk memaksimalkan link antar posting kamu, terutama untuk kata atau frase kata yang berkaitan dengan posting tertentu dalam blog kamu sendiri.

5. Gunakan meta tag secara optimal.

6. Usahakan isi konten (posting) bersifat unik, menarik dan orisinil.

7. Berikan penekanan terhadap kata atau frase kata yang berhubungan dengan keyword.

8. Update posting blog kamu, minimal 2 kali seminggu.

9. Sering-sering mempromosikan blog kamu baik lewat mendaftar di search engine, blog walking dan sebagainya, serta pastikan jejak blog kamu tertinggal di blog yang kamu kunjungi (rajin berkomentar).

Catatan :

Cara yang ekstrim tapi legal di mata search engine adalah blog kamu mendapatkan backlink dari web/blog lain yang memiliki pagerank tinggi. Namun jangan sekali-kali mencoba membeli link web/blog yang berpagerank tinggi. Cari saja yang free karena lebih Hemat, cermat dan bersahaja (tepuk pramuka he..he..).

Intinya, pendekatan yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut (wikipedia.org).

Ingat...!!! Pagerank bukan segala-galanya (masih ada alexa ranking) ...ups... maksudnya untuk apa pagerank kamu tinggi jika dalam search engine blog kamu tidak masuk dalam halaman utama. Kalau tidak masuk halaman utama berarti harus sering berpromosi dong. Beda kalau blog kamu masuk dalam halaman utama search engine ketika orang mengetikkan keyword tertentu. Ngga perlu susah promosi, ntar orang akan cari sendiri...
Rating Artikel : 4.5

Membuat Bukutamu Tersembunyi

2010-05-09T12:46:00.007+07:00

Kalau kamu ga tau lagi mau taruh buku tamu kamu di mana, buat aja buku tamu kamu "tersembunyi", dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di bagian sebelah kanan layar kamu, dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">



<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://agussxtream.blogspot.com/2010/05/membuat-buku-tamu-tersembunyi.html">
sini (Info Blog)
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4. Pada kode di atas, cari kode  dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
6. Selamat mencoba!
Rating Artikel : 4.5

Daftar Isi Blog

2010-04-05T03:57:00.003+07:00

Membuat Tab View

2010-03-27T16:24:00.003+07:00

Tabview Widget sangat cocok digunakan pada ruang terbatas karena satu tab dalam tabview akan mewakili satu halaman, Tabview Widget merupakan cara mudah untuk memberikan informasi pada halaman multiple.
Contoh Tabview widget sederhana, pada Tabview anda bisa mengubah warna, menambahkan jumlah tab dan mengubah sendiri ukuran dari tabview sesuai dengan kebutuhan.

Saya akan menuliskan cara untuk membuatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Add A Gadget" trus pilih "HTML/Javascript" dan copy paste kode dibawah ini :

<script language="JavaScript" type="text/javascript">
function st2(t){
for(i=1;i<=5;i++){
ts=document.getElementById('tt'+i);
tr = document.getElementById('dd'+i);
ta = document.getElementById('aa'+i);
if(t==i){
if(t==1) ts.className="Tab1";
if(t==2) ts.className="Tab2";
if(t==3) ts.className="Tab3";
if(t==4) ts.className="Tab4";
if(t==5) ts.className="Tab5";
ta.className="srchlinksel2";
ts.style.borderBottom="1px solid #FFFFFF";
tr.style["display"]="block";
tr.style["visibility"]="visible";
}
else{
ts.className="tb2";
ta.className="srchlink2";
ts.style.borderBottom="1px solid #B5D6EF";
tr.style["display"]="none";
tr.style["visibility"]="hidden";
}
}
}
</script>

<style type="text/css">.f10 {
FONT-SIZE: 10px; FONT-FAMILY: arial
}
.f11 {
FONT-SIZE: 11px; FONT-FAMILY: arial
}
.f12 {
FONT-SIZE: 12px; FONT-FAMILY: arial
}
.f12r {
FONT-SIZE: 12px; LINE-HEIGHT: 13px; FONT-FAMILY: arial
}
.f12n {
FONT-SIZE: 12px; LINE-HEIGHT: 1.3em; FONT-FAMILY: arial
}
.ft11a {
FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Tahoma
}
.fv9 {
FONT-SIZE: 9px; FONT-FAMILY: verdana
}
.fv10 {
FONT-SIZE: 10px; FONT-FAMILY: verdana
}
.ft11 {
FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma
}
.fmicro9 {
FONT-SIZE: 9px; FONT-FAMILY: Microsoft Sans Serif
}
A.srchlink:link {
COLOR: #2864b4; TEXT-DECORATION: none
}
A.srchlink:visited {
}
A.srchlinksel:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlink2:link {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlink2:visited {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlinksel2:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel2:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
.tb2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');BACKGROUND-COLOR: #d9e9f6
}
.tbmain2 {
BACKGROUND-COLOR: #ffffff
}
.lfttbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2'); BACKGROUND-COLOR: #deffc6
}
.rttbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7'); BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #eef5fb
}
.rttblx {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #ffffff
}
.rt_tbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #b0dafd
}
.toptbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B'); BACKGROUND-COLOR: #00426b
}
.srchtbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE'); BACKGROUND-COLOR: #a5dede
}
.Tab1 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #fedfb3
}
.Tab2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #b39dfe
}
.Tab3 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #f6fe9d
}
.Tab4 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #feaf9d
}
.Tab5 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #9dfea5
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline}
</style>

<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td align="middle" onclick="st2('1')" height="22" id="tt1"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid" width="70"
class="Tab1"><a id="aa1"
class="srchlinksel2" href="javascript:undefined"><font
class="f12"><b>TAB 1</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('2')" height="22" id="tt2"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="47"
class="tb2"><a id="aa2"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TAB 2</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('3')" height="22" id="tt3"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="62"
class="tb2"><a id="aa3"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TAB 3</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('4')" height="22" id="tt4"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="48"
class="tb2"><a id="aa4"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TAB 4</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('5')" height="22" id="tt5"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="52"
class="tb2"><a id="aa5"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TAB 5</b></font></a></td></tr>
<tr>
<td colspan="9">
<div style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP:
0px; BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px;
BORDER-BOTTOM: 0px"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380" height="5">
<tbody>
<tr>
<td height="5"></td></tr></tbody></table>
   <span style="gt;Widget edited by <a href="http://agussxtream.blogspot.com/2010/03/cara-membuat-tab-view-widget.html" target="_blank">agussxtream.blogspot.com</a></span>

<div id="dd1" style="BORDER-RIGHT: #b5d6ef 0px solid;
BORDER-TOP: 0px; DISPLAY: block; VISIBILITY: visible;
BORDER-LEFT: #b5d6ef 0px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">



<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZDyGBFMI/AAAAAAAAA1s/I6k6Sk5kIqs/s400/meredith_andrews-1.jpg" /></a>

<b><a href="http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com">Judul Link mu</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://1.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEB4jLwI/AAAAAAAAA10/vNixyvkq6jw/s400/brooke_fraser-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEEGovpI/AAAAAAAAA18/mKS3a4nVxM8/s400/hillsong_united-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<b><a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com'>Read More Posts From This Category</a></b>

</font></td>
</tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr></tbody></table></div></div>
<div id="dd2" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">



<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZDyGBFMI/AAAAAAAAA1s/I6k6Sk5kIqs/s400/meredith_andrews-1.jpg" /></a>

<b><a href="http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com">Judul Link mu2</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://1.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEB4jLwI/AAAAAAAAA10/vNixyvkq6jw/s400/brooke_fraser-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu2</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEEGovpI/AAAAAAAAA18/mKS3a4nVxM8/s400/hillsong_united-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu2</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<b><a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com'>Read More Posts From This Category2</a></b>

</font></td></tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd3" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">



<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZDyGBFMI/AAAAAAAAA1s/I6k6Sk5kIqs/s400/meredith_andrews-1.jpg" /></a>

<b><a href="http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com">Judul Link mu3</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://1.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEB4jLwI/AAAAAAAAA10/vNixyvkq6jw/s400/brooke_fraser-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu3</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEEGovpI/AAAAAAAAA18/mKS3a4nVxM8/s400/hillsong_united-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu3</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<b><a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com'>Read More Posts From This Category3</a></b>

</font></td></tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd4" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">



<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZDyGBFMI/AAAAAAAAA1s/I6k6Sk5kIqs/s400/meredith_andrews-1.jpg" /></a>

<b><a href="http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com">Judul Link mu4</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://1.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEB4jLwI/AAAAAAAAA10/vNixyvkq6jw/s400/brooke_fraser-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEEGovpI/AAAAAAAAA18/mKS3a4nVxM8/s400/hillsong_united-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu4</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<b><a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com'>Read More Posts From This Category4</a></b>

</font></td>
</tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd5" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">



<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZDyGBFMI/AAAAAAAAA1s/I6k6Sk5kIqs/s400/meredith_andrews-1.jpg" /></a>

<b><a href="http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com">Judul Link mu5</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL ATAU LINK ARTIKEL MU.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://1.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEB4jLwI/AAAAAAAAA10/vNixyvkq6jw/s400/brooke_fraser-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu5</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<a href=" http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com "><img style="float:left;margin:0px 10px 0px 0px; width: 110px; height: 110px;" src="http://2.bp.blogspot.com/_Bt-NXM8VfZs/SaPZEEGovpI/AAAAAAAAA18/mKS3a4nVxM8/s400/hillsong_united-1.jpg" /></a>

<b><a href="http://LINK LABEL2 ATAU LINK ARTIKEL MU2.blogspot.com">Judul Link mu5</a></b>

<p> Here is a caption with an image that is aligned to the left. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. This is an example of a Blogger... <a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com '>[Read more of this review]</a></p> 

<div style="border-bottom:1px dotted #94B1DF; margin-bottom:10px; padding:0px 0px 10px 0px; width: 98%; clear:both;"/></div>

<b><a href='http://LINK LABEL3 ATAU LINK ARTIKEL MU3.blogspot.com'>Read More Posts From This Category5</a></b>

</font></td></tr>
<tr>
</tr>
<tr>
<td
height="4"></td></tr></tbody></table>

+Ganti kode warna yang berada di area yang berwarna ungu dengan warna pilihanmu.
Contoh :StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');BACKGROUND-COLOR: #fedfb3
+Ganti kode warna merah dengan Link Artikel / Label Blogmu.
+Ganti kode warna hijau dengan warna Link Gambar Blogmu. Saya rekomendasikan ukuran gambarnya 110px X 110px.
+Ganti kode warna border #B5D6EF dengan warna pilihanmu.

3. Anda bisa melihat hasilnya pada blog ini dan Jangan lupa simpan setelah mengeditnya ...
Tutorial ini saya dapatkan dari sini.

Selamat mencoba ...

Membuat Animasi Melayang

2010-03-27T16:10:00.003+07:00

Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini trik nyoba ngebahas gimana cara membuat "GAMBAR MELAYANG" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "GAMBAR MELAYANG" itu apa? "GAMBAR MELAYANG" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://agussxtream.blogspot.com">
<img src="http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" border="0" /></a>
</div>

"http://agussxtream.blogspot.com" adalah link. ganti dengan link kamu.
"http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Membuat Read More Otomatis

2010-03-27T15:51:00.004+07:00

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template"

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.
Rating Artikel : 4.5

Cara Memposting Kode HTML

2009-12-09T16:23:00.003+07:00

Nah ini dia caranya posting kode html. Untuk memposting sebuah kode HTML kita membutuhkan suatu tools untuk meng-encode kode HTML. Okey...untuk yang beloem tahu caranya, ini pasti yang anda cari. Dulu saya juga binggung gimana sih caranya memposting kode HTML, Kok kalau memposting kode HTML yang keluar hasil dari kode tersebut bukan kodenya. Kalau anda juga bingung caranya, jadi saya sama bingungnya dengan saya dulu....Hehehe. gak papa, ayo sekarang kita mulai cara melakukannya:

1. Copy kode HTML yang ingin di posting.

2. Buka website penyedia jasa tools Encoding disini atau disini.

3. Paste-kan di dalam kotak box yang disediakan oleh website penyedia jasa encoding.

4. Klik tombol Encode.

5. Please Wait...n' akan segera muncul kode html yang baru yang telah di encode.

6. Copy n' paste-kan kode tersebut ke dalam postingan anda.

7. semoga berhasil............!

Rating Artikel : 4.5

Instalasi Windows XP SP 2

2009-10-17T17:11:00.004+07:00

Tanpa basa-basi, langsung saja ya ke langkah-langkah instalasi windows xp...

begini caranya :

1. Siapkan CD WINDOWS XP

2. Siapkan CD DRIVER MOTHERBOARD

3. Atur bios terlebih dahulu agar prioritas bootingnya dimulai dari CD(DVD)-ROM, caranya:

a. Masuk ke BIOS dengan menekan tombol Del, atau F1, atau juga F2.

Pilih menu Advanced Settings, kemudian carilah ‘Boot Priority’ atau yang sejenis.

b. ubah pengaturanya, agar CDROM jadi urutan yang pertama

kemungkinan pilihan ini ada 2 jenis

* menu ‘First boot priority’, ‘Second boot priority’ dll: Aturlah ‘First boot
priority’ ke ‘CDROM’ dengan menekan tombol PgDn/Pgup (Page Down/Up) atau +/-.
Atur juga ‘Second boot priority’nya ke HDD0/HDD1.
* Jika menunya ‘Boot priority’: atur ke ‘CDROM, C, A’ atau ‘CDROM, A,
C. dengan menekan tombol PgDn/Up.

Cara paling gampang:
gak usah dioprek biosnya. biarin aja bios diload masukin CD WINDOWSnya,restart komputer,trus tekan-tekan F8 ato F10 atau F11 (boleh dicoba satu-satu) nanti bakal muncul opsi boot selection. pilih aja yg ada 'bau' cd-nya. trus enter. selesai deh...ga pake repot-repot...
4. Tunggu bebera saat sampai muncul tulisan "press any key to boot from CD" seperti tampilan Seperti gambar di bawah ini

5. Tekan ENTER atau sembarang tombol, lalu proses instalasi akan mngecek hardware komputer anda, kemudian akan muncul tulisan "windows setup" seperti gambar dibawah ini

6. lalu file-file di dalam cd akan di load ke dalam komputer, kemudian akan muncul tampilan "welcome to setup" seperti gambar dibawah ini

7. Tekan "ENTER" untuk menginstal windows xp, "R" untuk repair system windows yang sebelumnya pernah terinstal, "F3" untuk keluar dari proses instalasi, lalu akan muncul (End User Licese Aggrement)seperti gambar di bawah ini

8. Tekan "F8" kemudian proses instalasi akan mencari dan membaca partisi harddisc anda, kemudian akan muncul semua partisi harddisc anda, seperti gambar di bawah ini

9. Tekan "ENTER" untuk langsung menginstal windows, "C" untuk membuat partisi harddisc anda, kapasitas partisi sesuai dengan kebutuhan anda, dalam satuan MB, selanjutnya jika anda membuat partisi dengan menekan tombol "C", maka akan muncul gambar seperti di bawah ini

10. Kemudian tuliskan kapasitas partisi yang ingin anda buat, seperti terlihat pada gambar diatas, sebagai contoh, misalkan kapasitas harddisc anda 40 GB, lalu anda ingin membagi dua, maka tuliskan 20000,jangan 20, karna partisi satuannya MB, tentunya anda mengerti kan...?? cat" 1GB = 1000 MB
11. Kenudian tekan "ENTER" maka akan muncul gambar seperti dibawah ini

12. kemudian pilih "format the partition using the NTFS file system (Quick)" atau "format the partition using the NTFS file system (Quick)" lalu tekan "ENTER" maka akan muncul layar sepert gambar di bawah ini

13. Kemudian arahkan pointer pada posisi "unpartitioned space", lalu tekan "C" maka akan muncul gambar seperti gambar sebelumnya, dalam hal ini layar yang akan muncul seperti gambar sebelumnya menunjukan sisa partisi yang telah anda bagi, jika anda cuma membagi 2 partisi saja maka langsung tekan "ENTER" tapi jika anda ingin mempartisi lagi sisa harddiscnya maka tinggal di bagi lagi aj, seperti langkah-langkah sebelumnya, mengertikan maksud saya....??
setelah selesai partisi ketika anda menekan "ENTER" seperti yang di jelaskan di atas, maka akan muncul gambar sperti gambar diatas, setelah itu arahkan poiter di posisi C: partition1 [New Raw], tapi biasanya sudah berada di posisi tersebut, maka anda tinggal menekan "ENTER" saja untuk proses instalasi windows, kemudian akan muncul proses format seperti gambar di bawah ini

14. Setelah selesai format, kemudian windows akan ,menyalin file untuk proses instalasi, seperti gambar di bawah ini

15. Setelah proses penyalinan selesai, secara otomatis komputer akan melakukan restart seperti gambar di bawah ini, dalam hal ini untuk mempercepat proses restart, anda bisa langsung menekan "ENTER"

16. Setelah itu akan muncul loading windows seperti gambar di bawah ini

17. selanjutnya proses instalasi windows di mulai 1..2..3...GOoooo muncul layar seperti gambar di bawah ini

18. selanjutnya tinggal menunggu, sambil ngopi jg bisa, biar lebih terinspirasi, eitssss, tp jangan kemana mana dulu, karna selanjutnya akan muncul layar seperti gambar di bawah ini

19. Langsung klik "NEXT" aja BOS...!!! lalu mucul lagi bos layar seperti gambar di bawah ini

20. Isi nama dan organisasinya, terserah BOS aja... lalu tekan "NEXT" kemudian akan muncul layar seperti gambar di bawah ini

21. Masukan serial nombernya, jangan sampe salah ya....!!! kemudian tekan "Next" selanjutnya akan muncul layar administrator, isi aja mau dinamain apa komputernya, terserah deeeehhhhh......
kalau mau pake pasword tinggal di isi juga paswordnya, terserah juga mo apa paswordnya.... lalu tekan "Next" maka muncul layar Date and Time Setting seperti gambar di bawah ini

22. Masukan settingan jam dan tanggal, tentukan juga time zone anda, untuk jakarta :pilih GMT+7 Klik "Next" lagi BOS.... setelah proses instalasi windows delanjutkan, seperti gambar di bawah ini

23. Silahkan Menunggu lumayan lama BOS,.... sampai muncul layar seperti gambar di bawah ini

24. Selanjutnya akan muncul layar work group or computer Domain,seperti gambar di bawah ini

25. jika komputer anda terhubung dengan sebuah domain, maka isikan nama domainnya, tapi jika komputer anda stand alone, maka pilih radio button yang paling atas, lalu tekan "Next"

26. Selanjutnya akan muncul display setting, seperti gambar di bawah ini, klik "OK" aja BOS....!!!

27. Kemudian windows akan mendeteksi tampilan optimal dari PC anda, seperti terlihat pada gambar di bawah ini, Klik "OK" aj BOS...!!!

28. Proses instalasi hampir selesai BOS..... selanjutnya akan muncul loading jendela windows seperti gambar di bawah ini

29. Selanjutnya anda akan dibawa masuk ke dalam windows untuk pertama kalinya seperti terlihat pada gambar di bawah ini, tekan "Next" aj BOS..

30. Selanjutnya akan muncul layar "Help Protect Your PC", seperti gambar di bawah ini, kemudian pilih "Not Right Now" lalu tekan "Next"

31. Kemudian komputer akan mengecek koneksi ke internet, seprti terlihat pada gambar di bawah ini, pilih "Yes" lalu tekan "Next"

32. Kemudian akan muncul pilihan aktivasi windows, seperti gambar di bawah ini, lalu tekan "Next"

33. Setelah itu akan muncul tampilan seperti gambar di bawah ini yang menunjukan pilihan untuk menambah pengguna komputer, Anda bisa memasukkan beberapa pengguna yang akan mengakses komputer Anda, Namun jika satu akun sudah cukup, atau Anda menginstall komputer untuk dipakai bergantian, cukup masukkan satu user kemudian klik "Next"

34. Proses instalasi windows selesai, kemudian akan muncul layar seperti gambar di bawah ini, klik "finish", maka proses instalasi selesai.....

35. Selesailah sudah semua.... kemudian perlahan masuk ke windowsnya seperti telihat pada gambar di bawah ini

36. Kemudian tinggal menginstal CD Driver Motherboadr, dan perangkat pendukung lainnya...

Rating Artikel : 4.5

Laporan Praktik

2009-10-09T18:12:00.004+07:00

1. LANGKAH - LANGKAH MELEPAS BAGIAN KOMPUTER
a) Melepas kabel monitor, kabel dicabut pada port VGA.
b) Kabel power, kabelnya dicabut perlahan-lahan dengan keadaan tangan kering.
c) Kemudian melepas kabel mouse dengan perlahan-lahan pada port ps2.
d) Melepas kabel keyboard juga di cabut perlahan pada port ps2.
e) Setelah semua kabel yang ada di luar terputus (dicabuti) kemudian yang selanjutnya ialah melepas casing yang kemudian di buka baud-baudnya, kemudian 2 bagian casing samping di buka.
f) Power supplay, kemudian kabel-kabel yang terhubung dengan komponen lain dikepas satu persatu, setelah itu baud-baudnya yang di lepas. Dalam melepas kabel di harapkan jangan tergesa-gesa agar saat kita mengulang kita merasa lebih mudah mengingatnya.
g) RAM, dibuka dulu socketnya lalu kemudian diambil RAMnya.
h) Front Panel, dicabuti satu persatu.
i) Kabel sata dan ata, dicabuti satu persatu.
j) Mother Board, baudnya dilepas dari casing. Setelah semua baud dilepas, mother boardnya diambil.
k) DVD ROM, satu persatu baud dilepas dan cara melepasnya didorong dari dalam keluar.
l) Hardisk, satu persatu baud dilepas kemudian hardisk diambil.

2. KOMPONEN PC
a. Prosesor
Merek : intel ® Pentium ® Dual cpu
Kecepatan : 1,99 GHz.
b. Mother Board
Merek : Elite Group
Socket cpu : ada
Socket RAM : - Jenis : DDR2 667
- Jumlah : 2
VGA : ada
Sound : ada
Port Paralel : ada
PCI : 2
PCI Express : ada
USB : ada
LAN : ada
c. RAM
Kapasitas : 1GHz
Merek : Apacer
PC : 2- 5300
Jenis : DDR2 667
d. Hardisk
Kapasitas : 80 GB
Merek : Western Digital
Kecepatan : 7200 Rpm
Kabel : SATA
e. Optical Drive
Jenis : DVD ROM
Spesifikasi : DVD Combo
Merek : LG
f. Power Supplay+Casing
Daya : 450 watt
Merek : Mentari power
Jenis : GCC – H23N
g. Keyboard + Mouse
Merek : SIMBADA
Jenis : SM 300
h. Kelengkapan Front Panel
- Reset
- HDD Led
- Power SW
- Power Led

3.LANGKAH PERAKITAN PC
A. Hardisk,ada 4baut,di pasang satu persatu dan di pasang dari dalam
B. Dvd Rom,4 baut,satu persatu di pasang dari luar
C. Motherboard, ada 4 baut satu persatu dipasang
D. Kabel Sata dan Ata di pasang satu persatu ,sata ke motherboard dan hardisk,ata ke mother board dan dvd room
E. front panel dipasang satu persatu sesuai petunjuk yang ada di motherboard
F. Ram dipasang dalam socket ram ,sampai terdengar bunyi klik
G. Power supply ada 4 baut satu persatu di pasang, kemudian kabel di pada motherboard,dvd room,dan hardisk
H. Casing ada 1 baut satu persatu di pasang
I. Memasang kabel keyboard pada port PS2
J. Memasang kabel mouse
K. Memasang kabel power
L. Memasang kabel monitor pada port PS 2
Rating Artikel : 4.5

Spesifikasi Komputer

2009-10-08T14:47:00.005+07:00

1. Motherboard
A. SPESIFIKASI :
- Merk : Asus
- Jenis : P5 KPL-AM
B. HARGA : RP 681.030
C. ALASAN : Di karenakan harganya yang murah,lengkap & disertai garansi selama 1tahun
2. Optical driver
A. SPESIFIKASI :
- Merk : BenQ DW 2000
- Jenis : DVD RW/ROM Dual layer
B. HARGA : RP 325.710
C. ALASAN : Dikarenakan jenisnya yaitu DVD RW/ROM & dual layer pula.Jenis ini lebih sering digunakan karena lebih canggih darI pada CD ROM 3. Monitor
A. SPESIFIKASI :
- Merk : Samsung CRT 794 MB
- Ukuran : 17”
B. HARGA : RP 1.150.000
C. ALASAN : Penampilan monitor jenis ini memang kurang bagus,tapi bagus/tidaknya monitor tidak terlalu mempengaruhi kinerja komputer tersebut.Kecuali jika anda mengutamakan penampilan & mempunyai uang lebih

4 . Harddisk
A. SPESIFIKASI :
- Merk : Seagata
- Kabel : sata
- Kecepatan : 7200 Rpm
B. HARGA : RP 434.280
C. ALASAN : Dikarenakan kecepatannya setara dengan harddisk yang lebih mahal walau daya tampung hanya 80 GB tapi harganya lebih murah

5. Processor
A. SPESIFIKASI :
- Merk : Intel E 220 dual core
- Kapasitas : 1GB
- Kecepatan : 2 GHz
B. HARGA : RP 651.420
C. ALASAN : Selain karena kecocokan dengan motherboard,juga dikarenakan kecepatannya yang tidak kalah jauh dengan yang mahal

6. RAM
A. SPESIFIKASI :
- Merk : SODIMM
- Jenis : DDR 2 667
- PC : 5300
- Kapasitas: 1GB
B. HARGA : RP 167.790
C. ALASAN : Dikarenakan kapasitas sama saja dengan yang mahal & Pc nyapun sama saja.Hanya saja merknya kurang terkenal
7 Casing + Power suplay
A. SPESIFIKASI :
- Merk : :Simbadda Sim V-1026
- Daya PS : 380 Watt
B. HARGA : RP 270.000
C. ALASAN : Dikarenakan tampilannya menarik & yang terpenting ada POWER SUPLAYnya
8 . Keyboard + Mouse optical
A. SPESIFIKASI :
- Merk : Simbadda
B. HARGA : RP 98.700
C. ALASAN : Dikarenakan murah & keyboardnya sudah dilengkapi dengan MOUSE OPTICAL.
Rating Artikel : 4.5

Perbedaan Antara RAM, ROM Dan HARDISK

2009-09-06T16:29:00.004+07:00

RAM :

1.RAM berfungsi untuk menyimpan program dan data dari pemakai komputer dalam bentuk pulsa-pulsa listrik, sehingga seandainya listrik yang ada dimatikan, maka program dan data yang tersimpan akan hilang.
2.RAM terbagi menjadi: Input Area, Program Area, Working Area, Output Area.
3.Isi RAM bisa dihapus oleh pemakai komputer,
4. RAM adalah memori primer
5.RAM sifatnya volatile (tahan sementara)

ROM :

1. ROM menyimpan program yang berasal dari pabrik dalam bentuk komponen padat, sehingga tidak akan mengalami gangguan seandainya aliran listrik terputus..
2.ROM biasanya berisi: Program BIOS (Basic Input Output System).
3.isi ROM tidak dapat di hapus.
4. ROM adalah memori sekunder.
5. ROM sifatnya non-volatile (tahan selamanya, dengan syarat tertentu).

HARDISK :

1. Media penyimpanan dengan kapasitas paling besar
2.Tempat penyimpanan data yang digunakan untuk satu komputer
3 .Media penyimpanan paling murah
4 .akses sangat cepat dan menyimpan secara permanen
5. dapat menyimpan data sampai 100 gygabyte
Rating Artikel : 4.5

Perbedaan Antara CD-ROM, CD-RW, DVD-ROOM, DVD-COMBO, Dan DVD-RW

2009-09-06T16:26:00.004+07:00

Seperti yang sudah kita ketahui Cd-Rom, Cd-Rw, Dvd-Room, Dvd-Combo, Dan Dvd-Rw adalah salah satu alat yang sering di gunakan di komputer untuk membaca Cd-R, Cd-Rw, Dvd-R, Dvd-Rw, Dvd Dual Layer dll. Atau juga sering di kenal optical drive.
Berikut ini perbedaan antara CD-ROM,CD-RW,DVD-ROOM,DVD-COMBO,dan DVD-RW

CD-ROM adalah drive yang hanya diperuntukkan membaca kepingan cd baik cd-rom, cd-audio,cd mp3, vcd, cd-picture, dsb.baik cd berukuran normal 12cm atau cd mini yang berukuran 8cm.

CDRW adalah drive yang memiliki kemampuan membaca kepingan cd dan juga mampu menulis di kepingan cd blank, kerennya burn,

Dvd rom adalah drive yang bisa membaca kepingan cd dan juga mampu membaca kepingan dvd baik berupa dvd-rom, dvd movie, dvd audio,dsb. Tapi hanya bisa membaca saja hampir semua jenis cd dan dvd kecuali dvd ram, yang biasanya membutuhkan drive dvd-rw.

Dvd combo adalah drive yang menggabungkan kemampuan dvd rom dan cd rw, terbayang kan kemampuannya? vgcya drive ini mampu membaca kepingan cd dan dvd dan juga mampu menulis tapi hanya pada cd kosong.

Dvd RW merupakan drive terlengkap yang ada dipasaran sekarang selain mampu membaca semua jenis cd dan dvd dan juga mampu membaca dvd-ram dan juga mampu untuk menulis pada semua jenis kepingan, baik cd kosong, dvd kosong, dan juga dvd ram.

Nah sudah jelas kan perbedaannya, memang kita kadang terkecoh dan bingung. Dan mudah-mudahan dengan tulisan ini sedikit memberi gambaran mengenai CD-ROM,CD-RW,DVD-ROOM,DVD-COMBO,dan DVD-RW. Bagi teman-teman yang ingin menambahkan dan mengoreksi bisa di sampaikan di kotak komentar.

Rating Artikel : 4.5

Jenis - Jenis Processor

2009-08-31T15:11:00.004+07:00

Intel Pentium 4 Family
Biasa disebut Pentium 4. Meski dalam satu keluarga namun memiliki kecepatan yang berbeda-beda. Demikian juga dengan socket yang digunakan. Versi terbanyak yang digunakan Pentium 4 adalah menggunakan socket 478. Pada versi terbarunya telah menggunakan socket LGA 775 untuk mendukung beberapa motherboard keluaran terbaru.

Prescott
Merupakan generasi pertama Pentium 4 yang memiliki 1 MB L2 cache dan memiliki kecepatan 3,8 GHz. Namun, pada processor ini memiliki kendala yang cukup signifikan, yaitu memiliki panas yang cukup tinggi. Dan processor ini belum mendukung operating system dan aplikasi 64-bit. Segi baiknya, processor ini memang memiliki kinerja yang baik untuk menunjang kebutuhan multiaplikasi dan gaming.

Pentium 4 Extreme Edition
Merupakan jajaran processor premium dari Intel, untuk CPU desktop PC. Yang terbaru juga telah menggunakan socket LGA 775 dan berjalan di atas 3,46 GHz dengan fitur 512 K L2 cache ditambah dengan 2 MB L3 cache dan FSB sebesar 1066 MHz. Ia juga tersedia dalam versi 64-bit CPU.

Pentium D
Keluarga CPU Intel yang memiliki arsitektur dual-core. Beberapa seri yang sudah tersedia, di antaranya Pentium D 840, 830, dan 820 yang memiliki clock dari 2,80 sampai 3,20 GHz dengan FSB 800 MHz. Dengan L2 cache yang dimilikinya 2×1 Mb. Dengan dual-core, diharapkan mampu melakukan pemrosesan data dengan waktu yang lebih singkat. Selain itu, processor ini telah dilengkapi dengan EMT64T (Extended Memory 64 Technology) yang mendukung operating system dan aplikasi 64-bit.
Jika Anda tertarik untuk membeli processor keluaran Intel, agaknya jajaran processor Pentium D adalah pilihan ideal. Dual-core dan dukungan 64-bit menjadi alasan utama. Karena ke depannya semua aplikasi dan operating system akan menggunakan 64-bit. Di samping harga jual processor ini terbilang cukup relevan, yaitu sekitar US$279.

AMD Athlon 64 Family
AMD memiliki tiga jenis processor dengan performa yang berbeda. Yaitu, Athlon 64 dan FX Series, juga Sempron. Meski dari ketiganya memiliki basic teknologi yang sama, namun beberapa fitur dan harga yang ditawarkan memiliki perbedaan yang cukup berarti.
Pada dasarnya, processor AMD Athlon 64 mampu menghasilkan kecepatan yang tinggi terhadap aplikasi yang menggunakan banyak floating point dan kebutuhan bandwidth yang besar. Mengapa demikian?

AMD Athlon 64
Pada processor ini memiliki dua versi. Versi yang pertama yang masih menggunakan memory single-channel. Yaitu Athlon 64 yang menggunakan socket 75. Sedangkan yang kedua menggunakan socket 939 dan sudah memiliki teknologi memory dual-channel. Untuk harga, sudah barang tentu Athlon 64 754 memiliki harga yang lebih murah dibanding 939. Keduanya memiliki L2 cache sebesar 1 MB, sedangkan untuk kecepatan yang ditawarkan beragam, mulai dari 2,4 GHz sampai dengan 3,0 GHz.

Athlon 64 FX
Processor ini merupakan processor yang paling tepat untuk menunjang para gamer, karena selain dilengkapi dengan L2 cache sebesar 1 MB dengan kecepatan terendah yang ditawarkan sebesar 2,6 GHz. Pada processor keluaran AMD baik Athlon 64 ataupun Athlon 64 FX sudah mendukung aplikasi dan operating system 64-bit. Dan kini AMD telah mengeluarkan processor dualcore, yaitu AMD Athlon 64 X2, masih menggunakan socket 939.

Core Logic Chipset
Seperti yang telah kami sebutkan di awal, salah satu bagian untuk memilih motherboard selain menentukan processor yang digunakan, core logic chipset juga bagian yang tidak kalah penting untuk dipertimbangkan. Mengapa demikian?
Jika diumpamakan sebuah motherboard adalah kota, maka core logic chipset merupakan pemerintah local yang melakukan pengaturan alur informasi. Chipset memiliki tugas yang amat vital. Ia akan memerintahkan apa yang harus dilakukan oleh port USB, juga menentukan seberapa cepat system mengakses memory. Dengan demikian fungsi dari core logic chipset sangatlah penting untuk menunjang kinerja komputer.
Sekarang ini, beberapa motherboard menggunakan dua skenario yang cukup berbeda. Skenario pertama adalah motherboard yang didesain untuk processor Intel Pentium 4. Masih mengadopsi cara lama, yaitu menggunakan memory controller yang tertanam di dalam chipset nortbridge.
Pada skenario ini, chipset pada motherboard bertugas sekaligus sebagai memory controller yang merupakan mesin pengontrol untuk mengatur semua kebutuhan yang ada. Memory controller terletak di dalam chipset northbridge yang berada dengan jarak yang relatif tidak terlalu jauh dari processor. Tujuannya untuk menghasilkan bus bandwidth memory yang besar.
Skenario yang kedua adalah motherboard untuk AMD Athlon 64, Athlon 64 FX dan Athlon 64 X2 yang memiliki perbedaan jauh dengan Intel. Pada motherboard AMD Athlon 64, memory controller tidak lagi terdapat pada nortbridge chipset, melainkan dipindahkan ke dalam processor.
Pada kondisi ini, bus memory controller bisa sama cepat dengan kecepatan core processor. Dengan demikian, menjadikan sebuah pasangan gigahertz yang cepat sehingga mampu menghasilkan kinerja yang jauh lebih cepat ketimbang skenario yang pertama.
Namun,ini bukan merupakan kemenangan secara mutlak, karena besarnya performa yang dimiliki oleh AMD memiliki kekurangan dalam fleksibilitas.
Intel memang memiliki fleksibilitas yang cukup baik. Contohnya jika Anda sekarang membeli processor Intel Pentium 4, Anda bisa menggunakan processor tersebut pada motherboard yang menggunakan DDR400. Demikian juga untuk motherboard DDR2/800
bahkan untuk motherboard DDR3, yang akan segera diluncurkan.
Hal tersebut tidak terjadi jika Anda menggunakan processor AMD Athlon 64 ataupun 64 FX karena controller-nya terikat pada satu teknologi memory saja. Sehingga Anda harus menyesuaikan memory yang Anda gunakan sesuai dengan controller yang terdapat secara terintegrasi di dalam processor.
Itulah salah satu alasan kenapa sampai sekarang ini AMD masih mengadopsi teknologi memory DDR 400. Karena selain ingin tetap memberikan fleksibilitas terhadap konsumennya, AMD juga beranggapan kemampuan bandwith memory yang dihasilkan DDR 400 masih mampu menangani semua kebutuhan proses computing saat ini.
Meskipun semua chipset mengacu pada memory controller, namun core logic chipset sendiri memiliki beberapa fungsi yang sangat penting. Yaitu performa USB, harddisk, dan seberapa cepat PCI dan VGA slot (AGP atau PCIe x16) dapat mentransfer data.

Perkembangan Chipset Terakhir
Intel
Untuk Intel sekarang ini telah meluncurkan motherboard dengan chipset 955X dan 945P yang mendukung DDR2/667, dan secara tegas meninggalkan DDR400. Namun pada chipset ini, hal yang paling diunggulkan adalah kemampuan chipset mendukung fitur dual-core processor.

nVIDIA
Setelah sebelumnya sempat berseberangan dengan Intel, kini chipset nVIDIA bisa bersanding dengan processor Intel. Dengan mencoba mengeluarkan chipset terbarunya yaitu nVIDIA nForce4 Intel Edition. Chipset serupa sebelumnya hadir untuk basis Athlon 64. Pada chipset tersebut telah mendukung teknologi SLI dan dilengkapi dengan SATA 3 GB juga Firewall. Namun sayangnya, belum ada kepastian dari nVIDIA, mengenai dukungan chipset tersebut untuk dual-core processor.

VIA
Meski produsen yang satu ini terbilang lambat mengembangkan teknologi ketimbang kedua produsen yang telah kami sebutkan di atas, namun VIA telah mengeluarkan VIA PT984 Pro. Keunikan chipset ini adalah dapat menjalankan video card PCI Express x16 juga AGP 8x. Keduanya dapat berjalan secara simultan dan mendukung dual monitor. Namun, hal tersebut berbeda dengan SLI. Karena pada konfigurasi SLI, mampu membagi
bandwidth data dari dua buah video card. Selain itu, VIA memberikan dua pilihan memory yaitu DDR400 dan DDR2 667 sehingga bisa menyesuaikan dengan kebutuhannya.
Setelah sebelumnya kami berikan beberapa tip untuk memilih processor, maka kami akan memberikan juga kepada Anda bagaimana memilih chipset yang tepat.
- Hal pertama yang Anda harus perhatikan adalah jenis chipset yang digunakan. Jangan terkecoh dengan nama-nama produk yang unik. Beberapa produsen sengaja menggunakan nama yang unik untuk menarik pembeli. Namun tidak jarang hasil dan kinerja yang dimilikinya kurang sesuai dengan namanya.
- Perhatikan kecepatan interkoneksi antara chipset northbride dengan southbridge. Kecepatannya minimal menggunakan 133 MB/s. Beberapa produk terbaru sudah bisa mencapai 2 GB/s. Mana yang harus dibutuhkan, itu adalah sebuah pertanyaan yang sulit. Untuk kebutuhan ‘normal’ 800 MB/s hingga 1 GB/s terbilang cukup memadai. Anda juga butuh pertimbangan untuk konfigurasi chipset jika ada 4 PCI Express X1 dalam sebuah sourthbridge, Anda akan membutuhkan 1-2 GB/s koneksi untuk mendukung bandwidth yang sesuai, namun jika hanya ada X1 jalur yang terhubung langsung ke northbridge, maka interkoneksi tersebut belum Anda butuhkan.
- Perhatikan chipset southbrigde, produsen motherboard dapat dengan mudah menukar chipset tersebut dengan chipset yang lain. Dan jika hal tersebut terjadi, maka beberapa fitur yang dimiliki akan lebih sedikit dan terbatas. Karenanya Anda harus memperhatikan
dengan benar.
- Sama halnya dengan memilih motherboard, untuk memilih chipset yang tepat Anda juga membutuhkan second opinion untuk memberikan referensi yang tepat. Karenanya Anda bisa mendapatkan dari beberapa review pada media tentang chipset tersebut agar Anda tidak menyesal di kemudian hari.
Setelah semuanya kami jelaskan, maka tinggal Anda yang menentukan pilihan dan selamat membangun komputer baru. Semoga dengan panduan ini, Anda tidak terjebak dalam memilih.
Rating Artikel : 4.5

Hal Yang Harus Diperhatikan Sebelum Membeli Motherboard

2009-08-31T15:04:00.004+07:00

Meski di pasaran ada banyak merk processor yang banyak beredar, namun kami mencoba menyempitkan pilihannya dengan membaginya menjadi dua bagian. Hal ini berdasarkan ketersediaan dan kebutuhan.

- Bagian yang pertama adalah processor Intel Pentium 4 family dan yang kedua AMD Athlon 64 Family.
- Bagian yang kedua merk processor tersebut merupakan merk yang paling banyak dicari dan digunakan oleh kebanyakan orang dan keduanya memiliki beberapa fitur yang cukup berbeda. Di antaranya adalah Intel menggunakan long instruction pipelines yang didesain menghasilkan skala kecepatan clock supertinggi. Sedangkan pada AMD sendiri tidak menggunakan fitur tersebut, melainkan lebih menggunakan fitur shorter Instruction pipelines yang menghasilkan efisiensi yang baik namun sayangnya tidak bisa menghasilkan skala kecepatan yang tinggi. Untuk kalangan umum pastinya kedua hal tersebut akan membingungkan, karenanya kami akan mencoba menjelaskan bagaimana kelebihan dan kerurangan dari masing-masing merk processor.

Rating Artikel : 4.5

Artikel K3

2009-08-31T14:30:00.004+07:00

Jaman sekarang banyak sekali tempat kerja berbahaya.Sehingga sering terjadi kecelakaan yang disengaja maupun yang tidak disengaja.Beberapa faktor yang menyebabkan terjadinya kecelakaan :

1.Takdir
2.Kondisi tempat kerja
3.Tindakan berbahaya yang dilakukan pekerja

Sehingga diperlukan adanya suatu program yang bertujuan untuk melindungi pekerja maupun pengusaha yang di sebut dengan K3

Definisi K3 dan Tempat Kerja

K3 adalah suatu program yang dibuat pemerintah yang di tujukan bagi pekerja maupun pengusaha dalam rangka mengupayakan pencegahan timbulnya kecelakaan kerja.
K3 diatur dalam UU No.1 tahun 1970.Sehingga bagi siapapun yang melanggar akan mendapatkan sanksi tertentu.
Tempat kerja ialah tempat seeorang bekerja yang terdapat sumber berbahaya,baik di dlm ruangan maupun di luar ruangan

Tujuan dan Sasaran K3

Tujuan adanya k3 yaitu melindungi pekerja dan pengusaha dari hal yang tidak di inginkan,seperti kecelakaan atau bahkan kematian

Sasaran k3 :

1.Bagi pengusaha
-untuk mengurangi biaya pengeluaran
2.Bagi pekerja
-untuk melindungi diri sendiri dari kecelakaan

Definisi Kedisiplinan

Kedisiplinan yaitu suatu tindakan seseorang bertujuan untuk mengatur diri agar tepat waktu pada suatu pekerjaan

Definisi Kerapian

Kerapian yaitu suatu perilaku seseorang agar selalu tetap rapi sesuai dengan tata tertib yang berlaku

Kesimpulan

K3 adalah suatu program yang dibuat pemerintah yang ditujukan bagi pekerja dan pengusaha dalam rangka mengupayakan pencegahan timbulnya kecelakaan-kecelakaan kerja.

Rating Artikel : 4.5

Tahun
Bulan
Tanggal

Zodiak:
Shio: