Tutorial Blogger

Senin, 11 April 2011

Cara Membuat Forum Login

Senin, 11 April 2011 | 00.57

Noercholis

13 comments

Untuk membuat forum login banyak langkah yang bisa kita pakai. Kita bisa membuat forum tersebut menggunakan layanan gratis. Tapi bila anda ingin membuat forum login yang digunakan untuk masuk ke blogger dengan akun google, dibawah ini adalah kode yang biasa anda gunakan. Andabisa memasang forum loginnya di side bar, atau dimana saja sesuai selera anda.
Bila anda berminat, silahkan anda copy kode berikut :

<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()">
<input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div>
<label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div>
<div>
<label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div>
<br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>

Ok...., Silahkan anda coba dan Semoga bermanfaat....

Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini.

Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Ping your blog, website, or RSS feed for Free

Minggu, 10 April 2011

Cara agar postingan tidak dapat di Copy Paste

Minggu, 10 April 2011 | 20.56

Noercholis

25 comments

Bila anda menginginkan karya maupun postingan atau apapun yang tampilkan di web atau blog tdak bisa di copy paste oleh pengunjung, berikut cara membuatnya. Silahkan anda ikuti langkah - langkahnya :

1. Masuk ke Dasbor
2. Klik tab Tata Letak/Layout/Rancangan
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari kode <head>
6. Kalau sudah ketemu, anda Copy Pastekan script yang ada dibawah ini "Persis setelah kode <head>".

7. Klik Simpan Template.

Ok...., Silahkan anda coba dan Semoga bermanfaat....
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Membuat pesan selamat datang pada Blog

| 20.34

Noercholis

16 comments

Pesan selamat datang berguna untuk memberikan ucapan salam pada pengunjung yang datang pada blog kita. Selain selamat datang, kita juga bisa memberi salam berpisah pada pengunjung pada saat akan meninggalkan blog kita.
Bila anda berminat silahkan anda ikuti langkah - langkah berikut :

1. Silahkan anda Login Blog anda
2. Pilih Layout
3. KlikEdit HTML
4. Lalu masukkan kode dibawah ini dibawah kode <head>

Nah..., kita sudah membuat ucapan selamat datang. Dan seperti yang saya sebutkan diatas, kita juga bisa memberi ucapan selamat berpisah atau pesan apa saja, ketika pengunjung meninggalkan blog kita.
Caranya sama dengan yang diatas, kita tinggal taruh kode dibawah ini setelah kode selamat datang yang anda taruh tadi :

Nah.... nantinya kode-kode tersebut akan terlihat seperti dibawah ini :

// goodbye alert function goodbye(){alert(' Jangan lupa mampir lagi ya.... ');}

parent.window.onunload=goodbye;</script>

Cara Membuat Text Area blok Otomatis

| 05.26

Noercholis

5 comments

Ketika kita sedang berkunjung disuatu situs, kadang kita diberikan suatu kode html atau java script. Entah itu kode baner atau apalah yang penting kode-kode yang berada pada sebuah kotak. Dan kode tersebut secara otomatis terblok sendiri, hanya dengan menggerakkan mouse diatas kotak area berisi kode-kode tersebut, itulah yang dinamakan Teks Area Blok Otomatis. Saya yakin anda sudah pernah menjumpai yang namanya teks area blok otomatis.

Naah.....contohnya coba anda gerakkan mouse diarea teks dibawah ini :

Lho kerren kan....? Sory lho anda habis dimarain ya..... karena nggerakin mouse di area tadi....Bercanda....

Silahkan anda copy and paste saja kode kode berikut :

<div>
<form name="noer cholis">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 200; height: 30" name="txt" rows="3" cols="45" onmouseover="this.form.txt.select()" readonly ;>
TEKS KAMU DISINI</textarea></p>
</div>

Senin, 04 April 2011

Cara Membuat Navigasi Halaman

Senin, 04 April 2011 | 20.39

Noercholis

3 comments

Cara lain untuk memudahkan pengunjung mencari artikel yang ada pada blog kita adalah memberi tombol navigasi halaman yang berada dibawah artikel. Selain memberikan nomor urut semua halaman yang ada, widget ini juga dilengkapi dengan tombol "Next" dan "Previous".
Bila anda berminat silahkan ikuti langkah - langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan dan pilih Edit HTML.

