|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
01-31-2013, 05:02 PM | #1 |
مدون نشيط
تاريخ التسجيل: Jul 2012
المشاركات: 159
|
كود اضافة ازرار المواقع الإجتماعية في مدونة بلوجر بتقنية css3
السلام عليكم ورحمة الله تعالى وبركاته تعد اضافات مواقع التواصل الإجتماعية من أهم الإضافات التي يحتاجها كل مدون لمدونته ، ولهذه الأيقونات أهمية كبيرة في حث الزوار على الانضمام لصفحة المدونة سواء كانت على الفيسبوك او التويتر او جوجل بلس ... كما تسهل لهم نشر مواضيع مدونتك على مواقع التواصل الاجتماعية ، في هذا الدرس سنشرح طريقة اضافة هذه الأزرار بتقنية css3 الى مدونة بلوجر. طريقة اضافة اضافة الأزرار :
الكود : معاينة كود بلغة HTML:
<style>p#hb_socialicons img { /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ </style> <center> <p id="hb_socialicons"> <a href="رابط حسابك في الفيسبوك"> <img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a> <a href="رابط حسابك في تويتر"> <img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a> <a href="رابط حسابك في جوجل بلس"> <img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a> <a href="رابط خلاصات مواضيع مدونتك"> <img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a> <a href="حسابك في اليوتوب"> <img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a> </p> </center بعد وضع الكود لا تنس تغيير ما يلي :
ملاحظة : لن أسمح لكل من نقل الموضوع ولم يذكر المصدر . المصدر : http://4we-eb.blogspot.com/2013/01/css3.html
__________________
دروس بلوجر ,قوالب , اضافات http://TadwiinPro.blogspot.com/ |
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
المواقعcss3, ازرار, اضافة |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
اضافة جميع ازرار المواقع الاجتماعية في مدونتك | saheralialy | إضافات وأدوات بلوجر | 8 | 06-25-2013 06:08 AM |
اضافة اقرء المزيد بتقنية css3 لمدونات بلوجر | بلال حمدان | إضافات وأدوات بلوجر | 0 | 01-23-2013 02:29 PM |
اضافة ازرار المشاركة الاجتماعية بتقنية css3 مطورة من مدونة رضا لبلوجر | Ridamag | إضافات وأدوات بلوجر | 2 | 08-31-2012 08:44 PM |
اضافة ازرار الموقع الاجتماعية بتقنية css4 | mostafa alwin | إضافات وأدوات بلوجر | 3 | 07-09-2012 04:18 PM |
الساعة الآن 02:54 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |