بسم الله الرحمن الرحيم
والسلام عليكم ورحمة الله وبركاته
اضافة اداة الترحيب بشهر رمضان الكريم
كل عام وانتم بخير بمناسبة شهر رمضان الكريم نتمنى لكم صوما مقبولا وافطارا شهيا اما بعد اليوم نقدم لكم اضافة اداة الترحيب بشهر رمضان الكريم على مدونتك في البلوجر تابع معي لتتعرف على كيفية تركيب الاضافة الى مدونتك
صورة الاضافة :
كيفية التركيب :
ابحث عن </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>
أبحث عن </body>
وضع هذا الكود فوقه او قبله
كود:
<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>
عفواً لايمكن عرض الرابط إلا بعد الرد على الموضوع