كود الأشتراك فى مواقع التواصل الأجتماعى بشكل المترو

كود الأشتراك فى مواقع التواصل الأجتماعى بشكل المترو  أصبح يستخدم الأن فى العديد من المواقع الكبيرة  نظراً لانه يتميز بالبساطة و الأناقة كما انها مع عرب سوفت تتميز أيضاً بسهولة الأضافة , فهى تتيح للزوار متابعتك على مواقع التواصل الأجتماعى و بالتحديد اليوتيوب و تويتر و الفيس بوك و القائمة البريدية 

الأن بعد المعاينة نمر للتركيب

1 - قم بالذهاب إلى تبويب التخطيط

2 - قم بإختيار إضافة أداة

3 - أختار نوع الأضافة HTML/JavaScript

4 - ضع بها هذا الكود

<style>
.social-icone{ height:108px; background-image:url(http://goo.gl/2Vcbf);}
.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/AVvXsEjy7IY4d_f3381qXyNGP8-hWarOXELHI69Wd7TJAzaCDBRBJHsfg4tWCXdCwHXEqH7kPUFarudas1lSg3gWASlRk_Wmab8AHkyL83b2npRMYVb0mk_Psf-I8z_d6IFQhWo6TSJc86dfwy8/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/AVvXsEjcoqhmZ9qjKQyULfzZFUPpNtCbk3b5-YGADKxUsi_HhCU215Fyq0kdyJ9uyoZFBUSCJYaNo2BYwqS0IdbdWgv2OKxrmacD_5kLijzZZAUzvivmyQAfQK38d2fKmRDTdm_SyIkX92un4XM/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVjWe0DB7I_qsyKfN59-3UJQTwUnyZOv6EsNkzrJrqn54oaBdzivT1mBg8XXZYWLN0TtnBRRhG7R4fcMKhU__B3wBHAh5h0gowcsL4CF3Tvm5GvS2ko9OlzZEyU5FsinP7EiPOZ4nOkb0/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/AVvXsEhzlUkpcBhyhifxHC8kUSoVK9hYRVRbC4FG5N9rA6nmv41yx81AcEMwWvJdhUmQrtIF8ddXikRK9i27p67cVbA-WuJz969QC8SKecs7ib7x-GH9yiue_sbIuMwjF0IO-pqjoZPZbGj0JkU/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL35Um2HJFwPFjaw0PenrIF2OxT21sdWrtxExTGl-MbNEwwsJj-OmpKEF7L2uqgM4-N66Rk5Nk3S6p-bWHlQW9Q3SqF2kRVmJthlcEq-1WbnRKb7p6TBRgr8hc7itQgfStyF2d2PZI2fQ/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/AVvXsEg2NZphidUwNqJ3CGcgJfrBZF9n9yFCvgq4if8VF3tq79dy-uM1X1aSfIkbm8S93h4QJYB351iGegvteVWFKk9FUn5ASHmkJrvFJ4Flc61fGAjAOptk8v0DIMjir5bcIcUUvicQhIdqWCM/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyNkSZTjG5hMVV4hjufkT3c2JyeOeEhWrPcRo13Kitbdk-6XsGZ8f_-JemqjZ8sLIQRsz-crOkOcyrPbfJ-ScE6cninUWAMameyWv1FlEiRKnviFPmA4pY8BjO7SUJQ2WVGR3y4Ba6oSU/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/AVvXsEgId-pN8tss_YlIsKDLxAaq-D7whsbZLw-1EH-oq_FWrlRVo1IPrvr21nh2HJVwCfssMPnvUh4VGIpmZ3GjOkU46RhOj_p-5rIHZPjmoOWPJ5vBIJSf4Qjhk18V8Dzn26Qv_Iy7ipl7ITY/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
</style>

<div class="social-icone">
<a href="http://www.youtube.com/subscribe_widget?p=ProtectHacker">
<div class="you-icone">
<b>1.000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/AeroMody">
<div class="twt-icone">
<b>1.000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/3rab4tech">
<div class="face-icone">
<b>1.500</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=3rab-tech">
<div class="rss-icone">
<b>1.000</b>
<span>مشترك</span>
</div>
</a>
</div>

5 - يجب تغيير ما باللون الأحمر داخل الكود إلى الروابط الخاصة بك على مواقع التواصل الأجتماعى