اضافة خلفية لأقسام مدونتك بشكل احترافى

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

أولا : من لوح تحكم مدونتك انتقل إلى صفحة تصميم    ثم    " اضافة اداة 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/AVvXsEiz52_j9O0_4uhyphenhyphenvJ6hyphenhyphenDxBUJCQ5wVVEfYdLhT2cPilKnlcqNsB3dO23sqMBktkyZO0xPWfPWJ1VFKRQqSIBqMOKySxYk1Rm7nQ-nEm1MGCte4T0gjQPIKP3GJefyJNEhcywnyqtC1Cgtk/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/AVvXsEgVJJsV6ZdGeZfbnb-iB22Y9DOoScbaxLGoOMgfehMXb05Uj4cao9pBKi5kfXw3NwwSAHmbiks0UoTF6tvwbnJVKpHaJ_PPDv-MQTrTmhwDPT1qvsDR5yw84-sLM_D3_Y_zZmkK5sOH7MU/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://leqaa2.blogspot.com" target="_blank">Home</a></li>

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

more    </ul>



</div>



</div>

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