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

[Mawdo3jded]

بسم الله الرحمن الرحيم
والسلام عليكم ورحمة الله وبركاته
عفواً لايمكن عرض الروابط في الإرشيف %2B%25D8%25A7%25D8%25AF%25D8%25A7%25D8%25A9%2B%25D 8%25A7%25D9%2584%25D8%25AA%25D8%25B1%25D8%25AD%25D 9%258A%25D8%25A8%2B%25D8%25A8%25D8%25B4%25D9%2587% 25D8%25B1%2B%25D8%25B1%25D9%2585%25D8%25B6%25D8%25 A7%25D9%2586%2B%25D8%25A7%25D9%2584%25D9%2583%25D8 %25B1%25D9%258A%25D9%2585.png
اضافة اداة الترحيب بشهر رمضان الكريم
كل عام وانتم بخير بمناسبة شهر رمضان الكريم نتمنى لكم صوما مقبولا وافطارا شهيا اما بعد اليوم نقدم لكم اضافة اداة الترحيب بشهر رمضان الكريم على مدونتك في البلوجر تابع معي لتتعرف على كيفية تركيب الاضافة الى مدونتك
صورة الاضافة :
عفواً لايمكن عرض الروابط في الإرشيف 5A7%25D9%2584%25D8%25AA%25D8%25B1%25D8%25AD%25D9%2 58A%25D8%25A8%2B%25D8%25A8%25D8%25B4%25D9%2587%25D 8%25B1%2B%25D8%25B1%25D9%2585%25D8%25B6%25D8%25A7% 25D9%2586%2B%25D8%25A7%25D9%2584%25D9%2583%25D8%25 B1%25D9%258A%25D9%2585.png

كيفية التركيب :

ابحث عن </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(&apos;myModal&apos;).style. display=&apos;none&apos;;return false;' title='Close this message'>اغلاق</a>
<div class='hidemodal' id='hiding'><span title='Do not show this message again'>&#215;</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.getE lementById("hiding");hiding.onclick=function(){setCookie(th3protk_COO KIE,cookieth3protk,100),hideMe.style.display="block"===cookieth3protk?"none":"block",cookieth3protk=hideMe.style.display},hiding.oncli ck(); //]]>
</script>
</b:if>


المصدر ادد معرفه (عفواً لايمكن عرض الروابط في الإرشيف)

[محمد ياسر]

عاش والله

[Tefa]

عاش

[momomohamed]

تسلم ايدك