نمودج راسلني اكثر اثارة بصيغة ال jquery

06‏/07‏/2010




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



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



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



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


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









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



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


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


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





]]></b:skin>



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






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

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

    <link rel="stylesheet" type="text/css" href="http://blogspacetech.googlecode.com/files/jquery.fancybox-1.3.0.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=dEVtYTVGWHFvUVdZMHVzVHdtZWw2ZGc6MQ


المهم 



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



كيف ؟



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





<a id="contact_form" href="

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



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


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



تحياتي