كيفية اضافة هذه الاداه الى مدوناتكم
انتقل إلى لوح تحكم مدونتك،
إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
والآن الصق داخل المستطيل الكود التالي :
إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
والآن الصق داخل المستطيل الكود التالي :
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<!--Advertisement Banners By alb
33
dani.blogspot.com-->
<style>
.FoulsCode-Ads ul{
list-style-type
:
none
;
margin
:
0px
auto
;
padding
:
10px
0px
10px
0px
;
width
:
270px
;
overflow
:
hidden
;
}
.FoulsCode-Ads ul li{
list-style-type
:
none
;
margin
:
0px
5px
10px
5px
;
float
:
left
;
display
:
inline
;
background
:orange;
-webkit-transition:
all
0.2
s ease;
-moz-transition:
all
0.2
s ease;
-o-transition:
all
0.2
s ease;
border-radius:
100%
;
-webkit-border-radius:
100%
;
-moz-border-radius:
100%
;
-o-border-radius:
100%
;
}
.FoulsCode-Ads ul li:hover {
-webkit-transition:
all
0.3
s ease;
-moz-transition:
all
0.3
s ease;
-o-transition:
all
0.3
s ease;
-o-border-radius:
15%
;
-webkit-border-radius:
15%
;
-moz-border-radius:
15%
;
border-radius:
15%
;
}
.FoulsCode-Ads ul li:active {
-webkit-transition:
all
0.2
s ease;
-moz-transition:
all
0.2
s ease;
-o-transition:
all
0.2
s ease;
-o-border-radius:
50%
;
-webkit-border-radius:
50%
;
-moz-border-radius:
50%
;
border-radius:
50%
;
}
.FoulsCode-Ads ul li a img{
-webkit-box-shadow:
0
0
8px
rgba(
0
,
0
,
0
,
0.5
);
-moz-box-shadow:
0
0
8px
rgba(
0
,
0
,
0
,
0.5
);
box-shadow:
0
0
8px
rgba(
0
,
0
,
0
,
0.5
);
padding
:
3px
;
}
</style>
<div class=
"FoulsCode-Ads"
>
<ul>
<li style=
"background:#e42b2b !important;"
>
<a href=
"رابط المعلن الاول"
rel=
"nofollow"
>
<img height=
"120"
src=
"رابط البنر للمعلن الاول%20title="
width=
"118"
/>
</a></li>
<li style=
"background:#FFE500 !important;"
>
<a href=
"رابط المعلن الثاني"
rel=
"nofollow"
>
<img height=
"120"
src=
"hرابط البنر للمعلن الثاني%20title="
width=
"118"
/>
</a></li>
<li style=
"background:#a800ff !important;"
>
<a href=
"رابط المعلن الثالث"
rel=
"nofollow"
>
<img height=
"120"
src=
"رابط البنر للمعلن الثالث%20title="
width=
"118"
/>
</a></li>
<li style=
"background:#41d05f !important;"
>
<a href=
" رابط المعلن الرابع "
rel=
"nofollow"
>
<img height=
"125"
src=
"رابط البنر للمعلن الرابع%20title="
width=
"118"
/>
</a></li>
</ul>
</div>
<!--Advertisement Banners By alb
33
dani.blogspot.com-->
مايجب عليك تغييره
- رابط المعلن : استبدلها برابط موقع المعلن في مدونتك.
- رابط البنرللمعلن : استبدلها برابط صورة الموقع المعلن في مدونتك.الان قم بحفظ الاداه ومبروووووك عليك الاضافه
اتمنى تكون الاضافه اعجبتكم واذا واجهتكم مشكله عند اضافة الاداه يمكنكم وضع تعليق وسيتم الرد عليكم ان شاء الله
0 التعليقات