السلام عليكم مع جديد الحصريات من طرف مدونة 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(){ $(&quot;.toggle_container&quot.hide(); $(&quot;h3.trigger&quot.click(function(){ $(this).toggleClass(&quot;active&quot.next().slideToggle(&quot;slow&quot; }); }); </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 التقنية





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©