Cara Membuat Blockquote Keren Di Blog

 

• Login Blogger
• Edit HTML
• Cari Code

.post blockquote

• Lalu Pilih Blockquote Di Bawah Ini

▼Code▼ 

.post blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

 

▼Code▼

 .post blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

 

 ▼Code▼

.post blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

 

▼Code▼ 

.post blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZWR5a_Nolupzo6iZjKzk_PMk-zfwM5RgvrNWYjCNzzVftNZWNC5ODSuJXZLG9RsmeJNVweOkML5L-lZwfaiScJQtftJsQ6GgTgzBM3rWw600KGG2YDCdQ0w55gdC7PBETqoPPFf7kKWs/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }

 

▼Code▼ 

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqKUg0V3AkBFR7JHC__pHwW4oyUPhJ39LEmrMHYCZlCCU_tNlKdDViYDeT0V_7SjsyU08UQAUjcVg4lN0ftT4gPyB5ngceKRBXwZ-rhOLZOvi-elh2yBXOXzuvUNJI7vPVnLujrrdrexI/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }

 

 ▼Code▼

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF9O9ZK8KxEhcoBTACMofEH68oNKWtDoUzo9zvzyGpFa_-W24-h-ny_oFxPNSeFYYpiad7OJfjuOMnk4hACRXGWMtJSyxsaHrliTNnzE4ruWIwZpIwPTN2w6RrU67i1CmwCxaLXcrgJz8/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }

▼Code▼

.post blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_md_aPsBXCVYA5atR-XWqlW2BjSlSeIIee1tCUCuyqabJxHyeOegSQaO3VnUPG29RTbC8JeyqwW_zcvDsBum5iYwV7bw5OB-jpRIZvfr8fKYe3Tv2Gryj6jRr5ZE6vsAkG_5A32gEy1I/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; }

 

▼Code▼

.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ1D1k2Wf0I-ONRzaO9yvk1sqcbXa8PbAWaCVFhqp6wubojwFUTttUE60ElrY-2PM_Mhaq25gGryKulxEawmJd43vJoFyypoi46bAQ3iqoO6F5ImiM4WV1FqcywqkcDpn-FlEtB7RyJ_8/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }

 

▼Code▼ 

.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOzb1ADNiJhdoArG_oEcolYMiJkl7MjlV4rnyarDYSolaRIMzAsqiFW_8iB1ZI_7dSnAWmX2C-cGM0otfRzebgmba-m1MmW10LTuSgvXoRx1tO1zSV6z5ukmmdD_RLN6hUCZ5qTXC60jY/s400/comma-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlxxzf5qXvaUNnneBjQ3IlNq7T7hpD2XZKm0T9sqZ0KDirR4BpbQnkxLWqRo8I_aIDUEn1G1fH0ReCzo_1rM6QTJAYJlBRpdnb0mDf6cAsUtBekYEkC1U8ePdfqf5deS8rx3bDl27JyI/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }

 

▼Code▼ 

.post blockquote { font:bold italic .9em "comic sans ms", Tahoma, sans-serif; padding-top: 25px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQpl3bd4442OLnHPye8G5ET22QSCbcRaMG3v5Dw3u5uEF6muQKaAYqREyVeSIbmsH-OANyUV6TLXdpSirFKaMPoMylSW3-N6fNFeNUOS0Azu_4Qv7NCcVQDMrglKcm7XQhuXdwqQZzHA/s400/left.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYBc9aA_Zcw2-MWHPhfU4pjzRDAyoDKSFiDQ6MRy4T7Rs9gAcuh8O7Wa2xpeKnNpAVHdlaGg4_TcsVR2Cgpw_hcmrsvAhBZDrWqkGvXggf4WuN8IV77raVXZ_EXs2iCrlFJL5usc3XvAw/s400/right.gif) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; }

 

▼Code▼

 .post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKVRXX9DJ8DRUgGMXajpXD6JsGU1rniNihYXTqkmzN3Zt3KnjptNisbmL806GJfNnnkXZCnLXBtSYsHcbXM9biUqSca9YHjzyXSSdGJjLy-m8lFYIpJmEMMG2UWgwDXUp_H-yGUBvUI7w/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dg-XaU2S9K300x3lYWPfXUZgKiOoCXlR20jADJy_d-f8Tyko-Ss3srxyVJ7e_nyoqEF8GPhXVa2TBvX4N1epRzMUJDSkVNqbXxxKaENN0EzYvKbQQmfsSJASmZxlLEiWI8ngt0jsY5c/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }

 

▼Code▼

.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_SmcPoWw-KOZPsJ4y_huoVdbq-CK6KaFZKGPXeh5fSATkjIQb11tFomFP8yYS_NoJYpmApbNma7ksROmEAWcBK1Cb6T0OiCFSZOY9p_RH9qEGb-SKtFvXH5jwj37PhAV2M9Rvnr_4mOk/s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }

 

▼Code▼

.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdManyK0wLSgumgDlr_-DyFW3AWqmq15vyvDjPde99Ir-RN31a527t1r3HIqQi01xitaSnqEUSqaWj1SLORRC6D_goQnUSzTcmIOdCOCMYactM5toaF6D3wVWXl9gWkT2pCmd14hrJS4/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKtPPCvj6At1LoFO_dA5G2hkx6bTtlPjaqCH6LuE2-XDpyOboKkRt7lpL7bsMaWBEtDV-pPQ-EcNDB6oEwwSHSHGoKKgM4Hb31N0XaQGfRTyV09mrwGbLaBdeTK0BLZyKdYd7FDPixpCE/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }

 

▼Code▼ 

.post blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbefi63HTEdHj3LVWq55kwdppFNsmzMpm24mKjwOwJo_nm5LsOiszdCG_zMiisbCqs-XAWHfXQ_Eo_MseomXlMMOj14M9xJoMLIO3afy32k9R35Cf2X6ggwyh40QrPRHxQmLOeOY4ee-C/s1600/quote.png") 5% no-repeat #FFF8DD; }

 

Backlink Please

URL

Code For Forum

HTML Code <a href='https://cyber-vice.blogspot.com/2012/09/cara-membuat-blockquote-keren-di-blog.html' target='_blank'>Cara Membuat Blockquote Keren Di Blog</a>