السَلٱمٌ عـَلـْيگمّ-ۈرحـْمّـٌة ٱللـّہ ﯙبُرگـّاتہ
1) أولا يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4) ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5) بعدها إبحث عن هذا الكود
]]></b:skin>
6) و أضف قبله ( فوقه ) هذا الكود
.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/AVvXsEjZl8_r9m-oRA6uiQOWOKGKNfQqWR-H0tc_uz1e7_SpC0vi7chziNRL5fhNEkXAjrVwDe8ivlWDNE5l3NVmlsPNRAmTOsDWoT2jIgoLQaQ1dx-hYdP7cUJxYtgkbgkxIHg99BHlccBUNkM/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/AVvXsEjjSYauYounEj1bu6r-9A7GU1SNQDWEMSgifXiZPkqdH09O4NzsEB64zosdVAscFOtbdHBjrV6AEIjEVnws4skeyIx1JyEmaoyYFcgZDMbKQ2EHZzHXPJw6y60b4L8cHIQrXWfQgbkIJxg/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZrphNdco0AX6dbO0bS-fpaubj-4SZ4nKLW5tn8WZCz3N0XkooS9yhutGSFSEOephy_KYZ1kaHf4UTwKyoZEnOyda4zNw_K-fs7Qsy15MNG9Euzb0hg6i9oZcZ031Vi7C08oK87rB2ujk/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/AVvXsEgX-_lKcbDQkVTCd8lqbJ63W_XswYyVfaNvSrPqHDNklnulgjXYrcpX-9XQ4JnAeAfnf59SpEAf-wxGD3yAtUJQ-CGw9PJyupaUCkwwuoCD9Nej0Ue0zopXDhTFfUea772UzwEHrnFpU4Q/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD_SlNQdlwjd_0pR5qGrW8sNhk1lzsxqk7_6dyv20IM1Bpz0gk3pHN31DIDzwk7aIG_KbXwiGwpC8cDPS56E1rbzZm35G6gLIXaPEvLtXOCQzXJbpvw7dY3qPwPUeD4lRMbhLDEqWMQDg/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/AVvXsEiD-ILOTBnbJh9jTJvqStwVWcFxCO9WESEM40OUcbKL10-4eH-6wYxP1zVHh1a96ujcCU9cZ-WYhH88NOrLcTXPhyabZjFenRc-4KFRrlvVGiTPg_w-P7h69mJVE01PN5GLL_yOFEaWXeA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNhZxO6IF2Aa9Ck0xuc1xullgMKhb6AU6kbHbINy1qehqokOL7IlLvWPNTTS9413TTmbQgm4WDfP7ZhwApXpJ8YkAsahMfRW0W4_kVGz1HWHh8CBqjHmsdvZXEhwwNBa0t-mfj5ReEdo/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/AVvXsEiAVuO04QyV3TmMEY_qnVZp0SGMNavBwWZEyWghfAuJqBPd5qEsF1i8FdD6uznx-eK8pMF53fme7g9paeftyujM0dlw9D00IKeM1jD_aGImsQZiMLxo9ciIGx0Qcz5IW0pL-MqdwLUFSO4/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود
<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=XXXX" rel="nofollow" target="_blank">
<div class="you-icone">
<b>100</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/XXXX" rel="nofollow" target="_blank">
<div class="twt-icone">
<b>0000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/XXXX" rel="nofollow" target="_blank">
<div class="face-icone">
<b>2000</b>
<span>معجب</span>
</div>
</a>
<a href="http://feeds.feedburner.com/XXXX" rel="nofollow" target="_blank">
<div class="rss-icone">
<b>200</b>
<span>مشترك</span>
</div>
</a>
</div>
و غير XXXX بما يناسبك