بسم الله الرحمن الرحيم اليوم في تدوينة جديدة ويوم جديد من ايام الشهر المبارك كل عام وانتم بخير بمناسبة شهر رمضان الكريم نتمنى لكم صوما مقبولا وافطارا شهيا اما بعد اليوم نقدم لكم اضافة اداة الترحيب بشهر رمضان الكريم على مدونتك في البلوجر تابع معي لتتعرف على كيفية تركيب الاضافة الى مدونتك.
صورة الاضافة :
كيفية التركيب :
ابحث عن </head>
وضع هذا الكود قبلها او فوقها
<b:if cond='data:view.isHomepage'> <style type='text/css'> /* Pop Up Ramadhan */ @keyframes zoomIn{from{opacity:0}50%{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateY(0%)}} #myModal{display:none}#th3protkpuasa2019ku{line-height:1.55;display:block;background:#fff;position:fixed;top:25%;right:0;left: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:1001;min-height:325px;padding:20px;border-radius:10px;animation:slideDown 1s}#th3protkpuasa2019ku .puasa19{position:absolute;color:#222;font-size:1.5rem;font-weight:400;z-index:99999;text-align:center;margin:auto;padding:10px;left:0;right:0;top:17%;border-bottom:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05)}#th3protkpuasa2019ku .puasa19 p{ text-align: center;margin:10px auto;font-style:italic;font-family:}#th3protkpuasa2019ku .puasa19 .ramadhan2019{font-size:2.5rem;font-style:normal}#th3protkpuasa2019ku a.close-popup{background:#428bca;position:absolute;bottom:20px;right: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;transition:all 0.3s}#th3protkpuasa2019ku a.close-popup:hover{background:#336d9e;color:#fff}#th3protkpuasa2019ku a.close-popup:active{opacity:.9} .ketupat{position:absolute;left:0;right: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}#hiding{background:#3979b0;position:absolute;bottom:20px;right:78px;color:#fff;text-align:center;cursor:pointer;z-index:99;border-radius:3px;display:inline-block;font-size:20px;padding:0 10px;line-height:28px;min-width:28px;transition:all 0.3s}#hiding:hover{background:#336d9e;color:#fff}.matilampuku{position:fixed;top:0;background:rgba(0,0,0,0.35);left:0;right:0;bottom:0;margin:0;z-index:1000;animation:zoomIn 1s} @media screen and (max-width:768px){#th3protkpuasa2019ku .puasa19{font-size:1rem}#th3protkpuasa2019ku .puasa19 .ramadhan2019{font-size:1.5rem}#th3protkpuasa2019ku{min-height:260px;left:20px;right:20px}} </style> </b:if>
وضع هذا الكود فوقه او قبله
<b:if cond='data:view.isHomepage'> <div id='myModal'> <div id='th3protkpuasa2019ku'> <div class='ketupat'/> <a class='close-popup' href='javascript:void(0);' onclick='document.getElementById('myModal').style.display='none';return false;' title='Close this message'>اغلاق</a> <div class='hidemodal' id='hiding'><span title='Do not show this message again'>×</span></div> <div class='puasa19'> <p>رمضان كريم</p> <p><span class='ramadhan2019'>رمضان 1440 هجريا</span></p> <p>على كل الامة الاسلامية</p> </div> <div class='ketupat duaa'/> </div> <div class='matilampuku'/> </div> <script type='text/javascript'> //<![CDATA[ function setCookie(e,i,o){var n=new Date;n.setDate(n.getDate()+o);var a=escape(i)+(null==o?"":"; expires="+n.toUTCString());document.cookie=e+"="+a}function getCookie(e){var i,o,n,a=document.cookie.split(";");for(i=0;i<a.length;i++)if(o=a[i].substr(0,a[i].indexOf("=")),n=a[i].substr(a[i].indexOf("=")+1),(o=o.replace(/^s+|s+$/g,""))==e)return unescape(n)}var th3protk_COOKIE="cookieth3protk",hideMe=document.getElementById("myModal"),cookie=getCookie(th3protk_COOKIE),cookieth3protk=cookie||hideMe.style.display,hiding=document.getElementById("hiding");hiding.onclick=function(){setCookie(th3protk_COOKIE,cookieth3protk,100),hideMe.style.display="block"===cookieth3protk?"none":"block",cookieth3protk=hideMe.style.display},hiding.onclick(); //]]> </script> </b:if>