728x90 AdSpace

أخر الأخبار

يتم التشغيل بواسطة Blogger.
الجمعة، 20 مارس 2015

أداة التواصل الإجتماعي الحديثة

احدث إضافات بلوجر تسهل الى الزائر الوصول الى مواقع الاجتماعية ومتابعتك بكل سهولة وبسرعة كبيرة، اذ تتميز هذه الاضافة بالوان فلات داكنة وتصميم مسطح ومتناسقة مع جميع القوالب
شرح طريقة تركيب الإضافة
 
1 . توجه الى التخطيط
2 . اضافة اداة -HTML/JAVASCRIPT
3 . انسخ و لصق كود الأداة




كود الأداة : غير كلمة عرب ويب بروابط الخاصة

{\rtf1\fbidis\ansi\deff0{\fonttbl{\f0\fnil\fcharset0 Calibri;}{\f1\fnil\fcharset178 Arial;}{\f2\fnil\fcharset0 Arial;}}
{\*\generator Msftedit 5.41.21.2510;}\viewkind4\uc1\pard\ltrpar\sa200\sl276\slmult1\lang12\f0\fs22 <center><div class="btnt-chronicl-social">\par
\par
<ul>\par
\par
<li><a class="rss" href="عرب ويب">\lang7169\f1\rtlch\'c5\'d4\'ca\'d1\'df \'da\'e1\'ec \'c7\'e1\'ce\'e1\'c7\'d5\'c7\'ca\lang1036\f2\ltrch </a></li>\par
\par
<li><a class="twitter" href="عرب ويب">\lang7169\f1\rtlch\'ca\'c7\'c8\'da\'e4\'c7 \'da\'e1\'ec \'c7\'e1\'ca\'e6\'ed\'ca\'d1\lang1036\f2\ltrch </a></li>\par
\par
<li><a class="facebook" href="https://www.facebook.com/عرب ويب">\lang7169\f1\rtlch\'ca\'c7\'c8\'da\'e4\'c7 \'da\'e1\'ec \'c7\'e1\'dd\'ed\'d3 \'c8\'e6\'df\lang1036\f2\ltrch </a></li>\par
\par
<li><a class="google" href="عرب ويب">\lang7169\f1\rtlch\'c5\'e4\'d9\'e3 \'c5\'e1\'ec \'cd\'d3\'c7\'c8\'e4\'c7\'da\'e1\'ec\lang1036\f2\ltrch Google+</a></li>\par
\par
\par
<li><a class="youtube" href="عرب ويب">\lang7169\f1\rtlch\'c5\'d4\'ca\'d1\'df \'da\'e1\'ec \'de\'e4\'c7\'ca\'e4\'c7 \'dd\'ed \'c7\'e1\'ed\'e6\'ca\'ed\'c8\lang1036\f2\ltrch </a></li>\par
\par
</ul>\par
\par
</div>\par
\par
<style type='text/css'>\par
\par
/*<![CDATA[*/ \par
\par
.btnt-chronicl-social \{ width: 299px; margin: -10px; \}\par
\par
.btnt-chronicl-social ul \{ margin: 0; padding: 0; \}\par
\par
.btnt-chronicl-social ul li \{ list-style:none; padding: 0; text-transform: none; \}\par
\par
.btnt-chronicl-social ul li a \{ color: #fff; display:block; \}\par
\par
.btnt-chronicl-social ul li a:hover \{ color: #c9c9c9; background-color: #333; \}\par
\par
.btnt-chronicl-social ul li .rss \{ background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; \}\par
\par
.btnt-chronicl-social ul li .twitter \{ background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;\}\par
\par
.btnt-chronicl-social ul li .facebook \{ background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; \}\par
\par
.btnt-chronicl-social ul li .google \{ background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; \}\par
\par
.btnt-chronicl-social ul li .linkedin \{ background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; \}\par
\par
.btnt-chronicl-social ul li .youtube \{ background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px; padding: 17.5px 45px; \}\par
\par
/*]]>*/\par
\par
</style><center></center></center>\lang12\f0\par
}




رسالة أحدث
السابق
هذا أخر موضوع
  • تعليقات بلوجر
  • تعليقات الفيس بوك

0 التعليقات:

إرسال تعليق

Item Reviewed: أداة التواصل الإجتماعي الحديثة Description: Rating: 5 Reviewed By: Unknown
Scroll to Top