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

 احدث إضافات بلوجر تسهل الى الزائر الوصول الى مواقع الاجتماعية ومتابعتك بكل سهولة وبسرعة كبيرة، اذ تتميز هذه الاضافة بالوان فلات داكنة وتصميم مسطح ومتناسقة مع جميع القوالب

شرح طريقة تركيب الإضافة

  

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
}