Faktor Inheritance Pada CSS

<stle>
p { color: purple; }
strong { font-size:20px; }
</style>

Contoh Penulisan HTML-nya :

Contoh Tampilannya :

Inheritance Pada CSS, cara membuat Inheritance Pada CSS, cara membikin Jenis Media pada CSS, tutorial Inheritance Pada CSS, sample Inheritance Pada CSS, contoh Inheritance Pada CSS, seputar Inheritance Pada CSS, download Jenis Media pada CSS, Inheritance Pada CSS untuk html, Inheritance Pada CSS untuk web site, tampilan Inheritance Pada CSS di web, script Inheritance Pada CSS, contoh script Inheritance Pada CSS, design Inheritance Pada CSS, style Jenis Media pada CSS, pelajaran Inheritance Pada CSS, Inheritance Pada CSS code, Inheritance Pada CSS kode, mengenai Inheritance Pada CSS, penggunaan Jenis Media pada CSS, macam- macam Inheritance Pada CSS, tips Inheritance Pada CSS, trick Inheritance Pada CSS, panduan Inheritance Pada CSS, bacaan Jenis Media pada CSS, artikel Inheritance Pada CSS, pustaka Inheritance Pada CSS, wikipedia Inheritance Pada CSS, penggunaan Inheritance Pada CSS, belajar Jenis Media pada CSS, kumpulan tentang Inheritance Pada CSS, masalah Jenis Media pada CSS, menangani Inheritance Pada CSS, ulasan Inheritance Pada CSS, tampilan Inheritance Pada CSS di web, Inheritance Pada CSS di blogger, Jenis Media pada CSS di situs, Inheritance Pada CSS di web, Inheritance Pada CSS di facebook, Inheritance Pada CSS di myspace, Inheritance Pada CSS, di tweeter, Jenis Media pada CSS untuk blogger, Inheritance Pada CSS untuk situs, Jenis Media pada CSS untuk web, Inheritance Pada CSS untuk facebook, Inheritance Pada CSS untuk myspace, Inheritance Pada CSS, untuk tweeter, Inheritance Pada CSS, Jenis Media pada CSS how to create, how to make Inheritance Pada CSS, Jenis Media pada CSS tutorials, sample Inheritance Pada CSS, Inheritance Pada CSS example, about Inheritance Pada CSS, download Inheritance Pada CSS, Jenis Media pada CSS to html, web site for the Inheritance Pada CSS, Inheritance Pada CSS display on the web, Inheritance Pada CSS scripts, example scripts Jenis Media pada CSS, Inheritance Pada CSS design, style Inheritance Pada CSS, Jenis Media pada CSS lessons, code Inheritance Pada CSS, Inheritance Pada CSS code, about Inheritance Pada CSS, Inheritance Pada CSS usage, various Jenis Media pada CSS, Inheritance Pada CSS tips, tricks Inheritance Pada CSS, Jenis Media pada CSS guide, reading Inheritance Pada CSS, articles Inheritance Pada CSS, Jenis Media pada CSS library, wikipedia Inheritance Pada CSS, Inheritance Pada CSS usage, learn Inheritance Pada CSS, a collection of Inheritance Pada CSS, Jenis Media pada CSS problem, handle Inheritance Pada CSS, Inheritance Pada CSS review, the look on the web Inheritance Pada CSS, Inheritance Pada CSS in blogger, Inheritance Pada CSS on the site, Inheritance Pada CSS on the web, facebook Inheritance Pada CSS, Inheritance Pada CSS on myspace, Jenis Media pada CSS, on the tweeter, for bloggers Inheritance Pada CSS, Jenis Media pada CSS to the site, Inheritance Pada CSS for the web, Inheritance Pada CSS for facebook, myspace to Inheritance Pada CSS, Inheritance Pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

<stle>
p { color: purple; }
strong { font-size:20px; }
</style>

Contoh Penulisan HTML-nya :

Contoh Tampilannya :

Inheritance Pada CSS, cara membuat Inheritance Pada CSS, cara membikin Jenis Media pada CSS, tutorial Inheritance Pada CSS, sample Inheritance Pada CSS, contoh Inheritance Pada CSS, seputar Inheritance Pada CSS, download Jenis Media pada CSS, Inheritance Pada CSS untuk html, Inheritance Pada CSS untuk web site, tampilan Inheritance Pada CSS di web, script Inheritance Pada CSS, contoh script Inheritance Pada CSS, design Inheritance Pada CSS, style Jenis Media pada CSS, pelajaran Inheritance Pada CSS, Inheritance Pada CSS code, Inheritance Pada CSS kode, mengenai Inheritance Pada CSS, penggunaan Jenis Media pada CSS, macam- macam Inheritance Pada CSS, tips Inheritance Pada CSS, trick Inheritance Pada CSS, panduan Inheritance Pada CSS, bacaan Jenis Media pada CSS, artikel Inheritance Pada CSS, pustaka Inheritance Pada CSS, wikipedia Inheritance Pada CSS, penggunaan Inheritance Pada CSS, belajar Jenis Media pada CSS, kumpulan tentang Inheritance Pada CSS, masalah Jenis Media pada CSS, menangani Inheritance Pada CSS, ulasan Inheritance Pada CSS, tampilan Inheritance Pada CSS di web, Inheritance Pada CSS di blogger, Jenis Media pada CSS di situs, Inheritance Pada CSS di web, Inheritance Pada CSS di facebook, Inheritance Pada CSS di myspace, Inheritance Pada CSS, di tweeter, Jenis Media pada CSS untuk blogger, Inheritance Pada CSS untuk situs, Jenis Media pada CSS untuk web, Inheritance Pada CSS untuk facebook, Inheritance Pada CSS untuk myspace, Inheritance Pada CSS, untuk tweeter, Inheritance Pada CSS, Jenis Media pada CSS how to create, how to make Inheritance Pada CSS, Jenis Media pada CSS tutorials, sample Inheritance Pada CSS, Inheritance Pada CSS example, about Inheritance Pada CSS, download Inheritance Pada CSS, Jenis Media pada CSS to html, web site for the Inheritance Pada CSS, Inheritance Pada CSS display on the web, Inheritance Pada CSS scripts, example scripts Jenis Media pada CSS, Inheritance Pada CSS design, style Inheritance Pada CSS, Jenis Media pada CSS lessons, code Inheritance Pada CSS, Inheritance Pada CSS code, about Inheritance Pada CSS, Inheritance Pada CSS usage, various Jenis Media pada CSS, Inheritance Pada CSS tips, tricks Inheritance Pada CSS, Jenis Media pada CSS guide, reading Inheritance Pada CSS, articles Inheritance Pada CSS, Jenis Media pada CSS library, wikipedia Inheritance Pada CSS, Inheritance Pada CSS usage, learn Inheritance Pada CSS, a collection of Inheritance Pada CSS, Jenis Media pada CSS problem, handle Inheritance Pada CSS, Inheritance Pada CSS review, the look on the web Inheritance Pada CSS, Inheritance Pada CSS in blogger, Inheritance Pada CSS on the site, Inheritance Pada CSS on the web, facebook Inheritance Pada CSS, Inheritance Pada CSS on myspace, Jenis Media pada CSS, on the tweeter, for bloggers Inheritance Pada CSS, Jenis Media pada CSS to the site, Inheritance Pada CSS for the web, Inheritance Pada CSS for facebook, myspace to Inheritance Pada CSS, Inheritance Pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- Dalam sebuah dokumen HTML, tag memiliki hubungan yang erat antara parent dan child-nya. Sebagai contoh, tag <title> selalu di dalam tag <head>, sehingga tag <head> adalah induk dari tag <title>. Berarti bahwa node child akan mewarisi gaya yang didefinisikan untuk node parent-nya, kecuali bahwa gaya (properti) secara eksplisit didefinisikan dalam bentuk node child.

Contoh Penulisan CSS :

<stle>
p { color: purple; }
strong { font-size:20px; }
</style>

Contoh Penulisan HTML-nya :

Contoh Tampilannya :

Inheritance Pada CSS, cara membuat Inheritance Pada CSS, cara membikin Jenis Media pada CSS, tutorial Inheritance Pada CSS, sample Inheritance Pada CSS, contoh Inheritance Pada CSS, seputar Inheritance Pada CSS, download Jenis Media pada CSS, Inheritance Pada CSS untuk html, Inheritance Pada CSS untuk web site, tampilan Inheritance Pada CSS di web, script Inheritance Pada CSS, contoh script Inheritance Pada CSS, design Inheritance Pada CSS, style Jenis Media pada CSS, pelajaran Inheritance Pada CSS, Inheritance Pada CSS code, Inheritance Pada CSS kode, mengenai Inheritance Pada CSS, penggunaan Jenis Media pada CSS, macam- macam Inheritance Pada CSS, tips Inheritance Pada CSS, trick Inheritance Pada CSS, panduan Inheritance Pada CSS, bacaan Jenis Media pada CSS, artikel Inheritance Pada CSS, pustaka Inheritance Pada CSS, wikipedia Inheritance Pada CSS, penggunaan Inheritance Pada CSS, belajar Jenis Media pada CSS, kumpulan tentang Inheritance Pada CSS, masalah Jenis Media pada CSS, menangani Inheritance Pada CSS, ulasan Inheritance Pada CSS, tampilan Inheritance Pada CSS di web, Inheritance Pada CSS di blogger, Jenis Media pada CSS di situs, Inheritance Pada CSS di web, Inheritance Pada CSS di facebook, Inheritance Pada CSS di myspace, Inheritance Pada CSS, di tweeter, Jenis Media pada CSS untuk blogger, Inheritance Pada CSS untuk situs, Jenis Media pada CSS untuk web, Inheritance Pada CSS untuk facebook, Inheritance Pada CSS untuk myspace, Inheritance Pada CSS, untuk tweeter, Inheritance Pada CSS, Jenis Media pada CSS how to create, how to make Inheritance Pada CSS, Jenis Media pada CSS tutorials, sample Inheritance Pada CSS, Inheritance Pada CSS example, about Inheritance Pada CSS, download Inheritance Pada CSS, Jenis Media pada CSS to html, web site for the Inheritance Pada CSS, Inheritance Pada CSS display on the web, Inheritance Pada CSS scripts, example scripts Jenis Media pada CSS, Inheritance Pada CSS design, style Inheritance Pada CSS, Jenis Media pada CSS lessons, code Inheritance Pada CSS, Inheritance Pada CSS code, about Inheritance Pada CSS, Inheritance Pada CSS usage, various Jenis Media pada CSS, Inheritance Pada CSS tips, tricks Inheritance Pada CSS, Jenis Media pada CSS guide, reading Inheritance Pada CSS, articles Inheritance Pada CSS, Jenis Media pada CSS library, wikipedia Inheritance Pada CSS, Inheritance Pada CSS usage, learn Inheritance Pada CSS, a collection of Inheritance Pada CSS, Jenis Media pada CSS problem, handle Inheritance Pada CSS, Inheritance Pada CSS review, the look on the web Inheritance Pada CSS, Inheritance Pada CSS in blogger, Inheritance Pada CSS on the site, Inheritance Pada CSS on the web, facebook Inheritance Pada CSS, Inheritance Pada CSS on myspace, Jenis Media pada CSS, on the tweeter, for bloggers Inheritance Pada CSS, Jenis Media pada CSS to the site, Inheritance Pada CSS for the web, Inheritance Pada CSS for facebook, myspace to Inheritance Pada CSS, Inheritance Pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowType Media Pada CSS - On Maskibow

