02

MASALAH LINK

Contoh-01 :

"Rumus Mas Anang"


Contoh-02 (Tidak pindah tempat) :

Rumus Mas Anang, klik disini dan bacalah dengan seksama.

Contoh-03 (Pindah tempat) :

Rumus Mas Anang, klik disini dan bacalah dengan seksama.

Contoh-04 (Logo link) :



Contoh-05 (Scroll Color Link) :

- Anang Andaka -



Aslinya
Edit

============================================

01



BENTUK TEKS

Contoh 01 :

Rumusnya :

<font size="3" face="georgia" >"Mas Anang learns to Blog"</font>

Hasilnya :

"Mas Anang learns to Blog"

Contoh 02 :

Rumusnya :

This is a really <em>"Mas Anang learns to Blog"</em> topic!

Hasilnya :

This is a really "Mas Anang learns to Blog" topic!

Contoh 03 :

Rumusnya :

<i><font size="3" face="georgia" >"Mas Anang learns to Blog"</font></i>

Hasilnya :

"Mas Anang learns to Blog"

Contoh 04 :

Rumusnya :

<font size="3" face="georgia" color="red">"Mas Anang learns to Blog"</font>

Hasilnya :

"Mas Anang learns to Blog"

Contoh 05 :

Rumusnya :

<b><font size="5" face="georgia" color="green">"Mas Anang learns to Blog"</font></b><br />

Hasilnya :

"Mas Anang learns to Blog"

Contoh 06 :

Rumusnya :

<i><font size="6" face="georgia" color="blue">"Mas Anang learns to Blog"</font></i>

Hasilnya :

"Mas Anang learns to Blog"




TATALETAK TEKS

Contoh 01 :

Rumusnya :

<b><center><font size="3" face="georgia" >"Mas Anang learns to Blog"</font></center></b>

Hasilnya :

"Mas Anang learns to Blog"

Contoh 02 :

Rumusnya :

<b><center><font size="5" face="georgia" color="green">"Mas Anang learns to Blog"</font></center></b>

Hasilnya :

"Mas Anang learns to Blog"

Contoh 03 :

Rumusnya :

<i><center><font size="6" face="georgia" color="blue">"Mas Anang learns to Blog"</font></center></i>

Hasilnya :

"Mas Anang learns to Blog"



=======================================
MASALAH BINGKAI :

Untuk lebih jelasnya, silakan anda "klik disini" .Dijamin pasti puas..puas...puasss...(istilahnya mas Tukul Arwana)

===================================
RUMUS-01

TULISAN YANG KAMU INGINKAN

Kerjain "BORDER"nya

TEST-01 (Ubah "border"nya)

TULISAN YANG KAMU INGINKAN

TEST-02 (Ubah Marginnya kiri-kanannya)

TULISAN YANG KAMU INGINKAN

TEST-03 (Ubah paddingnya=jarak tulisan ke border)

TULISAN YANG KAMU INGINKAN

TULISAN YANG KAMU INGINKAN

TULISAN YANG KAMU INGINKAN

TULISAN YANG KAMU INGINKAN

TEST-04 (Overflow yaitu auto,scroll, hide )

TULISAN YANG KAMU INGINKAN

TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN

TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN

TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN

TEST-05 (Teks area)

TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN

========================================

02



MASALAH TEKS BERJALAN


Contoh-01 : Teks berkedip

Blink-01 :

Rumusnya :

<blink>Blogger Tutorial</blink><br />

Hasilnya :

Blogger Tutorial

Blink-02 :

Rumusnya :

<blink><a href="http://hermanblogtips.blogspot.com" target="_blank">Herman Blog</a></blink>

Hasilnya :
Herman Blog

Blink-03 :

Rumusnya :

<blink style="font-weight: bold; font-family: vineta bt; font-size: 16px; color: rgb(0, 0, 153);">Teks atau link anda</blink>

Hasilnya :

Teks atau link anda

Contoh-02 : Teks berjalan

Rumusnya :

<MARQUEE align="center" direction="right" height="50" scrollamount="2" width="30%"><br />marquee dari kanan ke kiri</MARQUEE> <br />

Hasilnya :


marquee dari kanan ke kiri

Rumusnya :

<MARQUEE align="center" direction="left" height="50" scrollamount="2" width="30%"><br />marquee dari kiri ke kanan</MARQUEE>

Hasilnya :


marquee dari kiri ke kanan

Contoh-03 :

Rumusnya :

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="375px">Welcome To My Blog</marquee></font><br />

Hasilnya :

Welcome To My Blog

Contoh-04: Efek teks berjalan kekiri sekali saja :

Rumusnya :

<font face="courier" color="yellow" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="black" width="375px">Welcome To My Blog</marquee></font>

Hasilnya :

Welcome To My Blog

Contoh-05: Efek teks berjalan kekanan tiga kali :

Rumusnya :

<font face="courier" color="white" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="orange" width="375px">Welcome To My Blog</marquee></font>

Hasilnya :

Welcome To My Blog

Rumusnya :

<font face="arial black" color="white" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="375" height="100" onmouseout="this.start()" bgcolor="blue">panduan membuat blog untuk pemula beserta tips n triknya...</marquee></font>

Hasilnya :

panduan membuat blog untuk pemula beserta tips n triknya...

Contoh-06 :

Rumusnya :

<MARQUEE align="center" direction="left" height="50" scrollamount="3" width="30%" behavior="alternate">Modar mandir</MARQUEE>

Hasilnya :
Modar mandir

Rumusnya :

