السلام عليكم ورحمة الله وبركاته اليوم مع اضافة حصرية لن اطيل عليكم نمر لطريقة التركيب
1- الذهاب الى لوحة التحكم
2-انقر على قالب
3-اختر تحرير Html
ابحث عن
1- الذهاب الى لوحة التحكم
2-انقر على قالب
3-اختر تحرير Html
ابحث عن
]]>
b:skin
>
و ضع الكود التالي قبلها
@import url("http://fonts.googleapis.com/css?family=droid-kufi&text=AaBbCcEeFfIiKkLlMmOoRrSsTtWw%20");.
w2bOldSocial ul
{
font-family: DroidKufi-Bold
;
margin: 15px 0
;
overflow: hidden
;
}
.
w2bOldSocial ul li
{
float: left
;
width: 90px
;
padding: 0 0 0 55px !important
;
margin: 0 0 0 5px !important
;
line-height: 48px !important
;
}
.
w2bOldSocial ul li a
{
font-size: 20px !important
;
text-decoration:none
;
padding:0 !important
;
margin:0 !important
;
text-decoration:none
;
}
.
w2bOldSocial ul li a:hover
{
text-decoration:underline
;
}
.
w2bOldSocial ul li.w2brss
{
background
:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZqFQtgWBBkZAb7dQzOKDaO1wHu-fVBHvgYAoJHgiDiwklz7kBzlDPIdR5jH8cdaLkU4djvvKJxeczTh0xJm0Vs7SJU0H6BB4d8XoNunpn53qn2geLhpZLNu6b7UkkndkZ661PISBHcWlZ/s48/RSS.png
")
no-repeat scroll left center transparent !important
;
}
.
w2bOldSocial ul li.w2bmail
{
background
:
url("https://lh3.googleusercontent.com/-N3tEUB7WFN8/AAAAAAAAAAI/AAAAAAAAAAA/wg3MnF0c3ZY/s48-c-k/photo.jpg
")
no-repeat scroll left center transparent !important
;
}
.
w2bOldSocial ul li.w2btwitter
{
background
:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVrn4qZvTdt5xx7iEiiRG1VXFOuFhUAOPLxoctNdcaxABYayO0irbM-WGTsoRxpbfh3gNYQUHmI0EmLI1zEj2-oU1VTZ2-CfJ-dHjs2TRkbaNz9fofW639mVKKFXDvPc3u24kDgFG39Ql/s48/Twitter2.png
")
no-repeat scroll left center transparent !important
;
}
.
w2bOldSocial ul li.w2bfacebook
{
background
:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDtALht-UL2orDCNPbF5FbglAjgpJNYGop-jkoVmxTdFy2W3Cs2UGFsleSSkxHn7u23BdxYVR6lI_kUTnLtOWUIGrz-jlpCzllT0WBpl3xsiZ3m5yOksqH2bGtnd__nMLQnqiqzp3irOg/s48/Facebook.png
")
no-repeat scroll left center transparent !important
;
}
#
w2bEmailsub
{
display: block
;
clear: both
;
margin: 10px 0
;
}
form.w2bEmailform
{
margin: 20px 0 0
;
display: block
;
clear: both
;
}
.
emailText
{
background
:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2EbXP9Iuk7175CqpxyFfsG3Lvw45CiZ2xNxeBh7FhAJgiUIVV8ujBftjmNNE7H9O9cBKqO0lzkutI8hcvDtq2B_ylZlKCmpazd_G1ll4ChW3Ix1RK7Hwt-ebHon38pn8iCoQFok_i2F60/s28/w2b-mail.png
")
no-repeat scroll 4px center transparent
;
padding: 7px 15px 7px 35px
;
color: #444
;
font-weight: bold
;
text-decoration: none
;
border: 1px solid #D3D3D3
;
-
webkit-border-radius: 4px
;
-
moz-border-radius: 4px
;
border-radius: 4px
;
-
webkit-box-shadow: 1px 1px 2px #CCC inset
;
-
moz-box-shadow: 1px 1px 2px #CCC inset
;
box-shadow: 1px 1px 2px #CCC inset
;
}
.
emailButton
{
color: #444
;
font-weight: bold
;
text-decoration: none
;
padding: 6px 15px
;
border: 1px solid #D3D3D3
;
cursor: pointer
;
-
webkit-border-radius: 4px
;
-
moz-border-radius: 4px
;
border-radius: 4px
;
background: #fbfbfb
;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%
);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4
));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%
);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%
);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0
);
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%
);
}
ثم ادهب الى تخطيط
اختر اضافة اداة Html java script
و ضع الكود التالي
<
div class="w2bOldSocial
">
<
ul
>
<
li class="w2brss
"><
a href="http://feeds.feedburner.com/s-maarifa
">
RSS
a
>
li
>
<
li class="w2bmail
"><
a href="http://youtube.com/thedonjok
" >يوتيوب
a
>
li
>
<
li class="w2btwitter
"><
a href="http://twitter.com/the_donjok
">تويتر
a
>
li
>
<
li class="w2bfacebook
"><
a href="http://facebook.com/timeofaljeed
">فيسبوك
a
>
li
>
ul
>
div
>
<
div id="w2bEmailsub
">
<
form action="http://feedburner.google.com/fb/a/mailverify
"
method="post" target="popupwindow
"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=s-maarifa
', '
popupwindow', 'scrollbars=yes,width=550,height=520');return true
"
class="w2bEmailform
">
<
input type="hidden" value="s-maarifa" name="uri
" />
<
input type="hidden" name="loc" value="en_US
" />
<
input type="text" onblur="if (this.value
== &
quot
;&
quot;) {this.value
= &
quot;Enter your
email
...&
quot;;}" onfocus="if (this.value
== &
quot;Enter your
email
...&
quot;) {this.value
= &
quot
;&
quot;}" value
="ادخل ايميلك"
name="email" class="emailText
" />
<
input type="submit" class="emailButton" value
="تسجل"
title
='' />
form
>
div
>
و غير الروابط بما يناسبك
لا يوجد تعليقات
أضف تعليق