خلفية لأقسام مدونتك

24‏/06‏/2010



السلام عليكم و رحمة الله تعالى و بركاته




أولا : من لوح تحكم مدونتك انتقل إلى صفحة تصميم    ثم    " اضافة اداة HTML "
 
 
ثانيا :قم بنسخ و لصق الكود التالي




<style>

#bg-blogger  {padding: 5px;overflow: auto;width: 96%;height: 250px;margin-bottom:  10px;background-attachment: absolute;background:#fff url(http://4.bp.blogspot.com/_jFIsHl5gfpM/TMGsdwsgWJI/AAAAAAAAAwQ/rt3dqNtL4zQ/s1600/minimal01cabecera.jpg) no-repeat left top;border: 1px solid rgb(204, 204, 204);}



 #bg-blogger ul{list-style-type: none;margin: 0px;padding: 2px;}



 #bg-blogger ul li{display:block;line-height:2em;border-bottom:1px dotted  #ccc;background:  url(http://1.bp.blogspot.com/_jFIsHl5gfpM/TMGsaJcfK9I/AAAAAAAAAwM/FSBkISZGJVY/s1600/dz.png)  no-repeat 0px 4px;padding: 0 1px 0 19px;}



 #bg-blogger li {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}



 #bg-blogger li a:link{text-decoration:none;color:#00F;}



 #bg-blogger li a:visited{text-decoration:none;color:#000;}



 #bg-blogger li a:hover{text-decoration:underline;}



</style>

<div style="text-align: center;">

<div id="bg-blogger">



<ul>

<li><a href="http://blogspacetech.blogspot.com" target="_blank">Home</a></li>

<li><a href="" target="">about</a></li>

more    </ul>



</div>



</div>

 
 
 
 
بهذا أكون إنتهيت من الاضافة ..أتمنى أن اكون قد أفدتكم