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

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

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

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

 .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/AVvXsEhu0Kog0fjFDoF4JeQFz8Dso9Tpar6S0qsaGOFoRNXRyAglhd1xRgL-RSlv1e6TBhL05XzyrkxqX93_DLYZXioJ8K5KDQFtHiWf8MU2dcdLhfbQVEqHwGAzUPq7s5AZ8nKa_qyfxtu2t5W4/s1600/blockquote.png) left 2px top 2px no-repeat;
    color: #A4B1B8;
    } 

• الشكل 2

 .post-body blockquote {
 
font-size: 13px;
font-family: Courier New,Monospace,Sans-serif;
overflow: hidden;
width: 564px;
margin: 20px 21px;
border: 1px solid #DDD;
line-height: 1.4em;
padding: 18px 18px 45px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-l1GClm3Ddr5-nJZqZesxhuLPSw8BWeM6KhwTA3sYLYdhREOeYIWf7N9-dE8vqb2VqLpLEKv5v98Mbf-p0z-gPqjSWYO_5SdB9EbgfsdZR_DhVZ6wns38L7bSfjm-NdqpVQCPap4hyphenhyphen5s/s1600/quote.png') no-repeat scroll center bottom #F2F1F1;
} 

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