أضافة أداة قائمة جانبية بشكل أحترافي لمدونات بلوجر

السلام عليكم أعزائي ومتابعي مدونة بلوغر بالعربي وفي الدرس الخاص بقسم أضافات بلوجر حيث سوف نتكلم عن اضافة فريدة من نوعها للبلوجر,حيث قد لايخلو أي موقع من الأضافات حيث تعد الأضافات مهمة لكل مدونة حيث عن طريقا تبرز جمال المدونة,لذلك قررنا ان نقوم بعمل هذه المدونة لكل شخص قد يرغب في الأستفادة حيث نتكلم اليوم عن أضافة قائمة جانبية لمدونات بلوجر بشكل محترف للغاية.

هذه الأضافة مهمة وسهلة الأضافة ولاتحتاج الى خبرة طويلة فهي بسيطة جدأ وتمتاز بالأنسيابية الرائعة,هذه الاضافة صغير جدا ولاتحتاج الى مكان كبير في وضعها ويمكنك أن تضعها في أي مكان تريدة وننصحك بوضعها في السيدبار لكي تعطي جمالية أكثر لمدونتك أو موقعك,وبدون أي تأخير يمكنك مشاهدة معاينة الأضافة وطريقة تركيب الأضافة أو الأداة لمدونات بلوجر.

المعاينة

طريقة تركيب الأداة أو الأضافة

1-توجة الى لوحة التحكم في بلوجر
2-من لوحة التحكم أختر التخطيط
3-قم بأضافة أداة جديدة
4-قم بأضافة أداة HTML/Java Script وقم بنسخ ولصق الكود التالي في أداة HTML/Java Script

<style>
.hssoub:hover {
border-color: #333;
 transition: all 1s;
}
.hassou {
transition: all 1.5s;
}
.hassou:hover {
background:#44CC41;
opacity:0.7;

transition: all 1s;
}
.mea {
transition: all 1s;
}
.mea:hover {
padding-right: 10px;
transition: all 1s;
}
</style>
<center>
<font size="2" face="tahoma">
<table width='200' border='0' cellspacing='0' cellpadding='10' >
<tr>
<td bgcolor="#016fba" class="hssoub"><center>
<span style="color:#fff;"><b>قائمة التصفح</b></span></center>
</td>
</tr>
<tr>
<td bgcolor="#DC6D22" style="text-align:right;" class="hassou"><a href="https://experimental3blog.blogspot.com" class="mea" style="color:#fff;">الألعاب</a></td>
<br/></tr>
<tr>
<td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="https://experimental3blog.blogspot.com" class="mea" style="color:#fff;">البرامج</a></td>
</tr>
<tr>
<td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="https://experimental3blog.blogspot.com" class="mea" style="color:#fff;">أندرويد</a></td>
</tr>
<td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="https://experimental3blog.blogspot.com" class="mea" style="color:#fff;">ويندوز</a></td>
<tr>
<td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="https://experimental3blog.blogspot.com" class="mea" style="color:#fff;">شروحات</a></td>
<tr>
<td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="https://experimental3blog.blogspot.com" class="mea" style="color:#fff;">مقالات</a></td>
</tr>
</table>
</font></center>

5-قبل قيامك بعملية الحفظ قم بتغيير الروابط الى روابك الخاصة.
6-قم بعملية الحفظ ومبروك عليك الأداة.