حلولي https://www.facebook.com/hlo1y https://twitter.com/hlo1y https://www.youtube.com/user/v518v https://plus.google.com/+v518v

تابعنا على :

f tw +G yt vk

KHALED ALMILBE




مدون ومطور قوالب بلوجر
My E-mail : ###
My Phone No. : #%^$#
My Website : www.k2d.us

اضافة قائمة جانبية بشكل جذاب لأقسام المدونة أو لتبادل الأعلاني

حلولي

مشرف

المزيد

ليست هناك تعليقات

تم النشر فى قسم

تم النشر منذ

تحميل ...


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


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

1 - قم بالدخول إلى لوحة التحكم
2 - ثم التخطيط
3 - ثم أضافة HTML/JavaScript
ثم ضع بها هذا الكود التالي:


<div class='menu-by-7lolblogger'>  <ul><li><a dir="rtl" href="http://blogspot.com">متاح</a></li><li><a dir="rtl" href="http://blogspot.com">متاح</a></li><li><a dir="rtl" href="http://blogspot.com">متاح</a></li><li><a dir="rtl" href="http://blogspot.com">متاح</a></li> <li><a dir="rtl" href="http://blogspot.com">متاح</a></li> <li><a dir="rtl" href="http://blogspot.com">متاح</a></li> <li><a dir="rtl" href="http://blogspot.com">متاح</a></li> <li><a dir="rtl" href="http://blogspot.com">متاح</a></li></ul></div><style>  /* this is menu by : http://blog.7lolblogger.com -- */.menu-by-7lolblogger ul{width:300px;float:right;display:block;}.menu-by-7lolblogger li{margin: 0;text-align: right;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}.menu-by-7lolblogger li a{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.1em 0 .1em 2.5em;background:#F1F1F1;border:1px solid #DDD;border-radius:3px;color:#444;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.48);}.menu-by-7lolblogger li a:before{content:'#';position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#39C4FF;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.menu-by-7lolblogger li a:after{position:absolute;content:'';border:.5em solid rgba(0, 0, 0, 0);left:-1em;top:50%;margin-top:-.5em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.53);}.menu-by-7lolblogger li a:hover:after{left:-.5em;border-left-color:#39C4FF;}</style>



اللون الأحمر : أسم القسم أو المدونة 

اللون الأزرق: الرابط المراد التوجة إلية.

لزيادة القوائم أو لتقليل منها ضع التالي أو أحذفة:/

<li>
<a dir="rtl" href="http://blogspot.com">متاح</a>

</li>

   للتوضيح أكثر  

           </li>        
أنسخ الكود وضعة هنا بينهما
    <li> 


مشاركة الموضوع

انسخ كود الشكل الذى تريده وضعه فى تعليق
اذا كنت لا تملك حساب على بلوجر قم بإختيار التعليق باسم " مجهول "
تعليقات بلوجر
تعليقات الفيس بوك

ليست هناك تعليقات:

إرسال تعليق

مساحة إعلانية متجاوبة

مواضيع مميزة

التعليقات

إحصائيات المدونة

  • عدد المواضيع :

  • عدد التعليقات :

  • عدد المشاهدات :

المتابعون

اشترك ليصلك كل جديد

  • الإشعارات
  • من نحن

  • اتصل بنا

  • ×

ادخل الاسم (إختيارى)

ادخل البريد الإلكترونى (مطلوب)

ادخل الرسالة (مطلوب)