إضافة خاصية اختر لونك المفضل بشكل جديد لمدونات بلوجر

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

في درسنا اليوم سوف نتعرف على طريقة تركيب خاصية اختر لونك المفضل ، وهذه الخاصية تمكن زوار مدونتك من اختيار اللون الذي يتناسب مع أذواقهم .

طريقة التركيب :

1- ادخل إلى مدونتك ، ثم اختر لوحة التحكم .

2- من لوحة التحكم اختر تخطيط ، ثم اختر إضافة أداة :  

3- اضف الكود التالي داخل صندوق الأداة ثم احفظ .

 <div class="widget-content">
<center><b>اختر لونك المفضل</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#66FF00')" bgcolor="#44FF00">
</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">
</td>

</tr></tbody></table>
</div>