بسم الله الرحمن الرحيم
السلآم عليكم ورحمة الله وبركاته اسعد الله واقاتكم بكل خير .
اليوم اقدم لكم إضافة مميزة وجميلة وهي عبارة عن إضافة تابعنا عبر الشبكات الاجتماعية بشكل جميل وجذاب مثل مدونة المحترف
طريقة التركيب :
ادخل مدونتك .
الدخول إلى القالب ثم تحرير HTML
نضيف الكود التالي قبل ]]></b:skin>
.social-icone{ height:108px;}
.social-icone div{ margin: 8px 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; }
.you-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg2QCrPuQDwv-lkqL5PJ28B3_Ulb-FVLC5PI-sk2HhNLzbv8-KZQM7ojn_8T2aPeB6_Ej6JuArfUJA7FKKInjUI48ybQORDAWL-uWuFnrX4TJI_VU89yu8ykDL1_DvmtDBj5xzqBLIKNA/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5P6ZT3WxZl9uJyuAqve7iVaY_lZJ2P19C3eQvN11uXq1Lr9zFCuomdmxLxqu95Kcaj1N05dIfT87-GavN3Kw_xeCICcA6iFMf7Poiqo9VSlY8J4GlkCymXCrBfC0sxyGmDg0UbwcujU0/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWJI1Tvhcdhp8nV2ORGZb1L8EYC7rIRt5yguO-P2wQCIz0OXOiKNYU-dGq_eRplfyjKQ-U66XT7rt8cWzBQEYlsj2NkX4pUBWsBjLZTiQOXxxLg939QMrZ8jMLT33NWpbX7hp99yRwSE8/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-JKmuGPJW_mAnWAVVlyTI0aZF8-Ij5r4M-PdrB4HBOk91DYHC2bd0jrAyLo5-a-eva_q_4oOz-f_SCteB5IKsJhOwS2hZaa_DoBEZyCUayNB7KaO7XNPawlEllnJMo6myNguioO3P9TU/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHlu9AHglb2fHwzMM7Rt4kV66R8X2e_1AWV6AMZT9ScwUDN8ZV0Dn0fpSjF8xkr-ua6Ymhgo382m31eLxcneyHPCGUhGp7l2BUW9VC9ocBY47D4q-06uaSqbK45Ad98o81R9aPHnhR4rQ/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip_fQPR_L-3MlEiO6qCFctXizUIydkxsyWohKC3g7JrjOI6CxONkbmMjjBjCBMdJhkbwYQkMZhcAUO4uXu0r56O8qXMfkyz5y24Zu6gvYAHeOYD5t2nDedW26ChwPNNa5amRY4vt6W_h4/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtAdjzIKfqEilB8HUqfqAvZS0JJ0YxJh1k4XifhHJJ9I4CvwB3N3isPBcvtlOLOarqsxWSraGnJcLbMHqhJpGq0xQRrBGHx_ifpLL5GjLCAV9ZH3uz6elCZQBGida5Mn7Sgy_2XRerLbA/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HF_w7ypXiRyU0HPvmVCtmzlUKZ5MVp4vdCWBjPDsYjOa-81y934-oIC9aYnd0O8LA67rX5aeu7JgYmp6SP2loXFpmEiQ5AUFLLZglKZH_1KWQ-u4JoLmBGnu3-fEF3cqvHDMB_CgZtQ/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
ثم قم بحفظ القالب
ثم توجه الى تخطيط ثم قم باضافة HTML/JavaScriptواضف الكود التالي
<a href="http://www.youtube.com/user/ibrahim choukri">
<div class="you-icone">
<b>99.000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/ibrahim choukri1">
<div class="twt-icone">
<b>4500</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/th3techniques">
<div class="face-icone">
<b>250 ألف</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=choukri">
<div class="rss-icone">
<b>10.000</b>
<span>مشترك</span>
</div>
</a>
</div>
ومبروك عليك الاضافت
من فضلك شارك هذا الموضوع اذا اعجبك
الموضوع من طرف:
مدون ومطور مواقع مغربي ، أهتم بكل ما هو جديد في عالم الانترنت والتطوير ،أدرس لغات البرمجة والتصميم ، وقد أنشأت هذا الموقع لمشاركة الناس خبرتي المتواضعة . يمكنك متابعتي شخصيا عبر :