Type Media Pada CSS

Sebagai contoh, stylesheet dapat diterapkan ketika dokumen yang diberikan ada pada layar, dan jika Stylesheet yang berbeda juga dapat diterapkan pada dokumen yang sama yang akan dicetak. Sintaks untuk menentukan jenis media untuk stylesheet yang adalah sebagai berikut:

External Link

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Embed

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Import

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

@import url("style.css") [type media-nya];

Macam-macam dari nilai yang digunakan untuk [media type] terdapat antara lain :

Value / Nilai	Di pergunakan Untuk
all	Semua Perangkat
aural	Perangkat Suara
braille	Perangkat Umpan balik Braille
handheld	Perangkat handheld
print	Materi yang akan di cetak
projection	Proyektor Presentasi
screen	Layar Komputer
tty	Media yang menggunakan Grid detail
tv	Perangkat TV

Contoh Penulisan-nya CSS yang sering di gunakan yaitu pada EMBED:

Tampilan HTML dengan tag DIV ini akan muncul pada layar komputer sesuai dengan code yang dituliskan di atas

Contoh Tampilannya :

Jenis Media pada CSS, cara membuat Jenis Media pada CSS, cara membikin Jenis Media pada CSS, tutorial Jenis Media pada CSS, sample Jenis Media pada CSS, contoh Jenis Media pada CSS, seputar Jenis Media pada CSS

Jenis Media pada CSS, cara membuat Jenis Media pada CSS, cara membikin Jenis Media pada CSS, tutorial Jenis Media pada CSS, sample Jenis Media pada CSS, contoh Jenis Media pada CSS, seputar Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS untuk html, Jenis Media pada CSS untuk web site, tampilan Jenis Media pada CSS di web, script Jenis Media pada CSS, contoh script Jenis Media pada CSS, design Jenis Media pada CSS, style Jenis Media pada CSS, pelajaran Jenis Media pada CSS, Jenis Media pada CSS code, Jenis Media pada CSS kode, mengenai Jenis Media pada CSS, penggunaan Jenis Media pada CSS, macam- macam Jenis Media pada CSS, tips Jenis Media pada CSS, trick Jenis Media pada CSS, panduan Jenis Media pada CSS, bacaan Jenis Media pada CSS, artikel Jenis Media pada CSS, pustaka Jenis Media pada CSS, wikipedia Jenis Media pada CSS, penggunaan Jenis Media pada CSS, belajar Jenis Media pada CSS, kumpulan tentang Jenis Media pada CSS, masalah Jenis Media pada CSS, menangani Jenis Media pada CSS, ulasan Jenis Media pada CSS, tampilan Jenis Media pada CSS di web, Jenis Media pada CSS di blogger, Jenis Media pada CSS di situs, Jenis Media pada CSS di web, Jenis Media pada CSS di facebook, Jenis Media pada CSS di myspace, Jenis Media pada CSS, di tweeter, Jenis Media pada CSS untuk blogger, Jenis Media pada CSS untuk situs, Jenis Media pada CSS untuk web, Jenis Media pada CSS untuk facebook, Jenis Media pada CSS untuk myspace, Jenis Media pada CSS, untuk tweeter, Jenis Media pada CSS, Jenis Media pada CSS how to create, how to make Jenis Media pada CSS, Jenis Media pada CSS tutorials, sample Jenis Media pada CSS, Jenis Media pada CSS example, about Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS to html, web site for the Jenis Media pada CSS, Jenis Media pada CSS display on the web, Jenis Media pada CSS scripts, example scripts Jenis Media pada CSS, Jenis Media pada CSS design, style Jenis Media pada CSS, Jenis Media pada CSS lessons, code Jenis Media pada CSS, Jenis Media pada CSS code, about Jenis Media pada CSS, Jenis Media pada CSS usage, various Jenis Media pada CSS, Jenis Media pada CSS tips, tricks Jenis Media pada CSS, Jenis Media pada CSS guide, reading Jenis Media pada CSS, articles Jenis Media pada CSS, Jenis Media pada CSS library, wikipedia Jenis Media pada CSS, Jenis Media pada CSS usage, learn Jenis Media pada CSS, a collection of Jenis Media pada CSS, Jenis Media pada CSS problem, handle Jenis Media pada CSS, Jenis Media pada CSS review, the look on the web Jenis Media pada CSS, Jenis Media pada CSS in blogger, Jenis Media pada CSS on the site, Jenis Media pada CSS on the web, facebook Jenis Media pada CSS, Jenis Media pada CSS on myspace, Jenis Media pada CSS, on the tweeter, for bloggers Jenis Media pada CSS, Jenis Media pada CSS to the site, Jenis Media pada CSS for the web, Jenis Media pada CSS for facebook, myspace to Jenis Media pada CSS, Jenis Media pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

External Link

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Embed

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Import

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

@import url("style.css") [type media-nya];

Macam-macam dari nilai yang digunakan untuk [media type] terdapat antara lain :

Value / Nilai	Di pergunakan Untuk
all	Semua Perangkat
aural	Perangkat Suara
braille	Perangkat Umpan balik Braille
handheld	Perangkat handheld
print	Materi yang akan di cetak
projection	Proyektor Presentasi
screen	Layar Komputer
tty	Media yang menggunakan Grid detail
tv	Perangkat TV

Contoh Penulisan-nya CSS yang sering di gunakan yaitu pada EMBED:

Tampilan HTML dengan tag DIV ini akan muncul pada layar komputer sesuai dengan code yang dituliskan di atas

Contoh Tampilannya :

Jenis Media pada CSS, cara membuat Jenis Media pada CSS, cara membikin Jenis Media pada CSS, tutorial Jenis Media pada CSS, sample Jenis Media pada CSS, contoh Jenis Media pada CSS, seputar Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS untuk html, Jenis Media pada CSS untuk web site, tampilan Jenis Media pada CSS di web, script Jenis Media pada CSS, contoh script Jenis Media pada CSS, design Jenis Media pada CSS, style Jenis Media pada CSS, pelajaran Jenis Media pada CSS, Jenis Media pada CSS code, Jenis Media pada CSS kode, mengenai Jenis Media pada CSS, penggunaan Jenis Media pada CSS, macam- macam Jenis Media pada CSS, tips Jenis Media pada CSS, trick Jenis Media pada CSS, panduan Jenis Media pada CSS, bacaan Jenis Media pada CSS, artikel Jenis Media pada CSS, pustaka Jenis Media pada CSS, wikipedia Jenis Media pada CSS, penggunaan Jenis Media pada CSS, belajar Jenis Media pada CSS, kumpulan tentang Jenis Media pada CSS, masalah Jenis Media pada CSS, menangani Jenis Media pada CSS, ulasan Jenis Media pada CSS, tampilan Jenis Media pada CSS di web, Jenis Media pada CSS di blogger, Jenis Media pada CSS di situs, Jenis Media pada CSS di web, Jenis Media pada CSS di facebook, Jenis Media pada CSS di myspace, Jenis Media pada CSS, di tweeter, Jenis Media pada CSS untuk blogger, Jenis Media pada CSS untuk situs, Jenis Media pada CSS untuk web, Jenis Media pada CSS untuk facebook, Jenis Media pada CSS untuk myspace, Jenis Media pada CSS, untuk tweeter, Jenis Media pada CSS, Jenis Media pada CSS how to create, how to make Jenis Media pada CSS, Jenis Media pada CSS tutorials, sample Jenis Media pada CSS, Jenis Media pada CSS example, about Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS to html, web site for the Jenis Media pada CSS, Jenis Media pada CSS display on the web, Jenis Media pada CSS scripts, example scripts Jenis Media pada CSS, Jenis Media pada CSS design, style Jenis Media pada CSS, Jenis Media pada CSS lessons, code Jenis Media pada CSS, Jenis Media pada CSS code, about Jenis Media pada CSS, Jenis Media pada CSS usage, various Jenis Media pada CSS, Jenis Media pada CSS tips, tricks Jenis Media pada CSS, Jenis Media pada CSS guide, reading Jenis Media pada CSS, articles Jenis Media pada CSS, Jenis Media pada CSS library, wikipedia Jenis Media pada CSS, Jenis Media pada CSS usage, learn Jenis Media pada CSS, a collection of Jenis Media pada CSS, Jenis Media pada CSS problem, handle Jenis Media pada CSS, Jenis Media pada CSS review, the look on the web Jenis Media pada CSS, Jenis Media pada CSS in blogger, Jenis Media pada CSS on the site, Jenis Media pada CSS on the web, facebook Jenis Media pada CSS, Jenis Media pada CSS on myspace, Jenis Media pada CSS, on the tweeter, for bloggers Jenis Media pada CSS, Jenis Media pada CSS to the site, Jenis Media pada CSS for the web, Jenis Media pada CSS for facebook, myspace to Jenis Media pada CSS, Jenis Media pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

External Link

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Embed

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Import

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

@import url("style.css") [type media-nya];

Macam-macam dari nilai yang digunakan untuk [media type] terdapat antara lain :

Value / Nilai	Di pergunakan Untuk
all	Semua Perangkat
aural	Perangkat Suara
braille	Perangkat Umpan balik Braille
handheld	Perangkat handheld
print	Materi yang akan di cetak
projection	Proyektor Presentasi
screen	Layar Komputer
tty	Media yang menggunakan Grid detail
tv	Perangkat TV

Contoh Penulisan-nya CSS yang sering di gunakan yaitu pada EMBED:

Tampilan HTML dengan tag DIV ini akan muncul pada layar komputer sesuai dengan code yang dituliskan di atas

Contoh Tampilannya :

Jenis Media pada CSS, cara membuat Jenis Media pada CSS, cara membikin Jenis Media pada CSS, tutorial Jenis Media pada CSS, sample Jenis Media pada CSS, contoh Jenis Media pada CSS, seputar Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS untuk html, Jenis Media pada CSS untuk web site, tampilan Jenis Media pada CSS di web, script Jenis Media pada CSS, contoh script Jenis Media pada CSS, design Jenis Media pada CSS, style Jenis Media pada CSS, pelajaran Jenis Media pada CSS, Jenis Media pada CSS code, Jenis Media pada CSS kode, mengenai Jenis Media pada CSS, penggunaan Jenis Media pada CSS, macam- macam Jenis Media pada CSS, tips Jenis Media pada CSS, trick Jenis Media pada CSS, panduan Jenis Media pada CSS, bacaan Jenis Media pada CSS, artikel Jenis Media pada CSS, pustaka Jenis Media pada CSS, wikipedia Jenis Media pada CSS, penggunaan Jenis Media pada CSS, belajar Jenis Media pada CSS, kumpulan tentang Jenis Media pada CSS, masalah Jenis Media pada CSS, menangani Jenis Media pada CSS, ulasan Jenis Media pada CSS, tampilan Jenis Media pada CSS di web, Jenis Media pada CSS di blogger, Jenis Media pada CSS di situs, Jenis Media pada CSS di web, Jenis Media pada CSS di facebook, Jenis Media pada CSS di myspace, Jenis Media pada CSS, di tweeter, Jenis Media pada CSS untuk blogger, Jenis Media pada CSS untuk situs, Jenis Media pada CSS untuk web, Jenis Media pada CSS untuk facebook, Jenis Media pada CSS untuk myspace, Jenis Media pada CSS, untuk tweeter, Jenis Media pada CSS, Jenis Media pada CSS how to create, how to make Jenis Media pada CSS, Jenis Media pada CSS tutorials, sample Jenis Media pada CSS, Jenis Media pada CSS example, about Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS to html, web site for the Jenis Media pada CSS, Jenis Media pada CSS display on the web, Jenis Media pada CSS scripts, example scripts Jenis Media pada CSS, Jenis Media pada CSS design, style Jenis Media pada CSS, Jenis Media pada CSS lessons, code Jenis Media pada CSS, Jenis Media pada CSS code, about Jenis Media pada CSS, Jenis Media pada CSS usage, various Jenis Media pada CSS, Jenis Media pada CSS tips, tricks Jenis Media pada CSS, Jenis Media pada CSS guide, reading Jenis Media pada CSS, articles Jenis Media pada CSS, Jenis Media pada CSS library, wikipedia Jenis Media pada CSS, Jenis Media pada CSS usage, learn Jenis Media pada CSS, a collection of Jenis Media pada CSS, Jenis Media pada CSS problem, handle Jenis Media pada CSS, Jenis Media pada CSS review, the look on the web Jenis Media pada CSS, Jenis Media pada CSS in blogger, Jenis Media pada CSS on the site, Jenis Media pada CSS on the web, facebook Jenis Media pada CSS, Jenis Media pada CSS on myspace, Jenis Media pada CSS, on the tweeter, for bloggers Jenis Media pada CSS, Jenis Media pada CSS to the site, Jenis Media pada CSS for the web, Jenis Media pada CSS for facebook, myspace to Jenis Media pada CSS, Jenis Media pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- Sebagai contoh, stylesheet dapat diterapkan ketika dokumen yang diberikan ada pada layar, dan jika Stylesheet yang berbeda juga dapat diterapkan pada dokumen yang sama yang akan dicetak. Sintaks untuk menentukan jenis media untuk stylesheet yang adalah sebagai berikut:

External Link

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Embed

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

Import

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan CSS :

@import url("style.css") [type media-nya];

Macam-macam dari nilai yang digunakan untuk [media type] terdapat antara lain :

Value / Nilai	Di pergunakan Untuk
all	Semua Perangkat
aural	Perangkat Suara
braille	Perangkat Umpan balik Braille
handheld	Perangkat handheld
print	Materi yang akan di cetak
projection	Proyektor Presentasi
screen	Layar Komputer
tty	Media yang menggunakan Grid detail
tv	Perangkat TV

Contoh Penulisan-nya CSS yang sering di gunakan yaitu pada EMBED:

Tampilan HTML dengan tag DIV ini akan muncul pada layar komputer sesuai dengan code yang dituliskan di atas

Contoh Tampilannya :

Jenis Media pada CSS, cara membuat Jenis Media pada CSS, cara membikin Jenis Media pada CSS, tutorial Jenis Media pada CSS, sample Jenis Media pada CSS, contoh Jenis Media pada CSS, seputar Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS untuk html, Jenis Media pada CSS untuk web site, tampilan Jenis Media pada CSS di web, script Jenis Media pada CSS, contoh script Jenis Media pada CSS, design Jenis Media pada CSS, style Jenis Media pada CSS, pelajaran Jenis Media pada CSS, Jenis Media pada CSS code, Jenis Media pada CSS kode, mengenai Jenis Media pada CSS, penggunaan Jenis Media pada CSS, macam- macam Jenis Media pada CSS, tips Jenis Media pada CSS, trick Jenis Media pada CSS, panduan Jenis Media pada CSS, bacaan Jenis Media pada CSS, artikel Jenis Media pada CSS, pustaka Jenis Media pada CSS, wikipedia Jenis Media pada CSS, penggunaan Jenis Media pada CSS, belajar Jenis Media pada CSS, kumpulan tentang Jenis Media pada CSS, masalah Jenis Media pada CSS, menangani Jenis Media pada CSS, ulasan Jenis Media pada CSS, tampilan Jenis Media pada CSS di web, Jenis Media pada CSS di blogger, Jenis Media pada CSS di situs, Jenis Media pada CSS di web, Jenis Media pada CSS di facebook, Jenis Media pada CSS di myspace, Jenis Media pada CSS, di tweeter, Jenis Media pada CSS untuk blogger, Jenis Media pada CSS untuk situs, Jenis Media pada CSS untuk web, Jenis Media pada CSS untuk facebook, Jenis Media pada CSS untuk myspace, Jenis Media pada CSS, untuk tweeter, Jenis Media pada CSS, Jenis Media pada CSS how to create, how to make Jenis Media pada CSS, Jenis Media pada CSS tutorials, sample Jenis Media pada CSS, Jenis Media pada CSS example, about Jenis Media pada CSS, download Jenis Media pada CSS, Jenis Media pada CSS to html, web site for the Jenis Media pada CSS, Jenis Media pada CSS display on the web, Jenis Media pada CSS scripts, example scripts Jenis Media pada CSS, Jenis Media pada CSS design, style Jenis Media pada CSS, Jenis Media pada CSS lessons, code Jenis Media pada CSS, Jenis Media pada CSS code, about Jenis Media pada CSS, Jenis Media pada CSS usage, various Jenis Media pada CSS, Jenis Media pada CSS tips, tricks Jenis Media pada CSS, Jenis Media pada CSS guide, reading Jenis Media pada CSS, articles Jenis Media pada CSS, Jenis Media pada CSS library, wikipedia Jenis Media pada CSS, Jenis Media pada CSS usage, learn Jenis Media pada CSS, a collection of Jenis Media pada CSS, Jenis Media pada CSS problem, handle Jenis Media pada CSS, Jenis Media pada CSS review, the look on the web Jenis Media pada CSS, Jenis Media pada CSS in blogger, Jenis Media pada CSS on the site, Jenis Media pada CSS on the web, facebook Jenis Media pada CSS, Jenis Media pada CSS on myspace, Jenis Media pada CSS, on the tweeter, for bloggers Jenis Media pada CSS, Jenis Media pada CSS to the site, Jenis Media pada CSS for the web, Jenis Media pada CSS for facebook, myspace to Jenis Media pada CSS, Jenis Media pada CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowPenerapan Code CSS - On Maskibow

Penerapan Code CSS

Ada empat cara untuk menerapkan stylesheet CSS untuk dokumen HTML, yaitu:

Inline
Embed
External Link
Import

Inline :

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan Css Inline :

<p style='font-family:verdana; font-size:16;'>Teks ini menggunakan font vendana & besar teks 18pt</p>

Hasil Tampilannya :

Teks ini menggunakan font vendana & besar teks 18pt

Embed :

Gaya dapat dibuat di dalam HTML (biasanya dalam tag <head>). Sebagai contoh :

Contoh Penulisan Css Embed:

<head>
<style type="text/css">
div {
background-color:purple;
}
</style>
</head> <body>
<div>
Background ini berwarna ungu
</div>
</body>

Hasil Tampilannya :

Background ini berwarna ungu

External link :

Dalam kasus ini, semua deklarasi CSS disimpan dalam file eksternal untuk dokumen HTML. File yang biasanya memiliki ekstensi. Css. Dalam <header> di dalam ini....</ header> tag dari dokumen HTML :

Contoh Penulisan Css Ekstrnal Link :

Ini akan menampilakan halaman HTML anda sesuai penerapkan deklarasi CSS yang disimpan dalam 'eksternal-stylesheet.css' ke dalam dokumen HTML

Import :

Eksternal deklarasi CSS juga dapat diimpor ke dalam dokumen HTML. Untuk melakukannya, gunakan perintah Impor @. Sintaksnya adalah :

Contoh Penulisan Css Import :

Perintah impor @ awalnya digunakan untuk melayani pada stylesheet yang berbeda untuk browser yang berbeda. Namun, kali ini tidak lagi berlaku saat ini. Saat ini, @ impor biasanya digunakan sebagai cara untuk memasukkan CSS stylesheet tambahan. Jika beberapa file CSS yang disebut oleh impor @, stylesheet yang diimpor kemudian memiliki prioritas yang lebih tinggi ketika ada konflik

Penerapan CSS, cara membuat Penerapan CSS, cara membikin Penerapan CSS, tutorial Penerapan CSS, sample Penerapan CSS, contoh Penerapan CSS, seputar Penerapan CSS, download Penerapan CSS, Penerapan CSS untuk html, Penerapan CSS untuk web site, tampilan Penerapan CSS di web, script Penerapan CSS, contoh script Penerapan CSS, design Penerapan CSS, style Penerapan CSS, pelajaran Penerapan CSS, Penerapan CSS code, Penerapan CSS kode, mengenai Penerapan CSS, penggunaan Penerapan CSS, macam- macam Penerapan CSS, tips Penerapan CSS, trick Penerapan CSS, panduan Penerapan CSS, bacaan Penerapan CSS, artikel Penerapan CSS, pustaka Penerapan CSS, wikipedia Penerapan CSS, penggunaan Penerapan CSS, belajar Penerapan CSS, kumpulan tentang Penerapan CSS, masalah Penerapan CSS, menangani Penerapan CSS, ulasan Penerapan CSS, tampilan Penerapan CSS di web, Penerapan CSS di blogger, Penerapan CSS di situs, Penerapan CSS di web, Penerapan CSS di facebook, Penerapan CSS di myspace, Penerapan CSS, di tweeter, Penerapan CSS untuk blogger, Penerapan CSS untuk situs, Penerapan CSS untuk web, Penerapan CSS untuk facebook, Penerapan CSS untuk myspace, Penerapan CSS, untuk tweeter, Penerapan CSS, Penerapan CSS how to create, how to make Penerapan CSS, Penerapan CSS tutorials, sample Penerapan CSS, Penerapan CSS example, about Penerapan CSS, download Penerapan CSS, Penerapan CSS to html, web site for the Penerapan CSS, Penerapan CSS display on the web, Penerapan CSS scripts, example scripts Penerapan CSS, Penerapan CSS design, style Penerapan CSS, Penerapan CSS lessons, code Penerapan CSS, Penerapan CSS code, about Penerapan CSS, Penerapan CSS usage, various Penerapan CSS, Penerapan CSS tips, tricks Penerapan CSS, Penerapan CSS guide, reading Penerapan CSS, articles Penerapan CSS, Penerapan CSS library, wikipedia Penerapan CSS, Penerapan CSS usage, learn Penerapan CSS, a collection of Penerapan CSS, Penerapan CSS problem, handle Penerapan CSS, Penerapan CSS review, the look on the web Penerapan CSS, Penerapan CSS in blogger, Penerapan CSS on the site, Penerapan CSS on the web, facebook Penerapan CSS, Penerapan CSS on myspace, Penerapan CSS, on the tweeter, for bloggers Penerapan CSS, Penerapan CSS to the site, Penerapan CSS for the web, Penerapan CSS for facebook, myspace to Penerapan CSS, Penerapan CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

Ada empat cara untuk menerapkan stylesheet CSS untuk dokumen HTML, yaitu:

Inline
Embed
External Link
Import

Inline :

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan Css Inline :

<p style='font-family:verdana; font-size:16;'>Teks ini menggunakan font vendana & besar teks 18pt</p>

Hasil Tampilannya :

Teks ini menggunakan font vendana & besar teks 18pt

Embed :

Gaya dapat dibuat di dalam HTML (biasanya dalam tag <head>). Sebagai contoh :

Contoh Penulisan Css Embed:

<head>
<style type="text/css">
div {
background-color:purple;
}
</style>
</head> <body>
<div>
Background ini berwarna ungu
</div>
</body>

Hasil Tampilannya :

Background ini berwarna ungu

External link :

Ini akan menampilakan halaman HTML anda sesuai penerapkan deklarasi CSS yang disimpan dalam 'eksternal-stylesheet.css' ke dalam dokumen HTML

Import :

Eksternal deklarasi CSS juga dapat diimpor ke dalam dokumen HTML. Untuk melakukannya, gunakan perintah Impor @. Sintaksnya adalah :

Contoh Penulisan Css Import :

Penerapan CSS, cara membuat Penerapan CSS, cara membikin Penerapan CSS, tutorial Penerapan CSS, sample Penerapan CSS, contoh Penerapan CSS, seputar Penerapan CSS, download Penerapan CSS, Penerapan CSS untuk html, Penerapan CSS untuk web site, tampilan Penerapan CSS di web, script Penerapan CSS, contoh script Penerapan CSS, design Penerapan CSS, style Penerapan CSS, pelajaran Penerapan CSS, Penerapan CSS code, Penerapan CSS kode, mengenai Penerapan CSS, penggunaan Penerapan CSS, macam- macam Penerapan CSS, tips Penerapan CSS, trick Penerapan CSS, panduan Penerapan CSS, bacaan Penerapan CSS, artikel Penerapan CSS, pustaka Penerapan CSS, wikipedia Penerapan CSS, penggunaan Penerapan CSS, belajar Penerapan CSS, kumpulan tentang Penerapan CSS, masalah Penerapan CSS, menangani Penerapan CSS, ulasan Penerapan CSS, tampilan Penerapan CSS di web, Penerapan CSS di blogger, Penerapan CSS di situs, Penerapan CSS di web, Penerapan CSS di facebook, Penerapan CSS di myspace, Penerapan CSS, di tweeter, Penerapan CSS untuk blogger, Penerapan CSS untuk situs, Penerapan CSS untuk web, Penerapan CSS untuk facebook, Penerapan CSS untuk myspace, Penerapan CSS, untuk tweeter, Penerapan CSS, Penerapan CSS how to create, how to make Penerapan CSS, Penerapan CSS tutorials, sample Penerapan CSS, Penerapan CSS example, about Penerapan CSS, download Penerapan CSS, Penerapan CSS to html, web site for the Penerapan CSS, Penerapan CSS display on the web, Penerapan CSS scripts, example scripts Penerapan CSS, Penerapan CSS design, style Penerapan CSS, Penerapan CSS lessons, code Penerapan CSS, Penerapan CSS code, about Penerapan CSS, Penerapan CSS usage, various Penerapan CSS, Penerapan CSS tips, tricks Penerapan CSS, Penerapan CSS guide, reading Penerapan CSS, articles Penerapan CSS, Penerapan CSS library, wikipedia Penerapan CSS, Penerapan CSS usage, learn Penerapan CSS, a collection of Penerapan CSS, Penerapan CSS problem, handle Penerapan CSS, Penerapan CSS review, the look on the web Penerapan CSS, Penerapan CSS in blogger, Penerapan CSS on the site, Penerapan CSS on the web, facebook Penerapan CSS, Penerapan CSS on myspace, Penerapan CSS, on the tweeter, for bloggers Penerapan CSS, Penerapan CSS to the site, Penerapan CSS for the web, Penerapan CSS for facebook, myspace to Penerapan CSS, Penerapan CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

Ada empat cara untuk menerapkan stylesheet CSS untuk dokumen HTML, yaitu:

Inline
Embed
External Link
Import

Inline :

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan Css Inline :

<p style='font-family:verdana; font-size:16;'>Teks ini menggunakan font vendana & besar teks 18pt</p>

Hasil Tampilannya :

Teks ini menggunakan font vendana & besar teks 18pt

Embed :

Gaya dapat dibuat di dalam HTML (biasanya dalam tag <head>). Sebagai contoh :

Contoh Penulisan Css Embed:

<head>
<style type="text/css">
div {
background-color:purple;
}
</style>
</head> <body>
<div>
Background ini berwarna ungu
</div>
</body>

Hasil Tampilannya :

Background ini berwarna ungu

External link :

Ini akan menampilakan halaman HTML anda sesuai penerapkan deklarasi CSS yang disimpan dalam 'eksternal-stylesheet.css' ke dalam dokumen HTML

Import :

Eksternal deklarasi CSS juga dapat diimpor ke dalam dokumen HTML. Untuk melakukannya, gunakan perintah Impor @. Sintaksnya adalah :

Contoh Penulisan Css Import :

Penerapan CSS, cara membuat Penerapan CSS, cara membikin Penerapan CSS, tutorial Penerapan CSS, sample Penerapan CSS, contoh Penerapan CSS, seputar Penerapan CSS, download Penerapan CSS, Penerapan CSS untuk html, Penerapan CSS untuk web site, tampilan Penerapan CSS di web, script Penerapan CSS, contoh script Penerapan CSS, design Penerapan CSS, style Penerapan CSS, pelajaran Penerapan CSS, Penerapan CSS code, Penerapan CSS kode, mengenai Penerapan CSS, penggunaan Penerapan CSS, macam- macam Penerapan CSS, tips Penerapan CSS, trick Penerapan CSS, panduan Penerapan CSS, bacaan Penerapan CSS, artikel Penerapan CSS, pustaka Penerapan CSS, wikipedia Penerapan CSS, penggunaan Penerapan CSS, belajar Penerapan CSS, kumpulan tentang Penerapan CSS, masalah Penerapan CSS, menangani Penerapan CSS, ulasan Penerapan CSS, tampilan Penerapan CSS di web, Penerapan CSS di blogger, Penerapan CSS di situs, Penerapan CSS di web, Penerapan CSS di facebook, Penerapan CSS di myspace, Penerapan CSS, di tweeter, Penerapan CSS untuk blogger, Penerapan CSS untuk situs, Penerapan CSS untuk web, Penerapan CSS untuk facebook, Penerapan CSS untuk myspace, Penerapan CSS, untuk tweeter, Penerapan CSS, Penerapan CSS how to create, how to make Penerapan CSS, Penerapan CSS tutorials, sample Penerapan CSS, Penerapan CSS example, about Penerapan CSS, download Penerapan CSS, Penerapan CSS to html, web site for the Penerapan CSS, Penerapan CSS display on the web, Penerapan CSS scripts, example scripts Penerapan CSS, Penerapan CSS design, style Penerapan CSS, Penerapan CSS lessons, code Penerapan CSS, Penerapan CSS code, about Penerapan CSS, Penerapan CSS usage, various Penerapan CSS, Penerapan CSS tips, tricks Penerapan CSS, Penerapan CSS guide, reading Penerapan CSS, articles Penerapan CSS, Penerapan CSS library, wikipedia Penerapan CSS, Penerapan CSS usage, learn Penerapan CSS, a collection of Penerapan CSS, Penerapan CSS problem, handle Penerapan CSS, Penerapan CSS review, the look on the web Penerapan CSS, Penerapan CSS in blogger, Penerapan CSS on the site, Penerapan CSS on the web, facebook Penerapan CSS, Penerapan CSS on myspace, Penerapan CSS, on the tweeter, for bloggers Penerapan CSS, Penerapan CSS to the site, Penerapan CSS for the web, Penerapan CSS for facebook, myspace to Penerapan CSS, Penerapan CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- Ada empat cara untuk menerapkan stylesheet CSS untuk dokumen HTML, yaitu:

