اضافة تابعنا عبر الشبكات الاجتماعية بشكل مميز وجذاب

1:32 ص

بسم الله الرحمن الرحيم 
السلآم عليكم ورحمة الله وبركاته  اسعد الله واقاتكم بكل خير .
اليوم اقدم لكم إضافة  مميزة وجميلة وهي عبارة عن إضافة تابعنا عبر الشبكات الاجتماعية بشكل جميل وجذاب مثل مدونة المحترف 





                                                                  طريقة التركيب : 
                                                                     ادخل مدونتك .
الدخول إلى القالب ثم تحرير HTML
نضيف الكود التالي قبل  ]]></b:skin>


.social-icone{ height:108px;}
.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/AVvXsEhCEN0z7ackZj53gNmLuH4jc5NtBCVRx2-c075lG-zQGZlZD0eHxISYwSP42o2PpWo-7odkCf5iShJLtDssejROuOd82S78zPLxwA3yh-NJllDk6bQSCMYPQf9BWABoSTgifVrc_ZLM0sE/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/AVvXsEg9hKQrMA__1bxx47QMMVf3UZxwuXnnKQi3ihEwgaJEPXeuPjufYvqwTABGNyFruSmiDt7faYEKErP9vrBapBX2Imu97ZhH-i-cZe26HzvPq6jTNgFbzbvFc6JOO8kfD-WPH_nig6WQnhU/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJAOMlROYgSReBgdR15vKLmrz30c-uvHB57Mgml823TqzRFaOY5P0u1mV2hYv9-qEIavgptamn3IqxyBP0cy_Bt6QUhGG16YMligTWREaJeGP9OKqCMuVoN4kYD2eD54q1fdeOKJJ7YU/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/AVvXsEjwHBAtHoLb5aeb9zbdYz0pg1W80n60aBb8UUShyA-_TlOia1XRqnr4Ee5tjKE492VROBVU-xzp872KURC37KMKgP3I7sdaq9CAdTLEA0m-uy1VK3rJnTAM7YkIE3DNgjLtQ6GXBLyfgQQ/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EeawWd16rv0Hz4-udb912nutStADhyphenhyphenUsh5DW-wT-MDZT3tJMXOoePGFDSwwYiZ5p6b6adWrIN0SlE-hVdQMFUBPaxHfUW1ViPJqSI4lcV3bER11PyVQqer7enQdPNcfvQkB4TTw0rDc/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/AVvXsEjJgkJwaL_clURLqSbCEy98FLlr1Gg2c166vra_e9bBt36wvRWzT2bJIgiiPIM8xS6Q3wItX0YisXdhVfgmKhimboQH7Ekei1-7ek8fqcbFT5DgZIbVaH1ecfwRGkEGt_GCWJQ1DzrbWeM/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlO9351eS-lCiYuaq2lhb_7f8cJhmpSAQ8zVGw67mK1G-mNCICGLRVGRssfuIQNoN-N8K63bMuW5NMDTnQMgVPq72Zs3OSLBdhzYkAlMYl51m2feVCkqMwYC8Z7hlIqQZS4Sburfz_tp0/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/AVvXsEgMUsNKdX07CIzl0wLoiaI6acQXzLftWQ4Kacq7oRKLEK1Y7SRKTE-opJJt1sHCZSd1PnqFn1BkWERJtQG68tqhF5GnN73dA2TvgLwI-A3yi817El3SjPcXzSdYfPOO3Y43VBnVI79-XgM/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}



ثم قم بحفظ القالب


ثم توجه الى تخطيط ثم قم باضافة HTML/JavaScriptواضف الكود التالي



 <div class="social-icone">
<a href="http://www.youtube.com/user/ibrahim choukri">
<div class="you-icone">
<b>99.000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/ibrahim choukri1">
<div class="twt-icone">
<b>4500</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/th3techniques">
<div class="face-icone">
<b>250 ألف</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=choukri">
<div class="rss-icone">
<b>10.000</b>
<span>مشترك</span>
</div>
</a>
</div>

ومبروك عليك الاضافت

التعليقات على الموضوع

ليست هناك تعليقات

الاشتراك في: تعليقات الرسالة ( Atom )