كيفية اضافة صور المواقع الاجتماعية الاحترافية 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/AVvXsEjbH41DAJx_2wwO5tV1n7k5zrAoLATIvgHI_QUJE7Vnm9ULzsqiU7YAbljNyzh3q-NNvCKIsjCfS09HbVVh3Id1mq43cazBRk_nLTa5ZzJFIOWP2EbDMr2_iGUIvy0P6vgGsAQ2M1tR-MQ/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/AVvXsEj_QAj5eqwdBfZLWtfTF1mHndgAFQzkQKJZHYogWYdmQdccjd1jDkUwSvW7y82jGwkeYPGYKHXqRa8sn6XD3_71nDrm5nrCrZFsfHgNmQb9jZntIs1rRFiwSyX07ii4DAkEeFNiSgsAtQw/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/AVvXsEhW74I1ctRYiHgM6DoQ-8KvdRQQeeeSEw6Ws7SUsVxcqE7s3pMa9GGZ8Jw9UuisvLWLigOEMwu94wJS8Pwx0VQu0fRTSn4Om4ua8UvwWqhpvvJVJDtz5fb8jCZzvNGAboVwMd493DDcsd0/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/AVvXsEgK08RvdbVmn0fJOtlJUZoEnFdryx8MJLV-ZaGDxIWEoTtW1vZHstyLALP-p1d__hEC9Y5QoDQJrbRF92dRFhNaathLcpTI_5iWFs6L0xqYx8meMNvuT7UYDVvjxt7oft6rWhyFgfyK-xo/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>

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

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

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