كيفية اضافة صور المواقع الاجتماعية الاحترافية 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/AVvXsEh3Ti6pClxDaz16NtQDb2ggG6J2QL7g6AVcMLxUrR12Bt14YpXDrNYBJCCSdFIksIyXLjrVCOtwK_Km7Hjj53Wjd1bJNXe1BlPzOiDsUjY0lZ7aE7ReU_TjgwDnpIksK5CmBbeDv10FD2o/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/AVvXsEj1oowg5dNuR6_K8_pT1y2qoHPdwTvgnl6Qz1Ujez5a47Sg0xt4N9tkf4HxIdVQhBxTy5dGIQER-tAiAo5ZLDM09vkjtpN-qvLmBSB0weQiTPaXTmgG1Ta49W2wRdmD15pM0sHuOVXxfZo/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/AVvXsEhoGtrSdI0dZPKVCBcZUDlNuRjbvrH8GDVbiKFwj3JndrtsjCEgBx7UV8UjacdnV1NKyKpLOTHVeRx0uQfAHH8FMr-RVbJk0fV5mx7QLxW1_mixOzYp65vWNZ7JzGljVAMUeYoBAsvW0CA/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/AVvXsEi2BTcXoWwAtRiOxfUjkxYmpJSWq3DPgfIroUyv63NnJrI5voA-7zAhmWAg5Q3GXpnh6oTjzB-tXUYjENUYW_es_g4rhsRqxFEc7_4LAp4IJcsRKoYy-t29gRz0WmUjgMlBc8AVusP2K4M/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>

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

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

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

غرد