Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Cari kode .post blockquote atau blockquote, atau sejenisnya di template anda. Tekan F3 atau ctrl +F untuk memudahkan pencarian lalu masukkan kode yang di cari. Ganti kodenya dengan kode di bawah ini. Silahkan pilih mana yang anda senangi. Jangan Lupa Simpan Template
Tampilan 1
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 2
blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 3
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; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 4
blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 5
blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUn4a4VwQtZOPkZixPe7F6cKN_Hi0SUMgNpAIXogpRHBTNWJ3OWp3kP0lKHPk9sSlnOjfW6hcGhka1iBMrqqBsAl1PqvDfoOb9_N5gohrhogrFpsvVlJ1ihhVvRywaNrbN5gpKru5_d-8/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; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 6
.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Wphk2XgVkXB9xObmPWKLILsovBeYNCktNq7GUFncn53BzjKtjqSL63CzpUD_pnd4ABy5TMsPLrZBFjhwZIqfUu_MI0_BqkRh5mCGiv-KKxIBEsSPnt4rKnuIfJ_mPoZtbL59ih5AYO8/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; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 7
.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4QILugcbZ5PwcqkRsJiURF6CQnsPgvFWBnjifsHPqkU35Lyr3Yb2L_Wzv4lUxLEwn3v6npt_BuMWaC2G405mfcpFnAygyFr9LtBAOdny3GdTPSuDvG5445_37lDKtvmjiP-IpjyYR9YQ/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 8
.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeLKtBsIzEZH0tAMYn89wlk6-_D683JRF98cBHbd8zalQibSOYINXgWo1CkpJT81aIyaqYuOfYEuF1LfJoGuiEmrYfH8qEpRf9bNMUREqqXzONHQko25hyAztfhANSz_A-5xmS1KVwyT8/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; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 9
blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilnlpeUyVe5s645oWOLS1X_LdOKtTieaqxoSsFsK2Nl65SBas68XXW_hdqeKBp4DEtXHutwfa6RN4H_k-J_6Od1rlEijYrdORAGi_heASXW0fcAXWzF96BQpuyl7tYQ547L9fiC6oG_qk/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; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 10
.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_59_JzcGMl-Dqv0_jFvahq-R4Kj7Gs1sFUCDHXNpzCtkiPzj0VVaxxryjZqOh6_y8ol1Np4kbQbVBor1Px2DIleJvYRTN3txMVcMXqbDL1Sr5nUDyBRH5vUQbcWsOSqS01lmADpwACg/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; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 11
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJzf5HYuVl6pAut9UtaQCijhkt3EtWVsqNsw9jCfOeqf1ylLfT7IPlkJiZthXdk8V7MV9pysg-kSQbWyCiLWlj0WKF1dqm-ifYnNoJTCv_LttMR835ndF8Jb_XgNU16aI5PgHm4G-Buys/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/AVvXsEh27xQYrMbeaOSKbRL76r_eERbMgnnAAaXbrPOkLlK4ZywirCekVHTBtxTVIGHHIsSlWPDkNIXP8OJ5-H-yIpfS8VgIwab_PA-ASCCowI7sIS61PxdHp_MFjl_pPZPeiv_KWUcI2NNYzrY/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 12
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwetCMyO1z6rbi8hdlyBNZn5X1E9VYkaoTrnfc9KhL8xC4vSsDvWLFrTXjypKJp_8cbIGWdxM8BajTEoq0-AM3rr8Cw_54fFM0PiqM9LqXcxQCGXYjQvRQ-m-H1ptlS8C1HWJO7u0OfjM/s400/comma1-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwohh_Qpy2FFjUsevt2NgO3zHj9n7c5Ehmafsgk6xAXrZJr15NJEgHvNlx9E7oulnC5Wd3Dr8-FR5pRhaBTc46g1-H-4cTjhPDy_rfqZ103l_bbVtpH0sqqbpHHwCzyQDOmyGhskUl710/s400/comma1-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 13
.post blockquote { margin : 0 20px; padding: 70px 20px 20px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcBaCVblQf2RXikVkINAznh8LfK3Sm84ZjGlZKaYCC4TbHS_4qjyXtOxA2JdygXGdr7WBwYmymYzrjJ9KNx_q1sUUzbW0iit2swUaGP-wkRZK837UAyUhNlahC01L9gqHXi2AFaJV3d98/s1600/block333.gif) no-repeat top; font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif; color : #000000; border-bottom : 7px solid #FF0000; } .post blockquote p { margin: 0; padding-top:10px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 14
.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvWTbElLjKsHGNlOga6ZF7SBlgTRxt1IdWLm_aNT9F-pHwkYdXHHXLoaZ867n8GfyEXyUmSDTHFnQ6dkKdS3dkLqeGlyHMPkHcKG1o5CrXvhcJ9cojm3X4EWDvhgpmIMJXWFUibn0EODc/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/AVvXsEjL8OB6mGF36sHzv2FXZHoed-5TglL9otd-Rjrg5a0uWUuqjQpFVc7xlKDKl3fUPYMnpOKhItbgpxNV0pmfBH1KT9QaeRUMohbqfJiFFfhC9vFuC_Zjor0Dxy3VAbrzP-Gp0QjZ0SqgEsg/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 15
.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibHQ4w39yTo6n3eJAvTiqaoEVDm7a024tQuxxH_-xV98rAtOv-zQdwy-b6Zj-M95W2ABBo_KRgSpsZyvJha-_nyWMWDMCj1A87pEf1RhZr7UcIN8O8HNw8LkVNiBju3KHxh-n7wimXje4/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/AVvXsEioWxODHG_iSkHUfIBg31EOmhi_sldpSRzR_UkBGbuZ5evpJbCN6V46UMC4fH_bJm3IPK8QWREvBGvN2F0JTQCF4XJ-yG98m4HKTysgvNCo2P5jUb9y17Kf9_SfFJT-SAr-7-31sQyy0mQ/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 16
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/AVvXsEgshBRwqYVbTeMGe12G8okS5iPnQM6L7O9Ie472RuovAyLW4FwkIExo2pLCeMvS-OTr2BI_0SP3PuNHgKshPRt5o2L1ymze-izBYpd3JUkQKbcVgEul7AM0UaaLcDfBjkWmtKGWbU0ypWUx/s1600/quote.png") 5% no-repeat #FFF8DD; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan17
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%; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 18
blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 19
blockquote {-moz-border-radius-bottomright: 30px; -moz-border-radius-topright: 30px; background-color: #f5f6ce; border: 5px solid rgb(185, 227, 95); padding: 10px;}
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 20
<blockquote style="-moz-border-radius-bottomright: 30px; -moz-border-radius-topleft: 30px; background-color: #f5f6ce; border: 5px solid rgb(56, 97, 11); padding: 10px;">
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba</blockquote>
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 21
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #f5d0a9; border: 5px ridge rgb(230, 141, 58); padding: 10px;">
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba</blockquote>
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 22
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #d8d8d8; border: 5px ridge rgb(224, 213, 130); padding: 10px;">
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba</blockquote>
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 23
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #d8d8d8; border: 5px double rgb(206, 212, 36); padding: 10px;">
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba</blockquote>
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Tampilan 25
<blockquote style="-moz-border-radius: 5px 5px 5px 5px; background-color: #E0ECF8; border: 5px groove rgb(248, 250, 187); padding: 10px;">
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba</blockquote>
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba
Kalau anda memasangnya secara manualdalam artikel anda langkahnya sebagai berikut.
Klik Posting
Pada saat anda berada di posting area Klik Edit HTML
Masukkan kode berikuti ke dalamnya
<blockquote style="Silahkan masukkan kode blockquote di sini">Masukkan tulisan atau kode anda di sini</blockquote>
<blockquote style=" margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1;">sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencoba</blockquote>
Hasilnya akan menjadi seperti di bawah ini
sebuah percobaan adalah sebuah perlakuan untuk mencoba karena anda berpikir memang harus dicoba, namun jangan coba-coba, karena percobaan yang anda coba adalah sebuah alasan untuk mencobanya. selamat mencobaJangan lupa Terbitkan Entri
Selamat Mencoba dan sukses selalu
Source from bd lab and blogonol
"keep spirits and do the best"