JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

إضافة قائمة فوق الفوتر

إضافة قائمة فوق الفوتر

#تحميل قوالب بلوجر2024
0
(0)
author-img
نجم تهامه
إضافة قائمة احترافية فوق الفوتر

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

طريقة التركيب


  1. ادخل إلى لوحة تحكم المدونة
  2. انقر على قالب ثم تحرير HTML

الان ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
/* -- Menu bottompic -- */
.menubottompic {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWY4Ec2uLVZdT4OCWF_OOYVbFxeth7h_1E8mYoietUUSctx15cU12Lam5KaKFBxQ8tap8Coo7lLFmkfwg1j5Z-eRZ-aBA1ZqUkuyQIPOAgbLWDbSvWCesu8X_nwZOcgYx4_JHZshIK3PI/s1600/mudwnp-footer.png")
repeat-x    scroll left top transparent;width: 100%;height: 62px;margin: 30px auto -40px;position: relative;z-index: 9999;}
#menubottom-container {width:950px;margin:0px auto;padding:0px;}
.menubottom{float:left; margin:0 auto;padding:15px 0}
.menubottom ul{padding-left:0;color:#fff;text-transform:none;list-style-type:none;font:normal 12px droid arabic kufi,sans-serif;margin:0}
.menubottom li{display:inline;margin:0}
.menubottom li a{border-right:1px solid #333; float:left;display:block;text-decoration:none;color:#ddd;line-height:1.5em;padding:0px 12px; font-weight:bold;}
.menubottom li a:hover{text-decoration:underline; color:#fff;}


التنسيق

الان لتغيير خلفية القائمة و لونها ابحث عن الصور التي باللون الاحمر
لتغيير عرض و طول القائمة ابحث عن الاكواد التي باللون الازرق

الان كيفية إضافة الاقسام 

تستطيع إضافتها في اي مكان مثلا لو اردت إضافتها اعلى الفوتر ابحث في مدونتك عن كلمة Footer-Wrapper واضف الكود التالي فوقه
<!-- Menu Bottom -->
<div class='menubottompic'>
<div id='menubottom-container'>
<div class='menubottom'>
<ul>
<li><a href='/p/sitemap.html'>الفهرس</a></li>
<li><a href='/p/c.html'>راسلنا</a></li>
<li><a href='/p/something-about-me.html'>من نحن</a></li>
<li><a href='/p/terms-of-use.html'>شروط الاستخدام</a></li>
<li><a href='/p/privacy-policy.html'>سياسة الخصوصية</a></li>
</ul>
</div>
</div>
</div>

اي سؤال او استفسار لا تترد بوضعه في تعليق

NameE-MailNachricht

Dieses Blog durchsuchen
"0" title="Advertisement" aria-label="Advertisement" style="border: none; height: 300px; width: 600px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block; overflow: visible;">
google-playkhamsatmostaqltradent