صناديق الإقتباس بلوجر، كيفية عمل مربع الاكواد في بلوجر، طريقة عمل صندوق الاقتباس لنسخ الاكواد في مدونة بلوجر
صناديق الإقتباس تمكنك من عرض الإقتباسات والأكواد لزوارك بشكل إحترافي وسهل الإستخدام كما أنها تعيرها خوارزميات محركات البحث أهمية بالغة عند وضعك بها كلام منسوخ من مصدر أخر , لكن تتعدد أشكال صناديق الإقتباس فهناك العديد منها لكن اليوم سنعرض لك أفضلها لتركيبها على مدونتك .
تركيب أفضل صندوق الإقتباس
معلومات عن الصندوق
الصندوق تستعمله أشهر مدونات بلوجر , كما يتمتع بمضهر يتناسق مع جميع القوالب ويضم رسالة تنبه الزائر بالأكواد الموجودة داخل الصندوق ليقوم بنسخها , كما يضهر الأكواد بشكل جميل وأثخن بخلفيته الداكنة التي تعطي قوة وتباين للنص .
قد يهمك ايضا:
- أولا إبحث عن هذه الكلمة <b:skin> داخل أكواد القالب من خلال المضهر
- ضع أمامه مباشرة هذه الأكواد الخاصة بصندوق الإقتباس وقم بحفض التغييرات
الكود الأول
.post-body blockquote { padding: 23px 33px 15px 33px; overflow: auto; max-height: 250px; background: #414244; color: #fff; border-radius: 4px; margin: 10px; text-align: left !important; direction: ltr; font-size: 14px; font-family: sky; line-height: 1.7em; }
إدا كنت تريد تغيير لون خلفية صندوق الاقتباس قم بتغير الكود الملون بالاصفر بالكود الخاص باللون الذي تريد، يمكنك اختيار اكواد الالوان من موقع https://html-color-codes.info/
الكود الثاني
الكود الثاني
.post blockquote { padding: 23px 33px 15px 33px; overflow: auto; max-height: 250px; background: #414244; color: #fff; border-radius: 4px; margin: 10px; text-align: left !important; direction: ltr; font-size: 14px; font-family: "sky; line-height: 1.7em; }
الكود الثالث "خاص برسالة الصندوق" والأخير
.post-body blockquote:before { text-align: center; position: relative; content: 'يمكنك تحديد كل ما هو موجود في الإطار التالي من أكواد'; background: rgba(255,255,255,1); left: 3px; right: 3px; top: -13px; font-size: 18px; font-family: sky; padding: 5px 20px; display: block; font-weight: 700; border-radius: 3px 3px 0 0; color: #7373b6; }
بعد تطبيقك لهذه الخطوات البسيطة تكون قد أضفت صندوق إقتباس جديد واحترافي لعرض الأكواد , وإن واجهت أي مشاكل بالخطوات فقط إطرحها بالتعليقات لنرد بالمساعدة .
تعليقات