كيفية اضافة صور المواقع الاجتماعية الاحترافية 2014

كيفية اضافة صور المواقع الاجتماعية الاحترافية 2014

كيفية اضافة صور المواقع الاجتماعية الاحترافية 2014

اليوم سوف نتناول كيفية اضافة صور المواقع الاجتماعية الاحترافية و هي عبارة عن ايقونات كبيرة مميزة للاعجاب بصفحتك على الفايسبوك او التويتر او غيرها اترككم الان مع كود الاضافة .

1.نذهب الى المدونة تم تسجيل الدخول

2.نذهب الى التخطيط تم اضافة اداة

3.نختار من القائمة اضافة اداة html

4.نضع الكود تم نحفظ الاداة

<center>

<ul id="abt-social-icons">

<li class="rss-icon"><a href="http://feeds.feedburner.com/FEEDID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0_Xow7tNLzYbyGYn_w1E_fKBTy7Si5wHKLUMwd64j_PT5LiWEOyr7JtksbJPmM8hRo9puVoadKlo_yGURz_6CjCJus5zCB_WIRYid9O6xtrpdTUoEYxHVs5Z-XBTIuX6vAsFuogn0gY0/s1600/rss.png"
 width="147" /></a></li>

<li class="twitter-icon"><a href="http://www.twitter.com/TWITTERHANDLE"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-BqHm1ezgGgf5Gcm0fxWWOYCheh5pn31YoQyJ8rPUvsYVciJEt7fH6u2JNyAj_-_DJXOuykFVEz_ODPv-c3AUNyOkrzf1VSCEQMkOgda5oJIWuLh2kixZHmnSSMn4-0Ageqwn-zz7cHM/s1600/twitter.png"
 width="147" /></a></li>

<li class="facebook-icon"><a href="http://www.facebook.com/PAGEID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji2GEJGlNLSLKZPYZ_0Sss3PDG1l8zWWgeBnl8_WPo1590f2P7PLp5Cpe6yYCc9umiI-7vXLxne_8Eo4QqnVUtVtN01lwHs0tcz6AhmUqswp5k_uyMYerzGJB_wIRHig0Re_c-I098l0s/s1600/facebook.png"
 width="147" /></a></li>

<li class="google-icon"><a href="https://plus.google.com/YOURID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_iu2lF5cu7HetRrPgCQYSbdDl60KpNRIZ8vQcLdjxFEjpT4uBGp2lsn5zPMGJnhkKQUC4R2n3WIKjaf8WoYTGwZsNH6MkQc_RGV6tNn7HwKuBE_mGBPeqqqNGJRdp9C3C1sRvP5Z5ipM/s1600/google.png"
 width="147" /></a></li>

</ul>

</center>

<style>

#abt-social-icons li {

 float: left;

 width: 147px;

 height: 147px;

 margin: 0 6px 6px 0;

 padding: 0 0 0 0;

 border-bottom: none;

        list-style: none;

}

#abt-social-icons li a {

 line-height: 1px;

 display: block;

}



#abt-social-icons li a:hover img {

 -webkit-opacity: 0.8;

 -moz-opacity: 0.8;

 opacity: 0.8;

}



#abt-social-icons li a span {

 display: none !important;

}

</style>

قم بتغيير ما كتب بالاحمر الى اسم و عنوان صفحاتك في المواقع الاجتماعية

و اخيرا مبارك عليك الاضافة

ارجو التعليق على الموضوع من فضلكم