القائمة الرئيسية

الصفحات

اضافة رمضان كريم لمدونات بلوجر 2019

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

    اضافة رمضان لمدونات بلوجر 2019

    اولا نتوجه الى لوحة تحكم بلوجر من هنا
    ثم اختر المظهر
    ثم انقر على تعديل HTML
    ابحث عن </head>  ( استعمل 'CTRL+F' للبحث ) ثم اضف الكود التالي اسفل </head>

    <b:if cond='data:view.isHomepage'>
    <style type='text/css'>
    /* Pop Up Ramadhan by arlinadesign modifie by tharabic */
    @keyframes slideDown{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateY(0%)}}
    #tharabic2019{line-height:1.55;display:block;background:#fff;position:fixed;top:25%;left:0;right:0;margin:auto;text-align:center;max-width:600px;box-shadow:0 0 2.5rem -1.5rem rgba(0,0,0,0.5);z-index:99;min-height:325px;padding:20px;border-radius:10px;animation:slideDown 2s}#tharabic2019 .puasa19{position:absolute;color:#222;font-size:1.5rem;font-weight:400;z-index:99999;text-align:center;margin:auto;padding:10px;right:0;left:0;top:17%;border-bottom:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05)}#tharabic2019 .puasa19 p{margin:10px auto;font-style:italic;font-family:Georgia}#tharabic2019 .puasa19 .ramadhan2019{font-size:2.5rem;font-style:normal}#tharabic2019 a.close-popup{background:#428bca;position:absolute;bottom:20px;left:20px;color:#fff;text-align:center;cursor:pointer;z-index:99;border-radius:3px;display:inline-block;font-size:13px;padding:4px 14px;min-width:60px;border:1px solid #3885c7;transition:all 0.3s}#tharabic2019 a.close-popup:hover{background:#fff;color:#3885c7;border-color:#3885c7}#tharabic2019 a.close-popup:active{opacity:.9}
    .ketupat{position:absolute;right:0;left:0;top:-12px;margin:auto;width:10px;height:10px;background:#B9E937;box-shadow:10px 0 0 #57D131,10px 10px 0 #B9E937,0px 10px 0 #57D131,5px 5px 0 10px #fff;display:inline-block;text-align:center;transform:rotate(45deg);z-index:2}.ketupat.duaa{top:initial;bottom:3px}
    @media screen and (max-width:768px){#tharabic2019 .puasa19{font-size:1rem}#tharabic2019 .puasa19 .ramadhan2019{font-size:1.5rem}#tharabic2019{min-height:260px;right:20px;left:20px}}
    </style>
    </b:if>

    الان ابحث عن  </body> و اضف الكود التالي فوقه :
    <b:if cond='data:view.isHomepage'>
    <div id='tharabic2019'>
    <div class='ketupat'/>
    <a class='close-popup' href='#' title='Close this message'>اغلاق</a>
    <div class='puasa19'>
    <p>رمضان مبارك سعيد</p>
    <p><span class='ramadhan2019'>رمضان 1440 هجرية</span></p>
    <p>اسال الله ان يبلغنا رمضان ونحن في احسن حال</p>
    </div>
    <div class='ketupat duaa'/>
    </div>
    <script type='text/javascript'>
    //<![CDATA[
    $(window).bind("load",function(){$("#tharabic2019").animate({top:"25%"},1e3),$("a.close-popup").click(function(){return $(this).parent().fadeOut(1e3),!1})});
    //]]>
    </script>
    </b:if>
    يمكنك التعديل على جملة تهنئة رمضان ، ثم قم بحفض القالب و مبروك عليك اضافة رمضان لمدونات بلوجر 2019، لاتنسى تشجيعنا بتعليقاتك و مشاركة التدوينة ليستفيد الجميع شكرا.
    هل اعجبك الموضوع :

    تعليقات