CheatSheet Box For Blogger Website

 Hello! Welcome to Action CodeD. 

You are looking for CheatSheet Box For Blogger Website then this post is just for you.

CheatSheet Box For Blogger Website

You can see the demo here⤵

   View Demo

Step 1: Login to your Blogger Dashboard 

Step 2: Create a New Post/Page.

Step 3: Below are the Box code which can be used in post to create CheatSheet Box.

<style>.drK .card {background: #2d2d30;box-shadow: none;}.card{width:350px;padding:20px;margin:50px auto;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;background-color:#fff}.card-img{width:80px;height:80px;margin-bottom:0}.card-content h2{font-size:24px;margin:10px 0 5px}.card-content p{font-size:16px;margin-bottom:10px}.button{display:inline-block;padding:10px 20px;text-decoration:none;border-radius:5px;transition:background-color .3s}.button:hover{background-color:#5b0cb3}</style>

<div class="card">
    <img src="https://cdn.pixabay.com/photo/2017/08/05/11/16/logo-2582748_1280.png" alt="HTML Cheatsheet" class="card-img">
    <div class="card-content">
        <h2>HTML Cheatsheet</h2>
        <p>Download CheatSheet Here</p>
        <a href="https://example.com/cheatsheet-download" class="button">Download</a>
    </div>
</div>

Conclusion

I hope you have successfully added CheatSheet Box. If you are facing any problem in any section or you have any question then ask us in the comment box. 

Copyright: 

Action Coded