اضافة جديدة لاقسام البلوجر

السلام عليكم ورحمة الله وبركاتة
مرحبآ بكم زوار مدونة العالمي

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

صورة الاضافة

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

اذهب الي >> التخطيط  << ثم  >> اضافة اداه << ثم >>

 html/javascript << ثم قم باضافة الاداه >>

2 - كود الاضافة

<style type="text/css">
table{
width:300px;
height:375px;
border:3px solid#333;
border-collapse:collapse;
margin:0px;
font-size:20px;
margin-bottom:20px;
text-align:center;
}
#minnn{
background:hsl(0,100%,60%);}
#minnn:hover{
color:hsl(0,0%,100%);}
#minnn:hover{
background:#ff8d45;}
#shrohat{
background:#009d73;}
#shrohat:hover{
color:hsl(0,0%,100%);}
#shrohat:hover{
background:#1dbe60;}
#aandroid{
background:#165aa5;}
#aandroid:hover{
color:hsl(0,0%,100%);}
#aandroid:hover{
background:#0098cf;}
#hmaya{
background:#e8404d;}
#hmaya:hover{
color:hsl(0,0%,100%);}
#hmaya:hover{
background:#d92f67;}

a{
text-decoration:none;
color:hsl(0,0%,0%);}
a:hover{
color:hsl(0,0%,100%)}
#bloggerr{
background:#ff892f;}
#bloggerr:hover{
background:#fc5d43;}
#moneyy{
background:#6c96ca}
moneyy:hover{
background:#64add5;}
#desss{
background:#6547ec;}
#desss:hover{
background:#ff8571;}




</style>



<table id="1111" border="3px">
<tr id=minnn><td><a href="#">الرئيسية </a></td></tr>
<tr id=shrohat><td><a href="#">شروحات</a></td></tr>
<tr id=aandroid><td><a href="#">أندوريد</a></td></tr>
<tr id=hmaya><td><a href="#">حماية</a></td></tr>
<tr id=bloggerr><td><a href="#">بلوجر</a></td></tr>
<tr id=moneyy><td><a href="#">الربح من الانترنت</a></td></tr>
<tr id=desss><td><a href="#">تصميمات</a></td></tr>
<tr id=minnn><td><a href="#">دورات تعليمية</a></td></tr>
<tr id=hmaya><td><a href="#">هدايا مجانية</a></td></tr>

</table>

قم بتغيير # برابط القسم الذي تريد الذهاب الي

وتغيير اسم القسم ,..

المصدر