إضافة أزرار الشبكات الاٍجتماعية بتاثير CSS بشكل احترافي لمدونات بلوجر

 

اقدم لكم اليوم اضافة مميزة جدا السرعة في الاداء , الاضافة عبارة عن ازرار الشبكات الاٍجتماعية
تحتوي على أزرار فيسبوك وتويتر و جوجل بلس واليوتيوب واشتراكات او خلاصات المدونة.
مع تأثيرات Css المطورة و تأثيرات متحركة بشكل احترافي.
عمل الضافة عند تمرير مؤشر الماوس على احد ازرار الاضافة
يتحرك الزر بشكل مميز مع لونه الخاص و عند اٍزالة المؤشر يقوم بالعودة اٍلى حاله الاول .


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

اذهب الى لوحة التحكم ثم الى تخطيط ثم قم بإضافة أداة جديدة جافا سكريبت HTML/JavaScript.

انسخ هذا الكود الموجود ثم الصقه في الاداة :

<!--CSS-Social Network-Widget By bacbox.blogspot.com-->
<link href='https://googledrive.com/host/0B0w6bpKSwOKUZzdaMXpSQWhIZkk/ ' rel='stylesheet'/>
<ul id="Zoomarabic-SNS">
<li ><a href="http://www.facebook.com/bacbox" target="_blank" class="icon fb">فيس بوك</a><span>تابعنا على الفيس بوك</span>
</li>
<li ><a href="http://twitter.com/bacbox" target="_blank" class="icon twit" >تويتر</a><span>تابعنا على تويثر</span>
</li>
<li ><a href="https://plus.google.com/102313743095320940932/"target="_blank" class="icon google" >جوجل</a><span>تابعنا على  جوجل </span>
</li>
<li ><a href="http://www.youtube.com/user/bacbox" target="_blank" class="icon ytube">اليوتوب</a><span>تابعنا على اليوتوب</span>
</li>
<li ><a href="http://feeds.feedburner.com/bacbox" target="_blank" class="icon rss" >خلاصة</a><span>الاشتراك عبر الخلاصة</span>
</li>
</ul>
<!--CSS-Social Network-Widget By bacbox.blogspot.com-->

قم باستبدال هذه الروابط بالروابط الخــاصة بك في الصفحات الاجتماعية
صفحتك على الفايسبوك
http://www.facebook.com/bacbox

صفحتك على تويتر
http://twitter.com/bacbox
صفحتك على جوجل بلس
https://plus.google.com/102313749895320940932/
صفحتك على اليوتوب
http://www.youtube.com/user/bacbox
خلاصة مواضيع مدونتك
http://feeds.feedburner.com/bacbox

قم بحفظ الاداة ثم قم بالذهاب الى موقعك لرؤية تأثير الاضافة المميزة