معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   دروس بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=11)
-   -   زر إظهار/إخفاء التعليقات على مدونات بلوجر (https://www.bloggerexp.com/showthread.php?t=2991)

overboy 08-06-2012 12:06 AM

زر إظهار/إخفاء التعليقات على مدونات بلوجر
 
السلام عليكم ورحمة الله تعالى وبركاته،إخواني أخواتي الكرام ، هذا اليوم سوف نقوم بمعرفة كيفية إضافة زر يقوم بإخفاء وإظهارجميع التعليقات من على صفحة التدوينة ،حيث يكون هذا الزر في أسفل الصفحة وبالضبط فوق صندوق التعليقات ،فمثلا إذا كانت مدونتك تتوفر على عدد كبير من التعليقات في موضوع معين ،تظهر الصفحة طويلة جدا مما يسبب بطئ في ظهور الصفحة كاملة وكذلك تشوه تنسيقها ،وهذه الخاصية تساعد على تنسيق المدونة وكذلك تساهم في سرعة تحميل الصفحة ،وللمعاينة قبل تطبيقها على مدونتك توجه لأي موضوع من مدونتي يضم عددا من التعليقات ثم توجه لأسفل الصفحة ثم إضغط على الزر لتظهر لك جميع التعليقات ومرة أخرى لإخفائها.
https://sites.google.com/site/lightb...entblogger.JPG



::~ معاينة للإضافة ~::
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
</head>
ثم قم بوضع الكود التالي قبله :
كود PHP:

 <script language='javascript'>
function 
toggle() {
var 
ele document.getElementById(&quot;toggleText&quot;);
var 
text document.getElementById(&quot;displayText&quot;);
if(
ele.style.display == &quot;block&quot;) {
ele.style.display = &quot;none&quot;;
text.innerHTML = &quot;<img alt='إظهار التعليقات' src='http://2.bp.blogspot.com/_gToJ30Luauw/TKA7G_2qx_I/AAAAAAAABs4/5fSYSHvGlIA/s1600/cooltext470930301.png' title='إظهار التعليقات'/>&quot;;
}
else {
ele.style.display = &quot;block&quot;;
text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='http://3.bp.blogspot.com/_gToJ30Luauw/TKA7LihKnQI/AAAAAAAABs8/TNvjknNFd20/s1600/cooltext470930319.png' title='إخفاء التعليقات'/>&quot;;
}
}
</script> 

حيث يمثل الرابط ذا اللون الأزرق صورة الزر "إظهار التعليقات" و الرابط ذا اللون الأحمر صورة الزر" إخفاء التعليقات "

والآن نقوم بالبحث عن هذا الكود :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
ثم قم بوضع الكود التالي قبله :
كود PHP:

<a href='javascript:toggle();' id='displayText'><img alt='إظهار التعليقات' src='http://1.bp.blogspot.com/_gToJ30Luauw/TKA7Bw59q6I/AAAAAAAABs0/Mk7g4Gk1vzk/s1600/cooltext470930250.png' title='إظهار التعليقات'/></a>
<
div id='toggleText' style='display: none;'

ثم نقوم بالبحث عن الكود التالي :
كود PHP:

<b:include data='comment' name='commentDeleteIcon'/>
 </
span>
</
dd>
</
b:loop>
</
dl


ثم قم بوضع الكود التالي تحته :
كود PHP:

</div

وأخيرا قم بحفظ القالب،وتوجه للمعاينة


ولأي إستفسار ،الموجوا وضع تعليقاتكم للإجابة عليها في أقرب وقت ممكن.:busted_red:



a7meda1a 08-06-2012 12:16 AM

رد: زر إظهار/إخفاء التعليقات على مدونات بلوجر
 
اقتباس:

المشاركة الأصلية كتبت بواسطة overboy (المشاركة 6397)
ولأي إستفسار ،الموجوا وضع تعليقاتكم للإجابة عليها في أقرب وقت ممكن.:busted_red:

تسلم يا غالي:ok:
جزاك الله خير:ok:

:clap::clap::clap::clap:

princess of egypt 08-06-2012 01:08 AM

رد: زر إظهار/إخفاء التعليقات على مدونات بلوجر
 
اضافة متميزة

admin 08-06-2012 02:52 AM

رد: زر إظهار/إخفاء التعليقات على مدونات بلوجر
 
رائع أخي حمزة :):

overboy 08-06-2012 02:57 AM

رد: زر إظهار/إخفاء التعليقات على مدونات بلوجر
 
شكرا للجميع على التشجيع

REDA 08-06-2012 03:14 AM

رد: زر إظهار/إخفاء التعليقات على مدونات بلوجر
 
جميل جدا اخى تسلم :)


الساعة الآن 11:02 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012