الدرس 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>
    ارجوا ان ينال الشرح اعجابكم ننتظر تعليقاتكم ^_^

    واتساب

    مقالات متعلقة