|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
09-01-2012, 12:55 PM | #1 |
مدون جديد
تاريخ التسجيل: Aug 2012
المشاركات: 84
|
أزرار تابعني على يوتوب،فيسبوك،تويتر و الخلاصة
السلام عليكم ورحمة الله ، أقدم لكم إضافة جميلة وهي أزرار تابعني على يوتوب ، فيسبوك،تويتر والخلاصة والإضافة تتميز بأزرار أو ايقونات أنيقة وواضحة بحدود دائرية جميلة وعند الإتجاه اليها بمؤشر الفأرة تصبح الحدود مربعة شاهد الصورة : - ونلاحظ من الصورة عمل الإضافة عند المرور بمؤشر الفأرة على احد الأيقونات، لاحظ ايقونة اليوتوب كيف هي مختلفة بحدود مربعة عن باقي الأيقونات. الأن حان وقت عرض الاكواد لوضع هذه الإضافة الرائعة في مدونتنا. الخطوات: أولا سنقوم بأخذ بعض الإحطياتات، سنقوم بحفظ القالب من اجل تفادي حصول اي مشكلة ، ثم نتجه الى تحرير html ، ثم نضغط على متابعة.نقوم بالضغط على Cntrl + F اذا كنت تستخدم متصفح جديد مثل كرومي او موزيلا ونبحث عن : ]]></b:skin> ثم نضيف الكود التالي قبله . كود بلغة HTML:
/*http://info-win32.blogspot.com/.by.mr.you017 */ .Azrar-Ayoub-Etmaiti { border-radius: 50%; /* الحدود الدائرية */ box-shadow: 0px 0px 15px #000; /* الظل*/ padding:0; border:0; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .Azrar-Ayoub-Etmaiti:hover { box-shadow: 0; /* لحذف الحدود الدائرية عند مرور المأشر */ border-radius: 0; /*لحذف الظل عند مرور المأشر */ -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; cursor:pointer; } .Ayoub-Etmaiti-center { text-align: center /*لتوسيط الأزرار */ } /*http://info-win32.blogspot.com/.by.mr.you017 */ انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript ولآن الصق الكود التالي : كود بلغة HTML:
<div class="Ayoub-Etmaiti-center"> <a href="رابط الفيسبوك هنا" target="_blank" title="¡فيسبوك!"><img class="Azrar-Ayoub-Etmaiti" src="http://1.bp.blogspot.com/-ZKoFaeP1f2s/UBceZWyke8I/AAAAAAAABE0/d_0vqj43WyI/s1600/sus-Ayoub-Etmaiti-facebook.png" /></a> <a href="رابط تويتر هنا" target="_blank" title="¡تويتر!"><img class="Azrar-Ayoub-Etmaiti" src="http://3.bp.blogspot.com/-TJH_umUcQDY/UBceanQhoAI/AAAAAAAABFA/Mg0ILCRrwHM/s1600/sus-Ayoub-Etmaiti-twitter.png" /></a> <a href="رابط يوتوب هنا" target="_blank" title="¡يوتوب!"><img class="Azrar-Ayoub-Etmaiti" src="http://1.bp.blogspot.com/-BTGMZZ-SDSg/UBcebFves8I/AAAAAAAABFI/AMmlhLKM6Bg/s1600/sus-Ayoub-Etmaiti-youtube.png" /></a> <a href="رابط الخلاصة هنا" target="_blank" title="¡الخلاصة!"><img class="Azrar-Ayoub-Etmaiti" src="http://2.bp.blogspot.com/-HcaATl1ylms/UBceaMdkJsI/AAAAAAAABE4/qLlINjLE7nY/s1600/sus-Ayoub-Etmaiti-rss.png" /></a> </div> وهذا هو كل شئ مع تحياتي المصدر: كل ما يهم حياتك المعلومياتية
__________________
|
09-01-2012, 01:41 PM | #2 |
مدون مميز
تاريخ التسجيل: May 2012
المشاركات: 320
|
رد: أزرار تابعني على يوتوب،فيسبوك،تويتر و الخلاصة
__________________
أضف مدونتك في دليل تثمين للمدونات http://tathmen.blogspot.com/ .: أشهد أن لا إله الا الله وأشهد أن محمداً عبده ورسوله :. |
09-01-2012, 02:37 PM | #3 |
مدون نشيط
|
رد: أزرار تابعني على يوتوب،فيسبوك،تويتر و الخلاصة
__________________
مدونة بلوجر توب أضافات بلوجرقوالب مجانى ادوات بلوجر أشهار مدزنتك مجانى ربط المدونة http://bilokr.blogspot.com |
مواقع النشر (المفضلة) |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
طريقة إستعادة حساب فيسبوك مسروق | Jaabiriovic | مقتطفات تدوينية | 1 | 04-18-2013 08:22 PM |
مشكل في ظهور صور الموقع في النشر على فيسبوك | العاشق | طلبات الدعم الفني | 11 | 04-14-2013 04:55 AM |
الان يمكنك الانضمام الى يوتوب بارتنر | ma-coder | الربح عن طريق أدسنس | 0 | 03-21-2013 11:14 PM |
إضافة أزرار تابعني عبر المواقع الإجتماعية بتأثيرات رائعة | Jaabiriovic | إضافات وأدوات بلوجر | 3 | 02-09-2013 02:14 PM |
مدونة تويتر من اقوى المدونات العربيه في شرح تويتر واكثرمن 12 الف متابع | قاسم بني هاني | المنتدى الإشهاري | 2 | 07-15-2012 01:55 PM |
الساعة الآن 09:48 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |