الدرس 75: صندوق منبثق جميل للتعريف بالكاتب ومعلومات عن مدونتك و صفحاتك الاجتماعية


السلام عليكم اخواني احبابي الكرام فى درس جديد  على مدونة علوم و تقنيات و على القسم الخاص ببلوجر

 فى هذا الدرس ان شاء الله ساقدم لكم اداة جميلة يمكنك اضافتها على مدونتك و هي عبارة عن صندوق منبثق فيه معلومات عن كاتب المدونة و مقتطف عن المدونة الخاصة بك و ايضا يظهر فيها صورة مصغرة للكاتب او شعار المدونة مع عدد مواضيع الكلي التى تم ادراجها مند تاسيسها و ايضا نجد فى الصندوق ازرار  المتابعة على الصفحات الاجتماعية و صندوق المتابعة للموقع الخاص ببلوجر

اضافة صندوق على بلوجر منبثق للتعريف بكاتب و محتوى مدونتك و صفحاتك الاجتماعية
اضافة صندوق على بلوجر منبثق للتعريف بكاتب و محتوى مدونتك و صفحاتك الاجتماعية

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


1- نضيف هذا الكود اسفل الاكواد التى فى <head>  ان كان موجود من قبل فلا تقم باضافته 
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>


2- اضف هذا الكود فوق الكود التالي : </head>

3- اضف اكواد CSS فوق الوسم :  ]]></b:skin>

4- اضف الاكواد التالية اسفل الوسم : <body>

قم بالتعديل على :
- اسم المدونة
- رابط صورة المصغرة
- رابط الفيد و هو : http://arabes1.com/feeds/posts/default برابطك
- اكتب مقتطف لمدونتك
- اكتب وصف للكاتب
- قم بوضع روابط صفحاتك الاجتماعية لمدونتك 


5- قم بالدخول الى صفحة التخطيط و قم باضافة اداة HTML/JAVA و قم بنسخ ولصق فيها هذا الكود 
<li class='infoarlina'><a class='popup-link' href='#popup'>التعريف يالمدونة</a></li>
ارجوا ان ينال الشرح اعجابكم ننتظر تعليقاتكم ^_^

جميع الحقوق محفوضة لدى مدونة علوم و تقنيات | Privacy-Policy | سياسة الخصوصية | اتفاقية الاستخدام

تعديل : Abderhim