Inline
Embed
External Link
Import

Inline :

Gaya tersebut dapat dinyatakan dalam dokumen HTML. Sebagai contoh :

Contoh Penulisan Css Inline :

<p style='font-family:verdana; font-size:16;'>Teks ini menggunakan font vendana & besar teks 18pt</p>

Hasil Tampilannya :

Teks ini menggunakan font vendana & besar teks 18pt

Embed :

Gaya dapat dibuat di dalam HTML (biasanya dalam tag <head>). Sebagai contoh :

Contoh Penulisan Css Embed:

<head>
<style type="text/css">
div {
background-color:purple;
}
</style>
</head> <body>
<div>
Background ini berwarna ungu
</div>
</body>

Hasil Tampilannya :

Background ini berwarna ungu

External link :

Ini akan menampilakan halaman HTML anda sesuai penerapkan deklarasi CSS yang disimpan dalam 'eksternal-stylesheet.css' ke dalam dokumen HTML

Import :

Eksternal deklarasi CSS juga dapat diimpor ke dalam dokumen HTML. Untuk melakukannya, gunakan perintah Impor @. Sintaksnya adalah :

Contoh Penulisan Css Import :

Penerapan CSS, cara membuat Penerapan CSS, cara membikin Penerapan CSS, tutorial Penerapan CSS, sample Penerapan CSS, contoh Penerapan CSS, seputar Penerapan CSS, download Penerapan CSS, Penerapan CSS untuk html, Penerapan CSS untuk web site, tampilan Penerapan CSS di web, script Penerapan CSS, contoh script Penerapan CSS, design Penerapan CSS, style Penerapan CSS, pelajaran Penerapan CSS, Penerapan CSS code, Penerapan CSS kode, mengenai Penerapan CSS, penggunaan Penerapan CSS, macam- macam Penerapan CSS, tips Penerapan CSS, trick Penerapan CSS, panduan Penerapan CSS, bacaan Penerapan CSS, artikel Penerapan CSS, pustaka Penerapan CSS, wikipedia Penerapan CSS, penggunaan Penerapan CSS, belajar Penerapan CSS, kumpulan tentang Penerapan CSS, masalah Penerapan CSS, menangani Penerapan CSS, ulasan Penerapan CSS, tampilan Penerapan CSS di web, Penerapan CSS di blogger, Penerapan CSS di situs, Penerapan CSS di web, Penerapan CSS di facebook, Penerapan CSS di myspace, Penerapan CSS, di tweeter, Penerapan CSS untuk blogger, Penerapan CSS untuk situs, Penerapan CSS untuk web, Penerapan CSS untuk facebook, Penerapan CSS untuk myspace, Penerapan CSS, untuk tweeter, Penerapan CSS, Penerapan CSS how to create, how to make Penerapan CSS, Penerapan CSS tutorials, sample Penerapan CSS, Penerapan CSS example, about Penerapan CSS, download Penerapan CSS, Penerapan CSS to html, web site for the Penerapan CSS, Penerapan CSS display on the web, Penerapan CSS scripts, example scripts Penerapan CSS, Penerapan CSS design, style Penerapan CSS, Penerapan CSS lessons, code Penerapan CSS, Penerapan CSS code, about Penerapan CSS, Penerapan CSS usage, various Penerapan CSS, Penerapan CSS tips, tricks Penerapan CSS, Penerapan CSS guide, reading Penerapan CSS, articles Penerapan CSS, Penerapan CSS library, wikipedia Penerapan CSS, Penerapan CSS usage, learn Penerapan CSS, a collection of Penerapan CSS, Penerapan CSS problem, handle Penerapan CSS, Penerapan CSS review, the look on the web Penerapan CSS, Penerapan CSS in blogger, Penerapan CSS on the site, Penerapan CSS on the web, facebook Penerapan CSS, Penerapan CSS on myspace, Penerapan CSS, on the tweeter, for bloggers Penerapan CSS, Penerapan CSS to the site, Penerapan CSS for the web, Penerapan CSS for facebook, myspace to Penerapan CSS, Penerapan CSS, for the tweeter,

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowCSS Syntaks - On Maskibow

CSS Syntaks

Sintaks CSS adalah sebagai berikut:

Selector {
properti: nilai;
...
}

Ada tiga jenis utama Selector: type Selector, Selector Class, dan Selector ID.
Selektor Type yang ada dan sering digunakan pada HTML tag seperti body <body>, paragrap <p> dan head <h1>. Class dan ID penyeleksi yang ditetapkan sebagai pengguna penyeleksi. Kita akan membahas kedua jenis selektor lebih terinci pada bagian selanjutnya. Gaya yang biasanya ditentukan dalam properti. Sebagai contoh, jika kita ingin menentukan bahwa elemen tertentu memiliki warna, kita menggunakan properti berikut: deklarasi nilai

Contoh Penulisan kode class:
<style>
.sintakscss1{color: red;}
</style>

<div class="sintakscss1">
CSS Sample
</div>

Contoh Tampilan:

CSS Sample

Contoh Penulisan kode id:
<style>
#sintakscss1{color: lime;}
</style>

<div id="sintakscss1">
CSS Sample
</div>

Contoh Tampilan:

CSS Sample

PENGELOMPOKAN

Jika beberapa selektor CSS berbagi sifat yang sama, mereka dapat digunakan bersama-sama. Ini disebut "pengelompokan". Misalnya, jika <h1>, <h2>, dan berbagi <h3> mereka gaya yang sama, mereka dapat dideklarasikan bersama sebagai berikut:

Contoh Penulisan kode class:
<style>
h1, h2, h3{color: red;}
</style>

<h1>
CSS Sample
</h1>
<h2>
CSS Style
</h2>
<h3>
CSS Tutorial
</h3>

Contoh Tampilan:

CSS Sample

CSS Style

CSS Tutorial

SELEKTOR KETURUNAN

Kita dapat menentukan gaya elemen hanya ketika berada di dalam elemen lain. Untuk mencapai hal ini, kita menggunakan konsep selektor keturunan.

Sintaks untuk mendeklarasikan pemilih keturunan adalah:

[Parent Selectors] [Anak Selectors] {
properti: nilai;
...
}

Gaya didefinisikan di atas akan berlaku untuk penyeleksi anak hanya ketika mereka berada di dalam pemilih induk. Deklarasi tersebut dapat berlangsung selama lebih dari dua tingkat.

Sebagai contoh, dalam deklarasi di bawah ini :

Contoh Penulisan kode class:
<style>
h5 .sample1{color: purple;}
h5 .sample2{color: blue;}
h5 .sample3{color: orange;}
</style>
<h5>
<div class="sample1">
CSS Sample
</div>
<div class="sample2">
CSS Sample
</div>
<div class="sample3">
CSS Sample
</div>
</h5>

Contoh Tampilan:

CSS Sample

CSS Sample

CSS Sample

berarti bahwa teks dalam elemen <sample1>, <sample2>, <sample3> yang berada didalam elemen <h5> akan memiliki warna yang ditentukan. Teks dalam elemen <sample1>, <sample2>, <sample3> tidak dalam elemen <h5> tidak akan terpengaruh oleh stylesheet ini.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

1 Komentar

CSS Sample

Contoh Penulisan kode id:
<style>
#sintakscss1{color: lime;}
</style>

<div id="sintakscss1">
CSS Sample
</div>

Contoh Tampilan:

CSS Sample

PENGELOMPOKAN

Contoh Penulisan kode class:
<style>
h1, h2, h3{color: red;}
</style>

<h1>
CSS Sample
</h1>
<h2>
CSS Style
</h2>
<h3>
CSS Tutorial
</h3>

Contoh Tampilan:

CSS Sample

CSS Style

CSS Tutorial

SELEKTOR KETURUNAN

Kita dapat menentukan gaya elemen hanya ketika berada di dalam elemen lain. Untuk mencapai hal ini, kita menggunakan konsep selektor keturunan.

Sintaks untuk mendeklarasikan pemilih keturunan adalah:

[Parent Selectors] [Anak Selectors] {
properti: nilai;
...
}

Gaya didefinisikan di atas akan berlaku untuk penyeleksi anak hanya ketika mereka berada di dalam pemilih induk. Deklarasi tersebut dapat berlangsung selama lebih dari dua tingkat.

Sebagai contoh, dalam deklarasi di bawah ini :

CSS Sample

CSS Sample

CSS Sample

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

CSS Sample

Contoh Penulisan kode id:
<style>
#sintakscss1{color: lime;}
</style>

<div id="sintakscss1">
CSS Sample
</div>

Contoh Tampilan:

CSS Sample

PENGELOMPOKAN

Contoh Penulisan kode class:
<style>
h1, h2, h3{color: red;}
</style>

<h1>
CSS Sample
</h1>
<h2>
CSS Style
</h2>
<h3>
CSS Tutorial
</h3>

Contoh Tampilan:

CSS Sample

CSS Style

CSS Tutorial

SELEKTOR KETURUNAN

Kita dapat menentukan gaya elemen hanya ketika berada di dalam elemen lain. Untuk mencapai hal ini, kita menggunakan konsep selektor keturunan.

Sintaks untuk mendeklarasikan pemilih keturunan adalah:

[Parent Selectors] [Anak Selectors] {
properti: nilai;
...
}

Gaya didefinisikan di atas akan berlaku untuk penyeleksi anak hanya ketika mereka berada di dalam pemilih induk. Deklarasi tersebut dapat berlangsung selama lebih dari dua tingkat.

Sebagai contoh, dalam deklarasi di bawah ini :

CSS Sample

CSS Sample

CSS Sample

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -11 KomentarOver 1,500,000

4 stars- Sintaks CSS adalah sebagai berikut:

Selector {
properti: nilai;
...
}

Ada tiga jenis utama Selector: type Selector, Selector Class, dan Selector ID.
Selektor Type yang ada dan sering digunakan pada HTML tag seperti body <body>, paragrap <p> dan head <h1>. Class dan ID penyeleksi yang ditetapkan sebagai pengguna penyeleksi. Kita akan membahas kedua jenis selektor lebih terinci pada bagian selanjutnya. Gaya yang biasanya ditentukan dalam properti. Sebagai contoh, jika kita ingin menentukan bahwa elemen tertentu memiliki warna, kita menggunakan properti berikut: deklarasi nilai

Contoh Penulisan kode class:
<style>
.sintakscss1{color: red;}
</style>

<div class="sintakscss1">
CSS Sample
</div>

Contoh Tampilan:

CSS Sample

Contoh Penulisan kode id:
<style>
#sintakscss1{color: lime;}
</style>

<div id="sintakscss1">
CSS Sample
</div>

Contoh Tampilan:

CSS Sample

PENGELOMPOKAN

Contoh Penulisan kode class:
<style>
h1, h2, h3{color: red;}
</style>

<h1>
CSS Sample
</h1>
<h2>
CSS Style
</h2>
<h3>
CSS Tutorial
</h3>

Contoh Tampilan:

CSS Sample

CSS Style

CSS Tutorial

SELEKTOR KETURUNAN

Kita dapat menentukan gaya elemen hanya ketika berada di dalam elemen lain. Untuk mencapai hal ini, kita menggunakan konsep selektor keturunan.

Sintaks untuk mendeklarasikan pemilih keturunan adalah:

[Parent Selectors] [Anak Selectors] {
properti: nilai;
...
}

Gaya didefinisikan di atas akan berlaku untuk penyeleksi anak hanya ketika mereka berada di dalam pemilih induk. Deklarasi tersebut dapat berlangsung selama lebih dari dua tingkat.

Sebagai contoh, dalam deklarasi di bawah ini :

CSS Sample

CSS Sample

CSS Sample

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowCSS (Cascading Style Sheets) - On Maskibow

CSS (Cascading Style Sheets)

CSS singkatan dari Cascading Style Sheets. yaitu bahasa stylesheet yang berguna sebagai lapisan presentasi untuk bahasa markup seperti HTML dan XHTML. Dengan penggunaan CSS memungkinkan kita untuk dapat memisahkan komponen tata letak dari komponen informasi. Pada dasarnya, dokumen HTML menjadi komponen informasi, sedangkan CSS Style Sheet menjadi komponen tata letak.
Dengan munculnya blog, bagaimanapun, CSS cepat menjadi bahasa komputer yang mencapai massa. Apakah Anda download software blog Anda sendiri atau Anda menggunakan salah satu penyedia layanan blog seperti Blogger dan Wordpress, kemungkinan yang baik bahwa Anda akan perlu untuk memodifikasi CSS stylesheet setidaknya sedikit jika Anda ingin memberikan blog Anda pribadi sentuhan, dan tutorial ini adalah tempat yang ideal untuk belajar CSS.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- CSS singkatan dari Cascading Style Sheets. yaitu bahasa stylesheet yang berguna sebagai lapisan presentasi untuk bahasa markup seperti HTML dan XHTML. Dengan penggunaan CSS memungkinkan kita untuk dapat memisahkan komponen tata letak dari komponen informasi. Pada dasarnya, dokumen HTML menjadi komponen informasi, sedangkan CSS Style Sheet menjadi komponen tata letak.
Dengan munculnya blog, bagaimanapun, CSS cepat menjadi bahasa komputer yang mencapai massa. Apakah Anda download software blog Anda sendiri atau Anda menggunakan salah satu penyedia layanan blog seperti Blogger dan Wordpress, kemungkinan yang baik bahwa Anda akan perlu untuk memodifikasi CSS stylesheet setidaknya sedikit jika Anda ingin memberikan blog Anda pribadi sentuhan, dan tutorial ini adalah tempat yang ideal untuk belajar CSS.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowMemposisikan gambar background dengan Code CSS (background-position) - On Maskibow

Memposisikan gambar background dengan Code CSS (background-position)

Untuk Menggunakan Code jenis background apapun biasanya harus terlebih dahulu di ikuti dengan pembuatan bagan/layar/layer/button/tabble, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Untuk Penggunaan Code background-position harus adanya backgroud-image atau background yangmempunyai latar dengan gambar ya namanya juga background-position ya untuk memposisikan gambar / image dari backgroundtersebut cuy. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-position, karena mempunyai fungsi yang sama.

Contoh :

Menggunakan Code Background-Position pada layar seperti dibawah ini:
Contoh Css Background Posisi:

CSS Code background-position variasi, CSS script background-position, CSS library background-position, CSS Support background-position, CSS Tips background-position, CSS Trik background-position, CSS Tricks background-position, CSS Design background-position, CSS Gallery background-position CSS Helper background-position, CSS Tutorial background-position, CSS -moz- background-position, CSS -webkit- background-position, Cara membuat CSS background-position, Cara membikin CSS background-position, CSS tips background-position

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Note: jika dilihat diatas dituliskan "background-position: center center;" itu artinya adalah
* Untuk kata "center" yang pertama :
Untuk memposisikan gambar berada di tengah = center
Untuk memposisikan gambar berada di atas = top
Untuk memposisikan gambar berada di bawah = bottom
* Untuk kata "center" yang kedua :
Untuk memposisikan gambar berada di tengah = center
Untuk memposisikan gambar berada di sebelah Kiri = left
Untuk memposisikan gambar berada di sebelah Kanan = right
* Dapat dimaksudkan seperti : background-position: top|center|right left|center|right;
* Atau juga ada yang membuatnya menjadi persenan dari besar bagan tersebut seperti:
background-position: 30% 20%
* Untuk Nilai % yang pertama "30%": menandakan bahwa posisi gambar berada pada 30% dari atas ke bawah
* Untuk Nilai % yang kedua "20%": menandakan bahwa posisi gambar berada pada 20% dari kiri ke kanan

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut contoh diatas menggunakan tag DIV dan memberi class dengan nama "contoh_css_maskibow_backgroundposisi" , Seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

Contoh :

Menggunakan Code Background-Position pada layar seperti dibawah ini:
Contoh Css Background Posisi:

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

Contoh :

Menggunakan Code Background-Position pada layar seperti dibawah ini:
Contoh Css Background Posisi:

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- Untuk Menggunakan Code jenis background apapun biasanya harus terlebih dahulu di ikuti dengan pembuatan bagan/layar/layer/button/tabble, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Untuk Penggunaan Code background-position harus adanya backgroud-image atau background yangmempunyai latar dengan gambar ya namanya juga background-position ya untuk memposisikan gambar / image dari backgroundtersebut cuy. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-position, karena mempunyai fungsi yang sama.

Contoh :

Menggunakan Code Background-Position pada layar seperti dibawah ini:
Contoh Css Background Posisi:

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundposisi" agar style tersebuthanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowMembuat Background / Latar Menjadi Gambar dengan Code CSS (background-image) - On Maskibow

Membuat Background / Latar Menjadi Gambar dengan Code CSS (background-image)

Contoh :

Menggunakan Code Background-Image pada layar seperti dibawah ini:
Contoh Css Background Image:

CSS Code background-image variasi, CSS script background-image, CSS library background-image, CSS Support background-image, CSS Tips background-image, CSS Trik background-image, CSS Tricks background-image, CSS Design background-image, CSS Gallery background-image CSS Helper background-image, CSS Tutorial background-image, CSS -moz- background-image, CSS -webkit- background-image, Cara membuat CSS background-image, Cara membikin CSS background-image, CSS Snippet background-image

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut contoh diatas menggunakan tag DIV dan memberi class dengan nama "contoh_css_maskibow_backgroundcolor" , Seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundimage" agar style tersebut hanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

Contoh :

Menggunakan Code Background-Image pada layar seperti dibawah ini:
Contoh Css Background Image:

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundimage" agar style tersebut hanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

Contoh :

Menggunakan Code Background-Image pada layar seperti dibawah ini:
Contoh Css Background Image:

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundimage" agar style tersebut hanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

Contoh :

Menggunakan Code Background-Image pada layar seperti dibawah ini:
Contoh Css Background Image:

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Note:
Contoh diatas menggunakan tag DIV mengklaskan DIV tersebut menjadi class="contoh_css_maskibow_backgroundimage" agar style tersebut hanya berfungsi di class itu saja.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowMembuat Background / Latar menjadi Bewarna dengan menggunakan Code CSS (background-color) - On Maskibow

Membuat Background / Latar menjadi Bewarna dengan menggunakan Code CSS (background-color)

Seperti sebelumnya jika Menggunakan Code background apapun biasanya harus di ikuti dengan pembuatan bagan/layar/layer terlebih dahulu, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-color, karena mempunyai fungsi yang sama.

Contoh :

Menggunakan Code Background-Color pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

CSS Code background-color variasi, CSS script background-color, CSS library background-color, CSS Support background-color, CSS Tips background-color, CSS Trik background-color, CSS Tricks background-color, CSS Design background-color, CSS Gallery background-color CSS Helper background-color, CSS Tutorial background-color, CSS -moz- background-color, CSS -webkit- background-color, Cara membuat CSS background-color, Cara membikin CSS background-color, CSS Snippet background-color

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Note:

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

Contoh :

Menggunakan Code Background-Color pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Note:

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

Contoh :

Menggunakan Code Background-Color pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Note:

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- Seperti sebelumnya jika Menggunakan Code background apapun biasanya harus di ikuti dengan pembuatan bagan/layar/layer terlebih dahulu, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan. Biasanya banyak juga yang menggunakan code background saja sudah cukup tanpa mesti menggunakan code background-color, karena mempunyai fungsi yang sama.

Contoh :

Menggunakan Code Background-Color pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Note:

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowMenggunakan Code Background Pada CSS dengan Warna & Gambar - On Maskibow

Menggunakan Code Background Pada CSS dengan Warna & Gambar

Menggunakan Code ini biasanya harus di ikuti dengan pembuatan bagan/layar/layer terlebih dahulu, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan.

Contoh :

Menggunakan Code Background pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

CSS Code background variasi, CSS script background, CSS library background, CSS Support background, CSS Tips background, CSS Trik background, CSS Tricks background, CSS Design background, CSS Gallery background CSS Helper background, CSS Tutorial background, CSS -moz- background, CSS -webkit- background, Cara membuat CSS background, Cara membikin CSS background, CSS Snippet background

Contoh Css Background 2 (dengan gambar):

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Note:
Tambahan untuk background dengan gambar menggunakan center center repeat yang artinya alignment untuk posisi horizontal berada di tengah (center), lalu posisi vertikal gambar berada ditengah (center), dan repeat untuk pengulangan gambar sebaliknya no-repeat tidak ada pengulangan gambar.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

Contoh :

Menggunakan Code Background pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

Contoh Css Background 2 (dengan gambar):

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

Contoh :

Menggunakan Code Background pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

Contoh Css Background 2 (dengan gambar):

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars- Menggunakan Code ini biasanya harus di ikuti dengan pembuatan bagan/layar/layer terlebih dahulu, atau penggunaan background bisa juga untuk content pada blogger, body pada HTML dan sebagainya yang menjadi dasar pada tampilan.

Contoh :

Menggunakan Code Background pada layar seperti dibawah ini:
Contoh Css Background 1 (dengan warna):

Contoh Css Background 2 (dengan gambar):

Langkah 1: Membuat terlebih dahulu style/ gaya yang akan dibutuhkan seperti pada pembahasan sekarang, seperti dibawah ini:

Langkah 2: Buat Objek yang akan di beri style atau gaya pada CSS tersebut, Seperti dibawah ini:

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowMembuat Variasi Teks Link <a> dengan Code CSS - On Maskibow

Membuat Variasi Teks Link <a> dengan Code CSS

CSS Code a:link variasi, CSS script a:link, CSS library a:link, CSS Support a:link, CSS Tips a:link, CSS Trik a:link, CSS Tricks a:link, CSS Design a:link, CSS Gallery a:link CSS Helper a:link, CSS Tutorial a:link, CSS -moz- a:link, CSS -webkit- a:link, Cara membuat CSS a:link, Cara membikin CSS a:link, CSS Snippet a:link

Membuat Variasi Teks Link <a> dengan Code CSS

Tag <a> untuk memberikan gaya atau style dengan menggunakan code CSS pada link yang terdapat pada font biru dengan garis bawah jika link tersebut dalam keadaan standar. Disini ada beberapa contok untuk memberikan gaya pada teks link yang standar tersebut, antara lain:

Contoh:
Perhatikan link teks ini Welcome To Maskibow
Dengan Menggunakan Code CSS:

a:link = Merupakan dasar dari link tersebut.
a:visited = Merupakan link yang telah dikunjungi tersebut.
a:hover = Merupakan link ketika mouse berada diatas link tersebut.
a:active = Merupakan link ketika halaman link tersebut masih terbuka.

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

0 Komentar

CSS Code a:link variasi, CSS script a:link, CSS library a:link, CSS Support a:link, CSS Tips a:link, CSS Trik a:link, CSS Tricks a:link, CSS Design a:link, CSS Gallery a:link CSS Helper a:link, CSS Tutorial a:link, CSS -moz- a:link, CSS -webkit- a:link, Cara membuat CSS a:link, Cara membikin CSS a:link, CSS Snippet a:link

Membuat Variasi Teks Link <a> dengan Code CSS

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

CSS Code a:link variasi, CSS script a:link, CSS library a:link, CSS Support a:link, CSS Tips a:link, CSS Trik a:link, CSS Tricks a:link, CSS Design a:link, CSS Gallery a:link CSS Helper a:link, CSS Tutorial a:link, CSS -moz- a:link, CSS -webkit- a:link, Cara membuat CSS a:link, Cara membikin CSS a:link, CSS Snippet a:link

Membuat Variasi Teks Link <a> dengan Code CSS

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars-

CSS Code a:link variasi, CSS script a:link, CSS library a:link, CSS Support a:link, CSS Tips a:link, CSS Trik a:link, CSS Tricks a:link, CSS Design a:link, CSS Gallery a:link CSS Helper a:link, CSS Tutorial a:link, CSS -moz- a:link, CSS -webkit- a:link, Cara membuat CSS a:link, Cara membikin CSS a:link, CSS Snippet a:link

Membuat Variasi Teks Link <a> dengan Code CSS

Label: CSS 1, CSSCODE, Tutorial, Tutorial 2

MaskibowHow To Create Button Menu Horizontal Menu Horizontal II (CSS On Maskibow) - On Maskibow

How To Create Button Menu Horizontal Menu Horizontal II (CSS On Maskibow)

Menu Button, Button Sample Menu, Menu Button Gallery Menu Button Tutorial, Script Menu Button, Vista Button Menu, Drop Down Menu Button, Button Horizontal Menu, Vertical Menu Button, Button Menu CSS, JavaScript Menu Button, Button Menu Java Script, HTML Menu Button, Button Menu How to create, make Button Menu Web Button Menu Button Menu Blogger, Button Menu Design

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Description :

Continued from the previous menu Button, this one single button style either a horizontal line on the menu button, and multiple on its menu list. As always I love some of the same sample will differ only in his design style. This menu button is actually still using the same java script on the previous menu button
Button drop-down menu is very simple just to play on his CSS style effects only, and based on tags <table>, <div> and <span>
To add its menu or you want edit in this script has been given the comments so that you can easily info to edit accordance with what you want ... yes if still confused or have additional info we can equally share in here ...

example :

Point your mouse towards the chart then it will exit the menu list in the drop-down menu

For example his page you can see it inHERE Skip Adf.ly Ad on the top right corner and then download and open

Step 1: Copy and paste the script below and place the position under <HEAD> code on your webpage or it could be on the post if you write posting using HTML:

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: orange;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: #990099; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid orange;
  border-color: orange;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Step 2: If the above is already running then, Copy and put the script below under <BODY> code on your webpage or could also be on the post if you write a post using HTML:

<div class="mkbbtndiv" style="position:absolute;"> 
<div class="batangtop">
<table align="left" id="sample1">
<tr valign="top" > 
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

On Maskibow</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

Free Software</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

Free Games</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

Tips 'n Trik</a></td>

</tr>
</table>
<br/>
<table border="0" id="sample2">
<tr>
<td><div align="center"><span id="div0"></span><span 
id="div1"></span><span id="div2"></span><span 
id="div3"></span> 
</div>
</td>
</tr>
<tr onmouseover="resetit('div0');resetit('div1');resetit('div2');resetit('div3');"> 


<td colspan="4"> 
</td>
</tr>
</table>
  </div>
  </div>

Note: To Friends of the blogger if you want to add this script on the page blogs can use the methods above, but you can also easily with how to enter an existing script block above the widget you bro .. try it select the widget HTML / Java script and input it into two widgets into you!

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

0 Komentar

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Description :

example :

Point your mouse towards the chart then it will exit the menu list in the drop-down menu

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: orange;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: #990099; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid orange;
  border-color: orange;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Step 2: If the above is already running then, Copy and put the script below under <BODY> code on your webpage or could also be on the post if you write a post using HTML:

<div class="mkbbtndiv" style="position:absolute;"> 
<div class="batangtop">
<table align="left" id="sample1">
<tr valign="top" > 
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

On Maskibow</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

Free Software</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

Free Games</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

Tips 'n Trik</a></td>

</tr>
</table>
<br/>
<table border="0" id="sample2">
<tr>
<td><div align="center"><span id="div0"></span><span 
id="div1"></span><span id="div2"></span><span 
id="div3"></span> 
</div>
</td>
</tr>
<tr onmouseover="resetit('div0');resetit('div1');resetit('div2');resetit('div3');"> 


<td colspan="4"> 
</td>
</tr>
</table>
  </div>
  </div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Description :

example :

Point your mouse towards the chart then it will exit the menu list in the drop-down menu

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: orange;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: #990099; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid orange;
  border-color: orange;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Step 2: If the above is already running then, Copy and put the script below under <BODY> code on your webpage or could also be on the post if you write a post using HTML:

<div class="mkbbtndiv" style="position:absolute;"> 
<div class="batangtop">
<table align="left" id="sample1">
<tr valign="top" > 
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

On Maskibow</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

Free Software</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

Free Games</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

Tips 'n Trik</a></td>

</tr>
</table>
<br/>
<table border="0" id="sample2">
<tr>
<td><div align="center"><span id="div0"></span><span 
id="div1"></span><span id="div2"></span><span 
id="div3"></span> 
</div>
</td>
</tr>
<tr onmouseover="resetit('div0');resetit('div1');resetit('div2');resetit('div3');"> 


<td colspan="4"> 
</td>
</tr>
</table>
  </div>
  </div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars-

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Description :

example :

Point your mouse towards the chart then it will exit the menu list in the drop-down menu

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: orange;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: #990099; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid orange;
  border-color: orange;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Step 2: If the above is already running then, Copy and put the script below under <BODY> code on your webpage or could also be on the post if you write a post using HTML:

<div class="mkbbtndiv" style="position:absolute;"> 
<div class="batangtop">
<table align="left" id="sample1">
<tr valign="top" > 
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

On Maskibow</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

Free Software</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

Free Games</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

Tips 'n Trik</a></td>

</tr>
</table>
<br/>
<table border="0" id="sample2">
<tr>
<td><div align="center"><span id="div0"></span><span 
id="div1"></span><span id="div2"></span><span 
id="div3"></span> 
</div>
</td>
</tr>
<tr onmouseover="resetit('div0');resetit('div1');resetit('div2');resetit('div3');"> 


<td colspan="4"> 
</td>
</tr>
</table>
  </div>
  </div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

MaskibowCara Membuat Button Menu Horizontal Menu Horizontal I (HTML Sample On Maskibow) - On Maskibow

Cara Membuat Button Menu Horizontal Menu Horizontal I (HTML Sample On Maskibow)

Button Menu, Button Menu Sample, Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design, Button Menu, Button Menu Sample,Button Menu Gallery, Button Menu Tutorial, Button Menu Script, Vista Button Menu, Button Menu Drop Down, Button Menu Horizontal, Button Menu Vertikal, Button Menu CSS, Button Menu JavaScript, Button Menu Java Script, Button Menu HTML, Cara membuat Button Menu, membikin Button Menu, Button Menu Web, Button Menu Blogger, Button Menu Design,

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Deskripsi :

