تنلاننمةو

إضافة تابعني على المواقع الا

1) أولا  يجب عليك الذهاب إلى مدونتك في بلوج

2) تم إضغط على قال

3) بعدها إضغط تحرير HTM

4)  ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTM

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/AVvXsEiMTgtdF7RebwYpetS3Wu69p3kWKesEtdqC18BVoEHgltRKt2muCu1quz_lZ20VbNmhePHiK4bnjiCGC6Ajrn7X95J0CMOq3T0HoFds4TXarxhcqXBZWvCEVRAH_JCPdjQKxb7970S17nQ/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/AVvXsEhNyOizMva4bnEjfp-M43vL3QAL5L0de_wOxUCSndrwORI2tOcdB_LxScvFm-3kGnNaIP6M7RRwD2uOOVGr-2fCamj5V8pplqBFDmukeHYvWFMBz9Ps0QoMDCmpIn_7n1KqPwZcEk0OPUQ/s1600/youtube2.png)top no-repeat;}

.twt-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivwXv_Xxwz48-FHAP60v0iU3oDHiGez2SZ525RQlNnVkj0oKTyaGt3Ds9vdkpdjJLHsn8yfWbKlysWIUeXrMceYvmgTL__aNJ8XXMucumnpXvwNTAcAUMmv7UfOKXZjW_HbCh-G9tH4c0/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/AVvXsEijnUIOhH57PnI-rniX5ph6iTduXicjfHUJPmAlpgGHeZmTRWJIVfARPPlnOkgCWwuWcJTApcIjLUVwfw3ydlLZYIRisdTmrzxJRAAHmPQCARDrYuP86g_PKPMs947-_ByLqbJyHoREc4g/s1600/twitter2.png)top no-repeat;}

.face-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXZQLwa3SwsiAs8eWE7YOFLttsJuSUrwmLx3xUQHq_kBbjpprNpgk7a4cOhKAfH2MrLa27EQzWhPia1hVs70c_sokI499vQGWvLD28qOqyJVAq1aqhfDbVNRdPeg97YQKhRLCQeOuq20c/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/AVvXsEhgO9rFEwPTgBXfQ6XdwPia_TqfpbPXuqAh0pMMPCwrgEozvWljFr69xUSTjzO16WTxGGsnRg0ciRHSG31Csg3Omy9p4yEYvp-FFT6nLypwtkewQM4F9CBAPo6KQga5WqEiLGi77b3BckQ/s1600/facebook2.png)top no-repeat;}

.rss-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_HXh_mBNOZLLuPHn65mXAoavojZlgHH7lDzBAVkj9_hA0LYolrH76NUzXJCPoSNqxdHdmXTqRiOxjDWKdRjvFJgpja4qKSrA6MH39A54V4Lfo7JjsKy1X0rO0ZETmFKnlizrEa_Julg/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/AVvXsEid-ZjgkREO90Znv2fDA9vH2BYxEXATDtNqdFkdHIUOdWbwWQXnCLZJvKPPrNOQL2aDIE2gEUNZAqqwNr8rHH63v9OhoKGCCWylP8kHozxpBNdYLAMda4dWk1wGAfVgRskDYEd7YO5HOtM/s1600/RSS2.png)top no-repeat;}

.post-footer-line > * {

margin-left: 0;

}

7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود 

<div class="widget-content">

<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>

</div>

<div class="clear"></div>

<span class="widget-item-control">

<span class="item-control blog-admin">

<a class="quickedit" href="//www.blogger.com/rearrange?blogID=4777457750253636728&amp;widgetType=HTML&amp;widgetId=HTML3&amp;action=editWidget&amp;sectionId=footer-2-3" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML3&quot;));" target="configHTML3" title="تحرير">

<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />

</a>

</span>

</span>

<div class="clear"></div>

Tweet