بسم الله الرحمان الرحيم

قائمة جانبية بتأثيرات رائعة لمدونتك
اما بعد في اضافة جديدة من اضافات بلوجر
اليوم قمت بعمل اضافة من برمجتي الخاصة ولا توجد على اي موقع او منتدى في اقطار الارض
اولا لنعاين التجربة
معاينة
تركيب الاضافة
ما عليك هو التوجه الى صفحة Mise en Page الخاصة ببلوجر
ثم تقوم باضافة اداة HTML/JavaScript
وتضع فيها الكود التالي

كود PHP:
<style>
.
hssoub:hover {
border-color#333;
 
transitionall 1s;
}
.
hassou {
transitionall 1.5s;
}
.
hassou:hover {
background:#44CC41;
opacity:0.7;

transitionall 1s;
}
.
mea {
transitionall 1s;
}
.
mea:hover {
padding-right10px;
transitionall 1s;
}
</
style>
<
center>
<
font size="2" face="tahoma">
<
table width='200' border='0' cellspacing='0' cellpadding='10' >
<
tr>
<
td bgcolor="#17A4E8" 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="http://astuce-hasoubi.blogspot.com" class="mea" style="color:#fff;">انظمة التشغيل</a></td>
<
br/></tr>
<
tr>
<
td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="http://astuce-hasoubi.blogspot.com" class="mea" style="color:#fff;">الربح من الانترنيت</a></td>
</
tr>
<
tr>
<
td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="http://astuce-hasoubi.blogspot.com" class="mea" style="color:#fff;">دروس بلوجر</a></td>
</
tr>
<
tr>
<
td bgcolor="#DC6D22"  style="text-align:right;" class="hassou"><a href="http://astuce-hasoubi.blogspot.com" class="mea" style="color:#fff;">شروحات البرامج</a></td>
</
tr>
</
table>
</
font></center
ثم قم بالتغيير حسب ما تريد
كالروابط والاسماء والعنوانين
ومبروك عليك الاضافة
منقول
المصدر:مدونة حاسوبي Astuce