كود بلغة HTML:
<div class='widget-content'><div style=" padding: 10px;background-color:Transparent;border-radius:10px;box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.5),0px 5px 5px 0px rgba(200, 200, 200, 0.5) inset;">
<style type="text/css">
#navlist {
margin: 0px auto 0px auto;
padding: 0px;
list-style-type: none;
float: center;
display: block;
}
#navlist a {
font-family: "Droid Arabic Kufi";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color:#241414; border: 1px solid #F8FAF3;
font-size: 10pt;
text-decoration: none;
color: #fff;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
#navlist a:hover {
font-family: "Droid Arabic Kufi";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color:#ffa800; border:1px solid #ff000;
font-size: 10pt;
text-decoration: none;
color: #000000; display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
</style>
<ul id="navlist">
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="رابط الموقع هنـــا" target="_blank" title="تبادل إعلاني" rel="nofollow">اســم الموقع</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="المصدر تك لأخبار التقنية" rel="nofollow">تبادل إعلاني</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="المهووس العربي" rel="nofollow">إعلانك هنا</a>
</td>
</tr></table>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank"href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
</table>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
<table width="100%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td>
<td width="25%" align="center">
<a target="_blank" href="#" target="_blank" title="تبادل اعلاني نصي" rel="nofollow">إعلانك هنا</a>
</td></tr>
</table></table></table></ul>
صورة الكود الإعلاني: