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

الصفحات

اضافة التهنئة بشهر رمضان لمدونات بلوجر 2020

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


اضافة التهنئة بشهر رمضان لمدونات بلوجر 2020


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

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

كود اضافة تهنئة رمضان بلوجر 2020

اضافة اداة رمضان كريم لمدونات بلوجر ، ويمكن ان تقوم بتركيب الاضافة بطريقة سهلة جدا الي المدونة الخاصة بك لترحيب بشهر رمضان الكريم 2020

الطريقة الاولي 
عليك بالدخول الي المدونة الخاصة بك اولا 
قم بالدخول الي المظهر 
ثم ادخل علي تعديل 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> و اضف الكود التالي فوق الكود:

 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='ramadhan2020'>رمضان 1441 هجري</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>

اكواد بلوجر جاهزة 

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


اضافة تهنئة شهر رمضان بلوجر 2020

الطريقة الثانية
وهي تركيب الاضافة الي التخطيط من خلال اضافة تخطيط جديد الي المدونة الخاصة بك ووضع الكود التالي ، وتعتبر هذه الطريقة اسهل من الطريقة الاخري لعدم الدخول الي القالب والتعديل عليه ، وعليك فقط ان تقوم باضافه اداه جديدة HTML/Javascript الي المدونة ووضع الكود التالي :

<a href="http://ar-cher.blogspot."><img alt="Best Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-KjPhvbOiqnbEi0Q47dsvGAl43j4ySmzmXpzap6hfNBEstA2KUTkcYITheq_L9oR8jMEVNt8fryfxthH337hmQdCV1wAEQGT5KZg3OIs01Su-tt6U-xl3SZT1xf2xmxeDWN9bFoe_hWWt/s1600/best+blogger+tips+-+www.st-tek.blogspot.com.png" /></a><div style="position: fixed; top: 80%; left: 3%;"><a href="http://st-tek.blogspot.com" rel="nofollow" target="_blank"><img alt="Blog Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVpLiFKBAgglkiS_5g6S0gBHC544-0YPlq1dh4isv231uQU9V3CdvLqPjSjRLBiL25c1-_RBjmnnCb-OUkK481Be2OaYW1cNSzb_dGrkxbLeFxYR5h-LHC53Q_0QVbVgsQTNzRL8k2VvV/s1600/Ramadan-Karim+-+www.st-tek.blogspot.com.png" /></a></div>

هل اعجبك الموضوع :

تعليقات