الجمعة، 15 مارس 2013

شرح اضافة اربع اعمدة بأسفل مدونات بلوجر Add 4 Columns

كلنا نعلم جميعا بأن اضافة اعمدة اسفل المدونة شيى مهم ولابد منه لان صاحب المدونة دائما يريد اضافة بعض الأشياء كالاضافات المهمة الذى تكون بذيل المدونة ودائما اجد شروحات طريقة وضع ثلاث اعمدة اسفل المدونة وقليل جدا ان اجد اضافة 4 اعمدة بأسفل المدونة ولذلك قررت ان اضع لكم الطريقة وكما افعل اقوم بتجربة الطريقة قبل ان اضع الشرح فالطريقة بسيطة ولن تستغرق منك ثلاث دقائق وقبل ان اضع لكم الطريقة قد تبحث عن طريقة اضافة ثلاث اعمدة اذا كنت تريد اضافة ثلاث اعندة ادخل على هذا الرابط لتعرف الطريقة كيفية اضافة ثلاث اعمدة بأسفل المدونة وبدون اخطاء 3 column
الان نأتى الى طريقة اضافة اربع اعمدة بأسفل المدونة وهذه الطريقة رأيتها من مدونة اجنبية مشهورة http://www.bloggertipandtrick.net  قبل تركيب اى كود يجب اخذ نسخة احتياطية لتفادى اى خطاء بالنسبة للمبتدئين ادخل الى هذا الرابط لتعرف طريقة اخذ نسخة احتياطية :  درس للمبتدئين اخذ نسخة احتياطية لقالب المدونة الان قم بتخريب القالب كما تشاء لان يوجد لدينا نسخة احتياطية تابع معى الشرح لطريقة تركيب الأضافة :

فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير HTML


















الان اضغط على زر متابعة












الان قم بتوسيع القالب كما واضح لتا بالصورة التالية













الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :


<b:section class='footer' id='footer'/>

الان استبدالة بهذا الكود :

 <div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>

</b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

ثم ابحث عن هذا الكود :

 ]]></b:skin>

ضع بأعلاه هذا الكود :

 #footer-column-container { border: .3px dotted #cccccc;}
.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}
.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}
.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}
.footer-column ul li {
background: url(https://lh5.googleusercontent.com/-upW7M-rDqKE/UUN6aND5ChI/AAAAAAAABS8/sWBFi4EZPJA/h120/bullet.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}
.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

انتهى الشرح وارجو بأن هذه التدوينة اعجبتكم وانتظرونى بتدوينة اخرى جديدة (( لا خير فى كاتم العلم ))

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

20 التعليقات

السلام عليكم

جزاك الله خيرا اخى على الموضوع الجميل
نفعنا الله واياك بكل خير ونفع بنا العباد

تحياتى لجهدك الطيب
http://mchabat.3abber.com/

خمسات - لبيع وشراء الخدمات المصغرة http://www.khamzat.com

شكرا لك يا اخى الكريم على مشاركتك وتوجدك المستمر

thanks for this blog amd this post
http://www.east-eldmam.com/
http://www.nakl-eldmam.com/
http://www.abyath.com/
http://www.tfa2ol.com/
http://www.tfa2ol.com/naklasas.html
http://www.atar-almadinah.com/
http://www.atar-almadinah.com/khasil.html
http://www.atar-almadinah.com/naklasas.html
http://www.khdmat-sa.com/
http://www.babelsoftco.com
http://eslamiatview.blogspot.com/
https://www.khairyayman74.wordpress.com/
http://www.arabic-html.com/

شاهدوا على موقعنا عدد كبير من الاعمال الرائعة والمميزة فى تصميمات السواتر والمظلات مظلات السيارات تعرفوا معنا على الكثير من الاعمال والتصميمات الرائعة

موقع محمد ابو صالح لاعمال المدافئ والشلالات نقدم اليكم الكثير من الاعمال الرائعة فاير بليس كافة الاعمال الجميلة والرائعة فى تصميمات الفاير بليس نقدمها اليكم

شكرا ليك علي الشرح الرائع

http://www.shareknytech.com/


مظاهرة من ما يمكن أن يتحقق من خلال التصميم المغلق القائم. حدد أي ورقة نافضل شركات نقل عفش بجدة
مط من القائمة لتحميله في هذه الصفحة.

تحميل ملف سبيل المثال HTML و CSS ملف
الطريق إلى التنوير
افضل شركات نقل الأثاث بجدة
المتناثرة على الطريق المظلم والكئيب وضع الاثار الماضية من علامات
متصفح معين، DOMS غير متوافقة، دعم CSS مكسورة،شركة جلي بلاط وسيراميك ورخام مع التلميع بجدة

ومتصفحات المهجورة.

يجب علينا مسح العقل من الماضي. وقد تم تحقيق التنوير على شبكةافضل شركات نقل العفش بجدة
الإنترنت وذلك بفضل الجهود الدؤوبة التي الشعبية مثل W3C،
والزنبور، والمبدعين المتصفح الرئيسي.افضل شركة نقل اثاث بجدة

حديقة زن CSS يدعوك للاسترخاء والتأمل في دروس مهمة شركة نظافة عامة للسادة.
ن
حتى ما هذا؟
شركات نقل العفش بجدة


وبالضغط على أي واحد تحميل ورقة الأنماط في هذه الصفحة بالذات. تبقىشركات نقل العفش بجدة
HTML نفسها، والشيء الوحيد الذي تغير هو ملف CSS الخارجي. نعم حقا.

CSS تسمح السيطرة الكاملة والتامة على غرار وثيقة النص التشعبي. الطريقة شركة نقل عفش بجدة
ا
إظهار ما يمكن أن يكون حقا، مرة واحدة يتم وضعها شركة نقل اثاث بجدةعلى مقاليد في أيدي أولئك
القادرين على خلق الجمال من الهيكل. افضل شركة نظافة عامة وقد ساهمت المصممين والمبرمجين على
حد سواء لجمال شبكة الإنترنت. يمكننا أن ندفع دائما أكثر من ذلك.شركة نقل العفش بجدة
لقد تم مساعدة الناس وعائلاتهم التحرك نيوزيلندا لأكثر من 40 عاما. ولها فروع شركة نظافة عامة بجدة


Great article! We are linking to this great article on our site. Keep up the good writing.


prokr.com




prokr.com/blog




3kary.com


http://faysal777.blogspot.com/
شكرا

مشاهدة الصور عن طريق الروابط الموجوده في الاسفل
صور مشبات,مشبات,مشبات رخام,ديكورات مشبات,ديكور مشبات,
مشبات حديثه,مشبات جديده,مشبات ملكيه,ديكورات مشبات حديثه,مشبات تراثيه
ديكورات مشبات,ديكور مشبات,ديكورات مشبات جديده,ديكورات مشبات ملكيه
صور مشبات
مشبات
http://www.mchaabat-photos.com
http://www.mchaabat.com
http://www.mchaabat-decoration.com

أزال أحد مشرفي المدونة هذا التعليق.
أزال أحد مشرفي المدونة هذا التعليق.
أزال أحد مشرفي المدونة هذا التعليق.

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الرموز التعبيريةالرموز التعبيرية