طريقة إضافة المواقع الإجتماعية بخاصية المترو

تعبر اضافة او خاصية المواقع الإجتماعية من اهو الإضافات التي يجب ان تتوفر في المدونة حيث توضع مرفقة مع الروابط الخاصة بها كما هو الحال بالنسبة لمدونتنا حيث ستجد مجموعة من المواقع الإجتماعية بجانب التوقيت باعلى المدونة .
واليوم جئتكم بهذه الإضافة لكن بخاصية الميترو وهي خاصية إحترافية تزيد من جمالية الإضافة وهي بشكلين الاولى على شكل مربعات والثانية على شكل دوائر.

• الإضافة الاولى على شكل مربعات :

• لإضافة الإضافة الاولى إتبع مايلي :

1.  ادخل الى لوحة تحكم بلوجر من هنا.
2. ثم بعد ذلك اذهب الى التخطيط ثم اختار اضافة اداة {HTML/JavaScript} واضف هذا الكود :

<center>
<style>
.AbterTechhover img {
opacity: 0.6;
}
.AbterTechhover img:hover {
opacity: 1;
}
</style>
<div class="AbterTechhover">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/OfCAV" target="_blank" title="تابعنا عبر الإيميل"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG8SmmuialeF1lWv4rAlIt1MW2gEFRdnrwpbsffK1DFVTiQ8hyphenhyphen2YvtE-xHBb78SaK7xD1OFGSs4vo_UUWiapNqC6Xp-LL8pUhi6m2Sd_emvLLMM2Gix7aEe6jRawMegzAUmJXnN_caWH8p/s1600/Abter-EMail_Metro.png" /></a>
<a href="https://www.youtube.com/user/officialAbter" target="_blank" title="تابعنا عبر يوتيوب"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicKSKaRoNscKx2gvpy3CjVJrhTXJNsv0pqcGVXsdXkJyyTpVqJVfngyUT_-moXwD0aJW2L-qtZTIJ3d3nSUB8vUGdTeJ07uErTQhD5revhlhyphenhyphen48wMt6MrbAvrk1PI4fgmteB0MZvgWouUc/s1600/Abter-Youtube_Red_Metro.png" /></a>
<a href="https://plus.google.com/107015367605965056336" target="_blank" title="تابعنا عبر جوجل+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFt7Qu4kAVcl1JgfL2-U0tE7VRnO0PrLQy16y5MrDE0kBmXdvCQ5JKKDWx1MCl4WCvBAPkm8Sy_t4Q5B8-R9jMCC7Ra0-Wenadpz5sDYztT3KhYb6o9k9zNQ33Eer2Ev_siKuAf3-qbxDn/s1600/Abter-Google+_Metro.png" /></a>
<a href="http://abter.blogspot.com/2014/12/Abter-MetroStyle.html" target="_blank" title="تابعنا عبر تويتر"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP7xjOMkLbkxJnsJ37pYA10ZiOV66dYK8UThDNyKr6TzFSzOvqSrzSj1gDXMVHKT3OQMZCXV6QkJrPHe-iizz0s9IOYxglpKQaeqBs-HvzCYuYcXXw8PL2HzXbjBavF28NLNdvqVuflCAT/s1600/Abter-Twitter_Blue.png" /></a>
<a href="http://www.facebook.com/AbterTech" target="_blank" title="تابعنا عبر الفايسبوك"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizoUHEFN7NHG3OrRcZDXcEcusutSkohwJeI2VucgwYLtf4L63_jnZ8TbGbLyNPc-MBa7dKxolE8ThzVVUsptat77QNYRlMvk2ywEzZKgRmDkvKpLpvUDvoApAGGY3whRyl29xObzAvcIHx/s1600/Abter-Facebook_Metro.png" /></a>
<a href="http://feeds.feedburner.com/Abter" target="_blank" title="RSS"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQlEg9jMS8bmGb7IBN84eCfjSTFts_v9PNNyvJ7ek0YbOqkyXpznQFuC_Hx7Lgr_yG_iels0xd_aKuBzyTCgJzytrqE_9s6empS8u4Yn-GgT7ETKVYywdFqO3kdGZsWUiob0sa_f25IXZ/s1600/Abter-Rss_Feed_Metro.png" /></a>
</div>
</center>
</div>

