[السيد ابو جبل]

هو عبارة عن تلميح مميز




لإجراء شكل من أشكال الاتصال مع صاحب المدونة ،




وذلك باستخدام خدمة مجانية من جوجل مستندات




واسم البرنامج المساعد Fancy Box.


وهنا لقطة للشاشة

و هنا شرح لهذا الابداع

اولا سجل دخولك الى بلوجر



من تصميم >>> تحرير ال HTML >>> تنزيل القالب ! >>> توسيع القالب



ابحث عن هدا كود

]]></b:skin>

و نضع تحته تماما هذا الكود

     <script type="text/javascript" src="http://bilokr.googlecode.com/files/jquery-1.4.1.min.js.js"></script>

    <script type="text/javascript"  src="http://bilokr.googlecode.com/files/jquery.fancybox-1.3.0.pack.js"></script>

     <link rel="stylesheet" type="text/css"   href="http://bilokr.googlecode.com/files/jquery.fancybox.css"   media="screen" />   الان سوف نضيف أسفل الكود السابق كود اخر  
  <script type="text/javascript">

 $(document).ready(function() {

 $("#contact_form").fancybox({

 'width': '75%',

 'height': '75%',

 'autoScale': false,

 'transitionIn': 'none',

 'transitionOut': 'none',

 'type': 'iframe'

 });

 });

 </script>

و قبل اضافته علينا الدهاب الى هدا الموقع



و نضع فيه الكود السابق و نضغط على encode


حسنا سوف يعطيك كود


و نقوم باضافته تماما بعد الخطوة الاولى


الان يستلزمنا حساب في GOOGLE لنسهل التواصل

https://spreadsheets.google.com/viewform?formkey=dEVtYTVGWHFvUVdZMHVzVHdtZWw2ZGc6M Q

المهم


الان سوف نضيف هدا النموذج الى القالب

كيف ؟

سوف نقوم باضافة هذا الكود في أي موضوع تريده عندما نحتاج الى النموذج

<a id="contact_form" href="

 https://spreadsheets.google.com/viewform?formkey=dEVtYTVGWHFvUVdZMHVzVHdtZWw2ZGc6MQ">اتصل بنا</a>

لا تنسى تغيير الرابط




و الدي لم يفهم جيدا الدرس فيمكنه ان يسأل.. سيكون هدا مفيد لك !





تحياتي

المصدر http://bilokr.blogspot.com/2012/09/jquery.html