#1
مدون جديد
تاريخ التسجيل: Sep 2012
المشاركات: 89
اضافة تابعنا عبر الشبكات الاجتماعية
صورة الاضافة :
شرح تركيب الإضافة:
اولا : توجه الى لوحة تحكم مدونتك ثم القالب ثم تحرير html واضغط على متابعة و علم على خانة توسيع عناصر واجهة المستخدم ثم ابحث عن
كود بلغة HTML:
]]></b:skin>
واضف قبلها هذا الكود :
كود بلغة HTML:
.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(http://2.bp.blogspot.com/-ds8qOnEouwI/UQP3rHAflBI/AAAAAAAADIA/eH1yxuWHfgA/s1600/youtube.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.you-icone:hover{background:url(http://1.bp.blogspot.com/-3ph-4nN00s4/UQP3rX3vjiI/AAAAAAAADIQ/mXsSqvfISrw/s1600/youtube2.png)top no-repeat;}.twt-icone{width: 50px;height: 32px;background:url(http://2.bp.blogspot.com/-UkgHer_Y6oc/UQP3qmklnaI/AAAAAAAADH4/_UNqgOHIB7c/s1600/twitter.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.twt-icone:hover{background:url(http://2.bp.blogspot.com/-tY5SrlJev7M/UQP3q-YZ10I/AAAAAAAADH8/plC-yi5xLcw/s1600/twitter2.png)top no-repeat;}.face-icone{width: 50px;height: 32px;background:url(http://2.bp.blogspot.com/-bjxmNtZSedM/UQP3qGCsUeI/AAAAAAAADH0/0lxC1Le2XxU/s1600/facebook.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.face-icone:hover{background:url(http://2.bp.blogspot.com/-7phJl6JL7AI/UQP3qeT-xRI/AAAAAAAADHw/ZOTIvXZsnsA/s1600/facebook2.png)top no-repeat;}.rss-icone{width: 50px;height: 32px;background:url(http://3.bp.blogspot.com/-amcTTFtnosk/UQP3p-PHToI/AAAAAAAADHk/cz8Gw7ZxGhI/s1600/RSS.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.rss-icone:hover{background:url(http://4.bp.blogspot.com/-yNGQ0JC185g/UQP3qPseAoI/AAAAAAAADHo/oL0goYApjp0/s1600/RSS2.png)top no-repeat;}.post-footer-line > * {margin-left: 0;}
ثم اضغط على حفظ :)
ثانيا : نذهب للوحة التحكم , التخطيط , ثم اضافة اداة جديدة جافا اسكربت وتضيف الكود التالي :
كود بلغة HTML:
<div class="social-icone" > <a href="http://www.youtube.com/user/cchourad" > <div class="you-icone" > <b> 99.000</b> <span> مشترك</span> </div> </a> <a href="http://www.twitter.com/oussamachourad1" > <div class="twt-icone" > <b> 4500</b> <span> متابع</span> </div> </a> <a href="https://www.facebook.com/TH3arabs" > <div class="face-icone" > <b> 250 ألف</b> <span> معجب</span> </div> </a> <a href="https://www.facebook.com/TH3arabs" > <div class="rss-icone" > <b> 10.000</b> <span> مشترك</span> </div> " >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.th3-seekers.com/" > المحترفين</a>
__________________
من مواضيع مى محمد
03-23-2013, 05:42 PM
اضافة تابعنا عبر الشبكات الاجتماعية
المواضيع المتشابهه
العرض المتطور
