Sabtu, 30 Januari 2010

Belajar Membuat Blockquote

Ada request dari teman nih miss anna , katanya mau minta di ajarin membuat blockquote , oke deh saya kasih tutornya

Langkah Pertama Memasukkan kode Blockquote di HTML :

  • Login ke blogger.com
  • Klik Tata Letak

  • Klik Edit HTML
  • Tidak Usah Expand Widget Template.
  • Copy code di bawah ini :

blockquote {
background-position:-10px -7px;
border: 1px dotted #FFC600;
margin: 10px;
padding: 10px;
background: url("http://img516.imageshack.us/img516/1513/blackquotewe3.png") no-repeat
#FFF8DD;
text-align: justify;
}

Taruh Kode itu di atas ]]>

Keterangan :

  • Warna merah merupakan background gambar blockquote.
Anda bisa ganti dengan gambar lainnya seperti yang saya berikan ini :










  • Warna Biru merupakan warna background yang akan muncul.
Maka hasil kode yang di atas yaitu lebih kurang begini :

Langkah Kedua Cara Menggunakan Kode Blockquote di Postingan :


Tulis Artikelnya disini



Maka hasilnya begini :
Selesai juga akhirnya. penat
Selamat mencoba ya Sahabat.
Stay Tune With me OK peace

Tidak ada komentar:

Posting Komentar