قائمة جانبية بتأثيرات رائعة لموقعك او مدونتك

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

 اما بعد متتبعي ومتتبعات مدونة حاسوبي Astuce

في اضافة جديدة من اضافات بلوجر

اليوم قمت بعمل اضافة من برمجتي الخاصة ولا توجد على اي موقع او منتدى في اقطار الارض

اولا لنعاين التجربة

معاينة

تركيب الاضافة

ما عليك هو التوجه الى صفحة Mise en Page الخاصة ببلوجر

ثم تقوم باضافة اداة HTML/JavaScript

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

<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="#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> 
</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>

تحديد الكل

ثم قم بالتغيير حسب ما تريد
كالروابط والاسماء والعنوانين
ومبروك عليك الاضافة

• غرّد
• شارك
• شارك
• شارك
• شارك