تغيير شكل إقتباس في بلوجر

سلام عليكم ورحمة الله وبركاته اصدقائى مرحبا بيكم في مدونة ماتريال ويب من جديد في تدوينة جديدة من تدونات خاصة ب بلوجر من إضافات و تعديلات وغيرها

إضافة بطاقة من نحن إلى مدونة بلوجر v2

وبعد

إضافة اليوم مختلفة عن أي إضافة قد جربتها من قبل فهده إضافة هي خاصة ب مدونة ماتريال ويب والتي سأشاركها معك وهي تغيير شكل إقتباس في بلوجر

معاينة

مميزات إضافة (تغير شكل إقتباس في بلوجر)

1. شكل مربع مقوس من جوانب
2.  أيقونات مميزة لشكل إقتباس 
3. تغيير لون الخلفية و خط عند لمس او تمرير فأرة 
4. إضافة بدون سكربت css فقط

أفضل أكواد meta Tag بلوجر

طريقة إضافة كود تغيير شكل إقتباس

1. المظهر
2.  تم تعديل html
3.  نبحث عن <style/> بإستخدام ctrl + f
4.  ضع كود التالى فوقه / أعلاه

blockquote {
    position: relative;
    font-weight: 800;
    color: #e91e63;
    padding: 30px 0;
    width: 100%;
    max-width: 500px;
    z-index: 1;
    margin: 80px auto;
    align-self: center;
    border-top: solid 4px #e91e63;
    box-shadow: 0 12px 35px -11px rgba(0,0,0,0.4);
    text-align: center;
    border-radius: 4px;
    transition: all 1s;
}
blockquote:after {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    content: "\f10d";
    color: rgb(233, 30, 99);
    font-size: 4rem;
    line-height: 0;
    top: -10px;
    left: 30px;
}
blockquote:before {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    content:"\f10e";
    color: #e91e63;
    font-size: 4rem;
    line-height: 0;
    bottom: -10px;
    right: 30px;
}
blockquote:hover{
    background: #2d213f;
    color: #fff;
}

في حالة اذا لم تظهر أيقونات تأكد من وجود هدا كود

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

ادا لم تجده اضفه فوق<head/>

كتابة مقال متوافق مع seo محركات البحث

طريقة عرض إقتباس في شكله جديد

1. كل ما عليك هو إنشاء مشاركة جديدة كتابة إقتباس الدي تريده
2.  وتحديد إقتباس 
3. وضغط على ايقونة إقتباس كما هو مبين في صورة
4.  بعد ذلك ستعمل إضافة تلقائيا

يمكنك ايضا وضع كود التالى اذا اردت تدوين من HTML

<blockquote>
اكتب اي شيء هنا
</blockquote>

إلى هنا تنتهي تدوينة اليوم والى تدوينة اخرى و إضافة اخرى من إضافات ماتريال ويب فإذا اعجبتك إضافة شاركها مع أصدقائك وان تعطينا رايك في إضافة في تعليقات وسلام عليكم ورحمة الله وبركاته

شارك Share Tweet Share Share Share

انقر هنا

محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب تحت الرابط التالي :https://mdwab.blogspot.com/ مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام