طريقة الإضافة :
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/AVvXsEg0k1y79-XkWZ_R_xLqj6Uu5PrcelDHVXurbZR7txFaWS6a4_ADxbiPQk6lcA0V6HKqWbGsj_E9uagZt3fhhgih8P00-qhx-kRjOdk9r3LjJ78966zjI7axIvs2Zwzr5heZZ5DL_w3d1DY/s1600/ico-social-rss.png) no-repeat;
}
.social .social-twitter {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Xim2JNnoeGsjcQB2eDJvUrOxwayAMSNqd9VUJxws6weUSMHQls45PpuS0ijrkPhoMVP9DrYgXLDjVVooc6E4QkTpKG9vCN-2eYrHBqyVaIQX1M4hXGj3apyqqDAv6f2QdzCxakFinfU/s1600/ico-social-twitter.png) no-repeat;
}
.social .social-facebook {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggBouQnLXPFXavvS8oHFwTKxnX74fhmHG3PHuvjKHNW0UWsXkIz6O015hVKMrATcoomyyQr0SXSvHTx-Z_FPhrn44dWyrzFxmhQ4TAXO67ZRuwZE_FtTrEaWKEV4TR5O3ED4MziFPsI_A/s1600/ico-social-facebook.png) no-repeat;
}
.social .social-youtube {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN6_C0FwN3Fyg9R9TL_ynBitdYc10E_OcJ06oQkAW0enRjBZTb6tdbV4r_t6qFig3M1R1Zm55G2YH_ZcSHD5yU3vILddO7mhBAxRRWVSos1nBuRAo4Hi0Cc7Sr-dC6WK-VrxMwH82ekqM/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/AVvXsEhmj1Dy72R_oJaOUuqzMGzWMKEYLxrRv2-w3YG8i4XZ6126ufMraraJFxQPBkMNqO1SwcMx0gyPrk63wonWvLOXcMn9p8-75RWSZTl2xpW4uEhK9Mc0ZznEAOTtmTFwVu0yWxsIHUAaVh7o/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 - بعدها في الحقل الأول ضع إسم الأداة مثلا إشترك في الموقع أو إنضم إلينا..... ثم ضع في الحقل الكبير هذا الكود :
قم بتغيير ما هو بالأحمر بما يناسب موقعك
.jpg)
0 التعليقات:
إرسال تعليق