11/08/2017

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



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

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

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

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


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

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

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

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


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

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

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

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

    شرح الكود
    الكود المحدد بهذا اللون خاص بـ العلامة الشرطية تجعل الأكواد تعمل في التدوينات والصفحات الثابتة
    الكود المحدد بهذا اللون لنقل أنه اداة التحكم في الإضافة ركز عليه لأننا سنشرحه في المرحلة الآخيرة .
    الكود المحدد بهذا اللون خاص بنمط css الإضافة نستطيع وضعه فوق الوسم ]]></b:skin> لكن الأفظل أتركه كما هو.
    ملاحظة جدا مهمة
    في الغالب عند تركيب الأداة ستلاحظ أنها أخذت الموضع أسفل صندوق التعليقات وكذلك عند محاولة الرد على تعليق تبقى الإضافة دائما في الأسفل و لتفادي هذا الخلل سنقوم بتعديل بسيط لن يأثر في عمل نظام التعليقات ككل .. لحل هذا المشكل إتبع الأتي ..
  • قم بالبحث عن هذا السطر document.getElementById(domId).insertBefore(replybox, null); وقم بإستبداله بالسطر التالي

  • 
     document.getElementById(domId).insertBefore(replybox.parentNode, null); 
    



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

خطوة التحكم في إظهار او إخفاء ميزة معينة

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

    
        allowemo = true,
        allowcodetool = true,
        allowsupport= true;
    

    شرح الكود
    الكود allowemo المحدد بهذا اللون خاص بصندوق الإبتسامات.
    الكود allowcodetool المحدد بهذا اللون خاص بصندوق تحويل الأكواد.
    الكود allowsupport المحدد بهذا اللون خاص بصندوق سمات العناصر المنسقة.
    ما سنقوم به هو تغيير القيمة true إلى false إذا أردنا إخفاء أحد الصناديق على سبيل المثال إذا أردنا ترك فقط الإبتسامات وحذف البقية يكون شكل التعديل كالآتي ..
    
        allowemo = true,
        allowcodetool = false,
        allowsupport = false,
    



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

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

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

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

    سمات HTML
    تضمين معاينة صورة - تقوم بنسخ الوسم المستعمل <i rel="img">صورة رابط</i> ووضعه داخل صندوق التعليقات ثم تضيف مكان كلمة - صورة رابط  - رابط الصورة التي نريد عرضها داخل التعليق وهذا مثال تطبيقي على ذلك:
    
     <i rel="img">https:-//1.bp.blogspot.com/AAAAAAAACBE/s640/Emoticons.png</i> 
    


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


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


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