إظهار وإخفاء التعليقات
ALTYEB
25 يناير 2018
- لوحة تحكم بلوجر.
- القالب.
- html.
- أبحث عن b:skin
- أضف قبله الكود أدناه
- يمكنك المعاينه من هنا
/* 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'/>
يمكنك متابعة المدونه من هنا
expand_less
comment 0 التعليقات:
more_vertsentiment_satisfied ملصقات