- طريقة التركيب :
- أدخل إلى مدونتك >> لوحة التحكم >> تخطيط >>
- إضافة أداة : HTML/JavaScript
- أضف الكود التالي في صندوق الأداة ثم إحفظ :
1<
style
> #F4U-ads img { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid #c0c0c0; -webkit-border-radius:70px; -moz-border-radius:70px; -o-border-radius:70px; border-radius:70px; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; } #F4U-ads img:hover { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid red; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; } </
style
> <
div
id
=
"F4U-ads"
align
=
"left"
> <
table
border
=
"0"
cellpadding
=
"2"
cellspacing
=
"6"
width
=
"265"
bgcolor
=
"#fff"
><
tbody
> <
tr
> <
td
> <
center
> <
a
href
=
"رابط المعلن"
rel
=
"nofollow"
> <
img
border
=
"0"
alt
=
"وصف الإعلان"
width
=
"125"
src
=
"http://i18.servimg.com/u/f18/17/70/27/78/910.jpg"
height
=
"125"
/></
a
> </
center
> </
td
> <
td
> <
center
> <
a
href
=
"رابط المعلن 2"
rel
=
"nofollow"
> <
img
border
=
"0"
alt
=
"وصف الإعلان"
width
=
"125"
src
=
"http://i18.servimg.com/u/f18/17/70/27/78/910.jpg"
height
=
"125"
/></
a
> </
center
> </
td
> </
tr
> <
tr
> <
td
> <
center
> <
a
href
=
"رابط المعلن 3"
rel
=
"nofollow"
><
img
border
=
"0"
alt
=
"وصف الإعلان"
width
=
"125"
src
=
"http://i18.servimg.com/u/f18/17/70/27/78/910.jpg"
height
=
"125"
/></
a
> </
center
> </
td
> <
td
> <
center
> <
a
href
=
"رابط المعلن 4"
rel
=
"nofollow"
> <
img
border
=
"0"
alt
=
"وصف الإعلان"
width
=
"125"
src
=
"http://i18.servimg.com/u/f18/17/70/27/78/910.jpg"
height
=
"125"
/></
a
> </
center
> </
td
> </
tr
> </
tbody
> </
table
> </div>