Share
Home » » macam-macam Blockquote

macam-macam Blockquote

Written By Yuga irgi on Kamis, 01 Agustus 2013 | 07.38

 Blockquote Code:

blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDzopogdn5N0pebR3CSDV37YojxgqK5g1ll7H84cYqwzmfH0Gq7Z1UYCp8q4Kn0HkEUT6KGH5PlZFlHuVW8QcqGyQqdwF8IM15FUWB_KqdtMLR1zV4NlR0LqHAXEBkrRjxMerktS2zBs/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;
}

Blockquote Code:
.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJRcj0Q4_JDCCzuMFzrPl2FzneseoPIevIo_X8yWqPDqza5QTIMM7MCcnABCPhwQt1QbqxH4Q-ZKRDALZbRdSN2W_gGduMcZQU2niZwXCQJo6DYFnHjf6dn4dewMhIaBbGfwZgiBFb9-U/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;
}




Blockquote Code:
.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUe7gM9mmd4HyeGszGizyxBuNCp_BRZvOG0rn1W6ScW9J4Alm8VG5xmdf-JtpiZEtgV5RyiX8W9udQCqi_v9T8Sp5VR2eI9hENp5HlO0mvL5fRiS3cujp19lGzQo5rRnXFvahWtwvP4m8/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;
}



Blockquote Code:
blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggBNrrtgL1cwsRKyQEIIMrN_6U407tiPAVWFneZpKY8UU7vrHX-vApjqV_61Lc9dzR4NllkyZW4CXK-64SzKnw3crp0r-dHbTQqiiOMnpEo_JuIyiEU-Vwq8FU_7D0XeyB87QUKE8BN8M/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;
}


Blockquote Code:
.post blockquote {
margin : 0 20px;
padding: 20px 60px 80px 20px;
background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCWCyjpWWFWCWyww99Nf9eCrgCzZSAz81TOPwwEY1w46zqxJH8owTgaxU1yC2jRRwlHXfU-9zAQXpBap3mm5IIKx3cssbDT7GP8FnJ5L4gt-sAnhwwM0ZLQoTOAqkIhLAkLs_xihjUGw/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;
}



 Blockquote Code:
.post blockquote {
  font: 18px normal Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZwyew3ZDmBIhaOJMEtqkmjq-pFGDmIdsNHKTze4EiuxUmNtmWB-y3ArztcL5EkW028UWIy-9wJZqPbdJxdZ_5YkDZjYPTemt_Opk9EULcvSEqi3nQ71p9Au84R9sgjj-rady_3ZeJCjE/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/AVvXsEiTj2AVhDySR1FqM7QMGerSkNTYW5oiVedrbvsEl1upsHUXpZxNMQy169FnJ0CjzWt30tp55XotWDoFuthRYUvC24NKeoCT9HQnIXizb0MV4LLgnclATJ_byr7aLFBDVVCB8MsdukojY64/s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}



  Blockquote Code:
.post blockquote {
  font: 18px normal Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSFyf_3h2Q3jdWQUxxiCa8hAtAOX6Ox2oYldmMxYM1AirRQbm8MWCjIB9awSFHgZp0UM8Bx21MIgsGQ7eWOC_jMJ8v4W20WQ8ijzk1AZafhYC14zm2WxnJ_Fxuvn5mbESEV9yXlR1rMY4/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/AVvXsEjTLSomrm5b1e9PovPYE4PmHy3upnEKuz1fkoQbJ2FXGIRIUFNnGmUsJT0GX92Dn78C2_GHuzcGhwhzJzGZEqu3nGUkSVe7s0cQp5-cT-TMDs0xxXwpuFh7y_V_sOFtXEK_zN8mxmrOpBM/s400/comma1-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}



