شرح ربط منتدى زينفورو xenforo مع Google 2020

نعلم جميعًا أن المشاركة أو المحتوى هو ملك أي مدونة. إذا كان لديك محتوى أكثر جودة ، فهناك فرصة للحفاظ على تفاعل القرّاء مع مدونتك. للحصول على محتوى مثالي ، يجب استخدام الرسومات والاقتباسات واختبار أداة التمييز ، والأهم من ذلك تقسيم المقالة الكبيرة إلى فقرة صغيرة. هذا يعطي مقالتك مظهرًا جديدًا ولا يشعر القراء بالضيق من قراءة المقالة الكبيرة.

أثناء كتابة مشاركات مدونة ، غالبًا ما نستخدم رسائل مختلفة مثل التحديثات ، والتنبيه ، والإشعار ، والمعلومات ، والتحذير ، والخطأ وما إلى ذلك. ولكننا لا نستخدم أي رسالة نصوص ؛ ونتيجة لذلك ، لا يلاحظ القراء أي اهتمام خاص برسالتك. لذلك نحن بحاجة إلى إيلاء اهتمام خاص لتطوير هذه أبرز الرسائل.

• معاينة

من خلال إضافة لون ونص منفصل ، يمكننا جعله أكثر جذبًا لقرّاء مدونتنا. وسوف يحبون قراءة المحتوى الخاص بك مع الطاقة الكاملة. ولهذا السبب ، سأشارك مجموعات من أدوات الإبلاغ عن الرسائل لإضفاء لمسة منك على المحتوى التابع لك وستتمكّن من نشر المشاركة بنسبة 30٪ أكثر. ثق في!

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

الخطوة 2 انقر فوق -> القالب -> تحرير HTML->

الخطوة 3 الآن ابحث عن]]> </ b: skin> بالضغط على من الويندوز Ctrl + F  أو الماك CMD + F

الخطوة 4 نسخ CSS من الأسفل ولصقه أعلا / قبل ]]> </ b: skin>

/* =====================
/* Notification Message Highlighter by http://www.almasira.net */
* ===================== */
.bstext{color:#FFF;margin-bottom:15px;border-radius:3px;padding:10px}
.bssuccess{background-color:#AA5CB8}
.bsalert{background-color:#5BA5DE}
.bswarning{background-color:#C619CC}
.bsupdate{background-color:#1D89E5}
.bsinfo{background-color:#18A8AA}
.bserror{background-color:#d9534f}
.headertext{font-size:16px;background-color:rgba(0,0,0,0.30);padding:8px 10px;margin:-10px;margin-bottom:10px}
.headertext > .fa{margin-right:5px}
.bloggerspice {overflow: hidden;}
/* =====================
/* Notification Message Highlighter by http://www.almasira.net */
* ===================== */

الخطوة 5: أعثر مرة أخرى على </ head> بالضغط على Ctrl + F (في Windows) أو CMD + F Mac

الخطوة 6 نسخ البرنامج النصي من الأسفل ولصقه أعلا / قبل </ head>

<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

الخطوة 7 اضغط على زر حفظ القالب من الأعلى.
<><>
لقد قمت بنجاح بإضافة  CSS الآن انتقل للبرنامج النصي HTML.
تسليط الضوء على رسالة الإخطار
بعد تنفيذ نص CSS الآن ، يجب إضافة نص HTML لإبراز النص المحدد. في Blogger ، يمكننا فعل ذلك عن طريق تبديل محرر كتابة المدونة إلى عرض HTML.

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

الخطوة 2 انقر فوق الزر "منشور جديد" من الأعلى.

الخطوة 3 الآن من محرر آخر انقر على زر HTML.

الخطوة 4 ونسخ أي كود من الأسفل وألصقه هناك.

<div class="bloggerspice bsupdate bstext" icon="info-circle" title="Update message">
<div class="message-wrapper">
<div class="headertext">
<i class="fa bloggerspice-icon fa-bullhorn"></i>Update message</div>
This is a Sample Message for Update Box.</div>
</div>

<div class="bloggerspice bsalert bstext" icon="info-circle" title="Alert message">
<div class="message-wrapper">
<div class="headertext">
<i class="fa bloggerspice-icon fa-cut"></i>Alert message</div>
This is a Sample Message for Alert Box. </div>
</div>

<div class="bloggerspice bssuccess bstext" icon="check-circle" title="Success message">
<div class="message-wrapper">
<div class="headertext">
<i class="fa bloggerspice-icon fa-check-circle"></i>Success message</div>
This is a Sample Message for Success Box. </div>
</div>

<div class="bloggerspice bswarning bstext" icon="exclamation-triangle" title="Warning message">
<div class="message-wrapper">
<div class="headertext">
<i class="fa bloggerspice-icon fa-exclamation-triangle"></i>Warning message</div>
This is a Sample Message for Warning Box. </div>
</div>

<div class="bloggerspice bsinfo bstext" icon="info-circle" title="Info message">
<div class="message-wrapper">
<div class="headertext">
<i class="fa bloggerspice-icon fa-info-circle"></i>Info message</div>
This is a Sample Message for Info Box. </div>
</div>

<div class="bloggerspice bserror bstext" icon="exclamation-circle" title="Error message">
<div class="message-wrapper">
<div class="headertext">
<i class="fa bloggerspice-icon fa-exclamation-circle"></i>Error message</div>
This is a Sample Message for Error Box. </div>
</div>

التخصيص:
يرجى استبدال النص برسالة الإخطار الخاصة بك.
الخطوة 5 وأخيرا ، اضغط على زر نشر لنشر مقالك.

تحقق الآن من مشاركة المدونة الخاصة بك وشاهد مربع تمييز رسائل الإشعار الجميل. أنا متأكد من أن هذا سيساعد على تفعيل المشاركة وستلاحظ ذلك قريبًا. شكرا لكم.