السلام عليكم

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

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


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

الكود:

<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 .ثم إبحث عن الكود التالي:

الكود:

<data:blogTeamBlogMessage/>

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

الكود:

<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>