إضافة اداة مواقع التواصل الإجتماعي بأيقونات داخل سايدبار الموقع يمكن تعديلها من التخطيط فقط

كيف تعمل الأداة

طريقة تركيب الأداة بالنسبة للمدونين

 <b:section id='said-soc'>
  <b:widget id='LinkList2' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='text-10'>linkedin</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='link-1'>https://</b:widget-setting>
      <b:widget-setting name='link-13'>https://</b:widget-setting>
      <b:widget-setting name='link-2'>https://</b:widget-setting>
      <b:widget-setting name='link-12'>https://</b:widget-setting>
      <b:widget-setting name='link-0'>https://</b:widget-setting>
      <b:widget-setting name='link-14'>https://</b:widget-setting>
      <b:widget-setting name='link-11'>https://</b:widget-setting>
      <b:widget-setting name='link-10'>https://</b:widget-setting>
      <b:widget-setting name='text-9'>delicious</b:widget-setting>
      <b:widget-setting name='link-9'>https://</b:widget-setting>
      <b:widget-setting name='text-8'>pinterest</b:widget-setting>
      <b:widget-setting name='link-7'>https://</b:widget-setting>
      <b:widget-setting name='link-8'>https://</b:widget-setting>
      <b:widget-setting name='link-5'>https://</b:widget-setting>
      <b:widget-setting name='link-6'>https://</b:widget-setting>
      <b:widget-setting name='link-3'>https://</b:widget-setting>
      <b:widget-setting name='link-4'>https://</b:widget-setting>
      <b:widget-setting name='text-1'>digg</b:widget-setting>
      <b:widget-setting name='text-0'>facebook</b:widget-setting>
      <b:widget-setting name='text-3'>github</b:widget-setting>
      <b:widget-setting name='text-2'>reddit</b:widget-setting>
      <b:widget-setting name='text-5'>instagram</b:widget-setting>
      <b:widget-setting name='text-4'>dribbble</b:widget-setting>
      <b:widget-setting name='text-7'>behance</b:widget-setting>
      <b:widget-setting name='text-6'>flickr</b:widget-setting>
      <b:widget-setting name='text-11'>play</b:widget-setting>
      <b:widget-setting name='text-12'>youtube</b:widget-setting>
      <b:widget-setting name='text-13'>twitter</b:widget-setting>
      <b:widget-setting name='text-14'>rss</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
      <div class='btechnomee-blogspot-com-soc-ico btechnomee-blogspot-com-soc-ico-clr'>		
        <b:loop values='data:links' var='link'>
       <a class='ttip-none' expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='&quot;fa fa-&quot; + data:link.name'/></a>
        </b:loop>
      </div>
      <link href='http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
</b:includable>
  </b:widget>
</b:section> 

/* social icon by btechnomee.blogspot.com ---------*/
.btechnomee-blogspot-com-soc-ico{text-align:center}
.btechnomee-blogspot-com-soc-ico a{margin:2px;position:relative;text-shadow:none;display:inline-block}
.btechnomee-blogspot-com-soc-ico i:before{display:inline-block;width:60px;height:60px;line-height:60px;font-size:25px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.btechnomee-blogspot-com-soc-ico a{color:#555!important}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr a{color:#FFF!important}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr a i{-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr a:hover{opacity:0.7}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-delicious:before{background:#2567ee}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-digg:before{background:#b2b2b2}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-reddit:before{background:#ff915c}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-play:before{background:#a0b532}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-github:before{background:#666666}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-dribbble:before{background:#d875a2}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-rss:before{background:#f8bc2e}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-facebook:before{background:#39599f}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-twitter:before{background:#45b0e3}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-google-plus:before{background:#fa0101}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-linkedin:before{background:#65b7d2}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-pinterest:before{background:#E00707}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-youtube:before{background:#cc181e}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-instagram:before{background:#517fa4}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-behance:before{background:#1769ff}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr .fa-flickr:before{background:#ff0084}
.btechnomee-blogspot-com-soc-ico.btechnomee-blogspot-com-soc-ico-clr a i:hover{-ms-transform:scale(1.2,1.2);/* IE 9 */
    -webkit-transform:scale(1.2,1.2);/* Safari */
 -moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}

طريقة التعديل على الكود

المواقع المدعومة من الأداة

القسم المخصص للمطورين: