| a7trafy |
08-24-2013 12:46 PM |
اضافة مقالين مثبتين فى الرئيسية
شرح التركيب قم بأخذ نسخة احتياطية لمدونتك وحافظ على استخدامها دائما فى تعديل اى كود فى مدونتك حتى تتفادة الاخطاء
لوحة التحكم - قالب - تحرير HTML قم بالبحث عن ]]></b:skin>
واضف قبله هذا الكود
كود:
<-----a7trafy.blogspot.com---->
#postslide{width:100%;height:90px;font-size:14px;margin-bottom:10px;}
.post_s1 {background:#f8f8f8;width:48%;float:left;padding:0px;margin:1px 3px 10px;border:1px solid #ccc;}
.post_s1 h2 {color:#888;border-bottom:1px solid #dddcdd;
background: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
background: -webkit-gradient(linear top, #f7f7f7, #ebebeb);
background: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
background: -o-linear-gradient(top, #f7f7f7, #ebebeb);
margin:0;padding:8px;font-family:'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif;font-size:12px;line-height:24px;font-weight:bold;-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
-ms-transition: All 1s ease;
transition: All 1s ease;}
.post_s1 img {float:right;width:250px;height:120px;margin:8px 8px 10px;border:1px solid #ccc;}
.post_s1 p {color:#666;text-align:right;margin:4px 10px 10px;}
.post_s2 {background:#f8f8f8;width:48%;float:right;padding:0px;margin:1px 0 10px 3px;border:1px solid #ccc;}
.post_s2 h2 {color:#888;border-bottom:1px solid #dddcdd;
background: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
background: -webkit-gradient(linear top, #f7f7f7, #ebebeb);
background: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
background: -o-linear-gradient(top, #f7f7f7, #ebebeb);
margin:0;padding:8px;font-family:'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif;font-size:12px;line-height:24px;font-weight:bold;-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
-ms-transition: All 1s ease;
transition: All 1s ease;}
.post_s2 img {float:right;width:250px;height:120px;margin:8px 8px 10px;border:1px solid #ccc;}
.post_s2 p {color:#666;text-align:right;margin:4px 10px 10px;}
.post_ft2 {background:#eee;width:100%;height:36px;padding:0px;box-shadow:inset 0 0 1px #fff;border-top:1px solid #ccc;}
.post_ft2 b {color:#666;text-align:left;float:right;padding:2px;margin-top:4px;}
.post_ft2 a {background:#61B0FF;font-family:'Droid Arabic Kufi', Arila, Tahoma;font-size:12px;padding:4px;color:#fff;font-weight:bold;text-align:right;text-decoration:none;box-shadow:inset 0 0 1px #fff;border:1px solid #248AF0;float:left;margin:3px 0px 3px 10px;text-shadow: 0 1px 1px #444;}
.post_ft2 span {color:#666;text-align:left;float:right;padding:2px;margin-top:7px;}
.post_ft2 img {width:18px;height:18px;border:none;margin-top:2px;}
.post_ft2 a:hover {background:#444;color:#fff;box-shadow:inset 0 0 1px #fff;border:1px solid #252525;text-shadow: 0 1px 1px #444;}
<-----a7trafy.blogspot.com---->
ثم قم بالبحث عن <!-- posts -->
اذا لم تجدها قم بالبحث عن رسائل المدونة الإلكترونية
وسوف تجدها بعدها الكود السابق
كما بالصورة
كود:
<div id='postslide'>
<div class='post_s1'>
<h2 href='http://a7trafy.blogspot.com/2013/08/css3.html'>
قائمة جانبية ذات شكل انيق لبلوجر بتقنية css</h2>
<img alt='' src='http://1.bp.blogspot.com/-fo6rzD85XJs/UheR7dQlX7I/AAAAAAAACm0/Jg7CBIgIZUA/s1600/981.jpg' title=''/>
<p>
قائمة انيقة ذات الوان جميلة جدا لبلوجر بتقنية الcss لتسهيل للزائر الدخول الى صفحاتك المختصرة</p>
<div class='post_ft2'>
<a href='http://a7trafy.blogspot.com/2013/08/css3.html'>أكمل المقالة</a><b><img height='18' src='http://im35.gulfup.com/Vx47C.png' width='18'/>مثبت</b>
</div>
</div>
<div class='post_s2'>
<h2 href='http://a7trafy.blogspot.com/2013/08/Template-driven.html'>
قالب بلوجر مدفوع مقدم من احترافي مجانا</h2>
<img alt='' src='http://4.bp.blogspot.com/-6dDkRBj7KPQ/UhSM1bBVn3I/AAAAAAAAClo/bcIvSBHwRWs/s1600/w.png' title=''/>
<p>
اروع قالب بلوجر ذات امكانيات وخصائص لم تتواجد فى اى مدونة والقالب مدفوع وسعره 70 دلاور..</p>
<div class='post_ft2'>
<a href='http://a7trafy.blogspot.com/2013/08/Template-driven.html'>أكمل المقالة</a><b><img height='18' src='http://im35.gulfup.com/Vx47C.png' width='18'/>مثبت</b>
</div>
</div>
</div>
|