3. Sebaiknya Download Template Lengkap (back-up Template)terlebih dulu, agar template aman, bila terjadi kesalahan.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :

]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat diatas kode ]]></b:skin> :

6. Simpan template.
7. Setelah template tersimpan lalu pilih Elemen Laman.
8. Tambah Gadget yang ada dibawah blog post.
9. Pilih "html/java script".
10.Copy Kode dibawah ini dan paste pada gadget tersebut:

11.Simpan dan selesai.

CSS Dimensi

| 03.57

Noercholis

2 comments

Fitur CSS Dimensi berfungsi untuk mengontrol tinggi dan lebar suatu elemen seperti gambar dan paragraf teks. Baik Mengatur tinggi dari suatu elemen dengan menggunakan persen, Mengatur lebar suatu elemen menggunakan nilai piksel, Mengatur tinggi dan lebar maksimum atau minimum suatu elemen.

Berikut contoh penggunaan Fitur CSS Dimensi pada gambar :

Berikut hasilnya :

Catatan : Untuk satuan nilai bisa menggunakan Pixel ataupun % , dan Ulr image silahkan anda ganti dengan milik anda.

Berikut contoh penggunaan Fitur CSS Dimensi pada Teks :

1. Lebar Maksimum

max-width:150px;

}
</style>

<div class="Teks">Pada contoh ini teks menggunakan pengaturan lebar maksimum 150px, sehingga ruang yang digunakan teks ini tidak lebih dari 150px</div>

Berikut hasilnya :

Pada contoh ini teks menggunakan pengaturan lebar maksimum 150px, sehingga ruang yang digunakan teks ini tidak lebih dari 150px

2. Tinggi Maksimum

<div class="Teks">Pada contoh ini teks menggunakan pengaturan tinggi maksimum 50px, sehingga ruang yang digunakan teks ini tidak lebih dari 50px</div>

Berikut hasilnya :

Pada contoh ini teks menggunakan pengaturan tinggi maksimum 50px, sehingga ruang yang digunakan teks ini tidak lebih dari 50px.

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Jumat, 01 April 2011

1 komentar

CSS Padding

Jumat, 01 April 2011 | 10.20

Noercholis

1 comment

Properti CSS padding berfungsi untuk mengatur jarak antara elemen dengan isi elemen, misalnya mengatur posisi teks yang ada didalam border, tabel dll. Seperti halnya css margin, dalam penerapannya Properti CSS padding, kita dapat menententukan nilainya dalam satu properti atau satu baris kode css sehingga lebih ringkas. Tetapi Properti CSS padding juga dapat ditulis secara masing - masing antara bagian kanan, kiri, atas, dan bawah.

Lebih jelasnya,silahkan anda perhatikan penulisan berikut :

Contoh-A

Anda lihat posisi teks dibawah ini :

Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.

Contoh-B

Anda lihat posisi teks dibawah ini :

Contoh-C

Anda lihat posisi teks dibawah ini :

Contoh-D

Anda lihat posisi teks dibawah ini :

Catatan : Untuk satuan nilai kita bisa menggunakan satuan " cm, px, em, atau %"

Ok...., Silahkan anda bisa coba mengganti nilai ukurannya sesuka anda, agar terlihat perbedaan hasilnya.

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

CSS Margin

| 09.37

Noercholis

6 comments

Properti CSS margin berfungsi untuk mengatur jarak atau membuat ruang kosong, baik bagian kanan, kiri, atas, dan bawah disekitar elemen seperti box, teks, gambar dll. Dalam penerapannya Properti CSS margin, kita dapat menententukan nilainya dalam satu properti atau satu baris kode css sehingga lebih ringkas. Tetapi Properti CSS margin juga dapat ditulis secara masing - masing antara bagian kanan, kiri, atas, dan bawah.

Lebih jelasnya,silahkan anda perhatikan penulisan berikut :

Contoh A

Anda lihat posisi teks dibawah ini :

CSS atau Cascading Style Sheet adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. Dengan kata lain Css adalah merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Contoh B

Anda lihat posisi teks dibawah ini :

Contoh C

Anda lihat posisi teks dibawah ini :

Contoh D

