أداة إتصل بنا المنبثقة لمدونات البلوجر - المطور | نطوّر الويب العربي
أخر التدوينات
الثلاثاء، 1 أبريل، 2014

أداة إتصل بنا المنبثقة لمدونات البلوجر


 بسم الله الرحمن الرحيم

اليكم اليوم اضافة بلوجر قد تكون شاهدتها في مدونة احمد ويب وهي اضافة أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل , الاضافة مهمة جداً لكل مدون بلوجر او صاحب الموقع تتيح للزائر التواصل مع صاحب الموقع او المدونة عبر بريدة الالكتروني بكل سهولة ومباشرة .

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


طريقة تركيب الاضافة 
 لتركيب هذه الاضافة اولاً عليكم اضافة اداة اتصل بنا من التخطيط وضعها في اي مكان
قم بالذهاب الى قالب >> تحرير وابحث عن ]]></b:skin> وضع فوقة الكود الاتي
.ContactForm, .ContactForm .title {
 display: none;
}
.floating-ct {
 position: fixed;
 width: 250px;
 right: 0;
 bottom: 0;
 z-index: 999;
}
.floating-ct-head a {
 padding: 5px 10px;
 background:#0F83A0;
 font-family:tahoma;
 text-size:14px;
 color: white;
 font-weight: bold;
 display: inline-block;
 *display: block;
 zoom: 1;
}
.floating-ct-body {
 height:335px;
 background: white;
 border:5px solid #0F83A0;
 padding: 10px;
 display: none;
}
.floating-ct-head {
 text-align: right;
}
.floating-ct-body .ContactForm {
 margin: 0;
 display: block!important;
بعدها قم بالبحث عن وسم  </body> وضع فوقة / قبلة الكود الاتي

<script type='text/javascript'>
//<![CDATA[
/*Floating Contact Form by BloggerItems.com*/
$('body').append('<div class="floating-ct"><div class="floating-ct-head"><a href="#no-move">إتصل بنا</a></div><div class="floating-ct-body"></div></div>');
$('.ContactForm').appendTo('.floating-ct-body');
var slide_up_ct = false;
$('.floating-ct-head a').click(function(){
 if (!slide_up_ct) {
 slide_up_ct = true;
 $('.floating-ct-body').slideDown();
 } else {
 slide_up_ct = false;
 $('.floating-ct-body').slideUp();
 }
});
//]]>
</script>

هذا كل شى اتمنى ان تكون قد حازت على رضاك لا تحرمنا من رددوك المشجعة اترك تعليق
أداة إتصل بنا المنبثقة لمدونات البلوجر Reviewed by Ahmad Waleed on 5:33 ص Rating: 5  بسم الله الرحمن الرحيم اليكم اليوم اضافة بلوجر قد تكون شاهدتها في مدونة احمد ويب وهي اضافة أداة...

هناك 14 تعليقًا:

  1. شكرا على الموضوع

    http://www.ar1web.com/

    ردحذف
  2. شكرا اخى مارائيكم فى مدونتى
    http://shro7aatnet.blogspot.com/

    ردحذف
    الردود
    1. اغلب مواضيع مدونتك منقولة من مدونة احمد ويب ارجو ذكرا المصدر والى سيتم ابلاغ جوجل

      حذف
  3. الله يعطيك العافية يا محترف :)
    استمر في ابداعاتك :)
    ~
    السؤال / طيب لو حد بعتلي رسالة كيف بدي اعرف او وين رح تيجي رسالته ؟
    حاجة تانية .. لو كانت مدونتي انجليزية ( يعني بدي الاضافة تكون على الشمال ) شو اغير في الكود ؟

    ردحذف
    الردود
    1. شكرا لردك المشجع
      اما بالنسبة فان الرسالة ترسل الى حساب في gmail وانا استخدمها في مدونتي يمكنك معاينتها

      اما بالنسبة لتغير جهتها كل ما عليك استبدال right ب left في الاكواد التي في الموضوع

      حذف
  4. بارك الله فيك اخي احمد جزاك الله خيرا هدا احسنما استطيع

    ردحذف
  5. اخي احمد انا طبقت هده الخاصية لكن هناك مشكل يضهل في اخر الرابك هدا الكود #no-move

    ردحذف
  6. الردود
    1. عليك التاكد بانك اضفت اداة اتصل بنا من التخطيط وضعها في أي مكان

      حذف
  7. أخي الحبيب ، أضفتها ولكن عند النقر على إتصل بنا لا يظهر داخل الصندوق شي ! :( وعلى أي بريد سيتم إرسال هذه الرسائل !!!

    ردحذف
    الردود
    1. بصراحة الاضافة تعمل بشكل جيد ولا توجد مشاكل يمكنك معاينها في مدونة احمد ويب سيتم استلام الرسائل على بريدك الخاص بحسابك في البلوجر

      حذف

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي ,ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود


=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r

.