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

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

---

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




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




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




واسم البرنامج المساعد 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>

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




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





تحياتي





الموضوع تماما كما ورد في الفضاء التكنولوجي ...

ads

Posted in: تطوير مدونات بلوجر