• الإضافة الثانية على شكل دوائر:

لإضافة الإضافة الاولى إتبع مايلي :

1.  ادخل الى لوحة تحكم بلوجر من هنا.
2. ثم بعد ذلك اذهب الى التخطيط ثم اختار اضافة اداة {HTML/JavaScript} واضف هذا الكود :

<center>
<style>
.AbterTechhover img {
opacity: 0.6;
}
.AbterTechhover img:hover {
opacity: 1;
}
</style>
<div class="AbterTechhover">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/OfCAV" target="_blank" title="تابعنا عبر الإيميل"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE31bqeBaDkeqFQb4tZ3Rq9y8Gn4glRvCnQmBN2NZer5Yl9eg4DUun_xCYGGAeBIgFHjp4fqEiBExQFQsFwn9_BwkGUVqrTNUALGsCSm3j8s4kH8Bw-GKGoEq5bOUctKs6t5fGwfXu4x1S/s1600/Abter-Email_Round.png" /></a>
<a href="https://www.youtube.com/user/officialAbter" target="_blank" title="تابعنا عبر يوتيوب"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbVZ8QhcgtpTv2SCtGUDvmwrWJ90TFotQ1sYf7nTcDcsAbmfSs0xdg3lSlmL3ryBKaM84TKTQulCpF9mycqudhZfAIG02wZoB-LwvnuC83_X_sw5j8od7FU488aN6U53ZzA480_Ojvkbp3/s1600/Abter-Youtube_Round.png" /></a>
<a href="https://plus.google.com/107015367605965056336" target="_blank" title="تابعنا عبر جوجل+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdG5vIAAb4hbSsBLy2_Ga-rt_jTfq4WWuqWshw6oTb7eUah4ZIc103t5cjP9aqXL-HzeFeqwkquG_LjH7RfnoVm7bn1Si5p2bj3-IsQkLXDyt2qjtyB9neP46JJ6h6PuMFv93HXnUuV6De/s1600/Abter-Google_Plus_Round.png" /></a>
<a href="http://abter.blogspot.com/2014/12/Abter-MetroStyle.html" target="_blank" title="تابعنا عبر تويتر"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qHlrrv4yt7G9kVnHj1WptK7wyrMUq4qch0vC3uUwHeHuw3DEC_sqLX3HzWHyDteWQjejXdAOE9kOy2S5r9LOeMAT2kbc6iKSOVdGqTS-ya4k-TPt1nmrdTle4jdh6F5PU1oLnPPySTL3/s1600/Abter-Twitter_Round.png" /></a>
<a href="http://www.facebook.com/AbterTech" target="_blank" title="تابعنا عبر الفايسبوك"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSyYDRY0NniO6E1qTXUfiVROIstx7xz_jjdbL5a9GZ-NarSQgZukBEMaSKVfuXabNpl9_oDK3el60iEOY3uA5oMSyPQlG6cffYHQYDhM6jxUwHgy-v3uj3Up6X6uEu_mhH2HMvdC5k-J5J/s1600/Abter-Facebook_Round.png" /></a>
<a href="http://feeds.feedburner.com/Abter" target="_blank" title="RSS"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfKRqga9pBokz9wFfAsn9Im9zN0whzo175lEhHhIu13j-F1NZiuq1CEfG6MeGwFjLVC0BWlzGOR2jkcCWV-DM0nZ2G0eV3Q5gxt1bFr9fhNJPe96WPsayCtKmPImb8b-jXTsHPa74Nfqn7/s1600/Abter-RSS_Round.png" /></a>
</div>
</center>
</div>