كود النافذة المنبثقة من أعلى الصفحة لمدونة بلوجر

إخواني اليوم إن شاء الله سأقدم لكم إضافة أو قد أسميها انا صندوق الإضافة 

هذه الاخيرة هي طريقة وليست إضافة

 طريقة تجعلك تضع اي إضافة ترغب فيها في هذه الأداة لتجعلها منبثقة من أعلى الصفحة

يمكنك وضع صندوق الإشتراك أو صندوق معجبي الفيس بوك او تويتر او يوتيوب أو يمكنك وضع رسالة ترحيبية

او وضع إعلان خاص بمدونتك المهم أي إضافة عندك حجمها صغير وتريد إضهارها بشكل جذاب وملفت للانظار

صورة للأداة

الأداة عبارة عن إطار مع زر غلق لوضع أي إضافة بداخله

أولا قم بتحرير القالب ثم إبحث عن الوسم ]]></b:skin>

ثم فوقه ضع هذا الكود

#kotak-pesan {
  position:fixed !important;
  position:absolute; /* IE6 */
  top:-1000px;
  left:50%;
  width:300px;
  margin:0 0 0 -182px;
  height:auto;
  padding:16px;
  background-color:#E9CF5F;
  border:2px solid white;
  font:normal normal 1em Cambria,Georgia,Serif;
  color:#111;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
}

#kotak-pesan a.close {
  position:absolute;
  top:-10px;
  right:-10px;
  background-color:#333;
  font:normal bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:white;
  border:2px solid white;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  cursor:pointer;
}

ثم بعد ذالك إبحث عن وسم </head>

ثم فوقه ضع هذا الكود

<script type='text/javascript'>
$(window).bind("load", function() {

    // animasikan nilai top saat halaman telah selesai dimuat
    $('#kotak-pesan').animate({top:"50px"}, 1000);

    // hilangkan kotak pesan saat tombol (x) diklik
    $('a.close').click(function() {
        $(this).parent().fadeOut();
        return false;
    });

});
</script>

وآخر خطوة هي نسخ هذا الكود 

<div id='kotak-pesan'>

    <!-- ضع كود أي إضافة تريد هنا -->

    <a class='close' href='#'>&times;</a>
</div>

ثم ضعه في إضافة جديدة مع تغييره بما يناسب

أعني تغيير

<!-- ضع كود أي إضافة تريد هنا -->

بكود الإضافة التي تريد إضهارها في أداة النافذة المنبثقة

اتمنى ان اكون وفقت في شرحي هذا اي سؤال لاتتردد في طرحه

بالتوفيق للجميع ودمتم في رعاية الله وحفظه