تغيير شكل الاقتباس فى مدونات بلوجر

اليوم سوف نتعرف على كود الاقتباس فى بلوجر وسوف نقوم بتغيير شكل الاقتباس الى أشكل اكثر جمالا تناسب جميع الاذواق

الطريقة سهلة و بسيطة 

شرح تغيير شكل الاقتباس فى بلوجر

1.  من لوحة تحكم المدونه اختر قالب
2.  اختر تحرير HTML
3.  ابحث عن هذا الكود ]]></b:skin>وضع قبله الكود التالى

الشكل الاول:

.post blockquote {
    max-height: 600px !important;
    clear: both !important;
    padding: 0 10px 10px 10px !important;
    border: 1px solid #DDD !important;
    color: #666 !important;
    direction: ltr !important;
    text-align: right !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: " كود --> انسخ/والصق هذا الكود مدونة محترف البلوجر --> ";
    padding: 0px 20px;
    margin: 0 -10px 5px -10px;
    border-bottom: 3px solid #A4D3DF;
    display: block;
    background: #E5F8FD url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_NnGdc91_bj8xD5HymfEih5QvgcdiUIvvJeeo2XmMp_mm-zsTWlUV3n7j6uC5FtR-kPlom14jtHSD17m1a2PdAWeXMSX1gjk3gB6zUOicUwOA3ifLjELZYEtQxmcQIdGE44TTz1PuLq7s/s1600/blockquote.png) left 2px top 2px no-repeat;
    color: #A4B1B8;
    }

: الشكل الثاني

.post blockquote:before {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZmvWyTN145uKYYdePRZsmfpOoyHx8vXSgE5oOw-7Su7oy-GVkRhrmSgyXnJVeL1NsexHwHnh7K9KOtctLLaR0KVOjnyG28168dams8tqzMz53f9lQZG9DXFV6U_Kpq-4BSr1fm0XdhIDz/s172/16x16.png") no-repeat scroll 99% -97px #000000;
color: #FFFFFF;
content: "Pro-Bk.Blogspot.Com كود معد بواسطة";
display: block;
font: bold 12px droid arabic kufi;
height: 20px;
margin: -15px -15px 5px;
padding: 4px 30px 6px 0;
text-align: right !important;
}
.post blockquote {
background:#EFEFEF;
border: 2px dotted #000000;
box-shadow: 1px 1px 0 #000, 3px 3px 0 #fff, 4px 4px 0 #000, 6px 6px 0 #fff, 7px 7px 0 #000, 9px 9px 0 #fff, 10px 10px 0 #000;
color: #404141;
direction: ltr;
font: 14px Arial;
margin: 15px auto;
max-height: 400px;
overflow: auto;
padding: 15px;
text-align: left !important;
width: 80%;
} 

الشكل 3

blockquote {
border-bottom-left-radius: 6px;
-webkit-bottom-left-radius: 6px;
-moz-bottom-left-radius: 6px;
-o-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-o-border-bottom-right-radius: 6px;
margin: 0 0 20px;
border-left: 30px solid #FC4F08;
background-color: #302C2B;
color: #B8B4AA;
border-radius: 10px 20px 20px 10px;
-webkit-border-radius: 10px 20px 20px 10px;
-moz-border-radius: 10px 20px 20px 10px;
-o-border-radius: 10px 20px 20px 10px;
padding: 4% 2% 4% 3%;
font-family: 'Voces', cursive;
font-size: medium;
text-align: left !important;
direction: ltr !important;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
Pseudo ::after element

الشكل 4

blockquote {
width: 80%;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #FFCC00;
border: 2px solid #80D4DF;
color: #333;
position: relative;
padding: 20px 30px;
border: none;
margin: 0 auto;
margin-bottom: 15px;
font-size: 13px;
margin-right: -2px;
}
blockquote:before {
background: #99CCFF;
content: "إقتباس";
position: absolute;
left: -31px;
text-align: center;
line-height: 32px;
color: #FFF;
top: 0;
width: 50px;
height: 28px;
font-weight: bold;
}

الشكل 5

.post blockquote {
margin: 15px 35px 15px 15px;
padding: 10px;
clear: both;
list-style-type: none;
background: #FFFBC6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH2IaZaJUzejtLz_Gc2FdQFJ-btuUAcy0xkZvB0nOLCHgA2YyG1R3sAyM0mvJdj4yhiFCHdB4trP4PbKEG2zjEQyB7szOMa1ooR9UQue9BPfaTDEuqRaF83wPJrgf-d7bZ5UvyihReq-9/s320/cv-1.png) no-repeat right bottom;
border-top: 1px solid #4977FF;
border-right: 1px solid #5686FF;
border-bottom: 1px solid #475FFF;
border-left: 1px solid #5686FF;
border-radius: 10px;
box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(255, 255, 255, 0.5) inset;
height: 380px;
overflow: scroll;
overflow-x: hidden;
direction: ltr;
}

الشكل 6

blockquote {padding: .5em 1em;border-left: 6px solid #E41B17;border-right: 6px solid #E41B17; background-color: #E1E1E1;text-align: center;direction: ltr;max-height: 408px;overflow: auto; border-radius:5px;}.status-msg-wrap{display:none !important;}.popular-posts li {list-style:none;margin:-12px -5px -6px -10px;text-align: right;}