اضافة ثلاث أدوات في الفوتر وتنسيقها

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

أولا نحتاج لإضافة الكود التالي فوق الوسم

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

والآن نأتي للمرحلة الثانية أضف الكود التالي فوق الوسم ]]>

#footer-cnmu {
  background:#fff;
  margin: auto;
  padding: 0;
  width: 100%;
}
.footer {
  margin: auto;
  padding: 5px 10px;
  width: 960px;
}
.footer h2 {
  background:#777;
  border-radius: 7px 7px 0 0;
  color: #fff;
  font-size: 18px;
  margin: -5px -5px 5px;
  padding: 4px 5px 8px;
  text-align: center;
}
.footera,.footerb,.footerc {
background:#EBEAEA;
border: 1px solid #bbb;
border-radius: 8px;
float: right;
margin: 5px 0 10px 8px;
padding: 5px;
width: 300px;
}

تابع معي طريقة التنسيق

هذا #fff اللون هو لون الخلفية لمجموعة الأدوات

هذا 960 هو المقاس العام للثلاث ادوات يمكن تغييره بحسب حجم قالبك

هذا #EBEAEA هو لون خلفية الآداة

وهذا #bbb هو لون الإطار

أما الرقم  300 هو عرض الادوات ايضا يمكنك تكبيرة أو تصغيرة بحسب ما تريد

هذا #777 لون خلفية عنوان الآداة

وهذا #fff لون خط العنوان

وهذا  18 حجم الخط

طبعا قليل من الخبرة في CSS وستستطيع تنسيق الآداة بشكل اكبر

وبالتوفيق بإذن الله

MEKONG RIVER

wearing: top - Market HQ, shorts - Lola vs Harper, sneakers - Boohoo, shades - ROC Eyewear, necklace - wolf circus. 

We hired a guide who took us out to the Mekong River from Saigon!
He took us on a boat to look around then pulled up beside a fruit boat so we were able to try all the fruit that was being sold on the floating markets. You can probably tell from these photos i'm kind of obsessed with Dragon Fruit. He then took us to his Grandma's house and we were able to try making rice paper which is then put out in the sun to dry. We walked through a local wet markets (pretty lucky as we were the only travellers there - only locals apart from us) then through a village to a pagoda with a beautiful garden. We tried the local Vietnamese iced coffee which was brilliant. After a lunch of vietnamese food that we helped make, we took a little wooden boat up a tiny river and saw more local villages along the way. Such a great day!

Next post ... Cu Chi Tunnels! 

 emma

اضف وحدة اعلانية بعد فاصل اقرأ المزيد

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

كما ترى المساحة الإعلانية تظهر فوق ولتركيب الكود كل ما عليك اتباع التالي

أولا فوق الوسم أضف الكود التالي

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

وبعده اضف التالي

 

اضف كود الإعلان هنا

ملاحظة ربما يكون الكود متكرر اكثر من مرة فيجب ان تجرب حتى تصل للكود المطلوب

وطبعا استبدل  اضف كود الإعلان هنا بكود الإعلان كما ذكرت ادسنس حسوب او غيرهما لكن طبعا لا تنسى تحويله بمحول الأكواد

قد تكون محتاج لتركيب كود مكتبة jquery ان لم يكن موجود في قالبك

هذا هو الكود اضفه فوق الوسم