collections

Layout VITEX TRIFOLIA

2008-10-10T10:33:00.000+07:00

Contoh Skema

Tampilan Atas

Tampilan Bawah

Tuk melihat code CSS, klik aja yg dibawah ini

langkah2nya:

Klik Customize Site
Klik Choose a Themes dan pilih Theme Whiteout. Klo masih bingung, klik ja tulisan ini http://choose themes
klik theme Whiteout
Setelah ntu.. Klik kembali Customize Site.
Klik Custom CSS dan edit CSSnya. or klik tulisan nhi.. http://custom CSS
COpy/salin isi CSS code yg ada dibalik gambar ini
Paste/tempel semua code CSSnya kedalam CSS anda.
Kemudian Save
klik kembali customize my site

edit page title dan copy paste semua code dibawah ini

<div id="link"><div class="topt"><a title="sign in" href="http://multiply.com/">a><a class="topt" href="http://multiply.com/user/signin">sign ina><a class="topt" href="http://multiply.com/user/signout">sign outa><a class="topt" href="http://multiply.com/user/post">Postinga><a class="topt" href="http://multiply.com/">InBoxa>div>div>

pada kolom page title sperti contoh pada gambar dibawah ini

lalu save
kemudian klik "done"

Layout Green Nature

2008-10-09T04:14:00.000+07:00

Skema
Tampilan Atas

Tampilan Tengah

Tampilan Bawah

Tampilan Guestbook

Tuk melihat code CSS, klik aja yg dibawah ini
Priviews

langkah2nya:

Klik Customize Site
Klik Choose a Themesdan pilih Theme Skyline. Klo masih bingung, klik ja tulisan ini http://choose themes
klik theme Skyline
Setelah ntu.. Klik kembali Customize Site.
Klik Custom CSS dan edit CSSnya. or klik tulisan nhi.. http://custom CSS
COpy/salin isi CSS code ini Layout Green nature
Paste/tempel semua code CSSnya kedalam CSS anda.
Kemudian Save

Background Dasar

BG Header paling atas

BG header NavBar bagian atas

BG Body Rail

Tutorial download lagu dari IMEEM

2008-10-09T03:30:00.000+07:00

Berikut ini langkah-langkah tentang cara download lagu dari imeem

Buka http://imeem.com
Ketik kata kunci lagu yang akan didownload sperti gambar dibawah ini

Judul sebuah lagu
Pilih bagian “music”
Klik tombol “search”

Pilih lagu yg akan kamu download dari beberapa karakter yg muncul
Setelah terbuka lagu yang kamu pilih, kamu Copy paste link url-nya seperti gambar dibawah
Buka http://file2hd.com
Kan terlihat sperti gambar dibawah ini
Lalu paste/temple pada kolom yg tersedia, sperti gambar dibawah ini

link dari imeem
bagian tersebut harus dicentang terlebih dahulu
klik tombol “Get Files”

klik kanan files yg muncul sperti gamabar dibawah ini
Save link As(terserah mo disimpen dimana file yg kan didownload)

Note:

Hasil dari file yg kita download berextensi/format FLV
Untuk merubahnya kedalam format Mp3.. gunakan software Free Flv Converter.
kalo blom punya softwarena silahkan dunlut disini http://downloadFreeFlvConverter.rar

KETERANGAN TENTANG CSS MULTPLY

2008-10-07T17:12:00.000+07:00

KETERANGAN TENTANG CSS MULTPLY

/*BACKGROUND DASAR MULTIPLY */

body {
background: url(http://dl3.glitter-graphics.net/pub/102/102239iesj3heyk3.jpg);

background-attachment: fixed;
}

/* TRANSPARENT BACKGROUND */
/* FIX PADA TEMPLATE NEWSPAPER, SANDKRIT, SKYLINE, RETRO, MYKONOS DAN DEFAULT */
body {
background : none;
background-image:url(http://dl7.glitter-graphics.net/pub/33/33197livrwu7szz.gif);
color:#000000;
}
/* TITLE */
div.owner_nav {
background:transparent none repeat scroll 0% 50%;
border:1px solid #000000;
}
/* ITEM BOX */
div#page_start {
background:transparent none repeat scroll 0%;
border:1px solid #000000;
}
.itemboxsub {
background-image:none;
border:1px solid #000000;
}
/* RIGHT RAIL */
.railsep {
background:transparent none repeat scroll 0%;
}
/* FOOTER */
div#ownedfooter {
background:transparent none no-repeat scroll left bottom;
border:1px solid #000000;
}
/* VIEWING HISTORY */
div.stats div.infobox .boxbody {
border:1px solid #000000;
}
div.infobox .boxbody {
background-color:transparent;
color:#000000;
}
div.stats .infobox {
background-color:transparent;
}
Ket:

Tip & trick bagaimana membuat site transparent dengan background, dimana script transparent ini berjalan fix pada template Newspaper, Sandskrit, Skyline, Retro, Mykonos dan Default.

Mengapa tidak fix dengan template yg lain?

Dikarenakan ada perbedaan susunan header, box dan footer. Pertama2 kita pilih template yg berjalan fix untuk script transparent ini di http://multiply.com/setup/pages/themes, setelah itu copy paste scripts dibawah ini ke http://multiply.com/setup/pages/upload-css jika iklan ads google menggangu pandangan, anda bisa tambahkan script dibawahnya menggunakan tip & trick anti iklan

/*LOGO BAGIAN YG PALING ATAS*/

div.header {
display : none;
}
div.owner_nav {
margin-top: 30px;
}

Ket:

Untuk hidden logo dan keterangan bagian atas pada header

/* BUTTON GUESTBOOK */

div#home_guestbook td#cell_submit input {

background: url(http://i261.photobucket.com/albums/ii78/ress7/1k.gif) no-repeat;

width : 80px;

height: 22px;

border :2px inset #02FF0E;

-moz-border-radius: 150px 150px 150px 150px;

color:#09FE1A;

font-weight: Bold;

font-size: 11px;

text-align: center;

}

div#home_guestbook td#cell_submit input:hover {

background: url(http://i261.photobucket.com/albums/ii78/ress7/2k.gif) no-repeat;

width : 80px;

height: 22px;

border :2px outset #02FF0E;

-moz-border-radius: 100px 100px 150px 150px;

color: #663333;

font-weight: bold;

font-size: 11px;

text-align: center;

}

Ket: script diatas tuk mengganti Button Guestbook dengan gambar atau animasi sperti gambar dibawah ini

/* BUTTON DENGAN ANIMASI */

a.topt, a:link.topt, a:visited.topt, div#subnav li.gnopt {
display: block;
background: url(http://www.geocities.com/chonk_andrew1/button/a113.gif) no-repeat;
width : 80px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
font-color : #fff;
color: #fff;
padding: 1px 1px 1px 1px;
line-height: 19px;
font-weight: bold;
border : none;
margin : 0;
}
a.toptsel, a:visited.toptsel, a:link.toptsel, div#subnav li.gnoptsel, a:hover.toptsel, a:link:hover.toptsel, a:visited:hover.toptsel {
display: block;
background: url(http://www.geocities.com/chonk_andrew1/button/a116.gif) no-repeat;
width : 80px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
color: #000;
padding: 1px 1px 1px 1px;
border : none;
text-decoration: none;
line-height: 19px;
font-weight: bold;
margin : 0;
}
a.topt:hover, div#subnav li.gnopt:hover, a:hover.topt, a:link:hover.topt, a:visited:hover.topt {
display: block;
background: url(http://www.geocities.com/chonk_andrew1/button/a116.gif) no-repeat;
width : 80px;
float: left;
height: 22px;
text-align: center;
font-size: 11px;
color: #000;
padding: 1px 1px 1px 1px;
text-decoration: none;
line-height: 19px;
font-weight: bold;
border : none;
margin : 0;
}
Ket:

Script CSS diatas membuat button menu dengan animasi seperti terlihat pada gambar dan berjalan untuk semua custome a theme apa saja. Apabila didalam script kamu mengandung syntax² pada script dibawah ini, lebih baik kamu taruhlah script bagian ini paling atas sendiri, seandainya tidak berjalan seperti yg diinginkan maka kamu perlu menghapus script lamamu yg mengandung syntax tulisan sama seperti script dibawah ini supaya menghasilkan Button dgn animasi.

Macam2 button ada dibawah sendiri, button menu anda bisa merubahnya sendiri dan menyesuaikan dengan template anda hanya merubah link background pada script diatas yaitu : http://www.geocities.com/chonk_andrew1/button/a116.gif dan http://www.geocities.com/chonk_andrew1/button/a113.gif. Saya sarankan menu link background jangan disamakan semua supaya menghasilkan animasi....

MACAM ² BUTTON MENU

/* MENGHILANGKAN MENU HOME, MUSIC, BLOG dst */

PERHATIAN
Check scriptmu jangan sampai ada script seperti tulisan dibawah ini kecuali kamu ingin merubah tulisan home, blog, music, dll pada menu diatas dan mengikuti langkah2 tip dan trick dibawah ini.

Pertama kali menghilangkan menu asli bawaan multiply, copy paste scripts tersebut ke CSS MP anda

div#subnav {
display:none;
}

Setelah itu masukkan script html dibawah ini pada bagian page title yaitu click Customize My Site --> Edit --> Page Title

Homeku Blogku Photoku Videoku Musikku Calendarku Reviewsku Linksku

/*DATE PADA HOME */

span.update {

…….

……

}

Tuk menghilangkan date pada home

Bila date di home mengganggu pemandangan website anda sperti gambar diatas, ini salah satu script untuk menghilangkan date hanya pada home saja. Ubah saja scripts di atas menjadi
span.update {
display : none;
background : none;
}

/*Merubah warna font pada multiply */