Blockquote 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/AVvXsEh9go84Tf7gcrhkB1ebvk5MkYQ8YaS9nqgG4eln3u1PPAXfk3xIelMQQKkRILEKs_FNhhn7zhw-uwDWUBUCkKs5Bk8Q4ftvDGDRwXJEX2CBs9ebeocKh7FklxcVNSH0o7l8W9hBmI94_aY/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/AVvXsEjDJoAR4MtSaE_ZnObzrtqYlQfFWle9Nqu9Mw35hVemk6FfPyIfvSAawOWXc-rEUf6GmctlBIrJemOdSAyagig37QfKPs4EU8UbY9Xv3avUU_j52OtTgvlYKv29KTZ4ggp3RlZnvc4aYtk/s400/right.gif) no-repeat bottom right;
padding-bottom:30px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


Blockquote Code:
.post blockquote {
  font: italic 1em  "comic sans ms", Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIqas2S7hyphenhyphen48RcBIGnwlj_9LZuI5yPvzbul1sNuthYzasUgHReJ66qdMUsfhqYdlgQZEV_3G9sU_A2_V0iL3E5NSjaUXF5vjCpBg6LFqwpqLMfAjokuGkaRpBHBrTXOcN3zGnyQdTxEzY/s400/comma2-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3vJcHQ2ym59-dXNLgQ8HmwCL-5SiM211QqLDzLVBvd-op1AXeHy9868v5DWRrWfBXHO4SxXvWd4eUa3FErs-b75epHuOgTmHiZChzUayETdLeLudUevcNiWZrmj0a2H3NXMN3NYdj4iE/s400/comma2-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


Blockquote Code:
.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhfFXPOPag2w56-lOenbgepne_t1Kr4MlqRX_autwr8kptCBLSmO6b2l-vf7hMEKABgeGC4JMN0BEC7rcsnyyj9AxKzegfwIE7ls2SNddkebhDe8ikYLcBIP6g2BdzHSubVdu9HwPsOQQ/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;
}


Blockquote Code:
.post blockquote{
margin : 0 20px;
padding: 50px 30px 50px 30px;
background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqjXe8dwecSolX-ovcln0y0B5qJAKALxyWqpRUR98nOLaClteTa7plbr2lNMXCxRcBLfZgJJ_FYge5m_P73zJ6ZITl6v69TTTmr6ZFwDv0QKaA11QcyZSLa2ZOWj4xAAAV2GNo_5KUmJs/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/AVvXsEgxyBEECf-hMHhk3r33f9e-ulPBlLLEq5xixNtNALCLu3aFNe87OXkV-vT_pn3qIQrB1aG2XjVR-OH4lsdJk-VtRWmyMfn4_azVHPV-Hiqo0OdaPT1c5vd9SK8OvSn3j4khjFkigHWMDY0/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


Blockquote Code:
.post blockquote {
margin : 0 20px;
padding: 70px 20px 30px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikpc3hDjQ94izySvdjsOZuwAcojIXUk894zcJ34zSvXHCmRDVzbD5IVsWL9i6-G0_F7UvtRM1cRJUZJ9qs2MIlHhfrWL-2iG7WP1jSYHcP5jJ1Yoe5ez5FVQaRgpGwk7msCtv5fmfAjH8/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;
}



Blockquote Code:
.post blockquote{
margin : 0 35px;
padding: 80px 0px 0px 0px;
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpLN_5XxB69SKe0JU6SdWKK69y9RzXiJI5MLIXfYZSUc-8h_gOzqhwbqH6yUwrkGyKTTIESU8j_QMDuQRBVrSTPygNo1wnuaup6gu9wECwhXTqOc75gPL_tQXY2JqsxIg485E31OQZGAM/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/AVvXsEiHX-rMxtyJTKsAY6c67mtznk9YpwivWJCzycfsos0UrXX1wy-kV_jOF-Yndo1t4LRm9tRgeGsIWckPa02EM63QbGWzp9C9jyS-Cgh_Pd_CbILCqtc-BYG3hSq6ChUns6ILCkSrKYfNmDg/s400/head-bottom3.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding: 20px;
}

0 komentar:

Posting Komentar