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

مارس 10, 2013 ahmed fathy

اليوم نعرض لكم كود تابعنى على المواقع الاجتماعية الاشهر الثلاث (فيس بوك - تويتر - يتيوب -face book -Twitter- youtube)
الكود بلغة html ويتغير شكل الايقونة بمجرد مرور الماوس عليه تابع صورة الاضافة



بداية يتم الدخول الى لوحة تحكم بلوجر
ثم أختار تخطيط >>>>> إضافة أداة JavaScript/ html
صورة توضيحية




اختر أسم للاداة وليكن تابعنا على فيس بوك
وفى الموضوع قم بنسخ الكود التالى مع تعديل بسيط
يمكنك التعديل على الكود من خلال مستعرض الاكواد من هنا

<div style="position: fixed; border: 0pt none; left: 0px;bottom: 0px; margin-top: -57px; width: 50px; height: 400px; cursor: pointer;background-color:#;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;"><a target="_blank" href="https://www.facebook.com/elhorya1"> <img border="0" src="http://i31.servimg.com/u/f31/11/21/91/14/facebo11.png" alt="facebook" title="facebook" onmouseover="this.src='http://i31.servimg.com/u/f31/11/21/91/14/f210.png';" onmouseout="this.src='http://i31.servimg.com/u/f31/11/21/91/14/facebo11.png';" /> </a> <a href="https://twitter.com/ahmed9fathy"_blank" title="twetter"> <img border="0" src="http://i31.servimg.com/u/f31/11/21/91/14/twitte12.png" alt="twetter" title="twetter" onmouseover="this.src='http://i31.servimg.com/u/f31/11/21/91/14/t210.gif';" onmouseout="this.src='http://i31.servimg.com/u/f31/11/21/91/14/twitte12.png';" /> </a> <a href="https://www.youtube.com/user/27111990100" target="_blank" title="youtube"> <img border="0" src="http://i31.servimg.com/u/f31/11/21/91/14/youtub10.png" alt="youtube" title="youtube" onmouseover="this.src='http://i31.servimg.com/u/f31/11/21/91/14/y210.gif';" onmouseout="this.src='http://i31.servimg.com/u/f31/11/21/91/14/youtub10.png';" /> </a> </div>

يتم استبدال كل من https://www.facebook.com/elhorya1 - برابط صفحتك على الفيس بوك

https://twitter.com/ahmed9fathy - برابط حسابك على تويتر

https://www.youtube.com/user/27111990100 - برابط قناتك على يوتيوب

كما يمكنكم استبدال الصور الخاصة بكل الايكونات

شكرا لمروركم على موضوعاتى إذا اعجبك الموضوع اضغط اعجبنى (like ) انشره (share) لغيرك لتعم الفائدة تحياتى للجميع

تم الشرح بواسطة مجهود شخصى كما تم عمل فيديو لتبسيط الشرح وكذلك الصور فلا تكن جاحدا وتجعل الآمر يقف عندك انشره ليتعلمه غيرك copy right © Ahmed fathy

مشاركة