نافذة منبثقة للإعلانات
ضافة بلوجر حصرية نافدة منبتقة بخصائص احترافية
السلام عليكم و رحمة الله تعالى و بركاته , اليوم و بعد انتهائي من تعلم المراحل الاولى في لغة HTML قمت بتكويد اضافة حصرية و مفيدة و خفيفة في نفس الوقت الاضافة عبارة عن نافدة صغيرة تكبر كلما كان محتواها كبيرا , و هي صالحة لكل من يريد وضع تنبيه , صورة , اعلان ,الخ و تحتوي على زر للإغلاق .
لا أعرف هل ستعجبكم أم لا , المهم المعاينة :
طريقة التركيب :
من تحرير القالب تقوم بالبحث عن </head> و نضيف الكود الاتي قبله مباشرة :
<!-- Top widgets By 3oqool.com -->
<style>
/*--Annoucment widget by 3oqool.com--*/
#announcement{
width: auto;
font:bold 15px Trebuchet MS;
border: 1px solid #6881A0;
border-radius: 0px;
margin: 0 40px 5px 40px;
text-align: center;
padding:5px 5px 5px 5px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #6881A0;
background-color: #F9EAD4;
background-image: url();
}
</style>
<script src='http://code.jquery.com/jquery-1.2.3.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".close").click(function(){
$("#announcement").remove();
});
$("#announcement").fadeOut(800).fadeIn(400)
.fadeOut(300).fadeIn(200)
.fadeOut(100).fadeIn(80).fadeOut(800).fadeIn(400).fadeOut(300).fadeIn(300);
});
</script>
<!-- Top widgets By 3oqool.com -->
الان نفس الوسم نقوم بالبحث مرة أخرى عن </head> و نضع الكود التالي أسفله مباشرة
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script language='javascript'>
document.write( unescape( '%3C%21%2D%2D%20%42%79%20%33%6F%71%6F%6F%6C%2E%63%6F%6D%20%2D%2D%3E%0A%3C%64%69%76%20%73%74%79%6C%65%3D%27%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%74%6F%70%3A%20%35%30%25%3B%20%6C%65%66%74%3A%20%35%30%25%3B%27%3E%0A%3C%64%69%76%20%69%64%3D%27%61%6E%6E%6F%75%6E%63%65%6D%65%6E%74%27%3E%0A%0A%3C%73%70%61%6E%20%73%74%79%6C%65%3D%27%20%6C%69%6E%65%2D%68%65%69%67%68%74%3A%30%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%38%70%78%3B%20%66%6F%6E%74%2D%77%65%69%67%68%74%3A%62%6F%6C%64%3B%6D%61%72%67%69%6E%2D%6C%65%66%74%3A%31%30%70%78%3B%20%20%20%27%3E%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%33%6F%71%6F%6F%6C%2E%63%6F%6D%27%20%73%74%79%6C%65%3D%27%63%6F%6C%6F%72%3A%23%46%39%45%38%44%34%3B%27%3E%57%69%64%67%65%74%73%3C%2F%61%3E%3C%2F%73%70%61%6E%3E%0A%0A%20%20%20%20%3C%61%20%63%6C%61%73%73%3D%27%63%6C%6F%73%65%27%20%68%72%65%66%3D%27%23%63%6C%6F%73%65%27%20%73%74%79%6C%65%3D%27%66%6C%6F%61%74%3A%20%72%69%67%68%74%3B%27%3E%3C%69%6D%67%20%62%6F%72%64%65%72%3D%27%30%27%20%73%72%63%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%6D%69%6C%6C%65%6E%6E%69%75%6D%66%72%65%69%67%68%74%2E%63%6F%6D%2E%6D%79%2F%73%69%74%65%73%2F%61%6C%6C%2F%74%68%65%6D%65%73%2F%6D%66%2F%69%6D%61%67%65%73%2F%6D%61%70%2F%69%63%6F%6E%2D%63%6C%6F%73%65%2E%70%6E%67%27%2F%3E%3C%2F%61%3E%20%0A%20%20%20%20%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%33%6F%71%6F%6F%6C%2E%63%6F%6D%2F%32%30%31%34%2F%30%32%2F%70%4F%50%2E%68%74%6D%6C%27%20%73%74%79%6C%65%3D%27%66%6C%6F%61%74%3A%20%6C%65%66%74%3B%27%3E%3C%69%6D%67%20%73%72%63%3D%27%68%74%74%70%3A%2F%2F%69%63%6F%6E%73%2E%69%63%6F%6E%61%72%63%68%69%76%65%2E%63%6F%6D%2F%69%63%6F%6E%73%2F%69%63%6F%6A%61%6D%2F%62%6C%75%65%2D%62%69%74%73%2F%31%36%2F%6D%61%74%68%2D%61%64%64%2D%69%63%6F%6E%2E%70%6E%67%27%2F%3E%3C%2F%61%3E%0A%20%20%20%20%3C%63%65%6E%74%65%72%3E%0A' ))
</script>
<!-- ضع الكود في الاسفل -->
<a href='http://www.3oqool.com/2012/07/blog-post.html' title='أعلن هنا'><img right='60px' src='http://www.shy22.com/upfiljpg/ylu08071.jpg'/></a>
<!-- ضع الكود في الاعلى -->
<script language='javascript'>
document.write( unescape( '%3C%2F%63%65%6E%74%65%72%3E%0A%0A%0A%3C%2F%64%69%76%3E%0A%0A%20%20%3C%2F%64%69%76%3E%0A%0A%3C%21%2D%2D%20%42%79%20%33%6F%71%6F%6F%6C%2E%63%6F%6D%20%2D%2D%3E%0A' ))
</script>
</b:if>
نغير ما يوجد بوسط هذه الاكواد :
<!-- ضع الكود في الاسفل -->
<!-- ضع الكود في الاعلى -->
