اكواد CSS و اضافتها لمدونة بلوجر CSS codes and add them to a blog Blogger

اكواد CSS و اضافتها لمدونة بلوجر

 ----------------------

CSS codes and add them to a blog Blogger

----------------------

اولا نفتح المدونة الخاصة بنا

ثانيا اذهب الى تخطيط ثم قم بالنقر على اضافة اداة ، و اختيار ادات الاكواد Html / javascript.

قم بنسخ الكود التالي و لصقه بداخل الاداة

اكواد CSS و اضافتها لمدونة بلوجر:

اولا نفتح المدونة الخاصة بنا

ثانيا اذهب الى تخطيط ثم قم بالنقر على اضافة اداة ، و اختيار ادات الاكواد Html / javascript.

قم بنسخ الكود التالي و لصقه بداخل الاداة.

<style type="text/css">

/*---- http://www.condaianllkhir.com/---*/

  #css-menu-esempio-6{

  width:290px;

margin-top:-30px;

margin-bottom:-15px;

margin-right:-15px;

margin-left:-15px;

  font-family:Arial;

  background-color:#b4d6f9;

  border-bottom:6px solid #135495;

border-top:6px solid #135495;

-moz-border-radius: 10px;

border-radius: 10px;

  }

  #css-menu-esempio-6 p{

  height:30px;

  line-height:50px;

  padding-left:10px;

  font-weight:bold;

  color:#053769;

  font-size:13px;

  }

  #css-menu-esempio-6 span{

  color:#053769;

  }

  #css-menu-esempio-6 a{

  display:block;

  height:25px;

  text-align:right;

  line-height:25px;

  text-decoration:none;

  font-size:11px;

  font-weight:bold;

  color:#135495;

  padding-right:50px;

  border-top:1px solid #B6A289;

border-left:1px solid #B6A289;

-moz-border-radius: 10px;

-moz-border-radius-topright: 1px;

-moz-border-radius-bottomright: 1px;

border-radius: 10px;

border-top-right-radius: 1px;

border-bottom-right-radius: 1px;

  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqxSbrOCp6Zmsp89jTaVov0U__H8HJk7LamfnUgzGybv9ZC0CqlRT6lhY-VRG69XdxmpjWwBbTkCVeWbE7EjDRanqVf8OH1LTAaxHtOcKm_mZ1tlXS7YXrLKYx7GIFJYQlK1YzGO__jYhyphenhyphen/s75/star2.gif) no-repeat top right;

  }

  #css-menu-esempio-6 a:hover{

  background-color:#6caff3;

  background-position:center right;

  padding-right:40px;

  }

  #css-menu-esempio-6 a.selezionato{

  background-color:#D4CCB3;

  background-position:bottom right;

  padding-right:40px;

  }

 .background {

 background-color: #FC9;

}

</style>

<div class="background" id="css-menu-esempio-6" style="text-align: center; margin-left: 300px;"><font color="#FF6600" size="4"><span>اهم المدونات</span></font>

 <font size="4"><a target="_blank" href="http://www.ecomedfot.blogspot.com"><span><font size="2">مدونة المتخصص</font> </span></a></font>

<a target="_blank" href="http://www.programe-explique.blogspot.com"><font size="2"> مدونة البرامج المشروحة </font></a>

<font color="#0000FF"><a target="_blank" href="http://www.ecomed-medecen.blogspot.com">مدونة الطب </a></font>

<a target="_blank" href="http://www.blagimage.blogspot.com"><font size="2">مدونة الصور الغريبة</font></a>

<font color="#0000FF" size="2"><a target="_blank" href="http://www.blagimage.blogspot.com">فرونت بيج أون لاين</a></font>

<a target="_blank" href="http://www.condaianllkhir.com/2012/01/blog-post.html"><font size="2">رفع الملفات</font></a>

<font color="#0000FF" size="2"><a target="_blank" href="motakasis.blogspot.com/">ألعاب تعليمية للأطفال</a></font>

<a target="_blank" href="https://www.facebook.com/abdo.bady90"><font size="2">زخرف كلماتك على الفيس بوك</font></a>

<a target="_blank" href="http://netspeker.blogspot.com/"><font size="2"> <font color="#07509b">لوحة المفاتيح عربى /انجليزى</font><br /></font></a></div>

<br />

<a href="www.topsat.koom.ma/vb"target="_blank"> <span style="font-size: xx-small;">Blogger widgets </span></a>

<br/>

شرح كيفية التعديل على هذه القائمة، الجانبية:

1-   غيير القيم الموجودة في الكود التالي الى ما يناسب شريط موقعك

margin-top:-30px;

margin-bottom:-15px;

margin-right:-15px;

margin-left:-15px;

111