EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

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


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

أولا قم بتحرير القالب ثم إبحث عن الوسم ]]></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>

ثم ضعه في إضافة جديدة مع تغييره بما يناسب
أعني تغيير
<!-- ضع كود أي إضافة تريد هنا -->
بكود الإضافة التي تريد إضهارها في أداة النافذة المنبثقة
اتمنى ان اكون وفقت في شرحي هذا اي سؤال لاتتردد في طرحه
بالتوفيق للجميع ودمتم في رعاية الله وحفظه  

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية