[a7trafy]

اضافة مقالين مثبتين فى الرئيسية


بسم الله الرحمن الرحيم

الان وحصريا على مدونة احترافي فقط طريقة اضافة مقالين مثبتين فى الرئيسية بخاصية الcss وذات شكل انيق وجذاب لمدونات بلوجر مثل الموجود فى قالب المدونة التعليمية للكمبيوتر

شرح التركيب

قم بأخذ نسخة احتياطية لمدونتك وحافظ على استخدامها دائما فى تعديل اى كود فى مدونتك حتى تتفادة الاخطاء

لوحة التحكم - قالب - تحرير 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 -->
اذا لم تجدها قم بالبحث عن رسائل المدونة الإلكترونية
وسوف تجدها بعدها الكود السابق
كما بالصورة

ثم اضف هذا الكواد بعد <!-- 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>