- fahad
- 6:35 ص
- أضافات ودروس بلوجر
- لاتوجد تعليقات
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
درس حصري ومهم خاص بالبلوجروأضافاته
بدايه هذا الاضافة تعتبر جماليه لمدونة البلوجر وكذلك تقوم بتغير شكل القالب لتجعله أكثر إحترافيه ومهنية
وصف الأضافة:
هي أن تقوم بأضافة 3 أقسام في أعلى الصفحة أوفي الهيدر ممايتيح لك فراغ وسعة في صفحة المدونــه
للمثال
شاهد أعلى صفحة مدونتي نت
في الهيدر
صورة لاضافة في لوحة التصميم
طريقة التركيب سهل وبسيط
أولا
أتجه للوحة التحكم بمدونتك
2
تصميم
3
تحرير html
4
توسيع القالب
5
أضغط على زر الاختصار في لوحة المفاتيح بالكمبيوترctrl+f
6
أبحث عن الكود التالي ذكره
#header {
width: 960px;
height: 110px;
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}
حاول أيجاده أو أبحث عن جزء منـه
بعد أن تجد الكود المذكور في الاعلى
قم بتظليل عليه كاملا
شاهد الصوره
وأستبدله بالكود التالي
#header {
float:right;
width:30%;
height:200px;
margin: 0px;
border: 0px solid $bordercolor;
text-align: right;
color:$pagetitlecolor;
}
#header2{float:right; width:30%; height:200px}
لان قم بعملية بحث أخرى
حاول إيجاد الكود التالي أو جزئ منه
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='هنا راح يكون أسم مدونتك (Header)' type='Header'/>
</b:section>
</div>
ركز في الكلمة الي بالون الاحمر راح يكون أسم مدونتك
بعد أن تجده قم بتظليله كاملا
كما شرحنا في الصوره السابقه
وقم بأستبداله بالكود التالـي
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='هنا راح يكون أسم مدونتك (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'/>
<b:section class='header' id='header3' maxwidgets='3' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
وغير الجمله التي بالون الاحمر
بأذن الله راح يعجبكم
أتمنى أن أستفدت من الموضوع أن تقييمه في قوقل وذلك بضغط على زر قوقل puls في أعلى بجانب عنوان المدونه
ليست هناك تعليقات :
إرسال تعليق