السلام عليكم ورحمة الله, اليوم سوف نقدم لكم طريقة تركيب وإظهار صناديق الاقتباس لعرض الاكواد , هذه الاضافة التي ستفيد العديد من المتتبعين خاصة أصحاب المدونات المختصة بالبلوجر , يمكنك أن تضع فيه أكواد الاضافات او وسوم , كما نضعها نحن في مدونتنا , هذا فقط يعتبر تنسيق للاضافة لان بلوجر في الاصل توفر لنا آداة الاقتباس عندما نقوم بكتابة اي تدوينة وسنوضح لكم الامر في الموضوع , تابعونا !!
طريقة اضافة صناديق الاقتباس
- أولا نقوم بتحرير القالب ثم نبحث ياستعمال Ctrl+F عن الوسم </head>
- ثم نضع فوقه مباشرة الأكواد التالية (css)
<style>
/* ------------------------------
* صناديق الاقتباس من هاشتاج للمعلوميات
www.h2shtag.com
* ------------------------------ */
.post blockquote {
background: rgb(243, 243, 247) !important;
border-radius: 4px !important;
border: 1px solid rgb(222, 222, 227) !important;
box-sizing: border-box;
clear: both !important;
color: #2c3e50 !important;
direction: ltr !important;
font-size: 12px !important;
font-stretch: normal !important;
line-height: 1.6em !important;
margin-bottom: 22px;
padding: 11px !important;
max-height: 400px !important;
outline: 0px;
overflow-x: auto !important;
padding: 0px 10px 10px !important;
position: relative !important;
quotes: "" "";
text-align: left !important;
vertical-align: baseline;
}
.post blockquote:before {
content: "\f10d";
font-size: 20px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding: 8px !important;
color: #717070;
float: right;
}
</style>
- الآن بعد هذه الخطوة ننتقل الى كيفية اظهار هذه الاضافة, وهذه الصورة توضح لك الطريقة.
- أولا, تقوم بتحديد كل من تريده ان يظهر في صندوق الاقتباس
- ثانيا, تنتقل الى الجزء العلوي للتدوينة وتختار آداة الاقتباس كما في الصورة آعلاه
وهكذا تكون قد ظهرت لديك صناديق اقتباس ذو تنسيق متناسق واحترافي , ومن خلال هذا الدرس اكتسبت ايظا معرفة الطريقة الصحيحة لإظهار هذا الصندوق , اذن لم يبقى لي سوى ان اودعكم الى درس جديد آخر ان شاء الله , دمتم في آمان الله ولا تنسو دعمنا من أجل نشر الجديد والحصري.
إرسال تعليق