macam-macam Blockquote
blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEpTkih4j4eV5IuvUCaPyEbSRyqNo0D-c9eqfhAEjLf_4WdDoZSNx09WZjxi96ljoVYqKgHmIh-OXbgo6GpviPNg17OHETdkFJccYgee9-GBhfHunMbfkFvkLUAwxYhxH2CofzhN28UnA/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/AVvXsEjuBzPKYl9813jpHqpT9j1PzPwRF0ZVMRR2IC5m9vg1SFHGq2AZ96oJc35uDQyUuzqVwXc-JlfGqnCwIV49ZHQgshNhK1rduMwcn80dxXC3hfXhzl04RIfljSpF0-dvJA2472Bq2hGuei4/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/AVvXsEiOBfBHCSNz1C3ek07WtTKPmWVCLzrAliK6BfVwv4SGTFwsiEul_WlOz-kqKPkY57JlfHYHB_Lo374MACPI0SDX8DeVV2NxzfsLkMCOJkBNecBlnnvgAEQCsYa5oScdL_9ma1ClBxd2auc/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/AVvXsEgecwZMnZixgFX9eOgv0eM8rlBvMnbw4Ulsr1REY816AH1hSL9NVoB8dEnKiVwZk8jICd03T0VRbn0c6oIu7pW-g4ERytijCFVQQlAqzjRfzqtljXfdw9T1di95SMSxRDsByyYmqktkVuM/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/AVvXsEigtlXattnIt-fEacaBVPToZZyBBInat-l1VMhexvrc3J9AHUizV0ucveBVCH-JnIMzqYPqBpUl4pYMsyxZtCwky49G2neGFKc73xIQWYV4mujvaTWpl05xZNHFY745st9XC39zeDlK4zs/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/AVvXsEgSTOxmPk7xw9Iqhk4zyKrNQrDUb19uQZrNoarSTfsbmOmYCaacODyesVYKgXTx6LN9-XTb0FrMwJXkyYQ85NMIeSAIpkytnNu-N5Ou4uzyNMRpPTHdcH1bBkoCVsVk0Z0-opbVXWPShQA/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/AVvXsEh-8M7JVGfeZsRQ1891dTidfsC4bqUH6U8DjdJJFi_eJj58ZOZ1TrjwnIZxt0l63vfiWkm9IijiUr7XQhF_h6NqI4C2-CdcAbFqpMgWCQsbOqrgTNR0e6bqAZMdZH5dKJoZA-AVo2Od7-o/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/AVvXsEjkL-BwJNVQBlRwo6Qi5HCKo5djclxrVvXBHghLjciPfJ-Ors-aMpBFbx702ocgZaoUuwjYr-7JnllYyJMrd1K8HBb6k0dprIgThMPKj5TZBdGChIa9ilphffgC0aMWr-pkU5QZdb_dhSk/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/AVvXsEgfm4bVlMYO_LOmGFkSWW1S6gN8HruDAxMdHasjUmCfzKEXroJ8_OX3REnkVTS1kbhojoKl5bDpmYP1oLqJ7ePk6v5enG4Lp7u7jyX2e2vHmIXzLUV8gYjCqsPp-1c-uFCbUFWEYfheXFY/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/AVvXsEiD-IuzVYJxtP0edni6vMtlyZnGu5dZSZU4oecxNb8Ca70PR40IChDYLK193odKih3jFWtvWOG9_QVDKodbyjYxCogXJIn_-k-VyMevBAu1ZQQ5FMf86FX-FqUI6LVcKy9RH9bQ8mZF28Q/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/AVvXsEhOnt6aMvMKi6_3_hA7ecRiqqVmTVhu60fOBE9A8e1gHAi5SczlBQJ-HG1SJTtp_IpfSB8DzeFxnDryR4A1-6wXy1h9VhH5FHg6zXl4M2Bnf6cF0fLhroOmysMiHvPmmo2n4G6HzjulWSo/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/AVvXsEjIexUXP_TL7IVQ1vktef6sopDevCr-v34qx-72KwkXh1ogk6OUUIODKiP1KTSfoMvb-vZpdanhZQ_VRUky8eNGpH0vm7JhQ_ekUFBLPfGRxqw5HVtaQljau4W_120frIGxW5P1UIfqrZg/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/AVvXsEhKAFog7PwJ4aX40-3089qExMD4YxXkJTR4_gQmMqgNXzA3c9ZJMATzxxbjjRc5Q2R_inUeaaRGxi4SKvPsUFQQvrOmD2eltBueLzewwm0KHIzriapp345bvMxqGzaJRO-xBFrCBixTyrE/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/AVvXsEi3nPWgaugSOAuTV8cPWZgomM5KBmxfWyf5OASFEcLm7oLNVOutog-B5ovOURQpEXjP4y2-emMQi7S4LYC7AqTedMGaevPPEGqPw_EQu7RzygafBSPNVRNicB5nUyA5ToqqJo0nG_efO0U/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/AVvXsEieizjnb0ZindLXmz3uPgLVwG1VK7XMt5fofu6Uv5i9NGQgNGWjoCQwmcbitfU5P3slhDru8ROf2X6LFB6adO_1JTl-Um-JIVHxq8YyRduohrXpR5teczfia0YdLbacd10Rcp_Mn7GK-oo/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/AVvXsEjufPfRTJn2MLYxYEWgWyNx7-JNpDOV6qxW2VvOCL31tmXkMchsACU_ZUULX9qAxcaQ1JvCH7jxcRjE-a0fc2aBNBxfXzJVUlGRrVLrLMTSVc9a4BKctHdQ1LIHmF9-CkPw956em4fiS7g/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/AVvXsEiSuTopeq4Ip8P5ntH5jkCXPOiqWpv6w5UVWdfe68U0X58SD65vus_fpsNnICqaZqFAmCx8A_GwsMJApCh397PeyVm7z6nwebsPWQCEtOz6pzJYb_fFTkDduKC16CMXbbb4Sbbe1O9y8V4/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/AVvXsEhkhHJgMhZSNuF-dRMREinW0aRSj144hOJ4z384KihX_lfiUHwLpMa6jyNZs1R2GEIvHzOshLVA18lXGb_roASylF9ae0IcxFUEg3Q41nqV7tDDib6Dhg1tyWA9dAlKlcWSxtDlDtb6Y0M/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/AVvXsEh22WVrI9tydNAMVCBk-uNJqMlT-m_eBuC99Q3W5nyOx7e3JbtO3qU9A41mtw5gGyLbDMY0RxIIC0QI6pz7IlNkkgZyA-fq8nWqbRsAG5iVg01uh6XcD_I8s7iz-o6-7qnW8m-Q9oSWtMU/s400/head-bottom3.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding: 20px;
}
SHARE THIS POST
0 komentar: