المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : #إضغط هنا لإضافة تعليق# بتقنية Jqeury للبلوغر #مع إخفاء التعليقات#



linnou
11-01-2013, بتوقيت غرينيتش 08:01 AM
السلام عليكم مع جديد الحصريات من طرف مدونة blog التقنية (http://tiqniya.blogspot.com) ،

اليوم سأضع شرح طريقةا مبسطا لرواد المدونة blog و هو عن كيفية إضافة خاصية أضف ردا #إضغط هنا لإضافة رد# بتقنتية JQuery جذابة ورائعة باللون الأسود و من برمجمة مدونة blog التقنية ،
ما هي وظيفة الأداة ؟ / الأداة تقوم بإخفاء جميع التعليقات ولا تظهر إلا بعد الضغط على أيقونة إضغط هنا لإضافة تعليق
ملاحظة : يمنع منعا باتا نزع الحقوق عن البرمجية ، او سيتم حذف الأكواد من الريسورس فلقد كثر نقل وسرقة القوالب وحقوق التعريب هذه الأيام

المثال : هاك product إضغط هنا لإضافة تعليق بتقنية Jquery خاص ل blogger (http://tiqniya.blogspot.com/2014/06/jquery-blogger.html)


http://3.bp.blogspot.com/-YeQfZVBg7zQ/T-JPe3CVs9I/AAAAAAAABtQ/xiDKVb8_9lY/s1600/Untitled+3.jpg



أولا قم بالخطوات الدائمة لإجراء أي تعديل أو إضافة لقالب 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; cursor:pointer; 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 الأخير على هذا الشكل




http://2.bp.blogspot.com/-J8TUQa3ZmjU/T-JOldiLSjI/AAAAAAAABtI/vjgNIogNvZM/s320/image%5B18%5D.png

إذا كان الموضوع غير منسق كفاية / قم بتصفح الموضوع من هنا
هاك product إضغط هنا لإضافة تعليق بتقنية Jquery خاص ل blogger - مدونة blog التقنية (http://tiqniya.blogspot.com/2014/06/jquery-blogger.html)

المصدر : هاك product إضغط هنا لإضافة تعليق بتقنية Jquery خاص ل blogger - مدونة blog التقنية (http://tiqniya.blogspot.com/2014/06/jquery-blogger.html)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى