معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   دروس بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=11)
-   -   هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر (https://www.bloggerexp.com/showthread.php?t=5214)

luqmanessam 01-17-2013 08:54 PM

هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر
 
السلام عليكم ورحمة الله وبركاته...

مما لا شك فيه أن الإهتمام بقالب مدونتك وجعله رائعا شيئا مهما من الأسباب التى تجذب الزائرين لمدونتك وجعلهم يزورون مدونتك فيما بعد


لذلك قررت أن أقدم لكم وأضع بين أيديكم أداة وإضافة من إضافات بلوجر إلا إنها رائعة جدا وتحسن شكل القالب ألا وهى إضافة ثلاثة أعمدة فى الفوتر فى لبلوجر وبما أن هذه الثلاث الأعمدة تحسن شكل مدونتك إلا أن طريقة عملها سهلة جدا ومبسطة جدا والإضافة مضافة فى قالب هذه المدونة "بلوجر بالعربى" لمعاينتها.

تابعوا معى كيفية إضافة الثلاثة أعمدة:

أولا : إذهب إلى لوحة التحكم الخاصة بك فى بلوجر من هنا
ثم بعد ذلك اختر قالب كما هو موضح فى هذه الصورة:

http://2.bp.blogspot.com/-sSu5XRmWyO...0/Template.png

بعد ذلك إختر " تحرير HTML "

ولا تنس أخذ نسخة إحتياطية لقالبك ولمعرفة كيفية أخذ نسخة إحتياطية لقالب مدونتك إضغط هنا
بعد ذلك انقر على "توسيع قوالب عناصر واجهة المستخدم" كما هو موضح فى الصورة المقبلة:

http://1.bp.blogspot.com/--ItRNz5vCB...gger+tawsi.png

ثم ابحث عن هذا الكود:
ملاحظة: البحث عن الكود بإستخدم Ctrl +f
</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:#ffffff ; } #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; }

ثم غير #ffffff إلى اللون الذى يناسب مدونتك فأنا جعلتها خلفية بيضاء لتتناسب مع البعض وإذا أردت معرفة لون مدونتك بهذه اللغة ضعها فى التعليقات وأنا سأضع لك لونها.

بعد ذلك إضغط على حفظ القالب.
المصدر

bouznika 05-06-2013 08:09 PM

رد: هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر
 
للاسف بعض التحديدات الجديدة من بلوغر لم تعد تعمل هده الطريقة

cheb-bilal 05-08-2013 01:08 PM

رد: هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر
 
شكرااا ,,,,

mohager55 05-24-2013 08:41 PM

رد: هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر
 
http://al-mktba.blogspot.com/

anas-atifi 05-25-2013 10:35 AM

رد: هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر
 
chokran akhi

anas-atifi 05-25-2013 10:44 AM

رد: هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر
 
ouiiiiiiiiiiiiiii

Mr.Ali 05-25-2013 12:36 PM

رد: هاك إضافة ثلاثة أعمدة فى الفوتر لبلوجر
 
:ok::ok::ok::ok::ok::ok::ok::ok::ok::ok::ok:


الساعة الآن 01:43 PM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012