اضافه قائمه جانبيه لاقسام مدونتك ببلوجر رائعه ..

اضافه قائمه جانبيه لاقسام مدونتك ببلوجر رائعه ..

اليوم سنضيف قائمه لمدونتك رائعه تستطيع ان تعدل عليها كيفما تشاء

الكثير منا يرغب في قائمه توضح له اقسام المدونه لديه

القائمه التي سنقوم بعملها اليوم وضعها غايه في السهوله في خطوتين فقط ..

واذا احببت ان تعدل عليها

من حيث الالوان والروابط بالطبع لتناسب مدونتك فالامر في غايه السهوله ..

اولا انظر للمدونه التاليه لتري القائمه التي سنقوم بوضعها :

http://worldknol.blogspot.com/

الان مع خطوات اضافه هذه القائمه الجانبيه الي مدونتك ببلوجر

قم بالذهاب للوحه التحكم بمدونتك

ثم اذهب الي

تصميم

ثم اذهب الي

اضافه اداه ..

ومنها اختار الاداه :

HTML/JavaScript

قم بوضع الكود التالي بها :

<style type="text/css">




/* Made By AllBlogTools.com */




#ddblueblockmenu{

border: 1px solid #000000; /*Main Border Color */

border-bottom-width: 0;

width: 100%;

}




#ddblueblockmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}




#ddblueblockmenu a{

display: block;

padding: 3px 0;

padding-left: 9px;

width: 94%; /*94% minus all left/right paddings and margins*/

text-decoration: none;

color: #ffffff; /* Menu Font Color */

background-color: #2175bc; /*Menu background Color */

border-bottom: 1px solid #90bade; /*Bottom border color */

border-left: 7px solid #1958b7; /*Left border color */

list-style-type:none;

}




* html #ddblueblockmenu a{ /*IE only */

width: 94%; /*IE 5*/

width: 94%; /*94% minus all left/right paddings and margins*/

}




#ddblueblockmenu a:hover {

background-color: #2586d7; /*Menu background Color On Hover*/

border-left-color: #1c64d1; /*Left border color On Hover*/

}




#ddblueblockmenu div.menutitle{

color: #ffffff; /* Title Font Color */

border-bottom: 1px solid black;

padding: 1px 0;

padding-left: 5px;

background-color: #000000;  /*Menu Tite Background Color*/

font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

/* Made By AllBlogTools.com */

</style>




<div id="ddblueblockmenu">




<div class="menutitle">Browse</div>

<ul>

<a href="http://www.allblogtools.com/">Home</a>

<a href="http://www.allblogtools.com/about/">About us</a>

<a href="http://www.allblogtools.com/category/blogger-templates/">Blogger

templates</a>

<a href="http://www.allblogtools.com/category/tricks-and-hacks/">Blogger

Tricks</a>

<a href="http://www.allblogtools.com/blogger-tools/">Blogger Tools</a>

<a href="#">Edit</a></* You can copy this line each time you want to add a new element to your menu and change Edit to your text and change# to the url.*/>

</ul></div><font size="1">Menu By <a

href="http://www.allblogtools.com/">AllBlogTools.com</a></font>

ثم اضغط علي حفظ.. وانظر الي مدونتك

تستطيع بالطبع تغيير كل من الالوان

والروابط واسم الاقسام بكل سهوله بتغييرات بسيطه بالكود نفسه ...

وهذا جدول تستطيع منه ايجاد الاكواد للالوان التي تريدها :

p>

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

ارجو ان يكون الموضوع شيق وسهل ومفيد

تحياتي ... عبده فيتش ...

اعلان