قائمة عمودية بشكل انيق في العامود الجانبي لمدونة بلوجر

السلام عليكم ورحمة الله وبركاته موعدنا اليوم مع اضافة وضعت منها في مدونتي عشرات الاشكال وهي اضافة قائمة عموديه بتسميات واقسام المدونه يتم وضعها في العامود الجانبي كما في الصوره المرفقه بالموضوع ..ان اعجبتك الاضافه قم باتباع مابالاسفل.. ---->>>>

* قم بتسجيل الدخول الي لوحة مدونتك علي بلوجر.

* اذهب الي تصميم ثم الي تحرير HTML.

* ابحث عن الكود التالي </head>

ضع بعده الكود الذي بالاسفل

<link href="https://4636338866364619332-a-1802744773732722657-s-sites.googlegroups.com/site/mauganj1/roundedmenu.css" rel="stylesheet" type="text/css"></link>

* قم بحفظ قالب مدونتك.

* اذهب مجددا الى عناصر تصميم الصفحه.

* قم باختيار اداه جديده من نوع HTML/javascript.

ضع بداخلها الكود الموجود بالاسفل


<img src="http://santabanta.mywapblog.com/files/top121.jpg" width="202" height="4" alt="" class="top flt" />
<div class="menubg flt">
 <ul class="menu flt">
  <li class="current_page_item"><a href="HOME PAGE URL">Home</a></li>

  <li class=""><a href="TAB1 URL HERE" title="">TAB1 TITLE HERE</a></li>
  <li class=""><a href="TAB2 URL HERE" title="">TAB2 TITLE HERE</a></li>
  <li class=""><a href="TAB3 URL HERE" title="">TAB3 TITLE HERE</a></li>
  <li class=""><a href="TAB4 URL HERE" title="">TAB4 TITLE HERE</a></li>
  <li class=""><a href="TAB5 URL HERE" title="">TAB5 TITLE HERE</a></li>
 </ul> 

</div>
<img src="http://santabanta.mywapblog.com/files/bot121.jpg" width="202" height="3" alt="" class="bot flt" />

<div style="clear:both;"></div>

ملحوظه:- قم بتغيير الرابط الاحمر داخل الكود برابط القسم والكلام ذات اللون الاخضر باسم التسميه او القسم.

اي استفسار يرجا ترك تعليق بالاسفل!!
أصدقاء(تطوير ويب)
تعليقات Facebook
3تعليقات Blogger

3 عدد التعليقات على موضوع قائمة عمودية بشكل انيق في العامود الجانبي لمدونة بلوجر

أحمد ( مدونة تقارب ) يقول...

@serag777
شرفني وجودك في مدونتي المتواضعه اخي سراج
متابع جيد لموقعك الرائع المفكر العربي
وقد سجلت فيه

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .