معهد خبراء بلوجر - اداة اخفاء واظهار التعليقات

السلام عليكم ورحمة الله وبركاتة

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>

ونضع هذا الكود اسفله مباشرة :

</div>

واحفظ العمل ومبروك عليك الاضافة