<span style=";font-family:aerial;font-size:130%;color:white;"><marquee scrolldelay="10" direction="right" behavior="alternate" scrollamount="2" width="370px" bgcolor="red" height="20px">Mas Anang learns to Blog</marquee></span>

Hasilnya :

Mas Anang learns to Blog

Rumusnya :

<span style=";font-family:arial;font-size:130%;color:yellow;"><marquee scrolldelay="10" direction="right" behavior="alternate" scrollamount="2" width="370px" bgcolor="green" height="20px">Sistim cepat bikin Blog</marquee></span><br />

Hasilnya :

Sistim cepat bikin Blog

Contoh-07 :

Rumusnya :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"><br /><br />silahkan tunjuk ke sini<br /><br /></marquee>

Hasilnya :


silahkan tunjuk ke sini



Contoh-08 :

Rumusnya :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"><br /><br /><a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/><br /><br /><a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/><br /><br /><a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/><br /></marquee> <br />

Hasilnya :



Rubrik Elektronik


Electronic Rubric


Kolom iklan



Contoh-09 :

Rumusnya :

<br /><font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="375px">Welcome To My Blog</marquee></font>

Hasilnya :

Welcome To My Blog

Contoh-10 :

Rumusnya :

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="375px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Pernak-pernik blog</marquee></marquee></font>

Hasilnya :


Pernak-pernik blog



=====================================================

03



MASALAH SPASI

Terkhusus untuk penulisan di "sidebar"

Rumusnya :

- Ini kalimat pertama (tanpa "br")<br /> Ini kalimat kedua dengan "br" satu kali<br /><br /> Ini kalimat ketiga dengan "br" dua kali<br /><br /><br /> Ini kalimat keempat dengan "br" tiga kali<br /><br /><br /><br /> Ini kalimat ketiga tanpa "br"<br /> Ini kalimat kelima tanpa "br"<br />

Hasilnya :

Ini kalimat pertama tanpa "br"
Ini kalimat kedua dengan "br" satu kali

Ini kalimat ketiga dengan "br" dua kali


Ini kalimat keempat dengan "br" tiga kali



Ini kalimat ketiga tanpa "br"
Ini kalimat kelima tanpa "br"



MASALAH PARAGRAPH

Rumusnya :

<p>This is the first paragraph.</p><br /><br /><p>This is the second paragraph.</p>

Hasilnya :

This is the first paragraph.

This is the second paragraph.

=================================================

04



MASALAH BULLET

Contoh-01

Rumusnya :

<ul><br /> <li>the first list item</li><br /><br /> <li>the second list item</li><br /><br /> <li>the third list item</li><br /></ul>

Hasilnya :

The first kind is a bulletted list :

• the first list item



• the second list item



• the third list item

Contoh-02

Rumusnya :

<ol><br /> <li>the first list item</li><br /><br /> <li>the second list item</li><br /><br /> <li>the third list item</li><br /></ol>

Hasilnya :
The second kind of list is a numbered list :

1. the first list item



2. the second list item



3. the third list item

Contoh-03

Rumusnya :

<dl><br /> <dt>the first term</dt><br /> <dd>its definition</dd><br /><br /> <dt>the second term</dt><br /> <dd>its definition</dd><br /><br /> <dt>the third term</dt><br /> <dd>its definition</dd><br /></dl>

Hasilnya :

The third and final kind of list is the definition list :

the first term

its definition

the second term

its definition

the third term

its definition

Contoh-04

Rumusnya :

<ol><br /> <li>the first list item</li><br /><br /> <li><br /> the second list item<br /> <ul><br /> <li>first nested item</li><br /> <li>second nested item</li><br /> </ul><br /> </li><br /><br /> <li>the third list item</li><br /></ol><br />

Rumusnya :

The end tags and are optional and can be left off. Contohnya sbb:

1. the first list item



2. 
   the second list item
   
   
   
   • first nested item
   
   
   • second nested item
   
   
   
   



3. the third list item

================================================

05 tidak ada, langsung ke 06



MASALAH SCROLL

Contoh-01

Rumusnya :

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>

Hasilnya :

Tambahkan teks atau kode script disini

Contoh-02

Rumusnya :

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</div>

Hasilnya :

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog

Contoh-03

Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan

Rumusnya :

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="http://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/s400/herman%20blog%20headline%20v6.gif" /></div><br /><br/>

Hasilnya :

================================================

07



MASALAH TEKS AREA

1) Bikin teks area

Rumusnya :

<p align="center"><textarea rows="6" cols="20" name="code"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

Hasilnya sbb:

Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area

2) Teks area dengan Highlight

simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung

==================================================

SIDE BAR :

01

Belajar HTML

=====================

02

Judul pertama

TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN

Judul kedua

TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN

Judul ketiga

TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN KAMU INGINKAN TULISAN YANG KAMU INGINKAN TULISAN YANG KAMU INGINKAN

=====================

03



=====================

04



=====================

05



====================

06

by : BTF

============================

07

- Tentang "teks" -



Kang Rohman

Create marquee text

Effek-01

Effek-02

Effek-03

Effek-04

Effek-05

Effek-06

Effek-05

Effek-05

Effek-05

Effek-05

=================================

08

- AlertBox -



Alert Konfirmasi

Pesan Pembuka

Salam Pembuka

Sapaan Pengunjung

=================================

09

- Add a Gadget -



Shoutbox cs

Gadgetnya Google

Salam Pembuka

Sapaan Pengunjung

===================================

10

- Lain-lain -



Menu Navigasi Horisontal

Pesan Pembuka

Salam Pembuka

Sapaan Pengunjung

======================================

11


ShoutMix chat widget


===========================================

12




=======================================

13






======================================

14



===================================

15