طريقة الإضافة :
1 - قم بتسجيل الدخول إلى مدونتك
2 - من لوحة التحكم الخاصة بمدونتك توجه إلى القالب
3 - قم بالبحث عن :
]]>
أضف قبله هذا الكود :
/* Social &Newsletter Widget *//* Social */.social {
background:#fcfcfc;
height:80px;
padding:0 15px;
border-bottom:1px solid #f0f0f0;
}
.social li {
float:right;
width:52px;
margin-left:15px;
text-align:center;
}
.social li.last {
margin-right:0;
}
.social li a {
opacity:0.6;
filter:alpha(opacity=60);
font-size:11px;
color:#666;
padding-top:42px;
line-height:34px;
}
.social li a:hover {
opacity:1.0;
filter:alpha(opacity=100);
color:#666;
text-decoration:none;
}
.social .social-feed {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3S_2GHR_zAfu06RLyjCY-KDrankyI5Wkt7TsSCyawtx9IenaTLIMQ7Q89vH-YQZxfOev5-sSaTd-fKK0kqcTORiXfDgSml-8uhJG2CSwgQCiw1CvYcNXfNUm-a90sdJPKoBCjBmY8pNw/s1600/ico-social-rss.png) no-repeat;
}
.social .social-twitter {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEeC1mdVtPdBbQE7vOvfUadRvjKexK7dLHOuRDGRxjMtfuhw62yoU7o-0hwUePrkO1ASwgvf6X39L6gA7CCkEvn05h8fPONRbP_WTk8vjINob5OUFu6OS8PKsQocw5TgXws5boObuO3ik/s1600/ico-social-twitter.png) no-repeat;
}
.social .social-facebook {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9siWSDLKjTUHmBYg6MeZCMqLZ1YuH8NjcgwIlBvwIQDJFheHBiKoqJ7Sz1_cWu9W91DXkXW36aVxurHTlvNLaibHbvJXTy6DOuxV2NhT3srqXrskvsl6K35Izu81c_9gTPar0T6RfxM/s1600/ico-social-facebook.png) no-repeat;
}
.social .social-youtube {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNt9kuR1QIY2EsSTK7I6g4dIBV84hSDtMh9g_8qu2LUL_I3NVRhygJyeCLjmSdMljVtmFiWQIZVdy0hKhDCCsSOHSMqOCbq75R21FIYzM-cEEy07PsvPAaSX2rBwcoj11v1iZgrInc4A/s1600/ico-social-youtube.png) no-repeat;
margin-right:0;
}
form.emailform {
margin:20px 0 0;
display:block;
clear:both;
}
.emailtext {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj78gSQ7A5VjQE61GLoPfINTlE9ZInFDesuSytPvPBMKBaD_8-k7Pq4Ga1MUqrs47HkcnAIUKond86Zzl3wW8HmmBHs6hEz0R21SVg7p9onSwLQS5TZRNIn_rMaeNJZ0CCzTs7G0yBI0ERV/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 33px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:1px 1px 2px #CCC inset;
-webkit-box-shadow:1px 1px 2px #CCC inset;
box-shadow:1px 1px 2px #CCC inset;
}
.ebutton {
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-goog-ms-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%);
}
4 - الأن قم بحفظ القالب وتوجه بعدها إلىتخطيط.
5 - ثم إضافة أدة.
6 - إختر HTML/JavaScript .
5 - بعدها في الحقل الأول ضع إسم الأداة مثلا إشترك في الموقع أو إنضم إلينا..... ثم ضع في الحقل الكبير هذا الكود :
قم بتغيير ما هو بالأحمر بما يناسب موقعك
ليست هناك تعليقات :
إرسال تعليق