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

الصفحات

إضافة رمضان مبارك لمدونات بلوجر 2021

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

 

إضافات بلوجر 2021

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


إضافة رمضان مبارك لمدونات بلوجر 2021


1# نتوجه الى لوحة تحكم بلوجر من هنا ثمم اختر المظهر

بعدها إضغط على تعديل HTML

2# قم بالبحث عن </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%)}}

#mouda-arba72021{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){#mouda-arba7202a .puasa19{font-size:1rem}#mouda-arba72021 .puasa19 .ramadhan2019{font-size:1.5rem}#tharabic2019{min-height:260px;right:20px;left:20px}}

</style>

</b:if>


3# بعد أن تضيف الكود الان إبحث عن  </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='ramadhan2021'>رمضان 1441 هجرية  2021 ميلادية</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>


يمكنك أخي العزيز التعديل على جملة تهنئة رمضان بما تريد، ثم قم بحفظ القالب و مبروك عليك اضافة رمضان لمدونات بلوجر 2021.


تعليقات

التنقل السريع