خلفية لأقسام مدونتك
السلام عليكم و رحمة الله تعالى و بركاته
أولا : من لوح تحكم مدونتك انتقل إلى صفحة تصميم ثم " اضافة اداة HTML "
ثانيا :قم بنسخ و لصق الكود التالي
<style>
#bg-blogger {padding: 5px;overflow: auto;width: 96%;height: 250px;margin-bottom: 10px;background-attachment: absolute;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSW15i9LIOY_BN4LK2atiPKfVmHsXtY9lHZbSE9RqKnmtvXqa8xpJn0Tre5Lb1cSh38rOyYHKQF5u8A2hKtyYpK3J1f6Oy9DoLSKk-QMrb08bde1jTC0RWZuSTikS-8_tJvmzeuSwnLP0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdIrjpEkG2hEs0Ae4DFejYyzr5Ku4UPM72vw4e-MIIf2BUfCDJdEU3n7lnymVXvpOgo8lV-vxmxOSSNC2hufiEFK5PUmGgxfCZNn1XgVLYHOmg8GrArnk0B_stB056Ic4ph7Xljuk1OQQ/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>
بهذا أكون إنتهيت من الاضافة ..أتمنى أن اكون قد أفدتكم
|