اضافة كود أتصل بنا عائم في مدونات بلوجر

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

الموضوع عن :اضافة كود أتصل بنا عائم في مدونات بلوجر

معاينة الاضافة 

خد نسخة من القالب 

تجنب للمشاكل  

1- من لوحة التحكم --> القالب --> تحرير HTML --> قم البحث على :

]]></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>

 " ثم حفظ "
ملحوظة لازم تكون ضايف الاداة العادية
أولاا أذهب الي التخطيط ---اضافة اداة

ثم حفظ 

تم بحمد لله 

شارك الموضوع معه أصدقائك

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest