اضافات شهر رمضان المبارك بطريقة جميلة لمدونتك

اضافات شهر رمضان بطريقة جميلة لمدونتك 

السلام عليكم ورحمه الله وبركاتة , مع اقتراب شهر رمضان المبارك اعاده الله علينا وعليكم بالخير واليمن والبركات , احضرت اليكم اليوم اضافات خاصة بالمدونة لنعيش اجواء شهر رمضان المبارك .

الاضافات عبارة عن تهنئة بقدوم شهر رمضان الكريم , احضرنا منا نوعين وهما :

الاضافة الاولى :

ندخل الى المدونة ثم نختار التخطيط , ونختار اضافة اداة ثم نختار HTML/JavaScript , ثم نضع الكود الاتى ونضغط موافق.

<a href="http://ar-cher.blogspot."><img alt="Best Blogger Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2k-t_ppffZDTAsRva2ZOMegdJc-zednv7-QAToS2lLw_Ti6qEHp-MmPyKVhQ2F_PM8bedQ0VlnDtgXDMVP_zPFpeeB46hBTiG0NSh_RPIJ0bCninfLAbNvpbG2K3DTotBG-kY26KYlBrk/s1600/best+blogger+tips+-.png" /></a><div style="position: fixed; top: 80%; left: 3%;"><a href="https://www.fekramgnona.com/" rel="nofollow" target="_blank"><img alt="Blog Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNvoXWjphaU9Ymh1gO-whXc8xx8-PY-yfYw3_-Auz-ZKdGcNvthuOK58KBh5k_31qEM9sJ1pi2XqtPe4OwRKm_-whd9ijSQP9Zmy_CxcvOAkGaaNU9WyNdA-P73ZaekT3_XhKo8q7I5682/s1600/Ramadan-Karim+-.png" /></a></div>

الاضافة الثانية :

ندخل الى المظهر ثم نختار تحريرHTML , ونضغط علي (CTRL+F) لاظهارمربع البحث ونبحث عن ]]></b:skin>

نضيف الكود التالي فوقه مباشرة

#welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}
#welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}
.welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}
.welcomeclose:hover {background-color:#aaa}
#welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghfTiWpuCmeo431GYcEJxu6CxdlfN984ERyTd9Iko4ykZEtiNiN99-Ujh6XHrN_1LZI1ewbZs3EcAAagi9ZM6UfOKjcdXi0ew0VcuZEKucMMzJFSXQYfJsX6LaK8_iFJ9EbCTWA_FlxDCM/s1600/Wallpaper.jpg) no-repeat top center;}

ثم نبحث عن كلمة </body> ونضع هذا الكود تحته

<div id='welcomeoverlay'/>
<div id='welcomebox'>
    <p>&#8220;أهلا رمضان&#8221;<br/>
     نحن في ادارة المدونة نبارك لكم الشهر الفضيل<br/>
&quot;نسال الله ان يتقبل صيامكم وعبادتكم ,<br/>
اللهم لا تحرمنا ان نكون من عتقائك من النار في هذا الشهر الفضيل ..آمين.&quot;</p>
    <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>أكمل القراءة &#8594;</div>
  </div>

تقبل الله منا ومنكم صالح الاعمال والى لقاء قريب ان شاءالله