تعلم كيف أضيف أيقونات مواقع التواصل الاجتماعي على مدونات بلوجر

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

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/AVvXsEg1ER5_QfdugaG7rjBOZzifaaqLllxcCwVtOSrPf8C2ppvhsG537NxrUeftj2xtgW4joYevPAbqNxS2GzGFXYU6XvWQ8Brqt_kqz74imLBqThcMf4HZwGhZmjusegXgr1PHDuJE1gLikSQ/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/AVvXsEh1cl2AF8oi4kge86KEpKFPytV8Kmli2Uo5YmvvxEQlRCkA147UqhzEjABQ2nCXyoClZZeMldYkNhnqy_fy5DWJRJCSK_qVpKKC17zka5AL0dEB8NCFJmUMziTLlBu-kWKdmAagqZ5PbvE/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/AVvXsEhdTmybLnZU9HnxMYTczgE2XZZ_NUFvaoagWONJjK6zZPJJqcpJpbxnHJxvGGNW-XhoMovdX6idamr8QGRfqJwvfJD7DmlJlA_rFYzE-MsPp45D7Nvc5XAuUfMBwYiF-FbcCnr3r3PSKnU/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/AVvXsEj4x0_tyANcu4FtdmJ63ehvkqAcxnwD8bV4plfw2-g0vklSexZzLBKCev4MFRlsdY1efQGHIh0qR7G5DBYcAzjZA_lwO9NPuXguizoYSEMaf9MaP2ptLDaLg_hw-1hgKSZtAFaGE3eomcI/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>

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

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

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