ملحق إضافة الرموز التفاعلية لنظام تعليقات بلوجر الإصدار الأول v1

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

حول هذه الإضافة

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

مصدر هذه الإضافة

هذه القطعة من برمجة المحترف توفيق نورهمان، ولكن لم تكن تحتوى سوى على جزء الإبتسامات، وبما أنها كانت على هيئة Base62 encode  تم تحريرها وتعريبها وإضافة بقية الملحقات ثم أرجعناها إلى هيئة Base62 encode لغرض ضغط السكريبت وتعتيمه لكن إذا كنت مطور برمجيات يمكنك تنضيف الكود إذا أردت التعديل فيها أو تطويرها.

معاينة مباشرة للإضافة

• المعاينة

طريقة تركيب الإضافة

لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولى

• قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
• إنتقل للمدونة >> ثم إلى المظهر >> ثم إضغط على تحرير  Edit HTML  
• إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
• بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الأكواد في المكان المناسب

لاتنسى أخذ نسخة إحتياطية من القالب

خطوة تركيب الأكواد

• قم بالبحث عن هذا الوسم </head> فوقه أي قبله قم بوضع الكود الآتي
  

  js/css
  <b:if cond='data:view.isSingleItem'>
  <script type='text/javascript'>
  //<![CDATA[
  /* blogger Comments system extension v1
   * Author : BA88 / 2018
   * Article Url : http://blogg-code.blogspot.com/
   */
  var emoRange = "#comments p, div#emo-box",
      putwidbelow = "iframe#comment-editor",
      allowemo = true,
      allowcodetool=true,
      allowsupport = true;
  eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(k($){$(j).1V(k(){w=[2M,2N,2O,2P];U 1k=w[3];1l(w[0]){$(1k).1u("<5 8=\'1v\'><M>أداة الإبتسامات لتضمين رموز تفاعلية في التعليقات</M><5 8=\'1w\'><5 z=\'1a-4\'><a 8=\'v-A\' V=\'1b:1c(0)\' N=\'1W()\'>أظهر الإبتسامات</a></5><5 8=\'v-y\' z=\'y-4\'><a 8=\'v-A\' V=\'1b:1c(0)\' N=\'1X()\'>إخفاء الإبتسامات</a></5></5></5><5 8=\'v-y\' z=\'4-F\'> :) :( =( :1x: :s ^1y^ :D =D ^:D @@, ;) :-1z :-d :1A: :&#39;( 1Y :&#1d; :p B) :Q :1Z 7:( &#1d;o/ &#1d;m/ **p &r;3 0:) ^o^ :-a 7:O *1B* 2a x@ X@ ~x( &r;:) &r;=) (-.-,) *=p =p* &#39;&#39;J :W :1C: :1D: :1E: :1F: *1G* :1H: :1I: :1J:</5>")};1l(w[1]){$(1k).1u("<5 8=\'1v\'><M>أداة محول الأكواد لتضمين شفرة في التعليقات</M><5 8=\'1w\'><5 z=\'1K\'><a 8=\'v-A\' V=\'1b:1c(0)\' N=\'2b()\'>أظهر الأداة</a></5><5 8=\'v-y\' z=\'y-1e\'><a 8=\'v-A\' V=\'1b:1c(0)\' N=\'2c()\'>إخفاء الأداة</a></5></5></5><5 8=\'v-y\' z=\'1e-F\'><2d z=\'1L\' 2Q=\'أكتب/لصق محتوى شفرة الكود هنا\' 2R=\'2e\'/><5 8=\'2S-2T-2d\'><5 8=\'A-2U\'><A 8=\'v-A\' z=\'2f\' N=\'2g();C.1m = 1M;\'>تحويل</A><A 8=\'v-A\' z=\'2h\' N=\'2i();C.1m = 1M;\'>مسح</A></5><5 8=\'v-A 2j\'>تحليل<2k 1N=\'1N\' z=\'2l\' 2m=\'2j\'/></5></5></5>")};1l(w[2]){$(1k).1u("<5 8=\'1v\'><M>تضمين عناصر منسقة في التعليقات</M><5 8=\'1w\'><5 z=\'1a-G\'><a 8=\'v-A\' V=\'1b:1c(0)\' N=\'2n()\'>أظهر السمات</a></5><5 8=\'v-y\' z=\'y-G\'><a 8=\'v-A\' V=\'1b:1c(0)\' N=\'2o()\'>إخفاء السمات</a></5></5></5><5 8=\'v-y\' z=\'G-F\'><p>لتضمين -رابط- نص قابل للنقر إستعمل:</p><5 8=\'1f\'>&r;a V=&H;1n://2p.2V.1o/&H;&I;إسم الرابط&r;/a&I;</5><p>لتضمين شريحة صور إستعمل:</p><5 8=\'1f\'>&r;i P=&H;1i&H;&I;رابط الصورة&r;/i&I;</5><p>لتضمين إقتباس فقرة إستعمل:</p><5 8=\'1f\'>&r;i P=&H;1O&H;&I;نص الإقتباس&r;/i&I;</5><p>لتضمين فيديو من يوتيوب إستعمل:</p><5 8=\'1f\'>&r;i P=&H;1P&H;&I;معرف الفيديو&r;/i&I;</5></5>")};$(\'i[P="1O"]\').1p(k(){R $(\'<1Q 8="2W">\'+$(C).T()+\'</1Q>\')});$(\'i[P="1i"]\').1p(k(){R $(\'<5 q="2q: 2r; 1R-2s: 2t;"><1i 8="2X" 1q="\'+$(C).T()+\'" /></5>\')});$(\'i[P="1P"]\').1p(k(){R $(\'<5 q="2q: 2r; 1R-2s: 2t;"><1S 2Y="2Z%" 3a="3b" 8="3c-1S-1P" 3d-3e-1q="1n://i.3f.1o/3g/\'+$(C).T()+\'/0.3h" 1q="1n://2p.3i.1o/3j/\'+$(C).T()+\'?3k=3l" 3m="0" 3n></1S></5>\')});k 4(4,2u,1g){$(3o).T(k(){R $(C).T().E(/<b ?\\/?>(:|;|=|\\^)/f,"<b> $1").E(4," <1i 1q=\'1n://3p.3q.1o/3r-1r/3s/3t/"+2u+".3u\' 8=\'4\' 2v=\'"+1g+"\' />")})};4(/\\s:\\)+/g,"3v",":)");4(/\\s;\\)+/g,"3w",";)");4(/\\s:\\(/g,"3x",":(");4(/\\s=\\(/g,"3y","=(");4(/\\s@@,/g,"3z","@@,");4(/\\s:1A:/f,"3A",":1A:");4(/\\s:s/f,"3B",":s");4(/\\s:\\\\/g,"3C",":&#1d;");4(/\\s:D/g,"3D",":D");4(/\\s=D/g,"10","=D");4(/\\s\\^:D/g,"11","^:D");4(/\\s\\^(\\1y|)\\^/g,"12","^1y^");4(/\\s:\'\\(/g,"13",":&#39;(");4(/\\s:1x:/g,"14",":1x:");4(/\\3E/f,"15","1Y");4(/\\3F\\)/g,"16","B)");4(/\\s:Q/f,"17",":Q");4(/\\s\\*\\*p/f,"18","**p");4(/\\2w:\\(/g,"19","7:(");4(/\\s:p/f,"20",":p");4(/\\s:3G+/f,"21",":1Z");4(/\\2w:O/f,"22","7:O");4(/\\s\\\\o\\//f,"23","&#1d;o/");4(/\\s\\\\m\\//f,"24","&#1d;m/");4(/\\s&r;3/f,"25","&Y;Y;r;3");4(/\\3H:\\)+/f,"26","0:)");4(/\\s\\^o\\^/f,"27","^o^");4(/\\s:-a/f,"28",":-a");4(/\\s\\*1B\\*/f,"29","*1B*");4(/\\3I/f,"30","2a");4(/\\3J\\@/g,"31","x@");4(/\\s\\X\\@/g,"32","X@");4(/\\s:-d/f,"33",":-d");4(/\\s:-1z/f,"34",":-1z");4(/\\s\\~x\\(+/f,"35","~x(");4(/\\s:1C:/f,"36",":1C:");4(/\\s:W/g,"37",":W");4(/\\s\\(-\\.-,\\)/g,"38","(-.-,)");4(/\\s\\*=p/f,"39","*=p");4(/\\s=p\\*/f,"40","=p*");4(/\\s:1D:/f,"41",":1D:");4(/\\s:1E:/f,"42",":1E:");4(/\\s&r;:\\)/f,"43","&Y;Y;r;:)");4(/\\s&r;=\\)/f,"44","&Y;Y;r;=)");4(/\\s:1F:/f,"45",":1F:");4(/\\s\\*1G\\*/f,"46","*1G*");4(/\\s\\\'\\\'J/f,"47","&#39;&#39;J");4(/\\s:1H:/f,"48",":1H:");4(/\\s:1I:/f,"49",":1I:");4(/\\s:1J:/f,"3K",":1J:");$(j.3L).2x("2y",k(){$(\'.1g\').2z()});$(\'#4-F 1i.4\').3M(\'3N\',\'3O\').2x("2y",k(e){$(\'.1g\').2z();$(C).3P(\'<2k 8="1g" 2m="1R" 3Q="6" 1s=" \'+C.2v+\' " />\');$(\'.1g\').3R("2A");e.3S()})})})(3T);k 2i(){U b=j.l("1L");b.1s="";b.2B();j.l("2f").1m=!1}k 2g(){U b=j.l("1L"),a=b.1s,c=j.l("2l"),a=a.E(/\\t/g,"    ");c.1N&&(a=a.E(/&/g,"&Y;"),a=a.E(/\'/g,"&#3U;"),a=a.E(/"/g,"&H;"),a=a.E(/</g,"&r;"),a=a.E(/>/g,"&I;"));a=a.E(/^/,\'<i P="1j">\');a=a.E(/$/,"</i>");b.1s=a;b.2B();b.2A();j.l("2h").1m=!1};k 2b(){j.l(\'1e-F\').q.u=\'K\';j.l(\'y-1e\').q.u=\'K\';j.l(\'1K\').q.u=\'L\'}k 2c(){j.l(\'1e-F\').q.u=\'L\';j.l(\'y-1e\').q.u=\'L\';j.l(\'1K\').q.u=\'K\'}k 1W(){j.l(\'4-F\').q.u=\'K\';j.l(\'y-4\').q.u=\'K\';j.l(\'1a-4\').q.u=\'L\'}k 1X(){j.l(\'4-F\').q.u=\'L\';j.l(\'y-4\').q.u=\'L\';j.l(\'1a-4\').q.u=\'K\'}k 2n(){j.l(\'G-F\').q.u=\'K\';j.l(\'y-G\').q.u=\'K\';j.l(\'1a-G\').q.u=\'L\'}k 2o(){j.l(\'G-F\').q.u=\'L\';j.l(\'y-G\').q.u=\'L\';j.l(\'1a-G\').q.u=\'K\'}$(j).1V(k(){$(\'i[P="1j"]\').1p(k(){R $("<1j 8=\'3V\'><1r 8=\'2C\'>"+$(C).T()+"</1r></1j>")});2D(U 1T=j.3W("U,3X,3Y,3Z,1r,1j,4a,1Q,5.1f"),i=0;i<1T.4b;i++)1T[i].4c("4d",k(){U e=4e(),t=j.4f();t.4g(C),e.4h(),e.4i(t)},!1);U 2E=[{"1O":/["\']([^"\']+)["\']/},{"2F":/\\/\\/.*/},{"2F":/\\/\\*(.*?)\\*\\//},{"8":/\\.-?[1t-1h-Z]+[1t-1h-1U-9-]/},{"z":/\\#-?[1t-1h-Z]+[1t-1h-1U-9-]/},{"k":/[-a-1h-4j]+\\([\\d\\w]?\\)/},{"2G":/#[a-2H-9]{6}/},{"2G":/#[a-2H-9]{3}/},{"4k":/(!4l|2D|4m|R|1M|2e|4n|1l|4o|4p|R)\\s/},{"2I":/\\w*(?=:)/},{"4q":/\\$[-a-1h-1U-4r]+/},{"2I":/\\//},{"4s":/(!=|=|%|&|\\)|\\*\\*|\\*|\\/|\\+|-)(?=\\s\\$?[\\w\\d\\n]-?)|(\\()(?=[\\s]*[^\\)]+[\\s\\S]*\\))/}];$.2J(2E,k(){$.2J(C,k(2K,2L){$(\'.2C, .1f\').T(k(i,h){R h.E(4t(\'(\'+2L.4u+\'(?![^<>]*>))\',\'g\'),\'<M 8="\'+2K+\'">$&</M>\')})})})});',62,279,'||||emo|div|||class|||||||ig||||document|function|getElementById|||||style|lt|||display|extension|||hide|id|button||this||replace|box|support|quot|gt||block|none|span|onclick||rel||return||html|var|href|||amp||||||||||||show|javascript|void|92|convert|codtext|emoKey|zA|img|pre|ac|if|disabled|https|com|replaceWith|src|code|value|_a|before|extensiontitle|extensionbttn|waaa|_|bd|yaya|fck|bye|imhere|cendol|rolled|bang|drummer|guitarist|vocalist|showconvert|codes|true|checked|quote|video|blockquote|text|iframe|pres|Z0|ready|showemo|hideemo|T_T|Ozz|||||||||||xV|showtool|hidetool|textarea|false|cvrt|cdConvert|cdrl|cdClear|checkbox|input|opt1|type|showsupport|hidesupport|www|clear|both|align|center|imgRep|alt|s7|on|click|remove|select|focus|codecom|for|highlight|comment|color|f0|property|each|name|selector|allowemo|allowcodetool|allowsupport|putwidbelow|placeholder|spellcheck|fo|Control|group|google|comquot|comimg|width|100|||||||||||height|312|YOUTUBE|data|thumbnail|ytimg|vi|jpg|youtube|embed|feature|player_embedded|frameborder|allowfullscreen|emoRange|raw|githubusercontent|Blogg|trunk|emoticon|png|01|02|03|04|05|06|07|08|09|sT_T|sB|Oz|s0|sxV|sx|50|body|css|cursor|pointer|after|size|trigger|stopPropagation|jQuery|039|precode|querySelectorAll|samp|strong|em|||||||||||kbd|length|addEventListener|dblclick|getSelection|createRange|selectNodeContents|removeAllRanges|addRange|Z_|control|important|in|null|else|unless|variable|9_|operator|RegExp|source'.split('|'),0,{}))
  //]]>
  </script>
  <style type='text/css'>
   iframe#comment-editor{height:300px;max-height:300px;}
  #emo-box,#support-box{background-color:#ffffff;border:1px solid #ecebeb;padding:30px 10px;margin:10px 0;color:#555;text-align:center;}
  #support-box{text-align:start;}
  .emo,.emoKey{display:inline-block;vertical-align:middle;}
  img.emo{width:24px;height:24px;margin:3px;}
  .emoKey{border:1px solid #ffc10e;background-color:#ffffff;font:normal bold 11px/normal Arial,Sans-Serif;text-align:center;padding:5px 0;margin:2px 5px;color:#333;}
  .extension-hide{display:none;}
  #convert-box{width:100%!important;background-color:#f7f7f7;position:relative;overflow:hidden;padding:5px;margin:0 0 30px 0;}
  #convert-box textarea#codes{resize:none;overflow:auto;display:block;width:100%;height:300px;background-color:#fff;color:#444;margin:0;position:relative;padding:5px;direction:ltr;text-align:left;font:13px 'Consolas','Monaco',monospace,Courier,Courier New;border:0;outline:0;}
  .codtext{position:relative;margin:2px 0;padding:5px 8px;line-height:normal;font-family:inherit;font-weight:400;font-style:normal;background-color:#f7f7f7;color:#201c29;display:block;overflow:hidden;text-align:left;direction:ltr;font:13px 'Consolas','Monaco',monospace,Courier,Courier New;}
  .extensiontitle{color:#666;background:#f8f8f8;font-size:12px;display:block;line-height:normal;padding:5px 15px;margin:0 0 5px 0;}
  .extensionbttn{margin:0 5px;padding:0;display:inline-block;}
  .extension-button,div#comments .extension-button{background:#ffffff;color:#1165f1;text-align:center;display:inline-block;font-size:13px;line-height:normal;text-decoration:none;font-family:inherit;font-weight:700;border:0;padding:4px 15px;margin:0 5px;}
  .extension-button:hover,div#comments .extension-button:hover{background:#ffffff;color:#1165f1;}
  #convert-box .fo-Control-textarea{position:relative;overflow:hidden;margin:10px 0 5px;}
  #convert-box .button-group button{Width:100px;color:#fff;background:#1165f1;cursor:pointer;}
  #convert-box .button-group button:disabled{color:#d0d0d0;background:#ececec;cursor:default;}
  #convert-box .button-group{float:right;}
  #convert-box .checkbox{float:left;margin:10px 0;}
  .checkbox input[type=checkbox]{background:#1165f1;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;width:20px;height:20px;color:#ffffff;cursor:pointer;display:inline-block;position:relative;margin-right:0.5rem;z-index:1;vertical-align:middle;border:none;outline:none;}
  .checkbox input[type=checkbox]:checked::before{font:normal normal normal 14px/1 FontAwesome;content:"\f00c";font-size:1em;width:20px;height:20px;position:absolute;display:-webkit-flex;display:-ms-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;}
  /*===============================
            =in comment=
  ================================*/
  .comimg,iframe.YOUTUBE-iframe-video{width:80%;display:block;margin:10px auto;}
  /*=====blockquote======*/
  .comment blockquote{color:#444;width:100%;font-style:italic;font-size:13px;padding:15px 35px;margin:20px auto;position:relative;background:#f8f8f8;border:1px solid #ecebf3;text-align:right;display:block;}
  .comment blockquote:before{position:absolute;top:0;right:0;left:auto;width:25px;height:25px;line-height:25px;text-align:center;font-family:fontawesome;content:"\f10d";color:#dadce0;font-size:15px;font-style:normal;font-weight:normal;margin:5px;padding:0;background:none;}
  /*=====comments pre======*/
  .comment pre.precode{width:100%;height:300px;font:14px 'Monaco',monospace,Courier,Courier New;white-space:pre;word-wrap:break-word;position:relative;margin:5px 0 20px 0;line-height:normal;overflow:hidden;padding:10px;background-color:#f8f8f8;direction:ltr;text-align:left;font-weight:700;color:#201c29;}
  .comment pre.precode:hover{overflow:auto;}
  .comment pre.precode::after{pointer-events:none;content:'إضغط مرتين لتحديد الكل';padding:0;margin:5px;width:auto;height:auto;position:absolute;right:40px;top:0;font-size:11px;font-weight:bold;color:#777;line-height:20px;overflow:hidden;-webkit-backface-visibility:hidden;font-family:inherit;}
  .comment pre.precode:hover::after{opacity:0;visibility:visible;}
  /*=====highlight color======*/
  .codecom .function,.codtext .function{color:#9f34b2;}
  .codecom .operato,.codtextr .operato{;}
  .codecom .class,.codtext .class{color:#c2d037;}
  .codecom .id,.codtext .id{color:#c2d037;}
  .codecom .color,.codtext .color{color:#c2d037;}
  .codecom .comment,.codtext .comment{;}
  .codecom .comment span,.codtext .comment span{;}
  .codecom .quote,.codtext .quote{;}
  .codecom .control,.codtext .control{color:#ffc107;}
  .codecom .property,.codtext .property{color:#ff9800;}
  .codecom .variable,.codtext .variable{color:#0ccc26;}
  /*=====border-radius======*/
  #convert-box .button-group button,.comment pre.precode,.comment blockquote,.extension-button,.checkbox{border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
  /* Page Responsive */
  @media screen and (max-width:1200px){.codtext{font-size:11px;}.comimg{width:100%;}}/*Microsoft lumia550*/
  </style>
  </b:if>
  

  
  

  شرح الكود

  الكود المحدد بهذا اللون خاص بـ العلامة الشرطية تجعل الأكواد تعمل في التدوينات والصفحات الثابتة

  الكود allowemo المحدد بهذا اللون خاص بصندوق الإبتسامات..لإخفائه نستبدل القيمة true إلى false

  الكود allowcodetool المحدد بهذا اللون خاص بصندوق تحويل الأكواد..لإخفائه نستبدل القيمة true إلى false

  الكود allowsupport المحدد بهذا اللون خاص بصندوق سمات العناصر المنسقة..لإخفائه نستبدل القيمة true إلى false

لاتنسى أخذ نسخة إحتياطية من القالب

خطوة العمل والتضمين

• الإبتسامت allowemo

  تضمين الرموز التفاعلية:

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

  تضمين شفرة برمجية:

  لوضع كود في التعليقات نضغط على زر فتح الأداة -  سيفتح معك صندوق تضمين شفرة برمجية ستقوم بوضع الكود المراد تحويله داخل مربع النص ثم نضغط على زر تحويل نقوم بنسخ الكود الذي تم إستخراجه كاملا لغرض وضعه في مربع التعليق.
• سمات العناصر المنسقة (سمات HTML ) allowsupport

  تضمين معاينة صورة:

  تقوم بنسخ الوسم المستعمل <i rel="img">صورة رابط</i> ووضعه داخل صندوق التعليقات ثم تضيف مكان كلمة - صورة رابط  - رابط الصورة التي نريد عرضها داخل التعليق وهذا مثال تطبيقي على ذلك:

  HTML
   <i rel="img">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrAqW6dP84UT5njzNTNNv_QIW0iNacJonSpSKz_cdiCezUfD2iNreARBTugkKIQ3jOkqVlkBscF-XV5pN9o50IIxTuCUgU_7ip5FnK8j_GmedakuqfnDWDSbx2gG8EtOIvfT-Cu5EY-A/w800/blog.png</i> 
  

  تضمين رابط:

  لإضافة سطر أو كلمة قابلة للنقر تقوم بنسخ الوسم المستعمل <a href="رابط التوجيه">عنـوان الرابــط</a> ووضعه داخل صندوق التعليقات ثم تضيف مكان كلمة - عنوان الرابط - الكلمة أو السطر المراد عرضه ومكان كلمة - رابط التوجيه - الرابط المراد عرضه عند النقر على الكلمة أو السطر المضمن داخل التعليق وهذا مثال تطبيقي على ذلك:

  HTML
   <a href="//www-bloggcode-com/">مدونة بلوجر كود</a> 
  

  تضمين إقتباس فقرة:

  إضافة إقتباس نص تقوم بنسخ الوسم المستعمل <i rel="quote">مكـان النـــص</i> ووضعه داخل صندوق التعليقات ثم تضيف مكان كلمة - مكان النص - النص أو الفقرة المراد عرضه وهذا مثال تطبيقي على ذلك:

  HTML
   <i rel="quote">هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة</i> 
  

  تضمين فيديو:

  إضافة فيديو من يوتيوب تقوم بنسخ الوسم المستعمل <i rel="video">معرف الفيديو</i> ووضعه داخل صندوق التعليقات ثم تضيف مكان كلمة - معرف الفيديو - المعرف الذي هو عبارة عن سلسلة حروف وأرقام تجدها في رابط الفيديو عند فتحه على المتصفح وهذا مثال تطبيقي على ذلك:

  HTML
   <i rel="video">xxxxxxxxxxx</i>