آخبار الموقع
recent
404
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة
  • العودة الى الصفحة الرئيسية
  • الاثنين، 15 أغسطس، 2016

    إضافة شريط ترحيبي إلي منصة بلوجر

    إضافة شريط ترحيبي إلي منصة بلوجر


    السلام عليكم نقدم لكم اليوم إضافة جميلة ورائعة لمنصة بلوجر فهذه الاضافة تقوم بدور الترحيب بالزائر أو يمكنك استعمالها في تنبيهات وإشعارات موقعك ، فهي إضافة هامة وذلك من أجل زيادة التفاعل مع الزائر أكثر ، ويمكنك تركيبها مع خطوات بسيطة لا تحتاج إلي مهارة.

    شرح طريقة تركيب الإضافة:
    1.  أدخل علي لوحة تحكم بلوجر ثم إلي قسم القالب
    2. ثم اضغط علي تحرير HTML
    3. ثم قم بالبحث عن هذه الوسم <b:skin/> ونضع الكود التالي فوقه
    /* CSS welcome Bar */ #welcomeitqanwebs_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#FF0000;color:#fff;position:relative;margin:0 auto 10px 0;font-weight:normal;border-radius:2px;margin-top: 10px;} #welcomeitqanwebs_bar a{background:#fff;color:#3498db;padding:2px 6px;border-radius:4px;margin-left:5px} #close_welcomeitqanwebs_bar {background:#34495E;border-left: double;display:inline-block;cursor:pointer;padding:8px 15px;position:absolute;top:0px;right:0;font-weight:bold;font-size:25px;border-radius:0 3px 3px 0;}
    1. بعد ذلك أضف الكود التالي فوق هذه الوسم <body/>
    <script type='text/javascript'> // Welcome bar var button=document.querySelector(&quot;#close_welcomeitqanwebs_bar&quot;);button.addEventListener(&quot;click&quot;,function(){var t=document.querySelector(button.getAttribute(&quot;data-target&quot;));t.style.display=&quot;none&quot;==t.style.display?&quot;block&quot;:&quot;none&quot;});</script>
    1.  بعد ذلك قم بإضافة الكود التالي في المكان الذي تريده من أفضل وضعه بعد القائمة الرئيسية في القالب
    <div id='welcomeitqanwebs_bar'>مرحبا بكم في مدونتي إتقان ويب نرجو منكم التفاعل معنا حتي نقدم لكم المزيد <span data-target='#welcomeitqanwebs_bar' id='close_welcomeitqanwebs_bar'>&#215;</span></div>

    تابعونا على

    أنا عادل إبراهيم مؤسس موقع إتقان ويب هدفي الأول هو تطوير المحتوي العربي وذلك عن طريق مدونتي التي أنشر فيها دروس وشروحات تقنية يوميا لي خبرة في البرمجة والتصميم والموشن جرافيك وغيرها

    الكاتب : Adel Ibrahim

    ليست هناك تعليقات:

    إرسال تعليق

    تصميم : عالم المدون