Blockquote Simpel, Tapi Elegan
Sebelumnya saya pernah posting tentang bagaimana pentingnya blockquote bagi postingan, dan tentang pengaruh kenyamanan saat pengunjung membaca artikel Anda (Baca: Perhatikan Blockquote Anda). Kali ini saya hanya memberiken artikel ringan yakni kode blockquote simpel tapi elegan yang bisa Anda gunakan. Letakkan kode berikut di atas </head>
Hasilnya terlihat seperti ini:
![[stripe.png]](http://2.bp.blogspot.com/_OFh1WWXWCHM/RYSqWdsulDI/AAAAAAAAAAk/ECvLA8zmI44/s1600/stripe.png)
Selamat mencoba......
blockquote{
background-color: transparent;
border-top: 3px double #DC143C;
border-bottom: 3px double #DC143C;
padding: 5px;
font-style: oblique;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
}
background-color: transparent;
border-top: 3px double #DC143C;
border-bottom: 3px double #DC143C;
padding: 5px;
font-style: oblique;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
}
Hasilnya terlihat seperti ini:
Selamat mencoba......
wah info berarti bgt nih!!
BalasHapusWah, ilmux mas doyok banyak banget
BalasHapusBisa blajar bnyk ne..
mantepppp gannnnnnn, sampe sekarang belum pernah pake blockquote nih :D:D:D
BalasHapuskalau mau pake gambar-gambar gmn mas? dotnya ganti pke gambar gtu, bukan background... biar saya bisa posting tentang itu juga :p
BalasHapusgpp kan di share?!?! garis2 melengkung2 gtu lo mas maksudnya :(
patut dicoba mas doyok.. keren tutorialnya.. keep blogging
BalasHapusinfonya ok mas, blh dicoba tuh! thx. hidup mas Doyok!
BalasHapusterima kasih semuanya yg sudah berkomentar
BalasHapus