h1#page_owner_title {
font-size: 40px;
color: #E2E744;
font-weight: bold;
font-family:Monotype Corsiva, Geneva;
}
a:link {color:#E2E744;}
a.topt, a:visited.topt {color:#E2E744;}
a.toptsel, a:visited.toptsel {color: #E2E744;}
a:visited {color:#E2E744;}
a.signout{color:#E2E744;}
.itembox {color:#E2E744;}
.itemboxsub {color: #E2E744;}
.album {color: #E2E744;}
a.post, a.post:visited {color:#E2E744;}
.videothumb {color:#E2E744;}
div.replybody {color:#E2E744;}
div.replyboxstamp {color:#E2E744;}
div.replyboxstamp a {color:#E2E744;}

/* BACKGROUND PADA CONTACKS LOGO USER */

.contactbox {
padding: …;
border: …….;
margin: ……;
font-size: ….;
text-align: ….;
background: url();
color: ….;
}

Script ini berfungsi memberi background pada contacks logo user teman anda, background bisa diganti dan sesuaikan dengan template anda. Ubah/ganti Scripts diatas dgn dibawah inilah tuk memberi background pada contacks user logo

.contactbox {
float: left;
padding: 12px;
border: 1px solid #8C8A8C;
margin: 8px;
font-size: 12px;
text-align: center;
background: url(http://dl2.glitter-graphics.net/pub/13/13962r68k1pzk49.gif);
color: #FFFFFF;
}

/* BERSIH DARI EMBEL2 */

.railstart {display: none;}
.railbody {display: none;}
.railsep {display: none;}
.railend {display: none;}
td.rail {display: none;}

Ket:

Tuk menghilangkan semua margin di kanan pada multiply tambahkan Script diAtas untuk menghilangkan semua margin dikanan. Dimana logo user, asal owner, iklan dan sebagainya lenyap semuanya. Script ini sangat cocok sekali bagi pengguna template default theme, oasis, blocks, skyline, mykonos dan black lily.

/* MEMBUAT BORDER MENU SENDIRI */
div#subnav {
background-image:url(http://dl3.glitter-graphics.net/pub/216/216193w56ny7w0xa.gif);
border-top:2px solid #999;
border-bottom:2px solid #999;
padding:5px 0px 3px 10px;
height:20px;
}
#subnav li.gnopt {
font-size:12px;
padding:0px;
margin:0px;
border:0px solid #999;
}
#subnav li.gnopt a:link,#subnav li.gnopt a:visited {
color:#fff !important;
background-image:url(http://dl3.glitter-graphics.net/pub/216/216193w56ny7w0xa.gif) !important;
padding:2px 5px 2px 5px;
line-height:1.0em;
border:0px solid #999;
}
#subnav li.gnoptsel {
background-color:transparent !important;
font-size:12px;
padding:0px;
margin:0px 5px 0px 10px;
border:0px solid #999 !important;
}
#subnav li.gnoptsel a,#subnav li.gnoptsel a:visited,#subnav li.gnoptsel a:link {
color:#fff !important;
background-image:url(http://dl3.glitter-graphics.net/pub/216/216193w56ny7w0xa.gif) !important;
padding:2px 5px 2px 5px;
line-height:1.0em;
border:1px solid #999;
}
#subnav li.gnopt a:hover,#subnav li.gnoptsel a:hover {
color:#999 !important;
background-color:#999 !important;
text-decoration:none !important;
}

Ket:

Script diatas tuk membuat border menu site sendiri, dimana script ini hanya cocok bagi pengguna template Default Theme, Oasis, Blocks, Skyline, Petals, Outburst dan Avlack. Background bisa diganti sesuai keinginan tinggal merubah link background image tersebut.

/* TABLE PADA VIDEO */

.videothumb {
float: left;
padding: 7px 7px 7px 7px;
text-align: center;
font-size:10px;
background: url(http://dl.glitter-graphics.net/pub/213/213871dvnm7nkx1u.gif);
border: 2px solid #ACACAC;
color: #000000;
}
Ket:

Script ini memberikan table pada video anda, sangat cocok sekali untuk mempercantik penampilan seperti gambar dan background bisa diganti dengan yg lain sesuaikan dengan template anda dengan merubah link pada scripts diatas

/* OWNER DIBAWAH LOGO */

.railbody p {
display: none;
}

Ket:

Tuk menghilangkan asal owner dan status online dibawah logo sperti gambar dibawah, tambahkanlah Script diatas.

/* TABLE ALBUM FOTO */

.album {
background: url(http://dl.glitter-graphics.net/pub/213/213871dvnm7nkx1u.gif);
float: left;
padding: 7px 7px 7px 7px;
text-align: center;
font-size: 10px;
border: 2px solid #ACACAC;
color: #000000;
}
.album:hover {
background: url(http://dl8.glitter-graphics.net/pub/137/137388pt9xs3lkoa.gif);
border: 2px solid #ACACAC;
padding: 7px 7px 7px 7px;
color: #FFFFFF;
font-size: 10px;
}
Ket:

Script diatas tuk memberikan tampilan baru dan mempercantik album foto multiply anda di site halaman depan, background bisa sesuaikan dengan template yg dipakai. Dimana terlihat gambar diatas kondisi mouse aktive akan berubah dan hanya berjalan di mozilla firefox untuk mouse aktive.

/* MERUBAH LI DEFAULT MULTIPLY */

Script ini merubah li default pada multiply, anda bisa merubahnya dengan li yg lain
li {
list-style-image: url(http://dl10.glitter-graphics.net/pub/120/120930dtf6uoajgc.gif);
}

/*Cursor default pada multiply*/

/* CURSOR */

body {
cursor:url("http://www.boomspeed.com/starlight/curreg3.cur"),default;
}

/* CURSOR LINKS */

a,a:link,a:visited,a:active,a:hover {
cursor:url("http://www.boomspeed.com/starlight/currand5.cur"),default;
}

/*IMAGE PADA CALENDER */

Scrift dibawah ini tuk menambahkan latar belakang image pada calendar,

.caldiv1 {
background-image:url(http://dl3.glitter-graphics.net/pub/14/14443i08uicfzi8.gif);
background-postion:0%;
background-repeat:repeat;
background-attachment:fixed;
}
.caldiv1 th {
background-image:url(http://dl3.glitter-graphics.net/pub/14/14443i08uicfzi8.gif);
background-postion:0%;
background-repeat:repeat;
background-attachment:fixed;
}
.caldiv1 td {
background-image:url(http://dl3.glitter-graphics.net/pub/14/14443i08uicfzi8.gif);
background-postion:0%;
background-repeat:repeat;
background-attachment:fixed;
}

/* ANIMASI FOTO atau IMAGE */

Membuat animasi image saat tersorot mouse

Script ini merupakan animasi pada foto/image saat mouse active. Kalau ingin tampilan animasi foto/image yang lain kamu hanya merubah tulisan Alpha pada script dengan tulisan lain yaitu Blur atau FlipH atau FlipV atau Gray atau Invert atau Mask atau Wave atau XRay, selamat mencoba.

a:hover img {
filter:Alpha(Opacity=50,FinishOpacity=0,Style=0);
-khtml-opacity: 0.50;
-moz-opacity: 0.50;
opacity: 0.50;
}

/*ICON PALING ATAS */

Script ini tuk menghilangkan/hidden icon paling atas
li.gnopt a img {
display: none;
}

/* IMAGE PADA MARGIN KANAN */
Script ini menambah image dimargin kanan dibawah logo tergantung template yg dipakai, sebenarnya banyak image yg bisa ditambah diatas logo maupun dibawah logo lagi, tapi ini salah satu aja. Copy paste scripts tersebut ke CSS MP anda
.railend {
display: block;
height: 150px;
width: 159px;
background: url(http://dl2.glitter-graphics.net/pub/119/119892z3a6agu7ia.gif) no-repeat center;
}

/* SEMI TRANSPARENT */

Script ini membuat semi transparent box dengan background, tambahkan script dibawah ini pada CSS MP anda

.itembox {
filter:Alpha(Opacity=55);
-moz-opacity:0.55;
-khtml-opacity: 0.55;
opacity: 0.55;
}

/* MEMBERI BACKGROUND PADA REPLY MULTIPLY */

.replyboxauthor {
background-color:#424142;
border:2px solid #424142;
}
.replyboxauthor a:link,.replyboxauthor a:visited {
color:#F50505;
}
.replyboxstamp {
color:#FF0000;
}
.replyphoto {
border:1px solid #E7E7E7;
background-color:#ffffff;
padding:5px;
}
.quotet {
background: url(http://dl3.glitter-graphics.net/pub/151/151998ii2a0z1ddx.gif);
repeat-x top left;background-color: #FFFFFF;
border-color:lightgray;
color: #5A5A5A;
border:1px solid #lightgray;
}
.replybox {
background:#E7E7E7 none repeat-x scroll -25px;
border:none;
color:#F50505;
background: url(http://dl3.glitter-graphics.net/pub/99/99471sbynohh0ss.gif);
border:1px solid #000;
}
Ket:

Script diatas tuk menambah background pada replybox biar tak terlihat kaku.

/* HIDE ICON MENU PADA HOME */
.icon { visibility: hidden; display: none; }
Ket:

Tuk menghilangkan icon2 pada tampilan Home multiply

Post
/* HIDE ICON ADD & SELECT */

a.select, a:link.select, a:visited.select {
background: none;
}
div.select {
background: none;
}

a.add, a:link.add, a:visited.add {
background: none;
}

Untuk selanjutnya terserah anda.
Silahkan pelajari dan edit sesuka anda, pelajarilah pelan2.. meski sedikit yg penting memahami.
Bila ada kesalahan.. mohon diperjelas.

Semoga bermanfaat

Pengenalan CSS

2008-10-07T07:00:00.000+07:00

Pengenalan CSS

CSS singkatan dari Cascading Style Sheet, merupakan kode untuk mengatur tampilan halaman. Untuk mengatur jenis huruf, warna, ketebalan, bisa langusng menggunakan TAG HTML, namun dalam perkembangannya menjadi rumit kalau menyangkut desain yang banyak, kalau mau mengedit, maka tiap halaman harus di edit satu-satu.
Dengan CSS kita tinggal masuk ke script CSS nya lalu mengganti bagian mana yang akan diganti. Karena dalam CSS semua sudah dikelompokkan dalam ID atau Class tertentu, maka menjadi mudah manajemen halamnnnya.
CSS ada yang merupakan file terpisah, CSS external, yang kemudian di link ke halaman HTML. Satu file CSS bisa dipakai untuk banyak halaman dengan style sama. Pemisahan halaman HTML dengan CSS akan memudahkan dalam pengeditan. Namun hal ini membutuhkan hosting untuk menyimpan file. Keuntungan lainnya, dengan memisahkan file css, tak mudah ditiru orang hanya dengan melihat source codenya. Untuk untuk membuat CSS external, buatlah file dengan extensi *.css.
Misalnya: File: latihan1.css

body{bground-color:#red}

kemudian buat file html, misalnya dengan nama latihan1.html
cara menyisipkan kode CSS yaitu dengan koneksi link css: Sisipkan diantara tag ... kode
sebagai berikut:

Ada juga CSS yang menjadi bagian dari halaman, CSS internal, seperti dalam halaman Blogger saya. Kelebihannya, tak membutuhkan hosting kkhusus untuk menyimpan file css nya. Ini merupakan solusi untuk blog seperti Bloger, wordpress yang hanya menyediakan halaman jadi, tidak menyediakan hosting file.
Cara membuat CSS internal.
Letak script CSS berada pada tag ...Diawali dengan

>
Tag CSS: selector {properties:value;}
Contoh:
body {bground-color:#ffffff;}
akan menghasilkan latar belakang putih.
img {border:1px solid}
akan menghasilkan, setiap tag yang tidak ditentukan class nya, akan diberi border sebesar 1 px. Kalau ditentukan kelasnya misalnya:

.display img {border:0;}
gambar yang dimasukkanke class .display tidak ada garisnya. Class selector Dalam CSS tiap-tiap bagian bisa dibagi-bagi dalam class yang berbeda sehingga memudahkan dalam pengeditan. Misalnya kita akan membedakan jenis huruf, ukuran, warha untuk tanggal, judul tulisan, dan isi tulisan. Kita buat tiga class dengan nama "tanggal", "judul", "isi"

.tanggal {font-family:verdana, arial, Helvetica;font-size:10 px;color:#green;}
penggunaanya:

12 Juni 2007

menghasilkan: 12 Juni 27, font verdana, ukuran font 10px,
warna hijau.

.judul {font-family:verdana, arial, Helvetica;font-size:12 px;color:#red;text-transform:uppercase;}

tampilan: font verdana, ukuran font 12px, warna: merah,
huruf besar semua (uppercase).

.isi {

font-family:Georgia,
"times new roman", arial;

font-size:12 px;color:#000000;}
tampilan: font Georgia (cirikhas wordpress, juga
template minima-nya blogger), ukuran font 12px, warna hitam.

.kolomisi {padding:10px 5px 10px 10px;}

artinya:
kalau kolom diberi style .kolomisi akan terformat dengan Padding atas:10px, padding kanan:5px, padding bawah: 10px, dan padding kiri: 10px.

membuat link navigasi horisontal

Sebuah halaman tentu akan terlihat bagus, canggih, dengan tampilan yang lain dari sekedar tampilan HTML standar. Membuat karya lain dari yang lain, sesuai dengan pribadi dan seleranya mungkin menjadi keinginan sebagian orang. Juga untuk navigasi (navigasi bar), bisa modelnya, warnanya, besarnya, dan lain-lain.
Kita akan membuat sebuah navibar horisontal sedergana, nanti tergantung pada masing-masing untuk menambah dengan variasi sesuai selera masing-masing.(personal sense).
untuk membuatnya, pertama kali kita harus membuat style untuk navibar:

.navibar {
PADDING-TOP: 10px;padding-right:0px; padding-bottom: 10px;
padding-left:10px;
margin-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
background-color:green;
}

style di atas akan kita gunakan untuk memformat div navibar. untuk membuat tampilan link horisontal kita akan menggunakan list Kode list

list 1

.....

kita akan meletakkan list di atas di dalam div navibar:

kode list di atas

kita perlu mengatur style untuk ul

.navibar ul /*karena terletak di dalam div navibar)*/{margin:0;padding:0;}
.navibar li {display:inline;margin-left:2px;}
.navibar a {border:1px solid #ffffff;padding:9px 5px 9px 5px;COLOR:#003366;text-decoration:none;}

.navibar a:visited{color: green;}

.navibar a:hover {padding:9px 5px 9px 5px;COLOR:#FFFF33;background-color:#003366;}
tampilannya akan seperti ini

list 1
list 2
list 3

list 4
list 5
list 6

Mengenal Property Link

Link adalah sebuah text yang terhubung ke halaman atau url tertentu. dalam blog, link sangat penting, karena ini salah satu penilaian dari search engine dalam menentukan rating blog kita. Bagimana mmebuat link? mudah saja. sebuah link terdiri dari tag:
nama link

url di sini bisa url relative maupun url absolut, permanen link. url ralatif menuntunt ke halaman yang masih satu server, atau dalam satu komputer.
misalnya: Index
link absolut, selalu akan menuju alamat tersebut walaupun yang mengakses beda komputer, karena ditulis lengkap.
contoh: http://www.bloganda.com">Link Ke bloganda

Property Link

warna untuk link:

secara default, setiap link akan diwarnai dengan warna biru, garis bawah. untuk mensetting warna link sesuai dengan warna favorit, atau menyesuaikan dengan warna halaman, maka berikut ini langkahnya: dalam style, buat atau edit link (a)

a
{ color: red; /*warna link merah*/
text-decoration:none;/*tanpa garis bawah*/
}

warna untuk link yang telah dikunjungi: a:visited

a:visited
{
color:blue; /*warna text biru*/

warna untuk link hover

ketika mouse, kursor, melewati sebuah link, biasanya kursor berubah menjadi gambar tangan, pada saat itu akan terjadi perubahan warna pada link. untuk mensetting warna dan property linknya, adalah sebagai berikut:

a:hover
{ color:green; /*warna link saat kursor melewati link */
}

tersedia juga banyak property:
misal:
border-bottom:1px dotted #ffffff;/* garis bawah sebesar 1 piksel putus-putus, warna putih*./ atau
{ border-bottom:1px solid;
border-bottom-color:#ffffff; /*warna putih*/
}

Yang perlu diperhatikan, jangan salah urutan
penempatannya, urutan yang benar:

a, a:visited, a:hover
a {....}
a:visited {...}
a:hover {...}

Membuat Navigasi Vertikal

Navigasi horizontal sudah, kali ini saya akan memberikan contoh membuat navigasi vertikal, yang bisa dipasang di sidebar anda. Konsep dasarnya adalah list html. Seperti kalau di ms word kita tahu numbered list, yang bisa memakai angka atau huruf, bisa juga juga memakai bullet. (Bullet and Numbering). langsung saja. Buatlah elemen div dengan kelas sidebar

.sidebar
{
padding:0;
width:100px;
text-align:right;
}

ini akan menjadi tempat kita meletakkan elemen list, yang kalau di ms word kita sebut bullet and numbering. div sidebar di atas kita setting dengan padding:0 artinya, jarak alemen atau font yang berada di dalam div tersebut 0, (mepet pinggir).
Kemudian widt:100px; lebar elemenkita set 100 pixel, ini bisa kita ubah sesuai dengan lebar sidebar kita. atau tak usah diberi property ini kalau berada dalam elemen lain yang sudah ditentukan width-nya. Misalnya berada salam kolom table atau #div dengan fixed width, lebar yang ditentukan. text-align:right, text rata kanan.
mulai dengan list:

.sidebar ul
{
margin:0;
padding:0;
}
ul = unordered list;

kita tulis .sidebar ul karena nanti kita akan memasang
elemen ul dalam div dengan class sideba.

.sidebar li
{
font-family:georgia,tahoma, Verdana, Arial, Helvetica,
sans-serif;
font-size:12px;
list-style-type:none;
border-bottom:1px solid #ffffff;
}

fornt-family: kelompok huruf, list-style-type: none, tidak
memakai penanda list, dalam ms word bisa memakai angka, huruf, atau bullet.
border-bottom:besarnya 1 pixel, silid, dengan warna putih.

.sidebar li a
{
color:#000000;
display:block;
text-decoration:none;
background-color:#00CCCC;
padding:2px 5px 2px 1px;
border-right:4px solid;
border-right-color:#006666;
}

Tampilannya akan seperti ini:

karena list nanti berupa link, yang bisa kita isi dengan url atau ke halaman yang lain, maka kita perlu menambahkan elemen a (link).

.sidebar li a:visited
{
color:#003366;
}

link yang sudah di klik, halaman sudah terbuka, akan
berganti warna textnya, #003366.

.sidebar li a:hover
{
color:#ffffff;
text-decoration:none;
background-color:#006699;
border-right:4px solid;
border-right-color:#003366;
}

mengatur penampilan pada saat mouse kita melewati tulisan
dalam list tersebut: hover;
jangan lupa taruh property di atas pada bagian style di
dalam head.

Background di Header

Anda ingin menambahkan image atau gambar di header blog?
Header berupa gambar indah di lihat, dan menjadikan blog atau web jadi meriah. Ada dua cara memasang gambar, satu dengan langsung di taruh, dengan tag IMG, atau dijadikan latar belakang.
Untuk menambah latar belakan image pada header lakukanlah
hal sebagai berikut:
pada css style, buat properties untuk header
misalnya:

#header
{
padding:10px;
background-image:url( alamat file );
background-repeat:no repeat;
}

Perhatikan, ukuran file gambar, kalau ingin pas dengan halaman yang sudah didesain, sesuaikan ukuran gambar dengan properties #header.
/*kalau ukuran gambar lebih kecil dari div header, dengan propertie background-repeat:no repeat, maka hanya akan terlihat satu gambar saja, seperti perintah IMG. Kalau ukuran gambar sama dengan ukuran div #header, properties background-repeat tak diperlukan.
Nah, di atas gambar kita bisa menulis seperti biasanya.
Tulisan di atas gambar.
posisi SERP google no 3 untuk pencarian dengan kata kunci:"tutorial CSS"

Mengenal List Properties

List atau daftar, atau kalau di ms word kita mengenalnya dengan nama bullet and numbering adalah model penomeran berhierarki. Bisa menggunakan huruf, angka, atau lambang (bullet). Dalam pemrograman internet, css, kita bisa mengunakan fungsi list yaitu ul untuk unorderd list (list yang tidak bernomor) dan ol yaitu ordered list. Selain itu ada list yang horizontal dan ada list yang vertikal. Ada list yang memakai angka atau huruf, ada list yang memakai bullet atau image.
Bedanya ul dan ol? Sebelum itu kita harus tahu, ul dan oladalah tag untuk list, untuk membuat list itemnya, kita butuh satu lagi tag yaitu li. jadi tag li harus berada dalam tag ul atau ol. Dan tag ul atau ol di dalamnya harus ada li.

contoh:
Un-Ordered List

list 1

list 2

list 3

list 4

list 5

hasilnya:

list 1

list 2

list 3

list 4

list 5

ordered list:

list 1

list 2

list 3

list 4

list 5

Hasilnya:

list 1

list 2

list 3

list 4

list 5

List dengan link:

href="http://phattoemp.multiply.com">Multiply

href="http://www.imeem.com/people/BV3bcQP">My Imeem

http://light4darkness.multiply.com">darkness

hasilnya:

mengatur jenis/ type list:
untuk mengatur type list kita bisa menggunakan property list-style-type
contoh:
buat dulu css nya di style, misalnya

li.list1 { list-style-type:suare;} akan menghasilkan list
kotak;
li.list1 { list-style-type:circle;} akan menghasilkan list
linkaran berlubang;
untuk membuat list berupa icon atau image pakai
list-style-image:
li.list1 { list-style-image:url(sumber file)}

Penulisannya:

list 1

list 2

List ke kanan dan list ke bawah:
untuk list ke kanan (contoh untuk navigasi atas di blog ini, dan blogger indonesia). pakai properties untuk li { display:inline}
untuk list ke bawah (contoh seperti sidebar di blog ini):
pakai properties untuk li { display:block;}

silakan dikembangkan sendiri, gunakan properties margin dan padding untuk ul, border-bottom, tambahkan background-color untuk link. mohon koreksinya bila ada kesalahan.

Silahkan Copas..dan berbagi dengan yg ingin mempelajarinya :)

Struktur dasar HTML

2008-10-07T05:30:00.000+07:00

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

Sebagai tanda awal dokumen HTML.

Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

</span></b><span style="font-size: 10pt;font-family: Verdana;"> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar). </span></font></p> <p><font size="3"><span style="font-size: 10pt;font-family: Verdana;">Contoh : <br> <br> <span style="color: rgb(51, 0, 204);"><TITLE>Tips HTML -- www.klik-kanan.com

Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

Sebuah contoh sederhana dokumen HTML :

Halaman pembuka<br>

Letakkan text, images, dan link Anda di sini

Pengaturan Teks
Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

Headers: .. Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara
sampai
, dengan
merupakan ukuran terbesar dan
merupakan ukuran terkecil.

Contoh :

Tutorial Html

Hasilnya akan terlihat seperti :

Tutorial Html

Paragraph Baru:
Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran
tapi juga bisa tidak diberi.

Line Break:
Digunakan untuk pindah ke baris baru.

No Line Break: Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

Contoh teks yang berwarna merah

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

Contoh lainnya :

Base Font: Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

Bold text
Italic text
Underscore
Typewriter Strikeout - draws a line through the text
Preformatted Text Definition Text berkedip (lebih baik jangan digunakan) Strong Italic Digunakan untuk quoting text Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) Ukuran teks akan lebih besar satu ukuran Ukuran teks akan lebih kecil satu ukuran Membuat teks^superscript membuat teks_{sub script} Abbreviations Untuk akronim Digunakan untuk indexing Membuat short inline quotation Membuat variable name, selalu dalam italics. Lists Terdapat tiga tipe list yang dapat digunakan, yaitu : Unordered Lists: Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag . Contoh : Item nomer 1 Item nomer 2 Item nomer 3 Hasil dari kode di atas adalah: Item nomer 1 Item nomer 2 Item nomer 3 Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point. Contoh : â€¦ Ordered Lists: Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan tag. Contoh : Item nomer 1 Item nomer 2 Item nomer 3 Hasil dari kode di atas adalah : Item nomer 1 Item nomerr 2 Item nomerr 3 Untuk TYPE Anda dapat juga menggunakan : 1- Default numbers, 1, 2, 3, etc. A- Huruf besar. A, B, C, etc. a- Huruf kecil. a, b, c, etc. I- Romawi huruf besar. I, II, III, etc. i- Romawi huruf kecil , i, ii, iii, etc. Definition Lists: Contoh : Item pertama. Penjelasan tentang item pertama. Item kedua. Penjelasan tentang item kedua Hasil dari kode di atas adalah : Item pertama. Penjelasan tentang item pertama. Item kedua. Penjelasan tentang item kedua Images Images : Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda. Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height Contoh : Links : Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara dan akan terdapat garis bawah. Contoh : Klik di sini Untuk membuat link ke halaman lain. Klik di sini Untuk membuat link pada alamat e-mail. Klik di sini Untuk membuat link ke bagian lain pada halaman yang sama. Klik di sini Untuk membuat link kebagian lain pada halaman yang berbeda. Untuk membuat link dengan menggunakan gambar. Tabel Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini. Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : , , dan dan . Yang perlu diingat adalah bahwa tab harus terletak di antara tag dan Terdiri dari atribut : align - perataan : rata kiri (left), tengah (center) atau kanan (right). bgcolor - warna latar belakang (background) dari tabel. border - ukuran lebar border tabel (dalam pixel). cellpadding - jarak antara isi cell dengan batas cell (dalam pixel). cellspacing - jarak antar cell (dalam pixel). width - ukuran tabel dalam pixel atau percent. Contoh : Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut: align - perataan : rata kiri (left), tengah (center) atau kanan (right). bgcolor - warna latar belakang dari baris. valign - perataan vertikal : top, middle atau bottom. Contoh : Tag ini digunakan untuk membuat kolom baru pada tabel. align - perataan background - image yang digunakan sebagai latar belakang dari kolom. bgcolor - warna latar belakang colspan - lihat gambar contoh height - ukuran tinggi cell dalam pixels. nowrap - membuat supaya isi dari kolom tetap berada pada satu baris. rowspan - lihat gambar contoh valign - perataan vertikal :top, middle atau bottom. width - ukuran kolom dalam pixel atau percen. Contoh : border="1" cellspacing="2" cellpadding="2"> border="0" cellspacing="0" cellpadding="0"> Frames 1 2 3 4 5 6 7 8 Kumpulan Tag HTML Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut Membuat nama bagian yang didefinisikan pada link pada halaman yang sama Sebagai awal dari Java applets Mendefinisikan daerah yang dapat diklik (link) pada image map Membuat teks tebal Membuat atribut teks default seperti jenis, ukuran dan warna font Memberi (suara latar) background sound pada halaman web Memperbesar ukuran teks sebesar satu point dari defaultnya Membuat teks berkedip Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link Pindah baris Membuat caption pada tabel Untuk perataan tengah terhadap teks atau gambar Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser Indents teks Represents different sections of text. Menambahkan sound or file avi ke halaman web Seperti tag Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks Mendefinisikan input form Mendefinisikan frame Mendefinisikan attribut halaman yang akan menggunakan frame ... Ukuran font Mendefinisikan head document. Membuat garis horizontal Bararti dokumen html Membuat teks miring Image, imagemap atau an animation Mendefinisikan input field pada form Membuat bullet point atau baris baru pada list (berpasangan dengan tag , , and ) Mendefinisikan client-side map Membuat scrolling teks (teks berjalan) - hanya pada MS IE Mencegah ganti baris pada teks atau images </b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Jika browser user tidak mendukung frame</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><ol></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Mendefinisikan awal dan akhir list</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><p></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Ganti paragraf</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><pre></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Membuat teks dengan ukuran huruf yg sama</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><script></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Mendefinisikan awal script</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><table></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Membuat tabel </font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><td></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Kolom pada tabel</font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><title></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Mendefinisikan title </font></td> </tr> <tr style="color: rgb(255, 255, 255);" align="top"> <td align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><tr></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica">Baris pada tabel</font></td> </tr> <tr align="top"> <td style="color: rgb(255, 255, 255);" align="center"> <font size="1" face="Verdana, Arial, Helvetica"><b><u></b></font></td> <td><font size="1" face="Verdana, Arial, Helvetica"><span style="color: rgb(255, 255, 255);">Membuat teks bergaris bawah</span></font></td></tr></tbody></table><b></b><br><br style="color: rgb(255, 255, 255);"><p style="color: rgb(255, 255, 255);" align="center"><font style="color: rgb(153, 255, 153);" size="2" face="Verdana, Arial, Helvetica"><b>Kode untuk karakter khusus</b></font><br> </p> <table style="color: rgb(255, 255, 255);" width="98%" border="0" cellpadding="2"><tbody><tr bgcolor="#dddddd"> <td style="color: rgb(0, 0, 0);"> <div align="center"><b><font size="1" face="Verdana, Arial, Helvetica">Simbol</font></b></div> </td> <td style="color: rgb(51, 51, 51);"> <div align="center"><b><font size="1" face="Verdana, Arial, Helvetica">Karakter yg ditampilkan</font></b></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">"</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">"</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica"><</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica"><</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">></font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">></font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&OElig;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å’</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&oelig;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å“</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&Scaron;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å </font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&scaron;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å¡</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&Yuml;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Å¸</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&circ;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Ë†</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&tilde;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">Ëœ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&ensp;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€‚</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&emsp;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€ƒ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica"> </font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€‰</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&zwnj;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€Œ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&zwj;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€�</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&lrm;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€Ž</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&rlm;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€�</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">–</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€“</font></div> </td> </tr> <tr> <td width="50%"> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">—</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€”</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">‘</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€˜</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">’</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€™</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&sbquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€š</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">“</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€œ</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">”</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€�</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&bdquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€ž</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&dagger;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€ </font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&Dagger;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€¡</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&permil;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€°</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&lsaquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€¹</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">&rsaquo;</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â€º</font></div> </td> </tr> <tr> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">€</font></div> </td> <td> <div align="center"><font size="1" face="Verdana, Arial, Helvetica">â‚¬</font></div></td></tr></tbody></table><br></div><font style="color: rgb(255, 255, 153);" size="3"><span style="font-family: comic sans ms;"><br><span style="color: rgb(0, 0, 153);">Insya Allah akan menyusul beberapa tutorial HTML lainnya.</span></span><br style="font-family: comic sans ms;color: rgb(0, 0, 153);"><span style="font-family: comic sans ms;color: rgb(0, 0, 153);">Silahkan <span style="font-weight: bold;">Copas</span> dan pelajari..serta bagikan dengan yg ingin mempelajarinya</span><br style="font-family: comic sans ms;"></font><br><font style="color: rgb(153, 255, 255);" size="3"><span style="font-family: comic sans ms;color: rgb(51, 153, 153);">Bagi para Netter, bila ada kesalahan or kekurangan mohon masukannya, karena sayapun belum begitu menguasai tehnik HTML</span><br style="font-family: comic sans ms;color: rgb(51, 153, 153);"><span style="font-family: comic sans ms;"><span style="color: rgb(51, 153, 153);">Tujuan saya memposting, hanya tuk berbagi apa yg telah saya pelajari kepada yg ingin memahami.</span><br><br></span></font><center>"></center><br><marquee direction="right"></marquee><br><br> <p class='multiply:no_crosspost'></p><div class="blogger-post-footer"></div> </article> <article> <h1>Pengenalan tentang HTML</h1> <p>2008-10-07T05:21:00.000+07:00</p> <br><div style="padding-left: 0px;display: none;"></div><div style="text-align: center;"><font style="color: rgb(0, 255, 102);" size="5"><span style="font-family: comic sans ms;"><br><span style="color: rgb(0, 153, 0);">Pengenalan tentang HTML</span></span></font><br></div><br><br><div style="border: 12px ridge black;background: black none repeat scroll 0% 50%;overflow: auto;width: auto;height: 1400px;color: silver;-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;"><font size="2"><br><font size="3"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Pengertian singkat tentang </span><span style="font-weight: bold;color: rgb(255, 255, 255);font-family: arial,helvetica;">HTML</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="font-weight: bold;color: rgb(255, 255, 255);font-family: arial,helvetica;">HTML</span><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"> (Hyper Text Markup Language) merupakan bahasa standat untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat dan kita baca. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox dll.</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Untuk mulai belajar HTML anda bisa menggunakan Texs Editor misalnya Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Start Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><html></span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><head></span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><title>Titel Websiteku</title></span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></head></span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><body></span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Ini adalah dokumen HTML pertamaku</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></body></span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></html> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Simpan file dengan pilihan "save as" ke C:\My Documents dengan nama "websiteku.htm".</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Kemudian Start Internet Explorer. Pilih menu File, Open dan tujukan ke C:\My Documents\websiteku.htm " klik Ok, maka halaman website pertama anda akan ditampilkan.</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">*Lakukan hal yang sama untuk contoh-contoh selanjutnya.</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti Tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: "<", ">" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "<...>"dan diakhiri dengan tag penutup "</...>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolort="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).</span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka "<html>" dan tag penutup "</html>" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.</span></font><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></font><div style="text-align: center;color: rgb(255, 255, 255);font-family: arial,helvetica;"><font size="3"><span style="font-weight: bold;">TAG DASAR HTML </span><br></font></div><font style="color: rgb(255, 255, 255);font-family: arial,helvetica;" size="2"><font size="3">Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:<br><html><br><head><br><title>Disini adalah Titel Websiteku</title><br></head><br><body><br>Ini adalah dokumen HTML pertamaku<br></body><br></html><br><br>Tag pertama pada dokumen HTML diatas adalah: "<html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag "</html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>...</html>.<br>Kemudian tag "<head>...</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.<br>Tag berikutnya adalah "<title>...</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel browser atau list paling atas dari web browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan di sudut kiri paling atas dari browser anda, akan muncul tulisan "Disini adalah Titel Websiteku".<br>Tag "<body>...</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).<br></font><br><br></font><div style="text-align: center;color: rgb(255, 255, 255);font-family: arial,helvetica;"><font size="3"><span style="font-weight: bold;">MENULIS TEXT HTML</span></font><br></div><font style="color: rgb(255, 255, 255);font-family: arial,helvetica;" size="2"><font size="3">Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat coba tambahkan dengan tag-tag berikut ini:<br><html><br><head><br><title>Selamat Datang di Websiteku</title><br></head><br><body><br>Ini adalah halaman HTML pertamaku.<br><p>Aku sedang membuat paragraf dan ini contohnya.</p><br><p>Ini contoh paragraf yang lainnya.</p><br><p>Ini juga paragraf mm...tapi de-<br><br>ngan baris baru.<br><br>Ini baris baru yang lain.</p><br></body><br></html><br><br>Untuk membuat suatu paragraf tag elemennya adalah <p>...</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:<br><html><br><head><br><title>Selamat Datang di Websiteku</title><br></head><br><body><br><hr><br><h1>Ini adalah halaman HTML pertamaku.</h1><br>Dikerjakan oleh: <br><hr><br><p>Aku sedang membuat paragraf dan ini contohnya.</p><br><p>Ini contoh paragraf yang lainnya.</p><br><p>Ini juga paragraf mm...tapi de-<br><br>ngan baris baru.<br><br>Ini baris baru yang lain.</p><br></body><br></html><br><br>Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Kemudian ada <h1>...</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.<br>Selanjutnya tag  adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.</font><br><br><br></font><div style="text-align: center;color: rgb(255, 255, 255);font-family: arial,helvetica;"><font size="3"><span style="font-weight: bold;">FORMAT TEXT HTML </span></font><br></div><font style="color: rgb(255, 255, 255);font-family: arial,helvetica;" size="3">Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML:<br><html><br><head></head><br><body><br><hr><br><h1>Ini adalah halaman HTML pertamaku.</h1><br>Dikerjakan oleh: <br><hr><br><p>Aku sedang mempelajari format-format teks.<br><br>Contoh-contohnya adalah sebagai berikut:</p><br><p>Teks Normal<br><br><tt>Teks mesin ketik</tt><br><br><b>Teks tebal (bold)</b><br><br><strong>Teks tebal dengan perintah Strong</strong><br><br><i>Teks dengan italic (miring)</i><br><br><em>Teks miring dengan perintah Emphasized</em><br><br><u>Teks bergaris bawah (underline)</u><br><br><strike>Teks tercoret (strike)</strike><br><br><big>Teks lebih besar dari normal</big><br><br><small>Teks lebih kecil dari normal</small><br><br>Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br><br>Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p><br></body><br></html><br><br>Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>...</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:<br><html><br><body><br><pre> <br> <b>PUITUIS ASA</b><br> Hari ini...<br> Aku sedang belajar...<br> Belajar tentang HTML.<br> Sulit 'ntuk dimengerti,<br> Karena banyaknya teks-teks aneh.<br> Tapi biarlah...<br> Akan kucoba...<br> sampe kelenger..!<br></pre><br></body><br></html><br><br><br></font><div style="text-align: center;color: rgb(255, 255, 255);font-family: arial,helvetica;"><font size="3"><font style="font-weight: bold;">FORMAT FONT HTML </font><br></font></div><font style="color: rgb(255, 255, 255);font-family: arial,helvetica;" size="2"><font size="3">Tag HTML untuk font adalah <font>...</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya anda coba contoh berikut ini:<br><html><br><head></head><br><body><br><p>Untuk membuat jenis font (face):<br><font face="Verdana"><h1>Judul dengan font Verdana</h1></font><br><font face="Times">Isi dengan font Times</font></p><br><p>Untuk membuat ukuran (size):<br><font size="5"><h1>Judul dengan size 5</h1></font><br><font size="3">Isi dengan size 3</font></p><br><p>Untuk membuat warna font (color):<br><font color="blue"><h1>Judul dengan warna biru</h1></font><br><br><font color="red">Isi dengan warna merah</font></p><br><p>Contoh komplit untuk membuat jenis font (face),size dan color:<br><font face="Verdana" size="3" color="red"><h1>Judulnya Tentang Font</h1><br>Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br><br>tag HTML elemen <b>font</b>. Jika anda berminat pesan sekarang juga......</font></p><br></body><br></html><br><br>Dibawah ini adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:<br>Atribut<br>face="Jenis font yang digunakan", contoh: face="Tahoma"<br>size="Ukuran dari font (1-7)", contoh: size="3"<br>size="Memperbesar ukuran font", contoh: size="+1"<br>size="Memperkecil ukuran font", contoh: size="-1"<br>color="Warna dari font", contoh: color="blue"<br>color="Warna dari font", contoh: color="#FF0000"<br>Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh pengguaan tag style sheets:<br><html><br><head></head><br><body><br>Untuk membuat jenis font (face):<br><h1 style="font-family:verdana">Judul Menggunakan font verdana</h1><br><p style="font-family:tahoma">Isi menggunakan font tahoma</p><br>Untuk membuat ukuran (size):<br><h1 style="font-size:150%">Judul dengan ukuran 150%</h1><br><p style="font-size:80%">Isi dengan ukuran 80%</p><br>Untuk membuat warna font (color):<br><h1 style="color:blue">Judul dengan warna Biru</h1><br><p style="color:red">Isi dengan warna merah</p><br>Contoh komplit untuk membuat jenis font (face),size dan color:<br><p style="font-family:verdana;font-size:80%;color:green"><br>Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br><br>menggunakan tag HTML elemen <b>style</b>. Maaf... untuk saat ini persediaan telah habis.</p><br></body><br></html></font><br><br><br><br></font><div style="text-align: center;color: rgb(255, 255, 255);font-family: arial,helvetica;"><font size="2"><font style="font-weight: bold;" size="3">HYPERLINK HTML </font></font><br></div><font style="color: rgb(255, 255, 255);font-family: arial,helvetica;" size="2"><font size="3">Hyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:<br><html><br><head></head><br><body><br><p>Aku sekarang sedang membuat hyperlink</p><br>Jika anda ingin mengunjungi Microsoft <br><a href="http://www.microsoft.com/">Klik disini</a><br><br><a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com <br><p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p><br><a href="http://www.mp3.com/"target="_blank">Website Musik</a><br><p>Agar hyperlink tidak bergaris bawah:<p><br><a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a><br><p>Hyperlink ke suatu halaman tertentu dalam web:<p><br><br><a href="http://masim-net.tripod.com/format_text_html.htm">Link ini</a> akan membawa anda ke halaman tutorial format teks.<br></body><br></html><br><br>Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tau nama dan extentionnya, kemudian ganti ke atribut yang bertuliskan scr, misalkan nama gambar anda yahoo.gif, maka :<br><a href="http:/www.yahoo.com"><br><br>Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "..."sehingga anda akan lebih mengerti. Untuk memposisikan gambar tambahkan dengan align="...", left= kiri, center= tengah dan right= kanan.<br><a href="http:/www.yahoo.com"><br><br> Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:<br><a title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com" href="http:/www.yahoo.com"><br><br> Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan x.<br><a href="http:/www.yahoo.com"><br></a></font><br><br></font><div style="text-align: center;color: rgb(255, 255, 255);font-family: arial,helvetica;"><font size="2"><font size="3"><span style="font-weight: bold;">BACKGROUND HTML</span></font> </font><br></div><font style="color: rgb(255, 255, 255);font-family: arial,helvetica;" size="3">Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).<br>Sekarang kita mulai dengan menggunakan pilihan warna:<br><html><br><head></head><br><body bgcolor="#FF99FF"><br><p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p><br><p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p><br></body><br></html><br><br>Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut. <br> Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini: <br><body bgcolor="#FFFF00"><br><body bgcolor="rgb(250,250,0)"><br><body bgcolor="yellow"><br>Hasilnya akan sama. Untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, anda bisa ...... Tapi maaf untuk nama warnanya cari sendiri aja deh...<br>Selanjutnya membuat latar belakang dengan grafik atau gambar.<br>Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah:background.jpg<br><html><br><head></head><br><body background="background.jpg"><br><font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2"><br><p><font face="Verdana" size="4" color="black">Hai.. Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br><br>Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p><br></body><br></html><br><br>Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawalii dari http:<br><html><br><head></head><br><body background="http://wallpaper.muslimonline.org/main.php?g2_view=core.DownloadItem&g2_itemId=135&g2_serialNumber=2"><br><p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari MP orang lain! KWkakakkakakak...</p><br><p>Mudah-mudahan yang punya MP ngamuk sekalian deh...siapa takut!!</p><br></body><br></html><br><br>Tutorial Belajar Dasar-dasar HTML : Hypertext Markup Language <br>Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Nah, HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik. Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek. <br>ang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek. <br>Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.<br>Struktur dasar HTML<br>HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Sebuah halaman web minimal mempunyai empat buat tag, yaitu : <HTML> Sebagai tanda awal dokumen HTML. <HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar). <br><br><br><TITLE>Tips HTML -- www.asalklik.com</TITLE> <br><BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain. <br>Atribut : <br>BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN. <br>Contoh : <br><BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF"> <br>Sebuah contoh sederhana dokumen HTML : <br><HTML><br><HEAD><br><TITLE>Halaman pembuka<br></TITLE><br></HEAD> <br><BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000"> <br>Letakkan text, images, dan link Anda di sini<br></BODY><br></HTML><br><br> <br><span style="font-weight: bold;">Pengaturan Teks</span><br>Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil. <br><H2>Tutorial Html</H2><br><br><span style="font-weight: bold;">Paragraph Baru</span>: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi. <br>Line Break: <BR> Digunakan untuk pindah ke baris baru. <br>No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang. <br>Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR. <br><span style="font-weight: bold;">SIZE</span>: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar. <br><span style="font-weight: bold;">FACE</span>: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic. COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya). Contoh : <FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT><br><br><br>Contoh lainnya : <br><FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC"> <br><span style="font-weight: bold;">Base Font</span>: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT. <br>Contoh : <br><BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000"> <br>Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu : <br>Perhatian : Semua tag di bawah ini membutuhkan tap penutup. <br><B> Bold text <br><I> Italic text<br><U> Underscore<br><TT> Typewriter<br><S> Strikeout - draws a line through the text<br><PRE> Preformatted Text <DFN> Definition<br><BLINK> Text berkedip (lebih baik jangan digunakan)<br><STRONG> Strong <br><ADDRESS> <br>Italic<br><br><CITE> Digunakan untuk quoting text <br><CODE> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)<br><SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) <br><KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)<br><BIG> Ukuran teks akan lebih besar satu ukuran<br><SMALL> Ukuran teks akan lebih kecil satu ukuran<br><SUP> Membuat tekssuperscript<br><SUB> membuat tekssub script<br><ABBREV> Abbreviations<br><ACRONYM> Untuk akronim<br><PERSON> Digunakan untuk indexing<br><Q> Membuat short inline quotation<br><VAR> Membuat variable name, selalu dalam italics.<br>Lists<br>Terdapat tiga tipe list yang dapat digunakan, yaitu : <br>Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>. <br><br><UL><br><LI> Item nomer 1<br><LI> Item nomer 2<br><LI> Item nomer 3<br></UL> <br>Hasil dari kode di atas adalah: <br>• Item nomer 1<br>• Item nomer 2<br>• Item nomer 3<br>Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point. <br><br><UL COMPACT TYPE=square> … <br>Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag. Contoh : <br><br><OL TYPE=I><br><LI> Item nomer 1<br><LI> Item nomer 2<br><LI> Item nomer 3<br></OL> Hasil dari kode di atas adalah : <br>1. Item nomer 1<br>2. Item nomerr 2<br>3. Item nomerr 3<br>Untuk TYPE Anda dapat juga menggunakan : <br><br>1- Default numbers, 1, 2, 3, etc.<br>A- Huruf besar. A, B, C, etc.<br>a- Huruf kecil. a, b, c, etc.<br>I- Romawi huruf besar. I, II, III, etc.<br>i- Romawi huruf kecil , i, ii, iii, etc. <br>Definition Lists: <DL> <br><br><DL><br><DT> Item pertama.<br><DD> Penjelasan tentang item pertama.<br><DT> Item kedua.<br><DD> Penjelasan tentang item kedua<br></DL> <br><br>Images : <br>Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda. <br>Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height <br><br><br> <br>Links : <br>Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah. <br><br><A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.<br><A HREF="mailto:......@.....com">Klik di sini</A> Untuk membuat link pada alamat e-mail.<br><A HREF="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.<br><A HREF="halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.<br><A HREF="halaman2.html"></A> Untuk membuat link dengan menggunakan gambar. <br><br> <br></font><div style="text-align: center;font-family: arial,helvetica;"><font style="color: rgb(255, 255, 255);" size="5"><span style="font-weight: bold;">Tabel</span></font><font size="3"><br></font></div><font style="color: rgb(255, 255, 255);font-family: arial,helvetica;" size="3">Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini. <br>Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE><br><br>Anda bisa lihat HTML Tag suatu homepage dengan meng-klik View Source (pada Internet Explorer) atau View Page Source (pada Netscape Navigator), nanti anda akan liat gimana HTML Tag itu, contohnya seperti ini nih: <br><HTML> <br><HEAD> <br><TITLE>Judulnya Apa</TITLE> <br></HEAD> <br><BODY BGCOLOR="#ffffff" BACKGROUND="gambar_apa.jpg"> <br><P> <br><CENTER></CENTER> <br><B><FONT SIZE=4 FACE="Arial">Tulis disini apa yang ingin disampaikan</FONT></B> <br><HR> <br><CENTER><FONT SIZE=2 FACE="Verdana">Kirim e-mail ke<A HREF="mailto: saya@mail.com Alamat email ini telah dilindungi dari spam bots, Javascript harus aktif untuk melihatnya "> saya@mail.com Alamat email ini telah dilindungi dari spam bots, Javascript harus aktif untuk melihatnya </A> atau <A HREF="isi.html">isi guestbook</A></FONT></CENTER> <br></BODY> <br></HTML> <br>Apabila anda mau mempelajari lebih detil tentang HTML Tag, klik ini. Silakan pelajari dan sorry Ane nggak sanggup menerjemahkannya kedalam bahasa Indonesia, hehe... Itu dokumen diambil dari HELP-nya Microsoft ActiveX Control Pad. Kalo anda udah mengerti HTML Tag, anda bisa mengedit homepage dengan menggunakan Microsoft ActiveX Control Pad, bahkan pake Notepad juga bisa, asal anda save dalam format html. Dan yang lebih penting, anda bisa dengan cepat memperbaiki kesalahan-kesalahan kecil.<br><br></font><div style="text-align: center;color: rgb(255, 255, 255);font-family: arial,helvetica;"><font size="3"><span style="font-weight: bold;">Bikin Frame </span><br></font></div><font size="2"><font size="3"><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;">Berikut ini contoh FRAME, HTML Tag-nya begini: </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><html> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><head> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><title>Contoh Frame</title> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></head> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><frameset rows="19%,81%" frameborder=0 framespacing=0 border=0> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><frame src="head.html" name="atas" scrolling=no bordercolor="red"> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><frameset cols="20%,80%"> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><frame src="menu.html" name="menu" bordercolor="red" scrolling=yes> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><frame src="welcome.html" name="utama" bordercolor="red"> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></frameset> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></frameset> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><noframes> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><body> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><p> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><font face="Verdana">Sorry,you can not view FRAME version of my homepage, for No Frame version <a href="no_frame.html">CLICK HERE</a>.</font> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"></body> </span><br style="color: rgb(255, 255, 255);font-family: arial,helvetica;"><span style="color: rgb(255, 255, 255);font-family: arial,helvetica;"> Silakan pelajari lalu coba untuk diterapkan, tulisan yang pake huruf merah itu bisa diubah/dimodifikasi sesuai keinginan. Jika udah ngerti dasar-dasarnya, mau bikin frame model apa aja, gampang deh... Yang mesti diingat adalah setiap frame harus ada namanya, kalo anda buat link di frame kiri dan ingin dibuka pada frame utama, maka jangan lupa menuliskan target-nya. Misalnya, pada frame menu Agri buat link sebagai berikut: Jika kita klik gambar About Agri, maka halaman myself.html akan terbuka di frame utama. Kalo targetnya diganti menjadi target="atas", maka halaman myself.html-nya malah terbuka di frame atas. Silakan anda coba mengganti target tersebut dengan "_top" dan "blank", anda akan liat gimana perbedaannya. Catatan:Tag yang berhuruf merah muda, yakni frameborder=0 framespacing=0 border=0, bisa kita hapus kalau ingin frame kita kelihatan ada bordernya yang berwarna merah. Hanya berbagi..n..selamat mencoba..! "> CSS islamic 2008-09-29T20:44:00.000+07:00 Tuk melihat Contoh layout MP ini klik aja yg dibawah ini preview tuk melihat CSS code.. klik ja yg dibawah ini: preview langkah2nya: Gunakan terlebih dahulu theme avlack. Klo masih bingung, klik ja tulisan ini choose themes klik theme AVLACK Setelah ntu.. edit CSSnya. or klik tulisan nhi.. custom CSS COpy/salin isi CSS code Paste/tempel code CSSnya didalamnya. Kemudian Save Tutorial tuk menyisipkan code HTML pada postingan... Seperti menyisipkan mp3, picture,video..and code HTML lainnya 2008-09-27T19:32:00.000+07:00 Tutorial tuk menyisipkan code HTML pada postingan... Seperti menyisipkan mp3, picture,video..and code HTML lainnya 1.. edit dulu sperti gmbar dibawah ni 2..akan muncul seperti ini. 3..taruh/letakkan code tambahannya ditempat sperti gambar dibawah 4. kemudian disave semoga bermanfaat ..n.. selamat mencoba... NB: bila kurang paham,.. baca postingan sebelumnya"> tutorial menyisipkan sekaligus menyembunyikan lagu dari imeem pada web/blog kita 2008-09-27T19:03:00.000+07:00 berikut nhi langkah tutorial menyisipkan sekaligus menyembunyikan lagu dari imeem pada web/blog kita langkah pertama: masukkan url: http:imeem.com sperti contoh dibawah ini masukkan kata kunci sperti langkah dibawah ini judul lagu pilih music klik tombol search kemudian kan muncul beberapa lagu berjudul sama seperti yg kita minta setelah itu klik salah satu lagu yg memang sesuai dengan keinginan kita maka akan muncul sperti gambar dibawah ini.. lalu centang kotak kecil dibagian "auto play" lalu copy isi pada embed, dan paste pada notepad dulu. langkah kedua: setelah mendapatkan code HTMLnya, copy paste pada notepad dulu seperti contoh dibawah ini Goodbye My Lover - James Blunt lalu hapus/buang bagian yg tak perlu, sperti contoh dibawah ini Goodbye My Lover - James Blunt {hapus/buang yang diblok warna hijau muda} ubah nilai/angka pada "width" dan "height" menjadi angka "1" sprti contoh dibawah width="300" height="110" wmode="transparent"> {sebelum} width="1" height="1" wmode="transparent"> {sesudah} Note: untuk IE nilai/angka width dan height bisa menggunakan angka"o". namun untuk mozilla firefox sering tak berpungsi/ tak berhasil. untuk media music online apapun hampir sama cara2nya. setelah selesai semuanya, .. terserah mau disisipkan keweb/blog apa saja, juga bisa digunakan sebagai tambahan comment. bila kurang paham silahkan bertanya...! "> Suara hidupku 2008-09-26T03:49:00.000+07:00 Kupandang langit dikegelapan.. Mengharap bayangan dalam kehampaan Terurai dalam kiasan Mengusik sunyi dalam lamunan Harapan hidup bak merangkul wahana Nyanyian cinta terbias ditiap kata Yang terungkap begitu mendamba Layaknya kalam melukis dunia Hatiku adalah cermin retak yg meminta dipandang Aku bak sebatang kayu rapuh yg berharap tak terbuang Jiwa ini bukanlah mutiara mahkota hati Jasad ini hanyalah sebatang korek api yang kan terbakar lalu mati Ragaku bukanlah emas yg selalu mamancarkan keindahan Batinku bukanlah jati yang berdiri tegak menjulang Aku adalah bunga mawar yg tertanam Menampakan keindahan dikejauhan Menebar keharuman ditiap keadaan Namun memberi duri yang menyakitkan Jika kau menyadari akan kebenaran Kau kan melupakan aku yang hanya bayangan Melepaskan diri dari genggaman Dan membuang aku hingga hilang dari mimpi menakutkan Begitu banyak kata dan pertanyaan Yang tersembunyi dibalik kebohongan Harapan hampa kutebarkan seiring waktu Demi kebahagiaan hati yg selalu diisi kesunyian Sadarilah wahai kau yang pernah kuhampiri Tipu dayaku telah masuk merasuki Menutupi sadarmu tuk berpikir kembali Meracuni akal sehatmu membutakan hati Sedikit waktu tuk berbenah Gunakan dan segera manfaatkanlah Beranjaklah sebelum terlalu dalam kau terjerumus Dari mimpi buruk yang membius Semua ini hanyalah harapan semu Yang terhias dalam kehidupan mayamu Membawa keterpurukan bagi masa depanmu Menghacurkan harapan kemudian berlalu Hidupku dipenuhi mistery.. Menebarkan mimpi juga ilusi Membuyarkan harapan yg telah tersusun rapi Menyesatkan jiwa yang sedang sunyi. Aku adalah pujangga sepi Yang merindukan langit tinggi menghempas bumi Dan membiarkan angin membelai wajahku yang sunyi Lalu aku akan bernyanyi tentang mimpi yang begitu dalam ini.... Kumohon kepada yang pernah kuhampiri hatinya.. Segeralah jauhkan hatimu dari hatiku Buanglah impian tentangku Lakukanlah sebelum kian kau rasakan Demi kebaikan yang sedang menunggu Dan kebahagiaan dimasa mendatang Aku sadari semua… Pemberian maaf tak pantas diberikan padaku Perhatian tak layak kuterima Sudah terlalu besar kesalahan bertumpuk Amarah dan cercaan terasa kurang tuk membalasku Pasrah diri kumenerima dengan lapang Membentang jiwa menerima yang kan terjadi Pada-NYA kan kembali diri ini Yang selalu berselimut sunyi beralas sepi Bahaya program Anti virus 2008-09-25T08:47:00.000+07:00 Sejak pertama ditemukan virus telah mengalami perkembangan teknologi yang cukup besar, demikian juga program Antivirus yang ada. Sayangnya perkembangan Antivirus biasanya hanya mengejar perkembangan virus dan bukan berusaha mendahuluinya. Antivirus yang ketinggalan (teknologinya) justru dapat mengundang bahaya bagi pemakai. Ketika virus-virus berhasil dideteksi keberadaannya, virus-virus yang baru selalu bermunculan dengan teknologi yang lebih canggih yang membuat antivirus menjadi tak berdaya . Antivirus yang lama misalnya, selalu dapat di-'tipu' dengan teknologi stealth, dengan demikian ketika antivirus ini berusaha mendeteksi file-file yang lain, virus yang stealth tadi justru menyebarkan dirinya ke setiap file yang diperiksa. Di berbagai majalah tentunya Anda sering melihat adanya program-program antivirus " satuan " (spesifik) yang tujuannya untuk mendeteksi satu jenis virus. Biasanya para pembuat antivirus tidak memberitahukan cara-cara yang benar untuk menggunakan program antivirus ini, padahal antivirus spesifik memiliki risiko yang besar jika tidak digunakan secara benar. Antivirus spesifik hanya mampu mendeteksi satu jenis virus (dan mungkin beberapa variannya) dan biasanya mampu melumpuhkan virus di memori. Jika Anda menemukan suatu virus dan Anda yakin nama virusnya Anda bisa menggunakan Antivirus semacam ini, namun jika Anda tidak tahu, sebaiknya jangan coba-coba. Jika ternyata virus yang aktif adalah virus lain, yang tentunya tidak terdeteksi oleh antivirus ini, maka antivirus tersebut justru dapat menyebarkan virus yang ada ke seluruh file program yang diperiksanya. Bahaya yang lebih menakutkan adalah jika antivirus salah mendeteksi suatu virus dan salah membersihkannya sehingga file program yang Anda coba untuk perbaiki justru menjadi rusak. Kejadian ini pernah terjadi misalnya pada kasus virus DenHard, virus ini benar-benar mirip dengan die hard, namun virus ini menggunakan teknik yang berbeda untuk mengembalikan header file yang asli, beberapa antivirus yang berusaha membersihkannya justru merusakkan file program tempat virus itu berada. Selain terjadi pada kasus virus DenHard, kasus inipun pernah (dan mungkin masih akan terus) terjadi pada beberapa virus. Salah satu alasan para pembuat virus membuat virus yang mirip adalah supaya virus tersebut sulit dibersihkan, karena para pembuat antivirus tidak suka jika virusnya dapat dengan mudah dibersihkan oleh user. SUMBER BAHAYA PROGRAM ANTIVIRUS Program Antivirus bisa berbahaya karena sebab-sebab berikut: Beberapa program antivirus hanya menggunakan teknik sederhana yang bisa dengan mudah di-tipu oleh pembuat virus Misalnya program antivirus hanya memeriksa beberapa byte di awal virus, pembuat virus bisa saja membuat virus versi lain yang sama di bagian awal tetapi berbeda di bagian-bagian yang penting, misalnya di rutin enkripsi/dekripsi header file asli. Ini akan membuat program antivirus menjadi perusak file bukan penyelamat file. Beberapa antivirus juga dapat di tipu dengan mengubah-ubah file signature antivirus. File signature merupakan file yang berisi ID dari setiap virus yang dikenal oleh antivirus, jika ID tersebut di ubah maka antivirus tidak akan mengenalnya. Antivirus yang baik seharusnya dapat memeriksa jika file signature-nya berubah. Program Antivirus tidak membuat backup file yang dibersihkan. Sering program antivirus (terutama yang spesifik) tidak menyediakan sarana untuk membuat backup file yang dibersihkan, padahal ini sangat penting andaikata proses pembersihan gagal. Program Antivirus tidak melakukan self check. Self check itu perlu, program antivirus dapat saja diubah oleh orang lain sebelum sampai ke tangan pengguna. Program-program antivirus komersial biasanya melakukan self check untuk memastikan dirinya tidak diubah oleh siapapun, namun ada juga yang tidak dan ini berbahaya. Pada program-program antivirus lokal, yang sering disertakan pada beberapa artikel komputer, biasanya menyertakan source code-nya, sebaiknya Anda mengcompile sendiri source tersebut jika Anda ragu pada keaslian file exe-nya. Program Antivirus residen bisa di matikan dengan mudah Antivirus residen yang baik seharusnya tidak bisa dideteksi dan di uninstall dengan mudah. Contoh antivirus residen yang kurang baik adalah VSAFE (ada di paket DOS). VSAFE bisa dideteksi dan dimatikan dengan menggunakan interrupt (coba Anda pelajari/debug program vsafe yang ada di DOS agar Anda mengerti). Pemakai akan mendapatkan rasa aman yang palsu dengan menggunakan antivirus semacam ini. Tidak ada rasa aman justru lebih baik dari rasa aman yang palsu. Program antivirus tidak memberi peringatan kadaluarsa. Seiring dengan berjalannya waktu, virus-virus yang bermunculan semakin banyak dan tekniknya semakin canggih. Program antivirus yang baik sebaiknya memberi peringatan jika Antivirus yang digunakan sudah terlalu out of date. Ini penting supaya kejadian antivirus yang menyebarkan virus tidak terulang. INILAH YANG PERLU ANDA LAKUKAN SEBAGAI PENGGUNA Sebagai pengguna program antivirus ada beberapa hal yang bisa Anda lakukan untuk meminimalkan risiko penggunaan antivirus Carilah antivirus yang baik, baik di sini artinya program tersebut dapat dipercaya untuk mendeteksi dan membasmi berbagai virus yang ada. Jangan terbuai dengan janji-janji yang ditawarkan para vendor antivirus, dan jangan terbuai juga dengan nama merk yang cukup terkenal. Cobalah cari perbandingan antara berbagai antivirus di berbagai majalah / situs di internet. Gunakan selalu Antivirus terbaru, Anda bisa mendapatkannya dari Internet atau dari beberapa majalah. Antivirus yang lama memiliki risiko yang besar jika digunakan (lebih dari 6 bulan sudah sangat berbahaya). Buatlah cadangan untuk data dan program Anda yang penting. Lakukan proses pembersihan virus dengan benar jika Anda menemukan virus Pastikan program Antivirus yang Anda dapat adalah yang asli, ada kemungkinan seseorang telah mengubah antivirus tersebut, atau mungkin menularinya dengan suatu virus. Hubungi ahlinya jika Anda merasa tidak dapat mengatasi virus di komputer atau jaringan Anda. Langkah proses pembersihan yang baik adalah sebagai berikut Jika Anda menjalankan komputer pribadi Boot komputer Anda dengan disket startup yang bersih dari virus (dan di write protect) Jalankan program virus scanner/cleaner pada sebuah file yang terinfeksi Coba jalankan file tersebut, jika file tersebut menjadi rusak, jangan teruskan lagi Jika program dapat berjalan lancar, cobakan sekali lagi pada beberapa file (cari yang ukurannya kecil, yang sedang dan yang besar). File yang ukurannya besar perlu di-check, biasanya file ini mengandung internal overlay yang membuat filenya rusak jika terkena virus. Jika Anda adalah Admin jaringan, sebaiknya Anda mengambil sampel virus ke disket dan mencoba untuk membersihkannya di komputer lain, ini dilakukan untuk tidak mengganggu pekerjaan yang mungkin sedang dilakukan oleh orang lain. Hal ini juga untuk mengantisipasi, kemungkinan adanya virus baru yang mirip dengan virus lain (bayangkan apa jadinya jika terjadi salah pembersihan sehingga seluruh program di jaringan menjadi tidak bisa dipakai!). Jika gagal dibersihkan Anda perlu memanggil ahlinya untuk menangani, atau mencari informasi lebih lanjut di Internet. Percobaan pada beberapa file tujuannya untuk mencegah salah deteksi dan atau salah perbaikan oleh program antivirus. Jika virus dianggap berbahaya dan aktivitas menggunakan jaringan bisa ditunda sementara, mungkin untuk sementara jaringan dimatikan. Pengenalan Virus 2008-09-25T03:16:00.000+07:00 Virus Komputer adalah program komputer (yang biasanya berukuran kecil) yang dapat menyebabkan gangguan atau kerusakan pada sistem komputer. Virus komputer biasanya memiliki kemampuan untuk memperbanyak diri secara cepat sehingga semakin lama wilayah penyebarannya akan semakin luas. Berikut ini akan dibahas secara tuntas dan mendalam mengenai sejarah perkembangan virus dan jenis-jenis virus komputer. Sejarah Virus Komputer Virus komputer pertama kalinya tercipta bersamaan dengan komputer. Pada tahun 1949, salah seorang pencipta komputer, John von Newman, yang menciptakan Electronic Discrete Variable Automatic Computer (EDVAC), memaparkan suatu makalahnya yang berjudul “Theory and Organization of Complicated Automata”. Dalam makalahnya dibahas kemungkinan program yang dapat menyebar dengan sendirinya. Perkembangan virus komputer selanjutnya terjadi di AT&T Bell Laboratory salah satu laboratorium komputer terbesar di dunia yang telah menghasilkan banyak hal, seperti bahasa C dan C++.1 Di laboratorium ini, sekitar tahun 1960-an, setiap waktu istirahat para peneliti membuat permainan dengan suatu program yang dapat memusnahkan kemampuan membetulkan dirinya dan balik menyerang kedudukan lawan. Selain itu, program permainan dapat memperbanyak dirinya secara otomatis. Perang program ini disebut Core War, yaitu pemenangnya adalah pemilik program sisa terbanyak dalam selang waktu tertentu. Karena sadar akan bahaya program tersebut, terutama bila bocor keluar laboratorium tersebut, maka setiap selesai permainan, program tersebut selalu dimusnahkan. Sekitar tahun 1970-an , perusahaan Xerox memperkenalkan suatu program yang digunakan untuk membantu kelancaran kerja. Struktur programnya menyerupai virus, namun program ini adalah untuk memanfaatkan waktu semaksimal mungkin dan pada waktu yang bersamaan dua tugas dapat dilakukan. Pada tahun 1980-an, perang virus di dunia terbuka bermula atas pemaparan Fred Cohen, seorang peneliti dan asisten profesor di Universitas Cincinati, Ohio. Dalam pemaparannya, Fred juga mendemonstrasikan sebuah program ciptaannya, yaitu suatu virus yang dapat menyebar secara cepat pada sejumlah komputer. Sementara virus berkembang, Indonesia juga mulai terkena wabah virus. Virus komputer ini pertama menyebar di Indonesia juga pada tahun 1988. Virus yang begitu menggemparkan seluruh pemakai komputer di Indonesia, saat itu, adalah virus ©Brain yang dikenal dengan nama virus Pakistan. Selengkapnya tentang Virus klik ja dibawah nhi: Jenis dan Kemampuan Dasar Virus pengenalan Virus 2008-09-24T10:54:00.000+07:00 Virus Komputer adalah program komputer (yang biasanya berukuran kecil) yang dapat menyebabkan gangguan atau kerusakan pada sistem komputer. Virus komputer biasanya memiliki kemampuan untuk memperbanyak diri secara cepat sehingga semakin lama wilayah penyebarannya akan semakin luas. Berikut ini akan dibahas secara tuntas dan mendalam mengenai sejarah perkembangan virus dan jenis-jenis virus komputer. Sejarah Virus Komputer Virus komputer pertama kalinya tercipta bersamaan dengan komputer. Pada tahun 1949, salah seorang pencipta komputer, John von Newman, yang menciptakan Electronic Discrete Variable Automatic Computer (EDVAC), memaparkan suatu makalahnya yang berjudul “Theory and Organization of Complicated Automata”. Dalam makalahnya dibahas kemungkinan program yang dapat menyebar dengan sendirinya. Perkembangan virus komputer selanjutnya terjadi di AT&T Bell Laboratory salah satu laboratorium komputer terbesar di dunia yang telah menghasilkan banyak hal, seperti bahasa C dan C++.1 Di laboratorium ini, sekitar tahun 1960-an, setiap waktu istirahat para peneliti membuat permainan dengan suatu program yang dapat memusnahkan kemampuan membetulkan dirinya dan balik menyerang kedudukan lawan. Selain itu, program permainan dapat memperbanyak dirinya secara otomatis. Perang program ini disebut Core War, yaitu pemenangnya adalah pemilik program sisa terbanyak dalam selang waktu tertentu. Karena sadar akan bahaya program tersebut, terutama bila bocor keluar laboratorium tersebut, maka setiap selesai permainan, program tersebut selalu dimusnahkan. Sekitar tahun 1970-an , perusahaan Xerox memperkenalkan suatu program yang digunakan untuk membantu kelancaran kerja. Struktur programnya menyerupai virus, namun program ini adalah untuk memanfaatkan waktu semaksimal mungkin dan pada waktu yang bersamaan dua tugas dapat dilakukan. Pada tahun 1980-an, perang virus di dunia terbuka bermula atas pemaparan Fred Cohen, seorang peneliti dan asisten profesor di Universitas Cincinati, Ohio. Dalam pemaparannya, Fred juga mendemonstrasikan sebuah program ciptaannya, yaitu suatu virus yang dapat menyebar secara cepat pada sejumlah komputer. Sementara virus berkembang, Indonesia juga mulai terkena wabah virus. Virus komputer ini pertama menyebar di Indonesia juga pada tahun 1988. Virus yang begitu menggemparkan seluruh pemakai komputer di Indonesia, saat itu, adalah virus ©Brain yang dikenal dengan nama virus Pakistan. Kemampuan Dasar Virus Komputer Kemampuan untuk memperbanyak diri Yaitu kemampuan untuk menduplikasi dirinya pada file-file atau disk-disk yang belum ditularinya, sehingga lama kelamaan wilayah penyebarannya akan semakin luas. Kemampuan untuk menyembunyikan diri Yaitu kemampuan untuk memyembunyikan dirinya dari perhatian user, antara lain dengan cara-cara berikut : Menghadang keluaran ke layar selama virus bekerja, sehingga pekerjaan virus tak tampak oleh user. Program virus ditempatkan diluar track-track yang dibuat DOS (misalkan track 41) Ukuran virus dibuat sekecil mungkin sehingga tidak menarik kecurigaan. Kemampuan untuk mengadakan manipulasi Membuat tampilan atau pesan yang mengganggu pada layar monitor. Mengganti volume label disket. Merusak struktur disk, menghapus file-file. Mengacaukan kerja alat-alat I/O, seperti keyboard dan printer. Kemampuan untuk mendapatkan informasi Yakni kemampuan untuk mendapatkan informasi tentang struktur media penyimpanan seperti letak boot record asli, letak table partisi, letak FAT3, posisi suatu file, dan sebagainya. Kemampuan untuk memeriksa keberadaan dirinya Sebelum menyisipi suatu file, virus memeriksa keberadaan dirinya dalam file itu dengan mencari ID (tanda pengenal) dirinya di dalam file itu. File yang belum tertular suatu virus tentunya tidak mengandung ID dari virus yang bersangkutan. Kemampuan ini untuk mencegah penyusupan yang berkali-kali pada suatu file yang sama. Jenis-jenis Virus Komputer A. Berdasarkan Teknik Pembuatannya Virus yang dibuat dengan compiler Adalah virus yang dapat dieksekusi karena telah di-compile sehingga dapat dijalankan secara langsung. Virus jenis ini adalah virus yang pertama kali muncul di dunia komputer, dan sampai sekarang terus berkembang pesat. Biasanya dibuat menggunakan low level language seperti assembler (karena program yang dihasilkan lebih kecil dan cepat) atau dapat juga menggunakan C dan pascal baik di lingkungan DOS maupun Windows. Mungkin virus jenis ini adalah virus yang paling sulit untuk dibuat tetapi karena dibuat dengan menggunakan bahasa pemrograman dan berbentuk bahasa mesin maka keunggulan dari virus ini adalah mampu melakukan hampir seluruh manipulasi dimana hal ini tidak selalu dapat dilakukan oleh virus jenis lain karena kemampuannya lebih terbatas. Virus Macro Banyak orang salah kaprah dengan jenis virus ini, mereka menganggap bahwa virus Macro adalah virus yang terdapat pada program Microsoft Word. Memang hampir seluruh virus Macro yang ditemui merupakan virus pada Microsoft Word. Namun sebenarnya virus Macro adalah virus yang memanfaatkan fasilitas pemrograman modular pada suatu program aplikasi tertentu seperti Microsoft Word, Microsoft Excel, Microsoft PowerPoint, Corel WordPerfect, dan sebagainya. Tujuan dari fasilitas pemrograman modular ini adalah untuk memberikan suatu kemudahan serta membuat jalan pintas bagi aplikasi tersebut. Sayangnya fungsi ini dimanfaatkan oleh pembuat-pembuat virus untuk membuat virus didalam aplikasi tersebut. Walaupun virus ini terdapat didalam aplikasi tertentu tetapi bahaya yang ditimbulkan tidak kalah berbahanya dari virus-virus yang lain. Virus Script/Batch Pada awalnya virus ini lebih dikenal dengan virus batch karena dulu terdapat pada file batch yang terdapat pada DOS, sekarang hal ini telah berganti menjadi script. Virus script biasanya sering didapat dari Internet karena kelebihannya yang fleksibel dan bisa berjalan pada saat kita bermain internet, virus jenis ini biasanya menumpang pada file HTML (Hyper Text Markup Language) dibuat dengan menggunakan fasilitas script seperti Javascript, VBscript,4 maupun gabungan antara script yang mengaktifkan program Active-X dari Microsoft Internet Explorer. B. Berdasarkan yang dilakukan Virus Boot Sector Virus Boot Sector adalah virus yang memanfaatkan gerbang hubungan antara komputer dan media penyimpan sebagai tempat untuk menularkan virus. Apabila pada boot sector terdapat suatu program yang mampu menyebarkan diri dan mampu tinggal di memory selama komputer bekerja, maka program tersebut dapat disebut virus. Virus boot sector terbagi dua yaitu virus yang menyerang disket dan virus yang menyerang disket dan tabel partisi. Virus File Virus file merupakan virus yang memanfaatkan suatu file yang dapat diproses langsung pada editor DOS, seperti file berekstensi COM, EXE, beberapa file overlay, dan file BATCH. Virus umumnya tidak memiliki kemampuan untuk menyerang di semua file tersebut. Virus file juga dikelompokkan berdasarkan dapat atau tidaknya tinggal di memory. Virus System Virus sistem merupakan virus yang memanfaatkan file-file yang dipakai untuk membuat suatu sistem komputer. Contohnya adalah file dengan berekstensi SYS, file IBMBIO.COM, IBMDOS.COM, atau COMMAND.COM. Virus Hybrid Virus ini merupakan virus yang mempunyai dua kemampuan biasanya dapat masuk ke boot sector dan juga dapat masuk ke file. Salah satu contoh virus ini adalah virus Mystic yang dibuat di Indonesia. Virus Registry Windows Virus ini menginfeksi operating system yang menggunakan Windows 95/98/NT biasanya akan mengadakan infeksi dan manipulasi pada bagian registry Windows sebab registry adalah tempat menampung seluruh informasi komputer baik hardware maupun software. Sehingga setiap kali kita menjalankan Windows maka virus akan dijalankan oleh registry tersebut. Virus Program Aplikasi Virus ini merupakan virus Macro, menginfeksi pada data suatu program aplikasi tertentu. Virus ini baru akan beraksi apabila kita menjalankan program aplikasi tersebut dan membuka data yang mengandung virus. C. Berdasarkan Media Penyebarannya Penyebaran dengan media fisik Media yang dimaksudkan bisa dengan disket, CD-ROM (Compact Disc Read Only Memory), harddisk, flashdisk dan sebagainya. Untuk CD-ROM, walaupun media ini tidak dapat dibaca tetapi ada kemungkinan suatu CD-ROM mengandung virus tertentu, walaupun kemungkinannya kecil, tetapi seiring dengan berkembangnya alat CD-R/CD-RW yang beredar dipasaran maka kemungkinan adanya virus didalam CD-ROM akan bertambah pula. Untuk saat ini virus jenis ini yang menjadi dominan dari seluruh virus yang ada. Virus ini akan menular pada komputer yang masih belum tertular apabila terjadi pengaksesan pada file/media yang mengandung virus yang diikuti dengan pengaksesan file/media yang masih bersih, dapat juga dengan mengakes file/media yang masih bersih sedangkan di memori komputer terdapat virus yang aktif. Penyebaran dengan media internet Akhir-akhir ini virus yang menyebar dengan media sudah semakin banyak, virus ini biasanya menyebar lewat e-mail ataupun pada saat kita mendownload suatu file yang mengandung virus. Juga ada beberapa virus yang secara otomatis akan menyebarkan dirinya lewat e-mail apabila komputer memiliki hubungan ke jalur internet. Membasmi Virus Lokal Secara Manual Menghadapi serangan berbagai macam virus komputer dengan OS Microsoft Windows tentu saja – kebanyakan orang akan memikirkan bagaimana mendapatkan antivirus terbaru dan antivirus khusus untuk virus lokal tertentu karena kebanyakan software antivirus tidak mampu mendeteksinya. Berbeda dengan cara pikir yang sangat umum ini, saya menawarkan solusi alternatif menghadapi virus lokal yaitu membasminya secara manual. Virus adalah program/aplikasi (=serangkaian perintah) yang mampu memperbanyak diri. Kebanyakan programer membuat virus-virus ini sebagai serangkaian perintah yang menyusup ke dalam barisan perintah-perintah dalam aplikasi-aplikasi lain. Virus-virus tertentu bahkan diprogram mampu menyelinap dalam master boot record ataupun sektor-sektor tertentu dalam disk dengan perlindungan khusus tanpa bisa dikenali pengguna sebagai file. Sayangnya pekerjaan cerdik ini tidak berlaku untuk kebanyakan virus lokal yang keberadaannya sangat mencolok dan mengundang permusuhan. Links : Malicious Program Pengenalan Virus Komputer sampai hati 2008-09-24T08:13:00.000+07:00 Dikau yang ku pandang Dikau yang ku rindu Segenap ruang terbayang Wajahmu di ingatanku.. Harumnya harum nirwana Semadi dalam sukma Nyata dihati merasa Merindu tanpa kata Ku puja bunga larangan Harum menebar wangi melati Kuntum-kuntum yang berseri Kelopak gugurnya berderai Sungguh ku pilu di hati Harapan semai berbunga bayangan Sampai hati engkau khianati Rasa cinta berubah dusta Tak sedikit kau rasa berdosa Sedangkan ku pedih lara Tersayat sembilu bisa andai 2008-09-24T07:19:00.000+07:00 Andai kau menjadi pelangi Biarku jadi awannya agar kita selalu bersama andai kau menjadi sang duyung biarku jadi karangnya agar kita sentiasa bersua andai kau menjadi merpati biarku jadi sang bayu agar kita sering bertemu andai kau menjadi puisi biarku jadi melodi bersama kita menyanyi andai ku menjadi rembulan sudikah engkau menjadi kejora hingga pagi nanti andai esok aku menjadi tanah sudikah engkau menjadi bunga hiasi dadaku Tutorial account YM online dalam satu PC dalam waktu bersamaan 2008-09-23T07:13:00.000+07:00 Tutorial account YM online dalam satu PC dalam waktu bersamaan klik "RUN" kemudian ketikkan REGEDIT lalu OK lalu..., Setelah ntu masuk ke * HKEY_CURRENT_USER * Software * Yahoo * Pager lalu.. 1. Klik kanan pada Pager 2. Beri nama nama Test (klo udah ada, lgs ke langkah 3) 3. Dari folder Test ini kita klik kanan, lalu pilih "new", "DWORD value" 4. kemudian kasih nama Plural , isi value-nya dgn 1 (hexadecimal). 5. Kemudian.. tunggu apa? tutup aja regeditnya..! 6. Moga bermanpaat tuk lebih jelasnya silahkan klik phattoemp7 tutorial account YM online dalam satu PC dalam waktu bersamaan 2008-09-23T07:01:00.000+07:00 tutorial account YM online dalam satu PC dalam waktu bersamaan klik "RUN"/a> kemudian ketikkan REGEDIT lalu OK lalu..., Setelah ntu masuk ke HKEY_CURRENT_USER Software Yahoo Pager Klik kanan pada Pager sperti contoh dibawah, Beri nama nama Test (klo udah ada, lgs ke langkah 2) Dari folder Test ini kita klik kanan, lalu pilih "new", "DWORD value" kemudian kasih nama Plural , isi value-nya dgn 1 (hexadecimal). Kemudian.. tunggu apa? tutup aja regeditnya..! Moga bermanpaat Renungan seorang Ayah 2008-09-08T09:09:00.000+07:00 MAMPUKAH KITA MENCINTAI TANPA SYARAT Sebuah perenungan Ini cerita nyata, beliau adalah Bp. Eko Pratomo, Direktur Fortis Asset Management yg sangat terkenal di kalangan Pasar Modal dan Investment, beliau juga sangat sukses dlm memajukan industri Reksadana di Indonesia. Apa yg diutarakan beliau adalah Sangat Benar sekali. Silahkan baca dan dihayati. Buat para suami baca ya … istri & calon istri juga boleh.. Dilihat dari usianya beliau sudah tidak muda lagi, usia yg sudah senja bahkan sudah mendekati malam, Pak Suyatno 58 tahun kesehariannya diisi dengan merawat istrinya yang sakit istrinya juga sudah tua.. mereka menikah sudah lebih 32 tahun. Mereka dikarunia 4 orang anak disinilah awal cobaan menerpa, setelah istrinya melahirkan anak ke empat tiba2 kakinya lumpuh dan tidak bisa digerakkan itu terjadi selama 2 tahun, menginjak tahun ke tiga seluruh tubuhnya menjadi lemah bahkan terasa tidak bertulang lidahnyapun sudah tidak bisa digerakkan lagi. Setiap hari Pak Suyatno memandikan, membersihkan kotoran, menyuapi, dan mengangkat istrinya keatas tempat tidur. Sebelum berangkat kerja dia letakkan istrinya didepan TV supaya istrinya tidak merasa kesepian. Walau istrinya tidak dapat bicara tapi dia selalu melihat istrinya tersenyum, untunglah tempat usaha Pak Suyatno tidak begitu jauh dari rumahnya sehingga siang hari dia pulang untuk menyuapi istrinya makan siang. sorenya dia pulang memandikan istrinya, mengganti pakaian dan selepas maghrib dia temani istrinya nonton televisi sambil menceritakan apa2 saja yg dia alami seharian. Walaupun istrinya hanya bisa memandang tapi tidak bisa menanggapi, Pak Suyatno sudah cukup senang bahkan dia selalu menggoda istrinya setiap berangkat tidur. Rutinitas ini dilakukan Pak Suyatno lebih kurang 25 tahun, dengan sabar dia merawat istrinya bahkan sambil membesarkan ke empat buah hati mereka, sekarang anak2 mereka sudah dewasa tinggal si bungsu yg masih kuliah. Pada suatu hari ke empat anak Suyatno berkumpul dirumah orang tua mereka sambil menjenguk Ibunya. Karena setelah anak mereka menikah sudah tinggal dengan keluarga masing2 dan Pak Suyatno memutuskan Ibu mereka dia yg merawat, yang dia inginkan hanya satu … semua anaknya berhasil. Dengan kalimat yg cukup hati2 anak yg sulung berkata “Pak kami ingin sekali merawat Ibu semenjak kami kecil melihat Bapak merawat Ibu tidak ada sedikitpun keluhan keluar dari bibir Bapak. … bahkan Bapak tidak ijinkan kami menjaga Ibu”. dengan air mata berlinang anak itu melanjutkan kata2nya “sudah yg keempat kalinya kami mengijinkan Bapak menikah lagi, kami rasa Ibupun akan mengijinkannya, kapan Bapak menikmati masa tua Bapak dengan berkorban seperti ini kami sudah tidak tega melihat Bapak, kami janji kami akan merawat Ibu sebaik-baik secara bergantian …” Pak Suyatno menjawab hal yg sama sekali tidak diduga anak2 mereka.”Anak2ku … Jikalau perkawinan & hidup didunia ini hanya untuk nafsu, mungkin Bapak akan menikah … tapi ketahuilah dengan adanya Ibu kalian disampingku itu sudah lebih dari cukup, dia telah melahirkan kalian … sejenak kerongkongannya tersekat … kalian yg selalu kurindukan hadir didunia ini dengan penuh cinta yg tidak satupun dapat menghargai dengan apapun. Coba kalian tanya Ibumu apakah dia menginginkan keadaannya seperti ini? Kalian menginginkan Bapak bahagia, apakah batin Bapak bisa bahagia meninggalkan Ibumu dengan keadaanya sekarang, kalian menginginkan Bapak yg masih diberi Tuhan kesehatan dirawat oleh orang lain, bagaimana dengan Ibumu yg masih sakit.” Sejenak meledaklah tangis anak2 Pak Suyatno merekapun melihat butiran2 kecil jatuh dipelupuk mata Ibu Suyatno … dengan pilu ditatapnya mata suami yg sangat dicintainya itu.. Sampailah akhirnya Pak Suyatno diundang oleh salah satu stasiun TV swasta untuk menjadi nara sumber dan merekapun mengajukan pertanyaan kepada Suyatno kenapa mampu bertahan selama 25 tahun merawat sendiri Istrinya yg sudah tidak bisa apa2.. disaat itulah meledak tangis beliau dengan tamu yg hadir di studio kebanyakan kaum perempuanpun tidak sanggup menahan haru disitulah Pak Suyatno bercerita. “Jika manusia didunia ini mengagungkan sebuah cinta dalam perkawinannya, tetapi tidak mau memberi (memberi waktu, tenaga, pikiran, perhatian) adalah kesia-siaan. Saya memilih istri saya menjadi pendamping hidup saya, dan sewaktu dia sehat diapun dengan sabar merawat saya mencintai saya dengan hati dan batinnya bukan dengan mata, dan dia memberi saya 4 orang anak yg lucu2 … Sekarang dia sakit karena berkorban untuk cinta kita bersama … dan itu merupakan ujian bagi saya, apakah saya dapat memegang komitmen untuk mencintainya apa adanya. Sehatpun belum tentu saya mencari penggantinya apalagi dia sakit,,,” Bagaimana Menjadi Seorang Ayah Suatu ketika, ada seorang anak wanita bertanya kepada Ayahnya, tatkala tanpa sengaja dia melihat Ayahnya sedang mengusap wajahnya yang mulai berkerut-merut dengan badannya yang terbungkuk-bungkuk, disertai suara batuk-batuknya. Anak wanita itu bertanya pada ayahnya: “Ayah, mengapa wajah Ayah kian berkerut-merut dengan badan Ayah yang kian hari kian terbungkuk ?” Demikian pertanyaannya, ketika Ayahnya sedang santai di beranda. Ayahnya menjawab : “Sebab aku Laki-laki.” Itulah jawaban Ayahnya. Anak wanita itu berguman : ” Aku tidak mengerti.” Dengan kerut-kening karena jawaban Ayahnya membuatnya tercenung rasa penasaran. Ayahnya hanya tersenyum, lalu dibelainya rambut anak wanita itu, terus menepuk nepuk bahunya, kemudian Ayahnya mengatakan : “Anakku, kamu memang belum mengerti tentang Laki-laki.” Demikian bisik Ayahnya, membuat anak wanita itu tambah kebingungan. Karena penasaran, kemudian anak wanita itu menghampiri Ibunya lalu bertanya : “Ibu mengapa wajah ayah menjadi berkerut merut dan badannya kian hari kian terbungkuk? Dan sepertinya Ayah menjadi demikian tanpa ada keluhan dan rasa sakit ?” Ibunya menjawab: “Anakku, jika seorang Laki-laki yang benar benar bertanggung jawab terhadap keluarga itu memang akan demikian.” Hanya itu jawaban Sang Bunda. Anak wanita itupun kemudian tumbuh menjadi dewasa, tetapi dia tetap saja penasaran. Hingga pada suatu malam, anak wanita itu bermimpi. Di dalam mimpi itu seolah-olah dia mendengar suara yang sangat lembut, namun jelas sekali. Dan kata-kata yang terdengar dengan jelas itu ternyata suatu rangkaian kalimat sebagai jawaban rasa penasarannya selama ini. >> “Saat Ku-ciptakan Laki-laki, aku membuatnya sebagai pemimpin keluarga serta sebagai tiang penyangga dari bangunan keluarga, dia senantiasa akan menahan setiap ujungnya, agar keluarganya merasa aman teduh dan terlindungi. ” >> “Ku-ciptakan bahunya yang kekar & berotot untuk membanting tulang menghidupi seluruh keluarganya & kegagahannya harus cukup kuat pula untuk melindungi seluruh keluarganya. ” >> “Ku-berikan kemauan padanya agar selalu berusaha mencari sesuap nasi yang berasal dari tetesan keringatnya sendiri yang halal dan bersih, agar keluarganya tidak terlantar, walaupun seringkali dia mendapatkan cercaan dari anak-anaknya. ” >> “Kuberikan Keperkasaan & mental baja yang akan membuat dirinya pantang menyerah, demi keluarganya dia merelakan kulitnya tersengat panasnya matahari, demi keluarganya dia merelakan badannya basah kuyup kedinginan karena tersiram hujan dan hembusan angin, dia relakan tenaga perkasanya terkuras demi keluarganya & yang selalu dia ingat, adalah disaat semua orang menanti kedatangannya dengan mengharapkan hasil dari jerih payahnya.” >> “Ku berikan kesabaran, ketekunan serta keuletan yang akan membuat dirinya selalu berusaha merawat & membimbing keluarganya tanpa adanya keluh kesah, walaupun disetiap perjalanan hidupnya keletihan dan kesakitan kerap kali menyerangnya. ” >> “Ku berikan perasaan keras dan gigih untuk berusaha berjuang demi mencintai & mengasihi keluarganya, didalam kondisi & situasi apapun juga, walaupun tidaklah jarang anak-anaknya melukai perasaannya melukai hatinya. Padahal perasaannya itu pula yang telah memberikan perlindungan rasa aman pada saat dimana anak-anaknya tertidur lelap. Serta sentuhan perasaannya itulah yang memberikan kenyamanan bila saat dia sedang menepuk-nepuk bahu anak-anaknya agar selalu saling menyayangi & mengasihi sesama saudara.” >> “Ku-berikan kebijaksanaan & kemampuan padanya untuk memberikan pengetahuan padanya untuk memberikan pengetahuan & menyadarkan, bahwa Istri yang baik adalah Istri yang setia terhadap Suaminya, Istri yang baik adalah Istri yang senantiasa menemani. & bersama-sama menghadapi perjalanan hidup baik suka maupun duka, walaupun seringkali kebijaksanaannya itu akan menguji setiap kesetiaan yang diberikan kepada Istri, agar tetap berdiri, bertahan, sejajar & saling melengkapi serta saling menyayangi.” >> “Ku-berikan kerutan diwajahnya agar menjadi bukti bahwa Laki-laki itu senantiasa berusaha sekuat daya pikirnya untuk mencari & menemukan cara agar keluarganya bisa hidup di dalam keluarga bahagia & BADANNYA YANG TERBUNGKUK agar dapat membuktikan, bahwa sebagai laki-laki yang bertanggungjawab terhadap seluruh keluarganya, senantiasa berusaha mencurahkan sekuat tenaga serta segenap perasaannya, kekuatannya, keuletannya demi kelangsungan hidup keluarganya. ” >> “Ku-berikan Kepada Laki-laki tanggung jawab penuh sebagai Pemimpin keluarga, sebagai Tiang penyangga, agar dapat dipergunakan dengan sebaik-baiknya. dan hanya inilah kelebihan yang dimiliki oleh laki-laki, walaupun sebenarnya tanggung jawab ini adalah Amanah di Dunia & Akhirat.” Terbangun anak wanita itu, dan segera dia berlari, berlutut & berdoa hingga menjelang subuh. Setelah itu dia hampiri bilik Ayahnya yang sedang berdoa, ketika Ayahnya berdiri anak wanita itu merengkuh dan mencium telapak tangan Ayanya. ” AKU MENDENGAR & MERASAKAN BEBANMU, AYAH.” Dunia ini memiliki banyak keajaiban, segala ciptaan Tuhan yang begitu agung, tetapi tak satu pun yang dapat menandingi keindahan tangan Ayah… With Love to All Father ” JIKA KAMU MENCINTAI Ayah mu / sekarang merasa sebagai AYAH KIRIMLAH CERITA INI KEPADA ORANG LAIN, AGAR SELURUH ORANG DIDUNIA INI DAPAT MENCINTAI DAN MENYAYANGI AYAHNYA & Dan Mencintai Kita Sebagai Seorang Ayah “. Note: Berbahagialah yang masih memiliki Ayah. Dan lakukanlah yang terbaik untuknya…. ……… ……… ……… ….. Berbahagialah yang merasa sebagai ayah. Dan lakukanlah yang terbaik buat keluarga kita…….. "> klo mo pulang klik ja yg dibawah nhi.. mo kemane..??? Suka-suka GW ngisi PR :-P 2008-09-08T05:32:00.000+07:00 Em-Fhat Charita Tuk Kumpulan Orang2 Sutressss!!!! Em-Fhat Charita Tuk Kumpulan Orang2 Sutressss!!!! Mungkin udah agak basi, namun informasinya masih cukup valid. Simaklah fakta-fakta sederhana berikut ini. Mungkin bermanfaat bagi AndaWarna asli Coca-Cola adalah hijau. Otot yang paling kuat di tubuh manusia adalah otot lidah. Setiap orang di Amerika rata-rata mempunyai 2 kartu kredit. Kata paling panjang yang bisa diketik dengan satu baris tuts di keyboards adalah "TYPEWRITER". Wanita berkedip dua kali lebih banyak dari pria. Seseorang tidak akan pernah mati hanya dengan menahan nafasnya. Tidak akan pernah seseorang bisa menjilat siku tangannya sendiri. Seekor **** tidak akan pernah mendongak melihat langit. Bersin terlampau keras akan menyebabkan tulang iga retak, tetapi dengan menahan bersin akan memecahkan pembuluh darah di leher dan di otak dan kemudian menyebabkan kematian. 111,111,111 x 111,111,111 = 12,345,678,987, 654,321. Madu adalah satu-satunya makanan apa yang tidak akan pernah basi. Seekor buaya tidak akan bisa menjulurkan lidahnya keluar, walaupun membuka mulutnya setiap hari. Siput/keong bisa tidur selama 3 tahun secara terus-menerus. Semua beruang kutub ternyata kidal. Pada tahun 1987, American Airlines bisa mengurangi cost sebesar $40.000 hanya dengan menghilangkan bahan minyak zaitun pada menu salad di kelas 1. Kupu-kupu mencicipi tar bunga dengan kakinya. Gajah adalah satu-satunya binatang darat yang tidak bisa melompat. Rata-rata manusia lebih takut laba-laba daripada takut mati. Semut akan selalu jatuh pingsan ke arah kanan jika terbius. Kursi listrik ditemukan oleh dokter gigi. Jantung bisa memompa darah sejauh 30 kaki. 2 tikus bisa beranak pinak hingga 1 juta dalam 18 bulan. Memakai headphones walkman 1 jam bisa menghasilkan kuman di telinga sebanyak 700 kali lebih banyak. Zippo (catu api) ditemukan lebih dulu daripada korek api manual. Hampir semua lipstik mengandung sisik ikan. Seperti sidik jari, lidah setiap manusia juga berbeda-beda. Dan terakhir, setiap orang yang membaca tulisan ini pasti akan mencoba menjilat siku tangan mereka. Jangan Biasakan Tidur Telen Tang Menurut penelitian yg di lakukan oleh para Profesor ahli dari jepang selama hampir 20 tahun akhirnya mereka mengumumkan keputusan yg sangat mengejutkan kita semua tentang cara kita tidur selama ini. Ternyata tidur telentang sangat tidak di anjurkan sama sekali oleh para peneliti dari jepang. Berikut kutipan dari Prof. Dr. Yosihiro : "Kalo tidur jangan sekali kali dengan posisi TELENTANG!!. .. Karena tidur TELENTANG itu bisa mengganggu kesehatan anda. Beberapa survei telah dilakukan dan menghasilkan bukti yg akurat." Orang2 yg tidur TELENTANG akan mengalami gejala2 sbb: 1. Susah bernafas 2. Tersedak 3. Pencernaan terganggu 4. Yg paling fatal, dapat menyebabkan KEMATIAN!!.. . Oleh karena itu, disarankan agar anda menghindari tidur TELENTANG, Sebab jangankan tidur TELEN TANG, TELEN BAUT saja susahnya setengah modar...... Jadi disarankan cukup tidur TELEN LIUR aja ya..hehehe..* "> TIPS MEMBERI NAMA ANAK Memberikan nama untuk anak itu susah-susah gampang. Salah-salah nama bisa jadi beban buat si Anak. Maka hati-hatilah dalam memberikan nama untuk anak tersayang. Karena nama akan disandang seumur hidupnya. Nama itu mengandung do'a. Nama anak itu cermin harapan orang tua. Nama itu mengandung Do'a. Tetapi do'anya yang singkat saja. Kalau terlalu panjang nanti dikira Tahlil atau Wirid. Kalau dipanggil bukannya nengok, malah bilang "Amiinn.." Nama jangan nyusahin orang Kelurahan. Nama anak mudah dibaca dan mudah ditulis. Meskipun tampaknya bagus, jangan pakai huruf mati yang digandeng-gandeng atau didobel-dobel (mis. Lloyd, Nikky, Thasya dll). Biasanya sama petugas Kelurahan akan terjadi salah tulis dalam pembuatan Akta Kelahiran, Kartu Keluarga, KTP dll. Nah... nggak enaknya lagi kalo kita minta revisi biasanya kena biaya lagi... dan prosesnya lama lagi. Nama jangan cuma satu kata Minimal ada First Name, Nick Name dan Family name gitu loh.... Ini penting terutama kalo pas lagi ngurus Paspor atau Visa. Nggak jadi berangkat ke Amrik hanya gara-gara namanya cuma Prakoso atau Pamuji atau Paryono khan kesiaan... Nama jangan terlalu panjang Nama yang panjang bererot bisa bikin susah si pemilik nama. Disamping susah ngingetnya, juga ngerepotin waktu ngisi formulir pendaftaran masuk Perguruan Tinggi Negeri (dulu UMPTN). Itu lho..yang ngitemin buletan-buletan pakai pensil 2B. Capeek khaan... Nama panjang seperti Siti Hartati Riwayati Mulianingsih Adiningrum Mekar Berseri Sepanjang Hari.... adalah sangat-sangat not-recommended. Nama anak bersifat internasional Anak kita hidup dimasa depan, di era globalisasi dimana hubungan dengan dunia internasional amat sangat intens. Jadi jangan mempersulit anak dengan nama-nama yang sulit di-eja. Nama Saklitinov misalnya orang Jepang nyebutnya Sakuritino, orang Sunda bilang Saktinop, orang Amrik bilang Sechlaytinove... Syusah khaaannn. Padahal maksudnya Sabtu Kliwon Tiga November... Ketahuilah arti nama anak Ketahuilah arti nama anak. Jangan memberikan nama hanya karena enak diucapkan atau bagus ditulisnya. Nama Jalmowono memang sepintas enak diucapkan dan bagus kalo ditulis tetapi ketahuilah bahwa Jalmowono itu artinya Orang Utan. Jangan pakai nama artis. Nama artis memang bagus-bagus, cuma masalahnya kalau artis itu kelakuannya baik... lha kalau jadi bahan gosip melulu khan jadi beban juga buat si anak. Lagian pakai nama artis itu tandanya anda gak kreatif dalam bikin nama. Abjad huruf pertama nama anak. Huruf pertama "A" pada nama anak ada enak gak enaknya. Gak enaknya kalau pas ada ujian/test/wawancara sering dipanggil duluan. Gak sempet nanya-nanya ama temannya. Tapi kadang-kadang juga pas giliran dapat pembagian apa gitu, dapetnya juga sering duluan. Sebaiknya ambil huruf pertama itu antara D sampai K. Cukupan lah... Huruf depan Z... wah.. biasanya adanya dibawah... Jangan sok Kebarat-baratan Jangan memberi nama anak dengan bergaya kebarat-baratan, biar dibilang keren. Kudu diinget, anda lahir dibumi Indonesia, orang Indonesia, kulturnya tetap orang Indonesia. Kalau nama keindo-indoan, tapi mukanya ya melayu-melayu juga, malu sendirikan, anaknya ya ortunya.. Lagian kalo kejepit toh bilangnya "adawww...." bukan "Oh my God.."">"> ANTARA GADIS MATEMATIS & GADIS LOGIS? Ada dua orang gadis, salah satu dari mereka cara berpikirnya MATEMATIS (M)* dan yang lainnya cara berpikirnya mengandalkan LOGIKA ( L) . Mereka berdua berjalan pulang melewati jalan yang gelap, dan jarak rumah mereka masih agak jauh. Setelah beberapa lama mereka berjalan.... M : Apakah kamu juga memperhatikan, ada seorang pria yang sedang berjalan* mengikuti kita kira2 sejak tigapuluh delapan setengah menit yang lalu? Saya khawatir dia bermaksud jelek. L : Itu hal yang Logis. Dia ingin memperkosa kita. M : Oh tidak, dengan kecepatan berjalan kita seperti ini, dalam waktu 15 menit dia akan berhasil menangkap kita. Apa yang harus kita lakukan. L : Hanya ada 1 cara logis yg harus kita lakukan, yaitu berjalan lebih cepat. M : Itu tidak banyak membantu, gimana nichâ€¦ L : Tentu saja itu tidak membantu, Logikanya kalau kita berjalan lebih cepat dia juga akan mempercepat jalannya. M : Lalu, apa yang harus kita lakukan? Dengan kecepatan kita seperti ini* dia akan berhasil menangkap kita dalam waktu dua setengah menit... L : Hanya ada satu langkah Logis yang harus kita lakukan.. Kamu lewat jalan yang ke kiri dan aku lewat jalan yang kekanan. sehingga dia tidak bisa mengikuti kita berdua dan hanya salah satu yang diikuti olehnya. Setelah kedua gadis itu berpisah, ternyata Pria tadi mengikuti langkah si gadis yang menggunakan logika (L ). Gadis matematis (M) tiba di rumah lebih dulu dan dia khawatir akan keselamatan sahabatnya. Tapi, tidak berapa lama kemudian, Gadis Logika (L ) datang. M : Oh terima kasih Tuhan.. Kamu tiba dengan selamat. Eh, gimana pengalamanmu diikuti oleh Pria tadi? L : Setelah kita berpisah dia mengikuti aku terus. M : Ya.. ya.. Tetapi apa yang terjadi kemudian dengan kamu? L : Sesuai dengan logika saya langsung lari sekuat tenaga dan Pria itupun juga lari sekuat tenaga mengejar saya. M : Dan... dan.. L : Sesuai dengan logika dia berhasil mendekati saya di tempat yang gelap... M : Lalu.. Apa yang kamu lakukan? L : Hanya ada satu hal logis yang dapat saya lakukan, yaitu saya mengangkat rok saya... M : Oh... Lalu apa yang dilakukan pria tadi? L : Sesuai dengan logika... Dia menurunkan celananya... M : Oh tidak... Lalu apa yang terjadi kemudian? L : Hal yang logis bukan, kalau gadis yang mengangkat roknya larinya lebih cepat dari pada lelaki yang berlari sambil memelorotkan celananya... So akhirnya aku bisa lolos dari pria itu... ">">"> Hasil ngupil......."> My Widget 2008-08-16T06:45:00.001+07:00 Get this widget! test 2008-07-16T11:31:00.000+07:00 Everyone can see There's a change in me They all say I'm not the same Kid I use to be Don't go out and play I just dream all day They don't know what's wrong with me And I'm too shy to say It's my first love What I'm dreaming on When I go to bed When I lay my head upon my pillow Don't know what to do My first love He thinks that I'm too young He doesn't even know Wish that I could show him what I'm feeling 'Cause I'm feeling my first love Mirror on the wall Does he care at all Will he ever notice me Could he ever fall Tell me teddy bear Why love is so unfair ? Will I ever find away And answer to my pray For my first love... What I'm dreaming on When I go to bed When I lay my head upon my pillow Don't know what to do My first love He thinks that I'm too young He doesn't even know Wish that I could show him what I'm feeling 'Cause I'm feeling my first love Bisnis Internet 2008-07-11T17:58:00.000+07:00 P E L U A N G - B I S N I S Asalamu`alaikum.wr.wb Selamat datang di MuslimPromo.Com !! Kini kami hadir dengan Konsep LUAR BIASA dalam Ber-Iklan & Ber-Bisnis : Di sini, iklan Anda berpotensi dibaca oleh 100.000 orang, atau 1.000.000 orang, atau bahkan tak terbatas !!! menyebar bagaikan Virus Ganas yang tidak pernah akan ada obatnya! Menggunakan Sistem Network Matrix 2 X 18 Level yang akan memastikan iklan anda dilihat oleh Jutaan orang ...setiap saat,..... setiap waktu.! Modal Hanya Rp.27000,- Cukup mengajak 2 orang saja Bonus Mencapai Rp.526.juta,- setiap tahun ! Dapat Menyebarkan Iklan seperti VIRUS Ber-Garansi 100% Informasi Selengkapnya , Klik disini .... PELUANG BISNIS di MuslimPromo.Com Hasilkan Rp.526.444.000,- setiap tahun ! MuslimPromo.Com sengaja dirancang tidak hanya sebagai sebuah Situs Iklan yang Sangat Handal dan Efektif , namun benar-benar disiapkan untuk MELEDAKAN BISNIS anda sekaligus memberikan Peluang USAHA Baru bagi mereka membutuhkan Modal tambahan, Mencari Sampingan atau bahkan bagi Mereka yang sedang Mencari Sumber penghasilan utama sebagai pegangan. Cukup 2 Langkah yang harus anda lakukan : Bergabunglah Dengan Kami Cukup dengan Rp.27000 Dan anda akan langsung mendapatkan 3 Fasilitas UTAMA MuslimPromo.Com dibawah ini : Kumpulan eBook bernilai Ratusan ribu rupiah Layanan Iklan VIP ++ Yang dapat menyebarkan iklan anda seperti VIRUS Layanan Iklan Publik Untuk dapat memasang iklan SEPUASNYA Informasi Selengkapnya mengenai seluruh Fasilitas diatas , Silahkan Klik disini ... Rekrut 2 orang Saja untuk bergabung Kami yakin dengan Modal hanya Rp.27000 tidaklah akan terlalu sulit Untuk Merekrut 2 orang Member Baru untuk bergabung Sebagai imbalannya kami akan memberikan KOMISI Rp.2.000,- untuk setiap Member Baru yang direkrut oleh anda dan oleh Jaringan dibawah anda hingga LEVEL 3 , serta Rp.1.000,- untuk setiap orang yang direkrut pada LEVEL 4 hingga LEVEL 18 dibawah anda. Dan Tabel dibawah akan ini menjelaskan Bagaimana Penghasilan anda dihitung : Menggunakan Sistem Network Matrix 2 X 18 Level Level Komisi Downline Penghasilan 1 Rp.2.000,- 2 4.000 2 Rp.2.000,- 4 8.000 3 Rp.2.000,- 8 16.000 4 Rp.1.000,- 16 16.000 5 Rp.1.000,- 32 32.000 6 Rp.1.000,- 64 64.000 7 Rp.1.000,- 128 128.000 8 Rp.1.000,- 256 256.000 9 Rp.1.000,- 512 512.000 10 Rp.1.000,- 1024 1.024.000 11 Rp.1.000,- 2048 2.048.000 12 Rp.1.000,- 4096 4.096.000 13 Rp.1.000,- 8192 8.192.000 14 Rp.1.000,- 16384 16.384.000 15 Rp.1.000,- 32768 32.768.000 16 Rp.1.000,- 65536 65.536.000 17 Rp.1.000,- 131072 131.072.000 18 Rp.1.000,- 262144 262.144.000 Total Penghasilan Rp.526.444.000,- BENAR ..!! cukup dengan mengajak 2 orang Saja, anda berpotensi mendapatkan : Rp.526.444.000,- ( Lima Ratus Dua Puluh Enam Juta, Empat Ratus Empat Puluh Empat Ribu Rupiah ) Hanya 2 orang saja...SANGAT MUDAH bukan..!! Bergabung sekarang juga, Silahkan Klik disini Keunggulan lain dari Program ini : Ber-GARANSI 100% Jika dalam 2 Minggu anda berhasil Mendapatkan 2 orang saja untuk bergabung dalam program ini, maka kami beri GARANSI 100% mendapatkan MINIMAL Rp.100.000.000,- (seratus juta rupiah) dalam program ini *. Kami yakin dengan modal Hanya Rp.27000 tidak akan terlalu sulit Me-REKRUT 2 orang. * Catatan : Ketentuan Umum mengenai Garansi tersebut kami masukan ke dalam SYARAT & KONDISI program ini, dan setiap calon member Wajib memahaminya silahkan klik disini . KEMUDAHAN dalam PENGAMBILAN KOMISI KOMISI dapat diambil kapanpun oleh setiap member, tanpa harus menunggu Terbentuk Pasangan atau Terpenuhinya jaringan atau Syarat-syarat menyulitkan lainnya. Asalkan sudah mencapai Rp.20.000,- ( yang boleh digabungkan dari seluruh level ), BONUS sudah dapat di kirimkan kerekening anda cukup dengan meng-KLIK tombol WITHDROW yang kami siapkan di Member Area. Re-entry Sistem + GRATIS 1 Account Setiap ACCOUNT akan habis dalam waktu 1 tahun, namun tidak perlu khawatir.... Kami memiliki sistem Re-entri untuk dapat memperpanjang masa keangotaan, sehingga setiap member akan tetap berkesempatan memperoleh seluruh BONUS jalam jaringannya yang belum sempat diperolehnya dalam periode tahun sebelumnya. Bahkan sebagai bonus Re-entri kami juga akan memberikan 1 Account Gratis (Free Account) yang kami tempatkan dalam jaringannya, sehingga dapat digunakan untuk melengkapi jaringan yang belum utuh sekaligus sebagai sarana untuk kembali dapat Membentuk jaringan baru guna mendapatkan Rp.526.444.000,- tahap berikutnya. Sistem Re-entry ini juga akan MENJAMIN member terakhir akan mendapatkan keuntungan yang sama dengan member terdahulu, karena Free Account dari member yang melakukan Re-entry akan membentuk jaringan dibawah member yang bergabung setelahnya. URL / Website Replika --> Untuk setiap Member Setiap Member akan mendapatkan URL/Website Replika dengan pola : http://www.MuslimPROMO.com/?ref=no_regristrasi_anda URL diatas di gunakan untuk memudahkan anda dalam ber-promosi, dimana siapapun yang mendaftar melalui URl diatas secara OTOMATIS akan menjadi Downline anda. International Randomizer Untuk pengunjung tanpa sponsor, sistem kami secara otomatis akan mengambil salah satu MEMBER AKTIF untuk menjadi sponsornya. Dengan ini setiap member berkesempatan mendapatkan member Gratis dari seluruh dunia. AUTOMATIC Spillover Member yang telah mendapatkan 2 orang, secara OTOMATIS akan dapat melimpahkan orang berikutnya yang ia dapatkan ke dalam jaringan dibawahnya. Sistem ini selain akan membantu Member dibawahnya, juga dapat mempercepat terpenuhinya seluruh jaringan yang ia miliki. FULL Report Sistem : Untuk kenyaman anda sekaligus menjaga program ini dapat berjalan dengan jujur, maka setiap member mendapatkan fasilitas : Laporan Via Email Bila anda memiliki downline dan calon downline yang akan bergabung. Laporan Jaringan Anda dapat memantau Seluruh jaringan hingga 18 Level dibawah anda Laporang perolehan KOMISI Dapat melihat Jumlah Komisi yang telah anda peroleh, berapa yang sudah anda ambil dan berapa yang belum anda ambil Multiple Accounts Semua member bisa membuat banyak acount menggunakan data yang sama. BERGABUNGLAH SEKARANG JUGA !! Investasi Hanya Rp.27000 (untuk setahun) Iklan anda akan tersebar seperti VIRUS dan Rp.526.444.000,- Menanti anda Informasi Mengenai 3 Fasilitas UTAMA situs ini , Silahkan Klik disini ... Do'a basmallah 2008-05-30T03:36:00.000+07:00 do'a ini dikenal juga dengan sebutan basmallah 7, meski kandungan didalamnya memiliki 9 basmallah. do'a ini diamalkan menjelang pagi dan sore hari, tepatnya disaat matahari memerah, ba'da Subuh dan ba'da Ashar. بسْم الله الرّحمٰن الرّحيْم ٠١بِسْمِ اللهِ يَابُنَاتًبَارَكَ خِطَائُنَا يٓسٓ سَكْفُنَا كٓهٓيٓعٓصٓ كِفَايَاتُنَا حٓمٓ عٓسٓقٓ حِمَايَاتُنَا فَسَيَكْفِي كَهُمُ الله وَهُوَالسَّمِيْعُ الْعَلِيْم ٠٢بِسْمِ اللهِ وَالْحَمْدُللهِ شيِّدُنَا مُحَمَّدٌُ الرَّسُوْلُ الله صَلَّ اللهُ عَلَيْهِ وَالسَّلًمْ ٠٣بِسْمِ اللهِ عَلَىٓ كُلِّ شَيْعٍِ قَضِيْر ٠٤بِسْمِ اللهِ عَلَىٓ دِيْنِ وَنَفْسِي ٠٥بٍسْمِ اللهِ عَلَى وَلَدِىوَأَهْلِى وَمَالِي ٠٦بِسْمِ اللهِ خَيْرِالأسْمَاءٓ ٠٧بِسْمِ اللهِ رَبِّ الأرْضِ وَالسَّمَآءٓ ٠٨بِسْمِ اللهِ الَّذِي لاَيَضُرُّمَعَ السْمِهِ دَأءٓ ٠٩بِسْمِ اللهِ إفْتَحْتُ وَعَلَى الله تَوَكَّلْتُ لاَقُوَّتَ إلاَّبِاللهِ الْعَلِيِّ الْعَضِيْم Maap sebelumnya, saya hanya berusaha berbagi, Mohon diberitahukan segera bila ada kesalahan kalimat dalam do'a tersebut Dan bila ada yg kurang berkenan segera sampaikan kealamat dibawah ini: ress_phattoemp@yahoo.co.id m.ress44@yahoo.com raes.ys7@gmail.com Rahasia Jodoh 2008-05-29T22:56:00.002+07:00 Berpasangan engkau telah diciptakan Dan selamanya engkau akan berpasangan Bergandingan tanganlah dikau Hingga sayap-sayap panjang nan lebar lebur dalam nyala Dalam ikatan agung menyatu kalian Saling menataplah dalam keharmonian Dan bukanlah hanya saling menatap ke depan Tapi bagaimana melangkah ke tujuan semula Berpasangan engkau dalam mengurai kebersamaan Kerana tidak ada yang benar-benar mampu hidup bersendirian Bahkan keindahan syurga tak mampu menghapus kesepian Adam Berpasangan engkau dalam menghimpun rahmat Tuhan Bahkan bersama pula dalam menikmatinya Kerana alam dan kurniaan Tuhan Terlampau luas untuk dinikmati sendirian Bersamalah engkau dalam setiap keadaan Kerana kebahagiaan tersedia.. Bagi mereka yang menangis Bagi mereka yang disakiti hatinya Bagi mereka yang mencari Bagi mereka yang mencoba Dan bagi mereka yang mampu memahami arti hidup bersama Kerana mereka itulah yang menghargai Pentingnya orang-orang yang pernah hadir dalam kehidupan Bersamalah dikau sampai sayap-sayap sang maut meliputimu Bahkan bersama pula kalian dalam musim sunyi Namun biarkan ada ruang antara kebersamaan itu Tempat angin syurga menari-nari diantara bahtera sakinahmu Berkasih-kasihlah namun jangan membelenggu cinta Biarkan cinta mengalir dalam setiap titisan darah Bagai mata air kehidupan Yang gemerciknya senantiasa menghidupi pantai kedua jiwa Saling isilah minumanmu Tapi jangan minum dari satu piala Saling berbagiilah rotimu Tapi jangan makan dari pinggan yang sama Menyanyilah dan menarilah bersama Dalam suka maupun duka Biarkan masing-masing menghayati waktu Masing-masing dawai biola punya kehidupan Walau lagu yang sama sedang menggetarkan Sebab itulah simfoni kehidupan Berikan hatimu Namun jangan saling menguasai Karena itu hanya mencintai pantulan diri sendiri Yang kalian temukan dalam dia Hanya tangan kehidupan yang akan mampu merangkul Tegaklah berjajar Namun jangan terlampau dekat Bukankah tiang-tiang candi tidak dibina terlalu rapat Dan pohon jati serta pohon cemara Tidak tumbuh dalam bayangan memudar Bangsa kasihan!! 2008-05-29T22:36:00.000+07:00 Kasihan bangsa yang memakai pakaian yang tidak ditenunnya Memakan roti dari gandum yang tidak dituainya Dan meminum anggur yang tidak diperasnya Kasihan bangsa yang menjadikan orang bodoh menjadi pahlawan Dan menganggap penindasan penjajah sebagai hadiah Kasihan bangsa yang meremehkan nafsu dalam mimpi-mimpinya ketika tidur Sementara menyerah padanya ketika bangun Kasihan bangsa yang tidak pernah angkat suara Kecuali jika sedang berjalan di atas kuburan Tidak sesumbar kecuali di runtuhan Dan tidak memberontak kecuali lehernya sudah berada di antara pedang dan landasan. Kasihan bangsa yang negarawannya serigala Falsafahnya karung nasi Dan senimannya tukang tambal dan tukang tiru Kasihan bangsa yang menyambut penguasa barunya Dengan trompet kehormatan namun melepasnya dengan cacian Hanya untuk menyambut penguasa baru lain dengan trompet lagi Kasihan bangsa yang orang sucinya dungu Menghitung tahun-tahun berlalu Dan orang kuatnya masih dalam gendongan Kasihan bangsa yang berpecah-belah Dan masing-masing mengangap dirinya sebagai satu bangsa NYANYIAN HUJAN 2008-05-29T22:25:00.000+07:00 Aku ini percikan benang-benang perak Yang dihamburkan dari syurga oleh dewa-dewa Alam raya kemudian meraupku Guna menyirami ladang dan lembah Aku ini taburan mutiara Yang dipetik dari mahkota Raja Ishtar Oleh sang puteri Fajar Untuk menghiasi taman-taman mayapada Pabila kuurai air mata Bukit-bukit kan tertawa Pabila aku meniup rendah Bunga-bunga bergembira Dan bila aku menunduk Segalanya cerah-ceria. Ladang dan awan mega berkasih-mesra Di antara mereka aku pembawa amanat setia Yang satu kulepas dari dahaga Yang lain kuobati dari luka. Suara guruh mengkhabarkan kedatanganku Pelangi di langit menghantar pemergianku Bagai kehidupan duniawi.. Diriku dimulakan pada kaki kekuatan alam Dan diakhiri di bawah sayap kematian Aku muncul dari dalam jantung samudera Melayang tinggi bersama pawana Pabila kulihat ladang memerlukan Aku kan turun... Kubelai mesra bunga-bunga dan pepohonan Dalam berjuta cara. Jemariku lembut bermain pada jendela-jendela kaca Dan berita yang kubawa membawa bahagia Semua orang dapat mendengar Namun hanya yang peka Dapat memahami makna Panas udara melahirkanku Namun sebagai balasannya aku membunuhnya Laksana wanita yang mengungguli jejaka Dengan kekuatan yang dihisap daripadanya. Diriku helaan nafas samudera Gelak tertawa padang ladang Dan cucuran air mata dari syurga Maka.. Disertai cinta kasih Dihela dari kedalaman laut kasih-sayang Tertawa ria dari rona padang jiwa Air mata dari kenangan syurga abadi. Nyanyian Sukma 2008-05-28T22:42:00.000+07:00 Di dasar relung jiwaku Bergema nyanyian tanpa kata sebuah lagu Yang bernafas di dalam benih hatiku, Yang tiada dicairkan oleh tinta di atas lembar kulitku Ia meneguk rasa kasihku Dalam jubah yg tipis kainnya Dan mengalirkan sayangnya Namun bukan menyentuh bibirku. Betapa dapat aku mendesahkan Aku bimbang dia mungkin berbaur dengan kerajaan fana Kepada siapa aku akan menyanyikan Dia tersimpan dalam relung sukma Kerna aku risau dia akan terhempas Di telinga pendengaran yang keras Pabila kutatap penglihatan batinku Nampak bayangan dalam bayangannya Dan pabila kusentuh hujung jemariku Terasa getaran kehadirannya Perilaku tanganku saksi bisu kehadirannya Bagai danau tenang yang memantulkan cahaya bintang-bintang bergemerlapan. Air mataku menandai sendu Bagai titik-titik embun syahdu Yang membongkarkan rahsia mawar layu. Lagu itu digubah oleh renungan Dikumandangkan oleh kesunyian Disingkiri oleh kebisingan Dilipat oleh kebenaran Diulang-ulang oleh mimpi dan bayangan Difahami oleh cinta Disembunyikan oleh kesedaran siang Dan dinyanyikan oleh sukma malam Lagu itu lagu kasih-sayang 'Cain' atau 'Esau' manakah yang mampu membawakannya berkumandang Nyanyian itu lebih semerbak wangi daripada melati Suara manakah yang dapat menangkapnya Kidung tersembunyi bagai rahsia perawan suci Getar nada mana yang mampu menggoyahnya Siapa berani menyatukan debur ombak samudra Dengan kicau bening burung malam Siapa yang berani membandingkan deru alam Dengan desah bayi yang nyenyak di buaian Siapa berani memecah sunyi Dan lantang menuturkan bisikan sanubari Yang hanya terungkap oleh hati Insan mana yang berani melagukan kidung suci Tuhan? Kasih Sayang Dan Persamaan 2008-05-28T18:51:00.000+07:00 Sahabat~Q.. Sahabatku yang papa.. Jika engkau mengetahui.. Bahawa kemiskinan yang membuatmu sengsara Itu mampu menjelaskan pengetahuan tentang Keadilan Dan pengertian tentang Kehidupan Maka engkau pasti berpuas hati dengan nasibmu. Kusebut pengetahuan tentang Keadilan : Kerana orang kaya terlalu sibuk mengumpul harta Untuk mencari pengetahuan. Dan kusebut pengertian tentang Kehidupan : Kerana orang yang kuat terlalu berhasrat mengejar kekuatan dan keagungan Bagi menempuh jalan kebenaran. Bergembiralah sahabatku yang papa.. Karena engkau merupakan penyambung lidah Keadilan Dan kitab tentang Kehidupan. Tenanglah.. Kerana engkau merupakan sumber kebajikan Bagi mereka yang memerintah terhadapmu Dan tiang kejujuran.. Bagi mereka yang membimbingmu. Jika engkau menyadari wahai sahabatku yang papa.. Bahawa malang yang menimpamu dalam hidupmu Merupakan kekuatan yang menerangi hatimu Dan membangkitkan jiwamu Dari teruk ejekan kesinggahsana kehormatan Maka engkau akan merasa berpuas hati karna pengalamanmu Dan engkau akan memandangnya sebagai pembimbingmu Serta membuatmu bijak dalam hidupmu Kehidupan ialah Suatu rantai yang tersusun oleh banyak mata rantai yang berlainan Duka merupakan salah satu mata rantai emas Antara penyerahan terhadap masa kini dan harapan masa depan Antara tidur dan jaga Sahabatku yang papa.. Kemiskinan menyalakan api keagungan jiwa Sedangkan kemewahan memperlihatkan keburukan Duka melembutkan perasaan Dan suka mengubati hati yang luka. Bila Duka dan kemelaratan dihilangkan.. Jiwa manusia akan menjadi batu tulis yang kosong Hanya memperlihatkan kemewahan dan kerakusan. Ingatlah.. Bahwa keimanan itu adalah peribadi sejati Manusia Tidak dapat ditukar dengan emas Tidak dapat dikumpul seperti harta kekayaan Mereka yang mewah sering meminggirkan keimananan Dan mendakap erat emasnya. Orang muda sekarang Janganlah sampai meninggalkan Keimananmu Hanya mengejar kepuasan diri Dan kesenangan maya semata Orang-orang papa yang kusayangi.. Saat bersama isteri dan anak Sekembalinya dari ladang merupakan waktu yang paling mesra bagi keluarga sebagai lambang kebahagiaan bagi takdir angkatan yang akan datang. Tapi hidup orang yang senang bermewahmewahan Dan suka mengumpulkan emas Pada hakikatnya seperti hidup cacing di dalam kuburan Itu menandakan ketakutan Wahai sahabatku yang papa.. Air mata yang kutangiskan.. Lebih murni daripada tawa ria orang yang ingin melupakan Dan lebih manis daripada ejekan seorang pencemooh Air mata ini membersihkan hati dan kuman benci Dan mengajar manusia ikut merasakan pedihnya hati yang patah. Benih yang kautaburkan bagi si kaya Dan akan kau tuai nanti Akan kembali pada sumbernya Sesuai dengan Hukum Alam. Dan dukacita yang kau sandang Akan dikembalikan menjadi sukacita Oleh kehendak Syurga. Dan angkatan mendatang akan mempelajari Dukacita Dan Kemelaratan sebagai pelajaran tentang Kasih Sayang dan Persamaan. puisi amburadul 2008-05-28T04:35:00.000+07:00 Bulan oh Bulan... wahai bulan.. mengapa kau menghilang dikala mentari datang. apakah karena kau tak pernah diundang wahai bulan.. mengapa kau pergi disaat menjelang pagi padahal itu bagus tuk energi wahai bulan.. begitu setianya dirimu meski kau tak pernah bertemu denga sang mentarimu kau tak pernah jemu menunggu wahai bulan.. kala purnamamu tiba kau membuatku gembira namun aku tak bisa tertawa wahai bulan.. kala sinarmu menciut kau membuat perutku mengkerut karena memang aku sedang sakit perut.. wahai bulan.. sudah berapa lamakah kau menjadi bulan. aku sekarang lagi tanggung bulan namun silih berganti datang penagih iuran belom lagi penagih angsuran membuatku seperti buronan... poucingggggggggggggggggggg!!!!!!!!..tuing****tuingggg***tuinggg**tinggg!!!

collections

Layout VITEX TRIFOLIA

Layout Green Nature

Tutorial download lagu dari IMEEM

KETERANGAN TENTANG CSS MULTPLY

Pengenalan CSS

Property Link

warna untuk link:

warna untuk link yang telah dikunjungi: a:visited

warna untuk link hover

Struktur dasar HTML

sampai

, dengan

merupakan ukuran terbesar dan

merupakan ukuran terkecil. Contoh :

Tutorial Html

Tutorial Html

...

CSS islamic

Tutorial tuk menyisipkan code HTML pada postingan... Seperti menyisipkan mp3, picture,video..and code HTML lainnya

tutorial menyisipkan sekaligus menyembunyikan lagu dari imeem pada web/blog kita

Suara hidupku

Bahaya program Anti virus

Pengenalan Virus

Sejarah Virus Komputer

pengenalan Virus

Sejarah Virus Komputer

Kemampuan Dasar Virus Komputer

Jenis-jenis Virus Komputer

A. Berdasarkan Teknik Pembuatannya

B. Berdasarkan yang dilakukan

C. Berdasarkan Media Penyebarannya

sampai hati

andai

Tutorial account YM online dalam satu PC dalam waktu bersamaan

tutorial account YM online dalam satu PC dalam waktu bersamaan

Renungan seorang Ayah

Bagaimana Menjadi Seorang Ayah

Suka-suka GW ngisi PR :-P

My Widget

test

Bisnis Internet

Do'a basmallah

Rahasia Jodoh

Bangsa kasihan!!

NYANYIAN HUJAN

Nyanyian Sukma

Kasih Sayang Dan Persamaan

puisi amburadul

merupakan ukuran terkecil.

Contoh :