السلام عليكم مع جديد الحصريات من طرف مدونة blog التقنية ،
اليوم سأضع شرح طريقةا مبسطا لرواد المدونة blog و هو عن كيفية إضافة خاصية أضف ردا #إضغط هنا لإضافة رد# بتقنتية JQuery جذابة ورائعة باللون الأسود و من برمجمة مدونة blog التقنية ،
ما هي وظيفة الأداة ؟ / الأداة تقوم بإخفاء جميع التعليقات ولا تظهر إلا بعد الضغط على أيقونة إضغط هنا لإضافة تعليق
ملاحظة : يمنع منعا باتا نزع الحقوق عن البرمجية ، او سيتم حذف الأكواد من الريسورس فلقد كثر نقل وسرقة القوالب وحقوق التعريب هذه الأيام
المثال : هاك product إضغط هنا لإضافة تعليق بتقنية Jquery خاص ل blogger
أولا قم بالخطوات الدائمة لإجراء أي تعديل أو إضافة لقالب template البلوغر ،
- 1 لوحة التحكم > التصميم
- 2 التصميم > تحرير القالب template
- 3 أخذ نسخة إحتياطية للقالب template > توسيع القالب template
أولا : قم بالبحث عن الكود code التالي <head> و بعده مباشرة قم بلصق الكود code التالي
رمز Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $(".toggle_container".hide(); $("h3.trigger".click(function(){ $(this).toggleClass("active".next().slideToggle("slow" }); }); </script>
ثانيا : الأن إبحث عن ]]></b:skin> و قبلها مباشرة قمبلصق ما يلي ،
رمز Code:
/*----- Comment Box by www.tiqniya.blogspot.com ----*/ h3.trigger { background: url(http://1.bp.blogspot.com/-ic9JKwFtctU/T-JLmAQdx1I/AAAAAAAABs8/iYmkFUPq_uk/s1600/comment-boxbg.png) no-repeat; height: 44px; line-height: 46px; width: 518px; border-radius:4px; font-family:Arial; font-size: 1.4em; font-weight: bold; text-align:right; color:#A1A1A1; float: right; cursorointer; box-shadow: #333 0px 1px 3px; padding:0 0 0 50px; margin:10px 0px 10px 10px; } h3.active { background-position: bottom right; color:#ddd; } .toggle_container { padding-left:10px; overflow: hidden; clear: both; }
ثالثا : عملية البحث التالية هي العثور على
رمز Code:
<b:includable id='comment-form' var='post'>
و فوقه مباشرة ضع ما يلي
رمز Code:
<h3 class='trigger'>إضغط هنا، لإضافة تعليق</h3> <div class='toggle_container'> <div class='block'>
و مباشرة بعد الكود code التالي :
رمز Code:
</b:includable>
قم بإضافة أكواد الإغلاق التالية
رمز Code:
</div> </div>
من الفروض أن يبدو الكود code الأخير على هذا الشكل
إذا كان الموضوع غير منسق كفاية / قم بتصفح الموضوع من هنا
هاك product إضغط هنا لإضافة تعليق بتقنية Jquery خاص ل blogger - مدونة blog التقنية
المصدر : هاك product إضغط هنا لإضافة تعليق بتقنية Jquery خاص ل blogger - مدونة blog التقنية
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©