السلام عليكم اليوم و في هذا الدرس سوف نشرح طريقة اضافة صندوق الاقتباس بشكل منسق و جميل لمدونات بلوجر , كما ان هذا الشكل يستخدم في كل المدونات الاحترافية و ستلاحظ ذلك بعد تركيب الشكل الجديد :
- أولا : قم بنسخ الكود التالي : من هنا | أو أسفل . و ضعه فوق ]]></b:skin> مباشرة .
blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} body{background: #E8E8E8;background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;padding:0;margin:0;direction:rtl; font-family:Lobster, Droid Arabic Kufi;font-weight:normal;font-size:14px;} .post blockquote {padding: 55px 20px 20px 20px; overflow:auto; max-height:250px; background:#414244; color:#fff; border-radius:4px; margin:10px; padding10px; text-align: left !important; direction: ltr; font: 14px;font-family: Lobster, Droid Arabic Kufi; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .post
blockquote:before {
text-align: center;
position: absolute;
content: ' اضغط مرتين لتحديد و نسخ الاكواد اسفل داخل الاقتباس';
background: rgba(255,255,255,1);
left: 3px;
right: 3px;
top: 3px;
font-size:18px;
font-family:droid arabic naskh;
padding: 5px 20px;
display: block;
font-weight: 700;
border-radius: 3px 3px 0 0;
color: #7444a7;}- بعد ذلك قم بعمل حفظ و شاهد النتيجة .
