Belajar Menulis Kode Html Pada Postingan Blog (2)

Jumat, Maret 27, 2009 // 7 komentar // Rudy // Category: Blogging Tutorial , Html //

Menindak lanjuti postingan saya tentang cara menulis kode html beberapa waktu lalu, maka sengaja saya buat lagi sebuah tutorial tentang html, nah, jika kamu masi merasa belum memahami apa yang di maksud dengan html, saran saya mending kamu tutup browser kamu klik di sini dan jangan kilik disin karena emank ga bisa di klik, hehe..(kenNa Dehc...)

Ga enak juga ya basa-basi mulu ? ya udah, mari kita berpindah ke topik. Sebenarnya ada banyak cara atau metode tertentu dalam memformat kode-kode html agar dapat di terjemahkan oleh browser internet. Dan berikut ini adalah salahsatu cara diantara beberapa cara tersebut.

• Teks dengan background warna :
  
  
  Bagiku kesederhanaan adalah sebuah kesempurnaan
  
  
  Kodenya seperti ini :
  
  <div style ="background:#ff4500;">Bagiku kesederhanaan adalah sebuah kesempurnaan
  </div>
  
  
• Kalau mau menambah variasi seperti ini :
  
  
  Bagiku kesederhanaan adalah sebuah kesempurnaan
  
  
  Kodenya seperti ini :
  
  <div style="background:#ff4500;border:2px dotted#0000ff;padding:15px;">Bagiku kesederhanaan adalah sebuah kesempurnaan</div>
  
  KET :
  border = garis tepi
  dotted = jenis border
  padding = jarak antara border dengan teks
  #ff4500 = kode warna background, bisa kamu ganti sesuka hati.
  
  
  
• Teks dengan background gambar
  
  
  Dia jauh, sangat jauh..... Walau jauh, naluriku dapat beresonansi dari getaran jiwanya & membiaskan spektrum rindu yang begitu besar
  
  
  Kodenya seperti ini :
  
  <div style="background:url (http://alamat gambar) no-repeat;">Dia jauh, sangat jauh..... Walau jauh, naluriku dapat beresonansi dari getaran jiwanya & membiaskan spektrum rindu yang begitu besar
  </div>
  
  Jika ingin melihat contoh lain teks dengan background gambar sudah ada pada salahsatu postingan saya. Silakan lihat dengan klik di sini
  
  
• Adapun variasi dengan tambahan seperti berikut:
  
  
  Dia jauh, sangat jauh..... Walau jauh, naluriku dapat beresonansi dari getaran jiwanya & membiaskan spektrum rindu yang begitu besar
  
  
  
  Kodenya seperti berikut :
  
  
  <div style="background:url (http://alamat gambar);width:180px;height:250px;padding:15px;">Dia jauh, sangat jauh..... Walau jauh, naluriku dapat beresonansi dari getaran jiwanya & membiaskan spektrum rindu yang begitu besar</div>
  
  KET :
  
  width:250px adalah lebar kotak,
  height:350px adalah tinggi kotak.
  Padding:15px adalah jarak antara teks dengan garis tepi.
  

Angka yang terdapat di belakang kode (px) di atas dapat di sesuaikan dengan keinginan kamu.

Oh ya, jika ingin menampilkan teks ke tengah, tambahkan kode <center> sebelum penulisan tag atau kode html, dan jangan lupa untuk meng-non aktifkan efek dari kode tersebut, maka tambahkan kode </center> setelah penulisan kode html yang membangun sebuah background.

Gunakan daya kreatifitas anda untuk mengembangkan bentuk variasi lain dengan mengkombinasikan kode-kode yang telah saya jelaskan di atas atau pada postingan sebelumnya.

Sampai di sini jika ada yang di sampaikan, silakan cantumkan di kotak komentar, keseluruhan postingan di atas di buat dengan menggunakan hp (handphone), maka dari itu jari saya udah cuapek ngetiknya, hehe..

SELAMAT BERKREASI !!!

Artikel tentang cara memasukan tabel ke dalam postingan akan menyusul jika emank saya lagi mood untuk menulis (tapi entah kapan), so, sering-sering mampir yahc ...!! Dan perlu yang perlu untuk di garis bawahi adalah bahwa sayapun masi belajar, olehnya itu sekali lagi, masukan atau saran atau kritik atau testimonial saudara-saudara atau apa kek terserah yang penting bisa membangun, silakan di sampaikan pada kolom komentar di bawah. Deal... ??