إظهار وإخفاء التعليقات


  1. لوحة تحكم بلوجر.
  2. القالب.
  3. html.
  4. أبحث عن b:skin
  5. أضف قبله الكود أدناه
  6. يمكنك المعاينه من هنا
/* Display and Hide Comments by www. Bloggersstand.com */ .hide-content{display:none;margin:0;padding:0;} a.displaycomments,#comments a.hidecomments{display:block;text-decoration:none; position:relative;color:#fff;font-weight:700; font-size:15px;padding:12.5px 0;background:#3B66A8; border:2px solid;border-radius:4px;text-align:center; margin:30px auto;letter-spacing:1px;transition:all .3s} #comments a.hide-content {background:#fff;color:#787D80;transition:all .3s} a.displaycomments:hover{background:#fff;color:#3B66A8;} #comments a.hidecomments:hover{background:#787D80;color:#fff;}
  • أبحث عن <body>
  • أضف بعده الكود أدناه 
<script type='text/javascript'> //<![CDATA[ // Show and Hide Comments function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))}; //]]> </script>
  • أبحث عن <div class='comments' id='comments'>
  • أستبدله بالكود أدناه

<a href="#" id="comments-show" class="displaycomments" onclick="showComm('comments');return false;">إظهار التعليقات</a><div class='clear'/> <div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hidecomments" onclick="showComm('comments');return false;">إخفاء التعليقات</a><div class='clear'/>
يمكنك متابعة المدونه من هنا



sentiment_satisfied ملصقات