برمجه وجافا لمجموعه الاقتباس بالبلوجر blockquote

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته
تغير شكل الاقتباس داخل التدوينة في مدونة بلوجر
درس بسيط انشاء الله للمهتمين بتغير شكل الاقتباس داخل تدويناتهم
الشكل :

  

ادخل القالب وابحث عن

======================================

<b:skin><![CDATA[/*

======================================
وضع الكود اسفلها مباشرة

======================================
.post blockquote {
max-height: 400px !important;
clear: both !important;
padding: 0 10px 10px 10px !important;
border: 1px solid #DDD !important;
color: #666 !important;
direction: ltr !important;
text-align: left !important;
border-radius: 4px !important;
font: 12px "Courier New", "MS Sans Serif", sans-serif, serif !important;
line-height: 1.6em !important;
-ms-overflow-x: auto !important;
overflow-x: auto !important;
position: relative !important;
z-index: 50 !important;
background: #FFF !important;
}
.post blockquote:before {
content: " CODE --> copy/past this code and Enjoy --> ";
padding: 0px 20px;
margin: 0 -10px 5px -10px;
border-bottom: 3px solid #A4D3DF;
display: block;
background: #E5F8FD url(https://jetara.googlecode.com/files/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.png) left 2px top 2px no-repeat;
color: #A4B1B8;
}

======================================

وسلامتكم

======================================

وهذي مجموعه من الصور تم حفظها ليسهل عليك المثال والتطبيق للاقتباس بالمدونه وتنبيه للي قوالبه الاصلي احيانا لم تشتغل والحل بسيط
البحث
=============================
]]></b:skin>=============================
ضع الكود فوقه تحط ما يناسبك
============================= وهذي اكواد بلا صور فقط بالالوان يمكنك التعديل
.post blockquote{ color:#444444; font:13px verdana; border:1px dashed #000000; padding:6px;}

=============================
.post blockquote {padding:5px;border:1px dashed;background-color:#F7F7F7;direction: ltr;text-align: left;height:200px;overflow-y:scroll;}.post blockquote p {margin: 0;padding: 0 0 15px;}.blockquote p {margin: 0;padding-top:10px;}

=============================
.post blockquote { color:#444444; font:14px verdana; background:#dcdcdc; border-left:5px solid #222222; padding:5px; border-radius:10px; box-shadow:1px 1px 4px #666666; -moz-box-box-shadow:1px 1px 4px #666666; -web-kit-box-shadow:1px 1px 4px #666666; -goog-ms-box-shadow:1px 1px 4px #666666;}

=============================
.post blockquote {padding: .5em 1em;border-left: 6px solid #FFAD00;border-right: 6px solid #FFAD00;background-color: #E1E1E1;text-align: center;direction: ltr;max-height: 408px;overflow: auto;border-radius:5px;}.post blockquote:hover {border-left: 6px solid #FF00F5;border-right: 6px solid #FF00F5;background-color: #DADADA;transition:.3s;}

=============================
.post blockquote { color:#444444; font:14px verdana; border-left:5px dotted red; padding:5px; border-radius:10px; box-shadow:1px 1px 4px #666666; -moz-box-box-shadow:1px 1px 4px #666666; -web-kit-box-shadow:1px 1px 4px #666666; -goog-ms-box-shadow:1px 1px 4px #666666; }

=============================
.post blockquote{color:#444444; font:14px verdana; border-radius:10px; border-bottom:5px solid #764398; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;box-shadow:1px 1px 4px #666666; -moz-box-box-shadow:1px 1px 4px #666666; -web-kit-box-shadow:1px 1px 4px #666666; -goog-ms-box-shadow:1px 1px 4px #666666;padding:5px;}

=============================
.post blockquote {padding:5px;border:1px dashed;background-color:#DDDDDD;direction: ltr;text-align: left;height:200px;overflow-y:scroll;}.post blockquote p {margin: 0;padding: 0 0 15px;}.blockquote p {margin: 0;padding-top:10px;}

=============================
.post blockquote {padding: .5em 1em;border-left: 6px solid #FFAD00;border-right: 6px solid #FFAD00;background-color: #FBFBFB;text-align: center;direction: ltr;max-height: 408px;overflow: auto;border-radius:5px;}.post blockquote:hover {border-left: 6px solid #000000;border-right: 6px solid #000000;background-color: #FFFFFF;transition:.3s;}

============================= https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnGmHR0VAAIkalZzRN7unp15IXT4RbF1EmiFpfHCYV1f5ZIgwSeoUJ6CF2mig4QIesacEP2onxNYd8AcSQAVVTqdl062T3mn74hGuivUhGDYOzTQIgxR48QGZaXHayRQ9j5nTUo-jSgHw/s1600/set-of-headings-tags-for-blogger-headings-tags.png
.hb6{
color:#444;
font-size:15px;
font-weight:bold;
font-style:italic;
font-family:georgia;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
background:#E0F2F7;
}
.hb6:hover{
background:#ffffff;
}

=============================
.hb5 {
font-size:20px;
font-family:verdana;
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px 20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666;
}
.hb5:hover {
color:#FF133F;
border-left:10px solid #FF133F;
border-right:10px solid #FF133F;
box-shadow:0px 0px 13px #FF133F;
-webkit-box-shadow:0px 0px 13px #FF133F;
}

=============================
.hb4{
font-size:20px;
padding:5px;
font-family:consolas;
color:#0000FF;
text:1px 1px 1px #333;
background:#CEF6CE;
border-left:20px solid #FF0040;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px #ccc;
-webkit-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height:1;
}

=============================
.hb3{
background:#FFFFFF;
font-weight: bold;
font-family:consolas;
font-size:19px;
color:#FA5858;
text:1px 1px 1px #AAA;
border-bottom:4px solid #Ff0000;
-moz-border-radius:0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
-moz-box-shadow:1px 1px 22px #AAA;
-webkit-box-shadow:1px 1px 2px #AAA;
box-shadow:1px 1px 24px #AAA;
text-transform:capitalize;
display:block;
width:96%;line-height:1;
margin:6px 3px;
padding:4px 10px}
.hb3:hover {
background:#E0E0F8;
}

=============================
.hb2{
color: #000;
font-size: 20px;
font-family:Verdana;
background: #fff;
margin: 0px 0px 5px;
padding: 3px 0 3px 10px;
border-left:4px solid #FF0000;
}
.hb2:hover {
background:#F6CECE;
}

=============================
.hb1{
color: #6600FF;
font-size: 20px;
background: #BCF5A9;
margin: 0px 0px 5px;
padding: 3px 0 6px 10px;
border-left:4px solid #FF0000;
}
.hb1:hover {
background:#f2f2f2;
}

=============================
blockquote {
width: 450px;
background-color: #f9f9f9;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
}
blockquote cite:before {
content: "\2014 \2009";
}

=============================
blockquote {
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
border-left:3px dashed #c1c1c1;
background:#eee;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

=============================
.post blockquote {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #FC8E42;
border-radius: 240px 240px 240px 240px;
color: #333333;
margin: 1em 140px 80px;
padding: 70px 70px;
position: relative;
text-align: center;
font: 1.5em/1.4 Cambria,Georgia,sans-serif;
font-weight: bold;
}
.post blockquote:before {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #FFBD54;
border-radius: 50px 50px 50px 50px;
bottom: -40px;
content: "";
display: block;
height: 50px;
position: absolute;
right: 100px;
width: 50px;
z-index: 10;
}
.post blockquote:after {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid #5A8F00;
border-radius: 25px 25px 25px 25px;
bottom: -60px;
content: "";
display: block;
height: 25px;
position: absolute;
right: 50px;
width: 25px;
z-index: 10;
}

=============================
.post blockquote {
border: 2px solid rgb(255, 204, 0);
padding: 8px 10px;
font-size: 120%;
color: black;
font-weight: bold;
background-color: rgb(255, 255, 153);
border-radius:20px 20px 0 20px;
}

=============================


============================= الان الاكواد بالصور التجميليه للاقتباس ويمكنك التعديل
.post blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjje3k9-HGy63OPMns0lNCAXqR_EJJ4wxsmNrjlXpgJ-SYfHYVYZXj-z5xBTitG9kMOTdVGw8svQwM8lvfA4JDfU4_ov2MDn46D42TNV6p41kzrbaB6gyyGndt3r4A4U7xr8WIwq9yerp0/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; }

=============================
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4uY5ama/AAAAAAAACOs/wZtmW2g1jC0/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/AVvXsEi9qaeQPVjBZ8u90dmbhrj0zVta4wfv7fw-YusxEjk19jVYrFI470SOQqmortA4pAX5R0H3Wd0BZ5v98Vj-YCqbILU9bsTfmU5tRyCyWT4Su5o17dD5W0cfZF13OdZbH2tzqpD_HorNvn4/s400/comma1-right.gif) no-repeat bottom right; padding-bottom:10px; }
.post blockquote p { margin: 0; padding-top:10px;

=============================
.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/AVvXsEiIOYpTsTLAP-wG25usQpPvP4OZEBiAU-QoV-tabeAyTbNPcD1uPTBpBVpzphyphenhyphenhZ2XHvRGsXxALdipyrJ15bD9twjzIkTkJTc7jTTjOND9_MjmSeIiP2UjJVujCBO3G31hS8VnOVX8SwTM/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/AVvXsEjRxZXWeRizpDDsPJSDjU8uWFi-hzvP4-c966YXabe_T5RakZCPUxwfn3eJOdAp2X8ABEWTC5vIlyNfkig1ro6enVvHQDWM4ITaFG7nj1PX2Ca18HyK6SifQgMriCAWAkDHe5DRF2ybIck/s400/comma2-right.gif) no-repeat bottom right; padding-bottom:10px; }
.post blockquote p { margin: 0; padding-top:10px; }

=============================
.post-body blockquote { line-height: 1.3em; }
.post blockquote { background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMdpxT8CKl0LVE74cKTaWmkmZL4aA8ABnypTtL_jhTlMDadSFdqqhnGD4CGgpjKUUPLj8I7mKxK8KllQmH0tuFRBwBws2Fj1pX2h0eT73M39kv6iDvTGasQVgw3duzEW4gN0oXA0tXks/s1600/note.png); background-position:; background-repeat:repeat-y; margin: 0 20px; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; padding: 20px 20px 20px 50px; color:#000000; font: normal 0.9em "Consolas", "Courier New", Courier, mono, serif;; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.post blockquote:hover { background: #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMdpxT8CKl0LVE74cKTaWmkmZL4aA8ABnypTtL_jhTlMDadSFdqqhnGD4CGgpjKUUPLj8I7mKxK8KllQmH0tuFRBwBws2Fj1pX2h0eT73M39kv6iDvTGasQVgw3duzEW4gN0oXA0tXks/s1600/note.png); background-repeat:repeat-y; color:#000000; box-shadow: -1px -1px 12px 2px gainsboro; border-radius: 15px; }
.post blockquote p { margin: 0; padding-top: 10px; }

=============================
.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlVSUm2xX6JjXCUTaOCIjLb141AQ8NE4tFN1AONB6y0E_5kOm0IJWe_UT0oby-2GSv-C8M8iPYyXzVtpG3_uw5wbx6euR2Td18nV46oBq-ZTCCqR2smbgItDs92cNF2vfXE7d_qk79dw8/s1600/blockquote.png) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1em Vivaldi, serif; border-right : 3px ridge #FF8000; border-bottom : 3px ridge #FF8000; border-top : 3px ridge #FF8000; border-left : 3px ridge #FF8000; }
.post blockquote p { margin: 0; padding-top: 10px; }

=============================
.post blockquote { margin : 0 20px; padding: 20px 20px 50px 20px; background : #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjbZ9xOKDkSOyQ6Er7rMzhV53K-UHn9lIe8Lo86W92ZV6SCuYiiugooMjyaJ7iQpYbt9w9xCq8TLEd72Snud4YMfWUiVnq0flaYyKGyFlwgyVdkopLXDGUZm0Zx9P49SOcAn12EN0jSN8/s1600/Copyrighted+blue+blockquote.png) no-repeat left bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border-top: 2px solid #158aee; border-left: 2px solid #158aee; border-right:2px solid #158aee; border-bottom: 2px solid #158aee; }
.post blockquote p { margin: 0; padding-top:10px; }

=============================
.post blockquote{ font-family: Verdana,"Times New Roman",Georgia,Serif; font-size:12px; color: #333333; sdoverflow:auto; width: 400px; padding: 15px 0px 15px; padding-left:42px; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; /* overflow-x: auto; */ /* width: 99%; */ }
.post blockquote, .post blockquote:before, .post blockquote:after { background: url("https://lh3.googleusercontent.com/-e24OZhzBHLU/VprBKnEybCI/AAAAAAAADdM/myz3334NPww/s500-Ic42/blockqute3.png") repeat-y scroll 0 0 transparent; border-radius: 5px 5px 0 0; border: 1px solid #dcdcdc; box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2); }

=============================
.post blockquote { margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://lh3.googleusercontent.com/-e24OZhzBHLU/VprBKnEybCI/AAAAAAAADdM/myz3334NPww/s500-Ic42/blockqute3.png) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; }
.post blockquote div{ background : #FFF url(https://lh3.googleusercontent.com/-1Rs1SEjvAoA/VprDwCeKc_I/AAAAAAAADdY/Hu-u76oxsso/s500-Ic42/blockqute4.png) no-repeat bottom; padding-bottom: 50px; }
.post blockquote p { margin: 0; padding-top:10px; }

=============================
.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background :url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7CvA_aG-qsUWjDB8r5Yc5yVVIrFMxqEHG-gD1uVXC0lbkRXBrJ6VL_c1jlDsedtBHHn4U_Fo5OGAoxhKhn2PkDiAlAw6qbU-g4F4z-Fkxp1CdclTgrpEec2A6vBUUHYgazvUjWjaskoM/s1600/blockqute+3.png) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border-top: 3px ridge #000; border-left: 3px ridge #000;}
.post blockquote p { margin: 0; padding-top:1px; }

=============================
.post blockquote {
max-height: 400px !important;
clear: both !important;
padding: 0 10px 10px 10px !important;
border: 1px solid #DDD !important;
color: #666 !important;
direction: ltr !important;
text-align: left !important;
border-radius: 4px !important;
font: 12px "Courier New", "MS Sans Serif", sans-serif, serif !important;
line-height: 1.6em !important;
-ms-overflow-x: auto !important;
overflow-x: auto !important;
position: relative !important;
z-index: 50 !important;
background: #FFF !important;
}
.post blockquote:before {
content: " CODE --> copy/past this code and Enjoy --> ";
padding: 0px 20px;
margin: 0 -10px 5px -10px;
border-bottom: 3px solid #A4D3DF;
display: block;
background: #E5F8FD url(https://lh3.googleusercontent.com/-4XuNfprJidg/Vpq0JK2rfCI/AAAAAAAADbs/0HduHeAhzbE/s16-Ic42/kuwaiT-blockquote.png) left 2px top 2px no-repeat;
color: #A4B1B8;
}

=============================
.code1 {
overflow:auto;width:520px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1NLLoCcVxsjmxOQcH_uDpwo56jGuIwjEjP0Td853jTAn2YouVHgOSTKUbSwgaICMVxMILxsoXZpWLwkKfSPN0KY4qvOIyq1lCm9d4RyNObbrA_LXk2h6_6uEd4hjYllLIBVptYDUewTp0/s1600/rb+light+bulb.jpg) repeat-y top left;
border : 1px solid #000000;
border-left:20px solid #ccc;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.code1:hover{
background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_oKiX0fUB8fTquhU1gpI822U_lWIEX9RI_Arf27TdyBMO_YOoMdnqoWuz5g16b_gylgnzskdk-NyR2tWheZqzQAN8huoM5_S8rNcAgJJIrO4Z0fPNe_JeSR1T0uEoqKNnek4kEgIHvDb3/s1600/rb+light+bulb+2.jpg) repeat-y top left;
color:#FEF9BF;
border : 1px solid #000;
border-left:20px solid #ccc;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
box-shadow: 10px 10px 5px #888888;
}

=============================
blockquote {
width: 450px;
background-image:url('http://example.com/wp-content/themes/your-theme/images/lined_paper.png');
border: 1px solid #ccc;
box-shadow: 1px 1px 1px #ccc;
font-style: italic;
}
blockquote:before{
position:absolute;
margin-top:-20px;
margin-left:-20px;
content:url('http://example.com/wp-content/themes/your-theme/images/pin.png');
}
blockquote cite:before {
content: "\2014 \2009";
}

=============================