Tutorial Memasang Code Blockquote

Assalamu'alaikum warohmatulloh wabarokaatuh Sobat sekarang kita belajar Code blockquote  kita  yang saya dapat dari  Master Bangdel langsung praktek aja

ini default scritpt blog nya

.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}



nah code block quet bloger nya di ganti kalu mau di modyfikasi


dengan code ini

.post blockquote {
background:url(url gambar.jpg) no-repeat;
padding:10px;
margin:1em 20px;
background-position:10px 10px;
border:2px #000000 solid;
text-align: justify;
}
.post blockquote p {
margin:.75em 0;
}


atau dengan code ini


.post blockquote {
background:url(url gambar.jpg) no-repeat;
padding:10px;
margin:1em 20px;
background-position:10px 10px;
border:2px #000000 solid;
text-align: justify;
}
.post blockquote p {
margin:.75em 5;
background:url(url gambar.jpg) no-repeat;
padding:20px;
background-position:bottom right;
}



cara yang kedua



di taroh diatas bskin

blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #e0ffff;
border: 2px solid #4aa02c;
border-left: 20px solid #4aa02c
}





atau dengan code ini

blockquote {
background: transparent url(url gambar.jpg) repeat-x $startSide top;
padding: 5px;
font-style: oblique;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
}


ingat cara untuk posting blog

<blockquote><p>Tulis di sini teks yang akan di blockquote</p></blockquote>


ini Contoh saya

ini saya menggunakan Gambar

ini contoh tulisan

Selamat Belajar

Alhamdulillah Catatan Sederhana  Tutorial Memasang Code Blockquote telah selesai Mohon maaf Jika ada kesalahan Wasalamu'alaikum warohmatulloh wabarokaatuh

Artikel Terkait