إضافة أيقونات المواقع الإجتماعية على شكل ويندوز 8 لمدونة بلوجر

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

لإضافتها اتبع الخطوات التالية :

1- ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com/

2- اذهب الى لوحة التحكم تم اضغط على تخطيط

3- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي:

<style> 

#social {

margin:5px auto 0 auto;

text-align: center;

}

 

#social img {

margin-right: 2px;

margin-left: 0px;

width: 50px;

}

 

#social img:hover {

opacity: 0.6;

}

</style>

<div id="social">

<a href="https://twitter.com/AnoirAg"><img alt="Twitter" src="http://img221.imageshack.us/img221/3171/twittericont.png" title="تابعنى على تويتر" /></a>

<a href="http://feeds.feedburner.com/"><img alt="Feed" src="http://img521.imageshack.us/img521/3997/rssiconldl.png" title="الخلاصات" /></a>

<a href="https://www.facebook.com/th3wordpro"><img alt="Facebook" src="http://img707.imageshack.us/img707/5055/facebookiconq.png" title="تابعنى على الفيس بوك" /></a>

<a href="https://plus.google.com/u/0/113877425463996678359/posts"><img alt="Google Plus" src="http://img9.imageshack.us/img9/6204/googleplusiconl.png" title="جوجل بلس" /></a>

<a href="http://www.youtube.com/user/"><img alt="Youtube" src="http://img835.imageshack.us/img835/1835/youtubeiconf.png" title="تابعنى على يوتيوب" /></a>

<a href="http://th3wordpro.blogspot.com/"></a>

</div>

<div style="clear: both">

 

 

 

</div>

4- الأن قم بتغير ما لون بالأزرق بحساباتك

و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.