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

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

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

* اذهب الي تصميم ثم الي تحرير 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>

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

اي استفسار يرجا ترك تعليق بالاسفل!!

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : قائمة عمودية بشكل انيق في العامود الجانبي لمدونة بلوجر | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات css, تنسيق القالب