معهد خبراء بلوجر - تفعيل BBcode لإدراج الوسائط والصور والابتسامات وتنسيقات النص في نظام تعليقات بلوجر

السلام عليكم

نظام تعليقات بلوجر بسيط ويؤدي الغرض بشكل أرى أنه جيد جداً.ولكن أحياناً تريد إضافة صورة توضيحية فلا يسعفك نظام تعليقات بلوجر إلا بمجرد وضع رابط الصورة.كذلك مشكلة إدراج كود نظام تعليقات عربي..إلخ.
الإضافة التي سأقدمها بمشيئة الله تمكن نظام التعليقات (العادية أو المترابطة) من إدراج الوسائط كمقاطع اليوتيوب وفيمو والصور والصوتيات,وأشهر تنسيقات النصوص كالألوان والحجم,أيضاً إدراج الأكواد,بالإضافة إلى الإبتسامات من برنامج المحادثة الواتس آب...

ما هي أكواد BBcode؟وما فائدتها؟
إذا كنت عضواً في منتدى مثلا فلا شك أنك إستخدمت ببكود.وهي لغة ترميز خاصة إشتهرت في تعليقات المنتديات,ميزتها الرئيسية تفادي إستخدام أكواد HTML التي قد تضر بالنظام مثل أكواد META.
ما فائدة هذه الإضافة؟
الإضافة التي سنستعرضها لمدونات بلوقر تفعل أكواد ببكود في نظام التعليقات سواء النظام العادي أو النظام النعليقات المترابطة.بالإضافة إلى ايقونات الوجوه المعبرة (الإبتسامات) والتي استخلصتها من برنامج المحادثة الشهير واتس آب whatsapp . وبالمناسبة الإضافة مبنية من إضافة الإبتسامات المشتهرة.دمجتها بأداة ترميز HTML لأهميتها.يمكن تجربة الإضافة من خلال الصفحة التالية:

للمعاينة

طريقة تركيب الإضافة إلى مدونة بلوجر
قبل إغلاق وسم body مباشرة.أي قبل </body> قم بنسخ الكود التالي:

كود بلغة HTML:

<b:if cond='data:blog.pageType == "item"'>

<script src='http://alblogger-test.googlecode.com/svn/media/media.js' type='text/javascript'/>

</b:if>

تركيب دليل لأكواد BBcode والأبتسامات:

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

أعرض القالب في وضع تحرير HTML .ثم إبحث عن الكود التالي:

كود بلغة HTML:

<data:blogTeamBlogMessage/>

ركز معي سيتكرر هذا الكود أربع مرات في القالب,قم بنسخ الكود التالي بعد الموضع الرابع مباشرة:

كود بلغة HTML:

<style type='text/css'>

.classname{box-shadow:inset 0px 1px 0px 0px #fff;background-color:#ededed;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;

font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none !important;text-shadow:1px 1px 0px #fff}

.classname:hover{background-color:#dfdfdf}.classname:active{position:relative;top:1px}

</style>

<a class="classname" href="#" onClick="window.open('http://blogger-forms.blogspot.com/2013/01/blog-post.html','bbcode','width=500,height=420')">ترميز HTML</a>

<a class="classname" href="#" onClick="window.open('http://blogger-forms.blogspot.com/2013/01/bbcode.html','bbcode','width=520,height=620')"> رموز BBcode</a>

<a class="classname" href="#" onClick="window.open('http://blogger-forms.blogspot.com/2013/01/smileys.html','bbcode','width=420,height=320')">الإبتسامات </a>

وحتى لا أتركك بسؤال لماذا تكرر هذا الكود أربع مرات فالجواب لأن الموضع الأول والموضع الثالث خاصة بقالب الجوال.والثاني والرابع خاصة بقالب سطح المكتب.والأول والثاني خاصة بنظام التعليقات العادي.والثالث والرابع خاصة بنظام التعليقات المترابطة . :)

الموضوع من طرف محترفي بلوجر.

المصدر:تفعيل BBcode لإدراج الوسائط والصور والابتسامات وتنسيقات النص في نظام تعليقات بلوجر