Penulisan diatas sama penulisannya dengan :

Anda lihat posisi teks dibawah ini :

Catatan : Untuk satuan nilai kita bisa menggunakan satuan " cm, px, em, atau %"

Ok...., Silahkan anda bisa coba mengganti nilai ukurannya sesuka anda, agar terlihatperbedaan hasilnya. Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Rabu, 30 Maret 2011

CSS Border-Radius

Rabu, 30 Maret 2011 | 22.24

Noercholis

2 comments

Fungsi Properti css border - radius memudahkan kita merubah sudut pada sebuah box atau kotak menjadi tumpul atau melengkung. Bahkan dengan properti css border - radius ini kita bisa membuat sebuah lingkaran. Dan masing - masing sudut bisa diatur nilainnya secara sendiri - sendiri, seperti bagian atas - kanan, atas - kiri, bawah - kanan, dan bawah - kiri.

Contoh A

Berikut hasilnya :

Contoh B

Berikut hasilnya :

Contoh C

Berikut hasilnya :

Contoh D

Berikut hasilnya :

Contoh E

Berikut hasilnya :

Contoh F

Berikut hasilnya :

Ok...., Silahkan anda bisa coba mengganti nilai ukurannya sesuka anda, agar terlihat perbedaan hasilnya.

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

CSS BOX dan Fungsinya

| 21.04

Noercholis

2 comments

Fitur Css Box digunakan pada saat kita membuat desain web termasuk mengatur tata letaknya. Css Box pada dasarnya adalah sebuah kotak yang membungkus elemen HTML, dan sesuai fungsi tata letaknya Fitur Css Box terdiri atas: margin, border, padding, dan konten.

    * Properti Margin berfungsi membuat ruang kosong atau memberikan jarak disekitar border.
    * Properti Border yaitu Sebuah batas yang terjadi di sekitar padding dan konten.
    * Properti Padding berfungsi membuat ruang kosong atau memberikan jarak disekitar konten.
    * Properti Content berfungsi sebagai Isi kotak, di mana teks dan gambar ditampilkan

Lebih jelasnya silahkan perhatikan gambar dibawah ini :

Berikut kode penggunaan box dalam fitur css :

Berikut hasilnya :

Contoh ini menunjukkan bahwa margin atau jarak dari kiri hingga border dengan nilai 15px, sedang jarak dari border hingga konten atau teks ini dengan nilai 10px. Dan lebar border 400px dengan ketebalan border 10px

Ok...., Silahkan anda bisa coba mengganti nilai-nilai dari margin, border, lebar border, atau paddingnya sesuka anda, agar terlihat perbedaan hasilnya.

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Senin, 28 Maret 2011

CSS BORDER

Senin, 28 Maret 2011 | 21.47

Noercholis

2 comments

Banyak sekali properti dari fitur css border, yang semuanya berfungsi mengatur tampilan gaya dan warna dari sebuah border. Berikut beberapa properti dari fitur css border yang bisa kita gunakan dalam pembuatan web atau untuk keperluan lain :

1. Border-style
Properti ini dapat mengatur tampilan border dengan bermacam-macam bentuk dan efek.

div.dotted {border-style:dotted;}

</style>

<div class="dotted">TEKS DISINI</div>

div.dashed {border-style:dashed;}

</style>

<div class="dashed">TEKS DISINI</div>

div.solid {border-style:solid;}

</style>

<div class="solid">TEKS DISINI</div>

div.double {border-style:double;}

</style>

<div class="double">TEKS DISINI</div>

div.groove {border-style:groove;}

</style>

<div class="groove">TEKS DISINI</div>

div.ridge {border-style:ridge;}

</style>

<div class="ridge">TEKS DISINI</div>

div.inset {border-style:inset;}

</style>

<div class="inset">TEKS DISINI</div>

2. Border-width
Properti border-width digunakan untuk mengatur ketebalan border. Dan nilai ketebalan border bisa diatur dengan satuan nilai Pixel (px) atau menggunakan nilai yang sudah ditentukan yaitu thin, medium, dan thick.

3. Border-Color
Properti border-Color yang digunakan untuk mengatur warna border.Dan pengaturan warna kita bisa menggunakan penulisan kode seperti :

nama-nama warna, penulisannya "red, blue, green, dll"
RGB, penulisannya dengan nilai RGB, seperti "rgb(225, 225, 225)"
Hex, penulisannya dengan nilai hex, seperti "# FF0000"

4. Contoh Border lain
Kita bisa menentukan ukuran kertebalan dan warna hanya pada border bagian atas, bawah, maupun samping.

Ok...., Silahkan anda bisa mengexplore sendiri bentuk border yang lain sesuai keinginan anda sambil belajar. Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

CSS LIST

| 16.53

Noercholis

7 comments

Seperti halnya HTML List, fitur css List juga berfungsi untuk membuat sebuah List atau tanda pada daftar. Dalam hal ini ada tiga macam bentuk yang bisa kita gunakan yaitu :

Ordered lists adalah daftar item yang ditandai dengan bentuk lingkaran kecil ataupun kotak kecil.

Unordered lists adalah daftar item yang ditandai dengan bentuk angka atau huruf.

Image lists adalah daftar item yang ditandai dengan bentuk gambar.

1. Ordered lists

Berikut hasilnya :

Bentuk lingkaran
Lingkaran kecil
Lingkaran blok

Bentuk lingkaran
Lingkaran kecil
Lingkaran lubang

Bentuk kotak
Kotak kecil
Kotak blok

2. Unordered

Berikut hasilnya :

Bentuk angka
Bentuk angka
Bentuk angka

Bentuk angka dg Nol didepannya
Bentuk angka dg Nol didepannya
Bentuk angka dg Nol didepannya

Bentuk huruf romawi kecil
Bentuk huruf romawi kecil
Bentuk huruf romawi kecil

Bentuk huruf romawi besar
Bentuk huruf romawi besar
Bentuk huruf romawi besar

Bentuk huruf abjad kecil
Bentuk huruf abjad kecil
Bentuk huruf abjad kecil

Bentuk huruf abjad besar
Bentuk huruf abjad besar
Bentuk huruf abjad besar

Bentuk simbol 1
Bentuk simbol 1
Bentuk simbol 1

Bentuk simbol 2
Bentuk simbol 2
Bentuk simbol 2

Bentuk simbol 3
Bentuk simbol 3
Bentuk simbol 3

3. Image lists

