How to create hidden content in Blogger blog

 

Creating hidden content or identifying hidden and visible content, which is called in the foreign language Hide and Show. It is a nice trick that is useful for blogs with long topics or blogs that write stories, news, or interesting content


For example: If you are writing a story or tell and you want to hide a specific part of the story or news that you wrote to interest the visitor or the reader of the post, you can then hide a certain part of the Blogger post so that the reader is eager to complete the rest of the post



To create hidden content in a Blogger blog that appears when you click on it, you have to write your post in the normal way, but after you finish writing your post about the topics box in Blogger from authoring mode to HTML


To add a visible part and a hidden part in the Blogger post, before the part that you want to be hidden, put the following code


<div id="spoiler" style="display:none">

 Put the following code at the end of the part that you want to hide


</div>


Of course everything between the first code and the second code will be hidden


Now there is only one thing left, which is to place the Show and Hide button in the Blogger post, so add the following code before the first code if you want the button to appear at the top or add it after the second code if you want the button to appear at the bottom


</br><center>
<button id="cnmuhide" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">أكمل الموضوع [ إظهار ] [ إخفاء ]</button></center>
</br>


If you want to modify the button and give it a nice touch and special appearance, add the following code above the tag

]]></b:skin>


#cnmuhide { background: #f1f1f1; border: 1px solid #bbb; border-radius: 5px; color: #000; cursor: pointer; padding: 5px; transition: all 0.8s ease 0s; } #cnmuhide:hover {background: #000; color:#fff;} 


Here are these courses and paid courses that you can get for free

Google is now paying up to $ 1 million to anyone who finds an Android bug or vulnerability