Show And Hide Profile Widget For Blogger

 

Open Your Blogger Dashboard, Go to Layout. 

Click on ADD THE WIGDET , Click on HTML/JAVASCRIPT. 

And then paste this code in HTML/JavaScript. 

<center><div id="Demo" style="text-align: center;padding: 20px; box-sizing: border-box;;border-radius: 5px;width: 90%;box-shadow: 0 0 10px;font-weight: bold;background: linear-gradient(#132df3 120px,white 120px)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWT9fiqWQTJJ_9VzRnuXNgd7BCkWlPLjja3IXSuBA7qWQi-fjQug3BwObXr-8XFLyGcm_FAe32_MlP8GvGRDFK2H1RSyjlq4yXsr3YILIfN3cEh8fSbSY-nSpnLzCqzcbtyz_XixoDcg/s2048/20210811_123601.png" style="width: 180px;border-radius: 100px;border: 5px solid white;" /><br /><br />Hello our website name is Media Toons India. This website is made for all of you. This website is made for editing, Cricket, Game, Coding and animated series. Here you will get what you want. If you like our website please subscribe, also join our telegram channel and download our app. Thank you!<br /><br /><a href="https://twitter.com/mediatoonsindia" style="color: white;"><i class="fa fa-twitter" style="box-sizing: border-box;padding: 9px 10px;background: #132DF3;border-radius: 100px;margin: 5px;"></i></a><a href="https://instagram.com/mediatoonsindia?utm_medium=copy_link" style="color: white;"><i class="fa fa-instagram" style="box-sizing: border-box;padding: 9px 10px;background: #132DF3;border-radius: 100px;margin: 5px;"></i></a> </div><br /><div> <div style=" text-align: center"><button onclick="Show()" style="border: none;padding: 5px 20px; background: #132df3;color: white;border-radius: 5px;font-weight: bold;font-family: 'Montserrat', sans-serif;">SHOW</button> <button onclick="Hide()" style="border: none;padding: 5px 20px; background: #132df3;color: white;border-radius: 5px;font-weight: bold;font-family: 'Montserrat', sans-serif;">HIDE</button></div> <script> function Show(){ document.getElementById("Demo").style.display="Block"; } function Hide(){ document.getElementById("Demo").style.display="None"; } </script></div></center>

<a href="#" style="color: white;"><i class="fa fa-instagram" style="box-sizing: border-box;padding: 9px 10px;background: #132DF3;border-radius: 100px;margin: 5px;"></i></a>

You Can Change Color And Text According to your Website.