صور للخاصية او الاضافة

كود الاداة

<div class="widget-content">
<center><b>إختر لونك المفضل</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="15" width="120%" height="70">
<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>
</tr></tbody></table>
</div>

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

اولا ادخل على اعدادات مدونتك 

تانيا تخطيط

تالتا اضافة اداة جديدة 

تم اصق الكود التالى واحفظ

كيفية تركيب اداة جديدة في قالب مدونة بلوغر

كود الاضافة

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijA83QyHncohqMYVwNFyyVQZKzHDVSIZImq4whyphenhyphenjm-7kHdix6t7YcS77ay38gN2IartrETKCeIc0qdP0kGxc1bw1WvA34WGQnNPv9vWqDsdQBpgKVnLQyU-LqciBh6QQWAPb2sbV3vYgc/s1600/%25D9%2581%25D9%2587%25D8%25B1%25D8%25B3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijA83QyHncohqMYVwNFyyVQZKzHDVSIZImq4whyphenhyphenjm-7kHdix6t7YcS77ay38gN2IartrETKCeIc0qdP0kGxc1bw1WvA34WGQnNPv9vWqDsdQBpgKVnLQyU-LqciBh6QQWAPb2sbV3vYgc/s1600/%25D9%2581%25D9%2587%25D8%25B1%25D8%25B3.png" /></a></div>
<div style="text-align: center;">
<br /></div>
</div>
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://ajyal-s.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script></div>

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

اولا ادهب الى قائمة الاعددات المدونة

تانيا الصفحات

تم اضافة صفحة جديدة

تم غير من المؤلف الى html

وانسخ الكود وظعه هناك 

مع تغير رابط شبكة اجيال السلام باللون الاحمر برابط مدونتك

وتغير ما باللون الازرق برابط صورة لديك

تم احفض المشاركة

صورة من الاضافة

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

اولا ادخل على قائمة مدونتك

تانيا ادخل على القالب

تالتا خد نسخة احتياطية حتى لا تقع اي في اي مشكل

رابعا تحرير html

خامسا ادغط على سهم توسيع القالب

سادسا ادغط (CTRL+F) ابحت عن الكود التالي :

]]></b:skin>

تم ضع الكود التالي فوقه

.post h2 {
background: #0085FA;background: -moz-linear-gradient(top,#46B3F9 ,#0085FA);background: -webkit-linear-gradient(top,#46B3F9,#0085FA);
color: #ffffff;
font-size: 19px;
font-weight: bold;
padding:4px;
border-right:5px solid #035FAF;
border-left:5px solid #035FAF;
border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
box-shadow: 0 1px 3px #999;
}

.post h4 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tQ_RxO7Xb0UMXawzXxF4W6U-0A_sbatwducCXsRQieirCklMbQ99n4pzP9MCN8Dgi3TaUsMJIrIFTFlLtC9GQUGkmiOTDXGbL-jvPqNYYRchqYns3UDsHL3IItEGEuf3vAYbqvYZlLg/s20/correct_png.png") no-repeat scroll right center transparent;
color: #000;
font-size: 17px;
font-weight: bold;
padding-right:25px;
text-shadow: 0 2px 2px #000;
}

ويمكنك التغير فيها لتناسب مع قالب مدونتك
بـ ما باللو ن الازرق فهو لون خلفية الاداة
كما يمكنك تغير الصورة باللون الاحمر الصورة

 طريقة الاستعمال

 انضر الصور

 ومن تعسر عليه الامر فاليضع رد بالموضوع وننسق له الاداة كيفما شاء
تحياتي للجميع..