شرح تركيب الآداة
اولا: عليك تحرير قالب مدونتك ثم البحث باستعمال Ctrl+F عن الوسم
]]></b:skin>
.colica-web .colica-webText {
margin: auto;
}
a.Rclosecolica-web:hover {
color: #555;
}
a.closecolica-web {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
margin-right: 7px;
color: #888;
display: block;
}
.colica-webbox {
width: 35%;
margin: auto;
position: relative;
height: 240px;
background: #fff;
box-shadow: 0 0 19px 3px rgba(0, 0, 0, 0.33);
text-align: center;
display: flex;
flex-direction: column;
}
.colica-web {
display: flex;
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.53);
z-index: 99999999;
visibility:hidden;
opacity:0;
top: 0;
}
a.colica-weblink:hover {
opacity: 0.88;
}
a.colica-weblink {
background: #243750;
display: inline-block;
color: #fff;
padding: 4px 11px;
font-size: 16px;
border-radius: 3px;
margin-top: 16px;
}
.colica-webText h5 {
font-size: 18px;
font-weight: 500;
}
.colica-web.show {
visibility:visible;
opacity:1;
}
.colica-web a, .colica-web {
transition:0.35s;
}
ثم قم بوضع الأكواد فوقها
ثانيا: إبحث عن الوسم
body>
ثم قم بوضع الأكواد أسفله
<div class='colica-web'>
<div class='colica-webbox'>
<a class='closecolica-web' href='#'><i class='fa fa-close'/></a>
<div class='colica-webText'>
<h5>
انضم الى متابعي المدونة الأوفياء ليصلك جديد مدونتنا !</h5>
<a class='colica-weblink' href='https://www.blogger.com/follow.g?blogID=3176011237725819468' target='_blank'><i class='fa fa-user-plus'/>
إنضم الان</a>
</div>
</div>
</div>
ثالثا: يتبقى السكريبت المسؤول عن انبثاق الإضافة وإغلاقها يكفيك البحث عن هذا الوسم:
</body>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(".colica-web").delay(20000).addClass("show");
$(".closecolica-web").click(function(){
$(".colica-web").removeClass("show");
});
});
//]]>
</script>
وأخيرا: عليك تغيير الرابط الملون بالبرتقالي في الخطوة الثانية واستبداله برابط الانضمام لمتابعة مدونتك
ومبروك عليك
