تغيير شكل إقتباس في بلوجر مثل قالب سيو بلس
تهاتن بيكم يا شباب فى موضوع اليوم سوف نتطرق لاضافة جميلة ةهى تغيير شكل إقتباس في بلوجر مثل قالب سيو بلس ,الجميع يعرف قالب سيو بلس وان كنت لا تعرفة فهو يعد من افضل القوالب لعام 2020 بحيث يتميز بسرعة فائقة وشكل جميل لانة يستخدم خاصية الالوان بالتدريج , نعود لموضوعنا كما نلاحظ فى المقالات التى نكتبها نود جعل القارء او الزئر لف نظره الى كلمة معينة او فقرة او نريد اظهار جملة معينة بشكل مختلف عن الجمل الاخرا او نكتب اقتباسات علماء ففى هذا الموضوع سوف تتمكن من فعل ذالك.
معاينة
الجنون هو أن تفعل ذات الشيء مرةً بعد أخرى وتتوقع نتيجةً مختلفةً.
طريق التركيب
نتوجة الى المظهر ثم تحرير HTML ثم قم بالبحث عن /bodyاو /styleقم بوضع الكود فوقة اى قبلة.
<style>
.post-body blockquote { color: #545454; font-size: 100%; background-color: #efefef; border: none; padding: 50px 20px 40px; margin: 40px 0 30px 0; position: relative; text-align: center; clear: both; border-radius: 3px; } .post-body blockquote:before { position: absolute !important; top: 0 !important; left: 50% !important; margin-top: -45px !important; margin-left: -40px !important; width: 80px !important; height: 80px !important; background-color: #ffffff !important; line-height: 90px; border-radius: 50% !important; text-align: center; background-size: 35px !important; background-position-y: 30px !important; } .post-body blockquote:before { content: ""; background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='quote-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23777' d='M200 32H72C32.3 32 0 64.3 0 104v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H72c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192zM504 32H376c-39.7 0-72 32.3-72 72v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H376c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192z' %3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 0px 3px 10px; }
</style>
ثم قم بالحفظ ,مبروك على الاضافة
تحذير يسمح باخذ المحتوي وتقوم بذكر المصدر برابط يوجه للمقالة الاصلية والا سوف يتم التبليغ عنك وسيتم حذف المقالة من طرف بلوجر بدون اخبارك
تعليقات
إرسال تعليق