ul.o {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjafM1Sk2aMrBMH9ddhWuCLjlIIbG09Cb_be55frH5NQR6ir5dO79D2y-Za3YRYoGA2myrPapKobWgu1FCKS8v5xR-ZJ_15KTypTFaXzf54XjPghI27dMJIrfXZfdm4J7l1LDdaSaSyBiK_/s104/List+1.jpg');}

ul.p {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidveQNjTAtbY3iQe10vb1TotbDcsjeoIwkg8PTezWgcfi3MXS-IHqDx28emJ976XlniZsO64R9YUscLcj8kTYCWOfDMzQ5Q2nTjCIGb4FMSanHxHfyLgLhWe9OgxEZEyIltaJiYV3lPygk/s104/List+2.jpg');}

ul.q {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXFwAV0k_6Y8152rjJDxoA2EbD2O6KXpRS6WnisXASFURH3L8tDcYl6UT0-lbscWhbGpYi6ou8E9Cabg9i037YK2PXIC9I1nD7bJGmYl-LXGW9zfxu7TvsjjboHMPX2gZb9ASEpYQPXPLD/s104/List+3.jpg');}

ul.r {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjffT4FNXU8LoTKjkvzaTR4e_V-4DHTvOlhUHT5BMSo9gTcPWZE5abL6jkshRuqvrIwGYbDs3F2mHld0QtS61PeEm6ZxX-Dcoxs8348m5K8llq-ZV-KT3TDOvpPNfl7gjsWbEV3OCBDRJtC/s104/List+4.jpg');}

ul.s {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHQpuCaUSJFl2T4jemvIMBfF81Gb1nj7MHz8cq9fsME2vpHVtgOaO5x3SqDWGL1VmuOkIIWBA_eQIlieVTEfk72hLVMAzDEi-rzSxvo3FnrtE2ffMwdlIukMUMfsvIwQAMW7rOQ8zkidj0/s104/List+5.jpg');}

ul.t {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAHLzO-dC-1SB5jRjJUXFD02P4S8A2OG3sag2feJH_zpBHIuuw3KKKZbrlv5H2FagFge682e8gGzl2k6SgO-FlBRrDOVf3s95KYiY_pFLIjIfvLMKRGn91MIM2R4Forb1Yn_kbIWJX1Sk7/s104/List+6.jpg');}

</style>

<ul class="o">
<li>Bentuk gambar 1</li>
<li>Bentuk gambar 1</li>
<li>Bentuk gambar 1</li>
</ul>

<ul class="p">
<li>Bentuk gambar 2</li>
<li>Bentuk gambar 2</li>
<li>Bentuk gambar 2</li>
</ul>

<ul class="q">
<li>Bentuk gambar 3</li>
<li>Bentuk gambar 3</li>
<li>Bentuk gambar 3</li>
</ul>

<ul class="r">
<li>Bentuk gambar 4</li>
<li>Bentuk gambar 4</li>
<li>Bentuk gambar 4</li>
</ul>

<ul class="s">
<li>Bentuk gambar 5</li>
<li>Bentuk gambar 5</li>
<li>Bentuk gambar 5</li>
</ul>

<ul class="t">
<li>Bentuk gambar 6</li>
<li>Bentuk gambar 6</li>
<li>Bentuk gambar 6</li>
</ul>

Berikut hasilnya :

Bentuk gambar 1
Bentuk gambar 1
Bentuk gambar 1

Bentuk gambar 2
Bentuk gambar 2
Bentuk gambar 2

Bentuk gambar 3
Bentuk gambar 3
Bentuk gambar 3

Bentuk gambar 4
Bentuk gambar 4
Bentuk gambar 4

Bentuk gambar 5
Bentuk gambar 5
Bentuk gambar 5

Bentuk gambar 6
Bentuk gambar 6
Bentuk gambar 6

Catatan :

Silahkan anda ganti Ulr gambar List dengan Ulr gambar List milik anda.

Untuk penerapan, anda bisa pilih salah satu bentuk yang disukai dan langsung ditempatkan pada posting bisa, langsung pada gadget juga bisa. Jadi bila salah satu yg dipakai (misal saya pakai List yg paling bawah), maka kode yg dipakai jadi seperti ini :

</style>

<li>Bentuk gambar 6</li>

</ul>

Catatan : Huruf "t" yg berwarna biru merupakan ID, anda bisa ganti ID seperti huruf "t" diatas dgn nama bebas asal keduannya sama.

Bila ditambahkan Link, maka jadinya seperti berikut :

</style>

<li><a href="http://www.carabuatwebgratis.com/search/label/css list">Label CSS List</a></li>

<li><a href="http://www.carabuatwebgratis.com/search/label/css">Label CSS</a></li>

</ul>

Catatan : Jangan lupa ganti ukuran gambar berwarna pink (utk blogger biasanya s104 atau h104), dengan ukuran lebih kesil misal: "15px" , sehingga menjadi s15 atau h15.

List pertama adalah contoh Link langsung keartikel
List kedua adalah contoh Link Label CSS List
List ketiga adalah contoh Link Label CSS

Berikut hasilnya :

Ok...., Selamat mencoba dan Semoga bermanfaat....
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini.
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Minggu, 27 Maret 2011

CSS LINK

Minggu, 27 Maret 2011 | 01.29

Noercholis

2 comments

Penggunaan css pada fitur css link sangat bervariasi. Ada banyak fungsi pada fitur css link, kita bisa mengatur warna link, warna latar pada link, merubah warna pada saat dikunjungi ataupun warna bila link dipilih atau diklik.

Beberapa properti yang digunakan yaitu :
    * a: link - link, normal belum dikunjungi
    * a: visited - link pengguna telah mengunjungi
    * a: hover - link ketika krusor mouse di atasnya
    * a: active - link saat itu diklik

Berikut contoh-contoh Penggunaan fitur Css Link :
1. Menambahkan warna link, saat dikunjungi serta pada saat diklik

Berikut hasilnya :

Cara Buat Web Gratis

2. Penggunaan text-decoration pada link

Berikut hasilnya :

Cara Buat Web Gratis

3. Menentukan warna latar belakang untuk link

Berikut hasilnya :

Cara Buat Web Gratis

4. Memberikan efek lain pada link