Satu lagi tambahan Button menu buat sobat-sobat bloger nih, yang satu ini bergaya multiple button horizontal baik itu baris pada tombol menunya, maupun pada menu list-nya. Seperti biasanya gw kasih beberapa contoh yang sama nantinya hanya berbeda pada style design nya. button menu ini sebenarnya menggunakan script java yang sama pada button menu sebelumnya
Button drop-down menu ini sangat simple hanya bermain pada efek style CSS-nya saja, dan berbasis pada tag <table>, <div> dan <span>
Untuk menambahkan menu nya atau kamu ingin mengkotak-katik di script ini sudah diberi komentar info agar kamu dapat mudah mensettingnya sesuai dengan yang kamu mau bro...ya kalo masih bingung atau ada tambahan infonya bisa kita sama-sama share disini...

Contoh :

Arahkan mouse kamu kearah bagan menunya maka akan keluar list menu secara drop-down

Untuk Contoh halaman-nya kamu bisa melihatnya di SINI Skip Ad pada Adf.ly pada pojok kanan atas lalu download dan open deh..

Langkah 1: Copy dan taruh script dibawah ini dan letakan posisinya dibawah code <HEAD> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: red;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: brown; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid red;
  border-color: red;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
-moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

Langkah 2: Jika yang diatas tersebut sudah dijalankan maka, Copy dan taruh script di bawah ini di bawah code <BODY> pada webpage kamu atau bisa juga pada postingan kamu jika menulis postingan menggunakan HTML:

<div class="mkbbtndiv" style="position:absolute; z-index:100;"> 

<div class="batangtop">
<table align="left" id="sample1">
<tr valign="top" > 
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

On Maskibow</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

Free Software</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

Free Games</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

Tips 'n Trik</a></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
</table>
<br/>
<table border="0" id="sample2">
<tr>
<td><div align="center"><span id="div0"></span><span 
id="div1"></span><span id="div2"></span><span 
id="div3"></span> 
</div>
</td>
</tr>
<tr onmouseover="resetit('div0');resetit('div1');resetit('div2');resetit('div3');"> 

<!--Untuk menampilkan List dropdown kamu di bawah ini -->
<td colspan="4"> 
</td>
</tr>
</table>
  </div>
  </div>
  <div align="center"><br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <a href="https://maskibow.blogspot.com" target="_self"><img 
  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcZ8UTogklo-cn_rigHnOSJERXGfXe8XqMTBKujLWU_sXJ9IHhM3XWseMefPxZ7LnTiB9ni-wmtVIgsAi9u1Gu-2CZvodX09bBKc2aHQyMIpXnWq5oC7zv9ueQA9uTrnoMzechCkSRyI/s128/icon-maskibowsmall.png" 
  width="50" height="50" border="0"></a> 
  
  <br/>
  And Many More Sample<br/>
  Only On Maskibow
  </div>

Note: Untuk Sahabat blogger jika ingin menambahkan script ini pada halaman blognya dapat menggunakan cara diatas, tetapi kamu juga dapat dengan mudah dengan cara memasukkan script yang ada diatas pada blok widget anda bro.. coba deh pilih widget HTML/Java dan masukan script ke dua-nya kedalam widget kamu!!

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

0 Komentar

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Deskripsi :

Contoh :

Arahkan mouse kamu kearah bagan menunya maka akan keluar list menu secara drop-down

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: red;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: brown; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid red;
  border-color: red;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
-moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

<div class="mkbbtndiv" style="position:absolute; z-index:100;"> 

<div class="batangtop">
<table align="left" id="sample1">
<tr valign="top" > 
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

On Maskibow</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

Free Software</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

Free Games</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

Tips 'n Trik</a></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
</table>
<br/>
<table border="0" id="sample2">
<tr>
<td><div align="center"><span id="div0"></span><span 
id="div1"></span><span id="div2"></span><span 
id="div3"></span> 
</div>
</td>
</tr>
<tr onmouseover="resetit('div0');resetit('div1');resetit('div2');resetit('div3');"> 

<!--Untuk menampilkan List dropdown kamu di bawah ini -->
<td colspan="4"> 
</td>
</tr>
</table>
  </div>
  </div>
  <div align="center"><br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <a href="https://maskibow.blogspot.com" target="_self"><img 
  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcZ8UTogklo-cn_rigHnOSJERXGfXe8XqMTBKujLWU_sXJ9IHhM3XWseMefPxZ7LnTiB9ni-wmtVIgsAi9u1Gu-2CZvodX09bBKc2aHQyMIpXnWq5oC7zv9ueQA9uTrnoMzechCkSRyI/s128/icon-maskibowsmall.png" 
  width="50" height="50" border="0"></a> 
  
  <br/>
  And Many More Sample<br/>
  Only On Maskibow
  </div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Deskripsi :

Contoh :

Arahkan mouse kamu kearah bagan menunya maka akan keluar list menu secara drop-down

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: red;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: brown; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid red;
  border-color: red;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
-moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>

<div class="mkbbtndiv" style="position:absolute; z-index:100;"> 

<div class="batangtop">
<table align="left" id="sample1">
<tr valign="top" > 
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(0,'div0');resetit('div1');resetit('div2');resetit('div3');"> 

On Maskibow</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(1,'div1');resetit('div0');resetit('div2');resetit('div3');"> 

Free Software</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(2,'div2');resetit('div0');resetit('div1');resetit('div3');"> 

Free Games</a></td>
<td class="mkbsamplebtnbtn"><a href="##" onmouseover="show_text(3,'div3');resetit('div0');resetit('div1');resetit('div2');"> 

Tips 'n Trik</a></td>
<!--Tambahkan juga dibawah ini jika ada penambahan menu seperti script diatas 
dan ganti id=div-nya menjadi 4,5 dan seterusnya -->
</tr>
</table>
<br/>
<table border="0" id="sample2">
<tr>
<td><div align="center"><span id="div0"></span><span 
id="div1"></span><span id="div2"></span><span 
id="div3"></span> 
</div>
</td>
</tr>
<tr onmouseover="resetit('div0');resetit('div1');resetit('div2');resetit('div3');"> 

<!--Untuk menampilkan List dropdown kamu di bawah ini -->
<td colspan="4"> 
</td>
</tr>
</table>
  </div>
  </div>
  <div align="center"><br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <a href="https://maskibow.blogspot.com" target="_self"><img 
  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcZ8UTogklo-cn_rigHnOSJERXGfXe8XqMTBKujLWU_sXJ9IHhM3XWseMefPxZ7LnTiB9ni-wmtVIgsAi9u1Gu-2CZvodX09bBKc2aHQyMIpXnWq5oC7zv9ueQA9uTrnoMzechCkSRyI/s128/icon-maskibowsmall.png" 
  width="50" height="50" border="0"></a> 
  
  <br/>
  And Many More Sample<br/>
  Only On Maskibow
  </div>

Label: Button Menu, Tutorial, Tutorial 2, TWeb, TWeb 5

8 stars -10 stars -10 KomentarOver 1,500,000

4 stars-

Original Script By	: Maskibow
Revised Script By	: Maskibow
Script Work In	: Mozilla Firefox, Chrome, Opera

Deskripsi :

Contoh :

Arahkan mouse kamu kearah bagan menunya maka akan keluar list menu secara drop-down

<style type="text/css">
a {text-decoration: none;}
/*List Menu Setting*/
.mkbsamplebtn,.mkbsamplebtn a{
  height: 28px;
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: orange;
  valign: bottom;
  text-align: center;
  font: normal 13px Verdana;
  list-style-type: none;
  text-decoration: none;
  text-shadow: 3px 3px 3px black;
  line-height: 25px;
  border: 2px ridge orange;
  border-radius: 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px;
  }
.mkbsamplebtn:hover,.mkbsamplebtn a:hover{
  color: black;
  background-color: orange;
  }
/*Button Menu Posisi Setting*/
.mkbbtndiv, #sample1, #sample2{
  width:500;
  list-style-type: none;
  text-decoration: none;
  }
/*Button Menu Setting*/
.mkbsamplebtnbtn,.mkbsamplebtnbtn a{
  padding-top: 2px;
  padding-bottom: 2px;
  height: 25px;
  width: 120px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
  font: bold 14px Verdana;
  text-shadow: 3px 3px 3px black;
  border: 0px solid;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
  }
.mkbsamplebtnbtn:hover,.mkbsamplebtnbtn a:hover{
  color: lime;
  }
/* setting warna border*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtn:hover, 
  .mkbsamplebtn a:hover, .mkbsamplebtnbtn, .mkbsamplebtnbtn a{
  border-color: red;
  }
/* setting warna background*/
  .batangtop, .menulistmkbbtn, .mkbsamplebtn, .mkbsamplebtn a, .mkbsamplebtnbtn, 
  .mkbsamplebtnbtn a{
  background-color: brown; 
  color: orange;
  }
/* setting Batang atas button*/
  .batangtop{
  width: 100%;
  height: 28px;
  border: 2px solid red;
  border-color: red;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
 -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -goog-ms-border-bottom-left-radius: 30px;
  border-bottom-left-radius: 30px;
-moz-box-shadow: 4px 4px 4px gray;
  -webkit-box-shadow: 4px 4px 4px gray;
  -goog-ms-box-shadow: 4px 4px 4px gray;
  box-shadow: 4px 4px 4px gray;
  }
</style>
<script language="JavaScript">
  var linktext=new Array (0)
  <!--Untuk menampilkan list menu dropdown menu kamu ganti href-nya dengan 
  link list & teks kamu -->
  linktext[0]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Al-Qur'an 
  OnLine</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Playing 
  Game</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Watching 
  TV</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>Info 
  Jual-Beli</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com'>FaceBook</a> 
  </div>"
  linktext[1]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Antivirus'>Anti 
  Virus</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Billing'>Billing</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Design'>Design</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Tools'>Tools</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Multimedia'>Multimedia</a> 
  </div>"
  linktext[2]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Action'>Action</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RPG'>R 
  P G</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/RTS'>R 
  T S</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Sport'>Sport</a> 
  </div>"
  linktext[3]="<div align='left'> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Tutorial</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>HTML, 
  CSS, Java</a> <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/TWeb'>Blogger</a> 
  <a class='mkbsamplebtn' href='http://www.maskibow.blogspot.com/search/label/Barang'>Info 
  Jual-Beli</a> </div>"
var ns6=document.getElementById&&!document.all
  var ie=document.all
function show_text(thetext, whichdiv){
  if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
  else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
  }
function resetit(whichspan){
  if (ie) eval("document.all."+whichspan).innerHTML=''
  else if (ns6) document.getElementById(whichspan).innerHTML=''
  }
</script>