اضافة صندوق CheatSheet لموقع Blogger

 

 مرحبًا بك من جديد 

إذا كنت تبحث عن CheatSheet Box لموقع Blogger، فهذه التدوينة مخصصة لك فقط.

اضافة صندوق CheatSheet لموقع Blogger

اضافة صندوق CheatSheet لموقع Blogger

معاينه

الخطوة 1: تسجيل الدخول إلى لوحة تحكم Blogger الخاصة بك 

الخطوة 2: إنشاء منشور/صفحة جديدة.

الخطوة 3: فيما يلي رمز الصندوق الذي يمكن استخدامه في المنشور لإنشاء 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>

خاتمة

أتمنى أن تكون قد نجحت في إضافة CheatSheet Box. إذا واجهت أي مشكلة في أي قسم أو كان لديك أي سؤال، فاسألنا في مربع التعليقات. 

حقوق الطبع والنشر: 

مصدراكواد

الانتقال إلى الرابط المطلوب

معلومات الكاتب

مصمم

اديب القربعي كنز المعلومات

اضافات اكواد قوالب تحسين محركات البحث مدونات بلوجر