تغيير شكل صندوق الاقتباس الى شكل أحترافى

السلام عليكم ورحمة الله وبركاته

صندوق أقتباس بلوجر من أهم أدوات التنسيق لدى المدونين وخصوصا المدونات المهتمة بتصميم المواقع أو ما شابه 

لأنهم يعرضوا أكواد أقتباس للزائر لأفادته , لذلك قمت بتصميم هذه الأضافة الخفيفة لتضيف الى مدونتك لمسة من الجمال 

الان نمر الى الشرح وكيفية تركيب هذه الأضافة أولا لنرى صورة مباشرة من الاضافة 

شرح تركيب الأضافة

ملحوظة:اذا لم يظهر صندوق الأقتباس قم بعمل الأتى 

أبحث عن

.post blockquote

وأحذف الكود بأكملة قد تجدة بهذا الشكل

.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0} 

ثم قم بعمل بالأتى 

بالضغط على ctrl+f

ونقوم بالبحث عن الكود التالى

]]></b:skin>

وتضيف قبله هذا الكود

.post blockquote {
background: #EFEFEF;
color: #404141;
direction: ltr;
font: 14px Arial;
margin: 15px auto;
max-height: 400px;
overflow: auto;
padding: 15px;
text-align: left !important;
width: 95%;
border: 2px solid #ddd;
}
.post blockquote:before {
color: #FFFFFF;
content: "كود حصرى";
display: block;
font: bold 12px droid arabic kufi;
height: 20px;
margin: -15px -15px 5px;
padding: 4px 10px 6px 0;
text-align: right !important;
background: #8A8A8A;
}

التعديلات على الاضافة

اللون الأحمر : خلفية الصندوق

اللون الأخضر : الخلفية للقائمة العلوية المكتوبة بها ( كود حصرى)

وهكذا مبروك عليك الشكل الجديد لصندوق الأقتباس