Sunday, January 2, 2011

What's Next

Post Styling

Masih sama kaya kemaren, Edit Gadget HTML/JavaScript yang kemaren di isi CSS, tambahin beberapa CSS berikutnya..


Bikin style buat setiap "Sub-Judul" Post:

#judul {
  font-size:20px;
  font-weight:bold;
  font-family:Square721 BT, Verdana;
  text-transform:uppercase;
  display:block;
  clear:both;
}
Jadi setiap kali mau bikin "Sub-Judul" elo tinggal bikin "tag" kaya gini..
<big id="judul"> Ini Adalah Sub-Judul </big>

dan hasilnya jadi kaya gini.. Ini Adalah Sub-Judul


Bikin style buat setiap "First Line" Paragraph:

#fl {
  font-size:20px;
  font-weight:bold;
  margin-left:30px;
  font-family:English111 Presto BT, ParkAvenue BT;
}

Jadi setiap kali mau bikin "First Line" di Paragraph elo tinggal bikin "tag" kaya gini..
<p><span id="fl"> I</span>ni adalah "First Line" pada setiap Paragraph.. </p>

dan hasilnya jadi kaya gini..

Ini adalah "First Line" pada setiap Paragraph..


Styling buat setiap "Gambar" yang ada di dalam Post:

#Blog1 img {
  vertical-align:middle;
  border:none;
  background-color:transparent;
  padding:1px 3px;
}

Setiap bikin "Gambar" di dalam Post elo tinggal pake "tag" kaya gini..
Text sebelum gambar <img src="http://i91.photobucket.com/albums/k305/TrashedLover/kitty-2.gif"/> Text setelah gambar.

dan hasilnya jadi kaya gini..
Text sebelum gambar Text setelah gambar.

Gak usah terlalu "terpaku" sama contoh CSS di atas, elo bisa berkreasi suka-suka elo kan? emang siapa yang ngelarang ?! :D
buat referensi tentang CSS elo bisa baca-baca di CSS Beginner Tutorial di htmldog.com atau yang lainnya.. Googling aja..