السلام عليكم ورحمة الله وبركاته سنتعرف على طريقة اضافة تابعنا على شبكاتنا الاجتماعيه وهى اضافه اساسيه فى كل مدونه
اولا نذهب الى لوحة التكم وتضغط على قالب تحرير html ثم تضغط فى مربع الاكود ونبحث باستخدم Ctrl+f عن الكود التالى
ونضع قبله " فوقه" هذا الكود
.social-icone{ height:93px;}
.social-icone div{ margin: 0 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/AVvXsEhXudO9h1RC98pkG5Gf8VYlidHblkVUYCBlw5yi_F3X0_Nxd6iR9bnf3UdAlQF7GYvYyCEcxyS5Z4IYqd3t1FuWXhB5am0EFF2UHuyQSzCMSNQlxE98BlZubsLpypw9aL1G4ChrveDwgsI/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/AVvXsEhCKnTuYDsTqWJbE1CMEVxBzyQaJCxhjPmFz5zW0kJydSIoU6RvBr_sJu6-nudfgLgip0jH0jHW4vU3W_u-tvvInlCfy-1zC7beVpePFPEf26_shrLpJ0QluO5YrrmNB9QaWwUXBluX9k8/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHJT3O_9PVX4QHCVuJw7i1ftMy0E19To5GoI_k_wWUqs8XgmftDQbcY_YSBut58RUKOigfPt4zAs9B7G6_V8NJn2KC489VnQjXBeAku5xVVh6NCqjDxrF1fHCchI9FB3b_QZrmCHeQo7g/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/AVvXsEgHdauu0Pa0KFNuKthTBnj26rRExQ5fq7DUQHcEcZOtMhpcpGxCoy3Aj_qQ7EtkqEEijGZaswdYOoj-COZZ49kLvZmc_qhNQSpPJRzqPoQ1wjBOwrePdRzYzuquGRFdXj4YS_LFvNrUPsk/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJyLn_2crBBtdtA3DoKHWEGCzXJyW4d8ej8-XV6y0IyP_CvuUiZYCGzHyPqbHa_oGfB7eNlOz-OeN_pPpGlxJhGZ-yqp1zxzVH0XEh1L0Htg0ZptCn1vfz6qCJneVrG3wSI_-rHNyfGHM/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/AVvXsEiaTv6JF0z2CYbWrLrmDkGzsenZr8h-wdIylHkh3K7bMbMs85NXwVpEBHT0ZLFotXAaF-TTWfff0r_aQe702RCFgTqgTro_DmKtigEJANARv_q9UmmDdQ_Xjszh7txrPmOUWfAZiLHvbVE/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJF_BSVVu9zSmWeRIpnWQs2zhSr9FAzNi0Al_5kXMuEv2pIEJcSKwSwF7gtsCYZzcBZE2hfZTGOYxL8aj6MJmYO2HTP29It75L9p310q-s43HtfILs482cCIPajaC-ZM0P-Mv32lEoABw/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/AVvXsEiFkMURUqWVA8q6ZNzFV0wyb2db38TjsbQzLRcgQc9H9UaO41MnP0gIg-nMBTMjhJLMsBF7oMRGBJIcWHGiD_HypjyagtZep_I-FFrGO25-OIjmioKmpqWAF5mn4jRvZPH9DQG7_R__0iU/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع "HTML/Javascript" و أضف الكود التالى
<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=aaaaa" rel="nofollow" target="_blank">
<div class="you-icone">
<b>100</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/aaaaa" rel="nofollow" target="_blank">
<div class="twt-icone">
<b>0000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/aaaaa" rel="nofollow" target="_blank">
<div class="face-icone">
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/aaaaa" rel="nofollow" target="_blank">
<div class="rss-icone">
<b>200</b>
<span>مشترك</span>
</div>
</a>
</div>
ولا تنسا تغير
aaaaa