السبت، 8 يونيو 2013
كود لاشتراك عبر الشبكات التواصلية بشكل احترافي أصبح يستخدم الأن فى العديد من المواقع نظراً لانه يتميز بالبساطة و الأناقة كما انها مع محترفي الكمبيوتر تتميز أيضاً بسهولة الأضافة , فهى تتيح للزوار متابعتك على مواقع التواصل الأجتماعى و بالتحديد اليوتيوب و تويتر و الفيس بوك و القائمة البريدية...
والأن نمر للتركيب :
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/AVvXsEhLEHlN970mmcKpmywbFIzdmMRqeTRHYFlhv9Wlj4rD4gbfc-0mBg_uZwoWPxuCzTVi1_NYZfQbPvh0-oXFm9fFjE8Qo1yQeCEh8RY3cYBx-lDnnYiLB3WipjecKa6DUSgbtvTpKrQRhaY/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/AVvXsEjN9vso-mgnJUPyoWnsaIf77NvCCziC4ACnrdHfjKnk4zxBmnh72Cm7xniiF6LpxUUE24v-7Qj3GJc7RgmxhyphenhyphenJcRw2eYCqKxwOMwpOZf-oNQCNZjo82T-6aAT4N-D0ejBOnCzW3WyPVEv8/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh5j4rlndoDO4bta2SbYBEiyJmSSos0ckec_4u267Ul8hK5f-axFKq1oyq0vZPb3mEPOfO09m_kob7tweWmJD-FirXE9XQ1qBpxuKQEiBUq2eHO11r8vY0pJ-X5KoLuumMC-cdsrl9yI/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/AVvXsEjKBQsVDQhXQ43gWHWwKDk0xCT1WIQ_pC4b6mF0rma0YjpYouEaGJc6ySy2TxaX4-ER8-45Q9j1FpiKJdD6oG86rU66OOcr2NtlArSgjgKMlhbWROqtQO1ok7JTxs7EzXFEAp36yi75PYw/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWgfkGKyFxHIjQdS2RrlIuCU7Bv4g3zFTO_mfID7JQKj53jKzSg0kSXXhAswsueC2fKXUfQNKHdRBTp_D-uZiFusr_608Snpxld45vSJ-1EuDpJaHgl-NfRMpLMw2jrTF4kFQ_etm3gBA/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/AVvXsEiK2quqdi37ldbxmg4h1vWSsmy9mOehfxNKPzkoUF7WRUd_7csImETg39U-PXK_199TLaw06W16INo3tLZRofronVFTGk9nXF4zMnoP-g6DMY8GfXdr6tXlxtNydXzJ4LPxxeYDMoOm0iA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxn6EOfXzuqMHfrRvvQVlsm3qn596bxSBBY0LK2NBDIOKlCjq68bfTmGxAuNXLK4XGWyzMPF0UbdyhF1rse-J0ALd0086RXTTtqqUKfcvuFVS9amKtaET4oTjugKNqasF8fol45yYhdY/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/AVvXsEjpT7HsszpGYaZRI3yhbPot5tLckh6E3YKywfk0RSZm8Z5vxQoE41w8MrdaWVXm9eBVc75_YW4KrTI5Su3vDihGjtCI3hgSKzcstdgKPd3dU1GdJbicUvWUrjVoUpU7mipjQUaz5KFdnns/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=th3oussama">
<div class="you-icone">
<b>1.000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/th3oussama">
<div class="twt-icone">
<b>1.000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/pages/محترفي-الكمبيوتر/518750001517312">
<div class="face-icone">
<b>1.500</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=th3oussama">
<div class="rss-icone">
<b>1.000</b>
<span>مشترك</span>
</div>
</a>
</div>
.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/AVvXsEhLEHlN970mmcKpmywbFIzdmMRqeTRHYFlhv9Wlj4rD4gbfc-0mBg_uZwoWPxuCzTVi1_NYZfQbPvh0-oXFm9fFjE8Qo1yQeCEh8RY3cYBx-lDnnYiLB3WipjecKa6DUSgbtvTpKrQRhaY/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/AVvXsEjN9vso-mgnJUPyoWnsaIf77NvCCziC4ACnrdHfjKnk4zxBmnh72Cm7xniiF6LpxUUE24v-7Qj3GJc7RgmxhyphenhyphenJcRw2eYCqKxwOMwpOZf-oNQCNZjo82T-6aAT4N-D0ejBOnCzW3WyPVEv8/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh5j4rlndoDO4bta2SbYBEiyJmSSos0ckec_4u267Ul8hK5f-axFKq1oyq0vZPb3mEPOfO09m_kob7tweWmJD-FirXE9XQ1qBpxuKQEiBUq2eHO11r8vY0pJ-X5KoLuumMC-cdsrl9yI/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/AVvXsEjKBQsVDQhXQ43gWHWwKDk0xCT1WIQ_pC4b6mF0rma0YjpYouEaGJc6ySy2TxaX4-ER8-45Q9j1FpiKJdD6oG86rU66OOcr2NtlArSgjgKMlhbWROqtQO1ok7JTxs7EzXFEAp36yi75PYw/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWgfkGKyFxHIjQdS2RrlIuCU7Bv4g3zFTO_mfID7JQKj53jKzSg0kSXXhAswsueC2fKXUfQNKHdRBTp_D-uZiFusr_608Snpxld45vSJ-1EuDpJaHgl-NfRMpLMw2jrTF4kFQ_etm3gBA/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/AVvXsEiK2quqdi37ldbxmg4h1vWSsmy9mOehfxNKPzkoUF7WRUd_7csImETg39U-PXK_199TLaw06W16INo3tLZRofronVFTGk9nXF4zMnoP-g6DMY8GfXdr6tXlxtNydXzJ4LPxxeYDMoOm0iA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPxn6EOfXzuqMHfrRvvQVlsm3qn596bxSBBY0LK2NBDIOKlCjq68bfTmGxAuNXLK4XGWyzMPF0UbdyhF1rse-J0ALd0086RXTTtqqUKfcvuFVS9amKtaET4oTjugKNqasF8fol45yYhdY/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/AVvXsEjpT7HsszpGYaZRI3yhbPot5tLckh6E3YKywfk0RSZm8Z5vxQoE41w8MrdaWVXm9eBVc75_YW4KrTI5Su3vDihGjtCI3hgSKzcstdgKPd3dU1GdJbicUvWUrjVoUpU7mipjQUaz5KFdnns/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=th3oussama">
<div class="you-icone">
<b>1.000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/th3oussama">
<div class="twt-icone">
<b>1.000</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/pages/محترفي-الكمبيوتر/518750001517312">
<div class="face-icone">
<b>1.500</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=th3oussama">
<div class="rss-icone">
<b>1.000</b>
<span>مشترك</span>
</div>
</a>
</div>
5 - يجب تغيير ما باللون الأحمر داخل الكود إلى الروابط الخاصة بك على مواقع التواصل الأجتماعى...
هنا اعلان ادسنس
بقلم فهد الفغلومي
من مواليد 1994 , من المغرب و بالضبط في مدينة طنجة , مدون و مبرمج و محترف في عالم النت و البرمجيات المنتديات و المواقع و المدونات و ومهتم بشؤون معلوميات و أدرس حاليا في ثانية باكالوريا
