بسم الله الرحمن الرحيم
الكثير من المدونيين ان لم يكن اغلبهم يحتاجون اضافة الاكواد الى مواضيعهم ان كانت اضافات او شروحات او غيره وتعتبر من الامور المهمه التي يحتاجها المدون لقد احضرت لكم بأذن االله طريقه سهله وبسيطه واستخدمها شخصياً في مدونتي واتمنى ان تفيدكم.
اولا :- كود CSS
تحتوي الاضافه على كود CSS ويمكن اضافته بطريقتين .
1- عن طريق الكود .
- من الجهه اليمنى افتح الخيار "قالب" .
- افتح "تحرير HTML".
- قم بالضغط داخل القالب بزر الماوس ثم اضغط على الاختصار "CTRL + F" لفتح البحث .
- ابحث عن الكود التالي .
]]></b:skin>- قم بوضع الكود التالي فوق الكود السابق مباشرة .
.post blockquote {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj9nWB-Pck9-D2tY0WLK5ktRraeZvptGIvdpH8Kccw3p8QASTr7CvNaJtrbYXbxs0HqcuXcwNOmt2usohW53eHYSlAraFu9mnSuWw4VJa-ntCpqiEo2yn4GTi8_Y9s2k08URpw5UoqpR0/s1600/1.png);background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}
- نقوم بحفظ القالب .
2- عن طريق "تخصيص" بلوجر
- من قالب ادخل على "تخصيص" .
- الان نضغط على "متقدم" .
- الان نذهب الى أخر خيار وهو "إضافة css"
- تضع الكود في المربع وتضغط على " تطبيق على المدونه "
ثانياً :- تخصيص كود CSS
11111 قم بتغيير رابط الصوره باخرى خاصة بك وهي مقاس 154*30 بكسل يمكن انشائها بأي برنامج تصميم .
11111 غير مقاس حواف الصندوق كما تحب بالبكسل .
ثالثاً :- وضع الكود في الموضوع
الان نقوم بإنشاء الموضوع بشكل طبيعي من "تاليف" ونقوم بنسخ الكود المراد عرضه في الموضوع ولصقه في المكان الذي نريد
نقوم بتغيير اتجاه الكود من اليمين الى اليسار ونظلل على الكود ونضغط على رمز الاقتباس من شريط الادوات وبعدها نقوم بنشر الموضوع .
إرسال تعليق