-
اتبعني
تابعني على تويتر
-
التدوينات RSS
اشترك في خدمة RSS
-
فيس بوك
انضم للمعجبين في FACEBOOK
Pages
اين انت .... » الرئيسية »
بلوجر تعلم
» اضافة 3 اعمدة فى الاسفل لمدونات بلوجر
اضافة 3 اعمدة فى الاسفل لمدونات بلوجر
الثلاثاء، 5 أبريل 2011
التسميات:
بلوجر تعلم
بسم الله والصلاة والسلام على رسول الله صلى الله عليه وسلم , أما بعد , أخي الزائر أو العضو لعلك قد رأيت في بعض القوالب الخاصة بمدونات البلوجر ان هذه القوالب تحتوي من الأسفل على 3 أعمدة ولكن كيف أضافها هو وكيف أضيفها أنا لا تقلق العملية سهلة جدا , ولكن قبل أن اضيفها لماذا أتعب نفسي في إضافتها وهي ليس لها أي أهمية , أقول لك كيف ذلك ,حيث أنك تسطيع وضع فيها إَضافة المقالات المميزة والمقالات الحديثة وأحدث التعليقات أو أي إضافة انت تراها مناسبة لك , ولكنها تكون مناسبة أكثر بالنسبة للإضافات بدلا من وضعها في جانب القالب فوضع الإضافات في آخر القالب تعطي القالب رونقا من نوع خاص , ولتركيب الإضافة تابع معي
ولمعرفة كيفية إضافة 3 أعمدة في قالبك فضلا أتبع الآتي
ملحوظة هامة : لا تنس بأخذ نسخة أحتياطية من قالبك
- ادخل الى لوحة تحكم مدونتك ثم الى التصميم ثم تحرير ال html ثم قم بتوسيع القالب .
</body>
ثم أضف هذا الكود بعده مباشرة
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
ثم ابحث عن ]]></b:skin>
ثم أضف هذا الكود قبل الكود السابق مباشرة
ثم بعد ذلك قم بحفظ القالب وادخل الى عناصر الصفحة .. ستجد الإضافة كما بالشكل إن شاء الله
ثم أضف هذا الكود قبل الكود السابق مباشرة
/* ----- LOWER SECTION ----- */
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#dde9f3;
}
#lower-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
}
#lowerbar-wrapper {
border:1px solid #DEDEDE;
background:#fff;
float: right;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: right;
color:#0084ce;
text-transform:uppercase;
font: bold 13px Tahoma, Verdana;
border-bottom:3px solid #0084ce;
}
.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}
ثم بعد ذلك قم بحفظ القالب وادخل الى عناصر الصفحة .. ستجد الإضافة كما بالشكل إن شاء الله
تم بحمد الله ..
0 التعليقات:
إرسال تعليق