كيفية اضافة صور المواقع الاجتماعية الاحترافية 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/AVvXsEjKShBbGHvnR4Aq5-hXE7zJieREhRSwWIE5muZsCyYRRS8lu0toYa_RAAktDnZWXJUbP7MJefSz-c_TuGcvjJkXJmL-h03SlZWYUPCj5H52lQjvVCUiPCCMXM-wY9UntNNs-X873aKIH1E/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/AVvXsEj9qyhYfRP2HEueCkToiBQDXnbf7HkPIv_lao93t6dzIN3WQd0qjwx_rt6SBYQATdbVJ1RoNmrOwsOxWiBVJfT2ZDVwFh5YtC27-5O89dudYZjW-xelhk0DUZy-Mmw2WukICuoMfpL4jD4/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/AVvXsEgzZh6eK75IpKCnZO9frEAT7aAC4pWr0H3vCgsbLcjuVvUdXUtGpxJkirVWYKlpgQG4Kb4JbEv3ewBB1FPeKeqUvmD54JSQQQF6MmNHSBlGWhjNrEo8z_6vypQ0MmPFf_ai33cMPRcf7f8/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/AVvXsEijX0htbBWIcOJwDi5w8uqefIec8W6KwGpQkh6nl7d372yr97y-ADDDvzUc5Dv55NGn4khbWFF8nHaOxMTIGiC1BfUhrpUXktTI-X0wpodWeE_ryPk0cmiEDE9h6n3ndchA_pRqXqXRsJ4/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>

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

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

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