Փոխում ենք մեկնաբանությունների ոճը Blogger-ում

Հերթական անգամ որոշեցի անդրադառնալ Blogger-ին և այս անգամ կխոսեմ մեկնաբանությունների հարթակի մասին: Հավանաբար բոլորտ նկատել եք, որ Blogger-ում մեկնաբանություններ կատարելիս չկա Պատասխանել (Reply)կոճակը, բացի այդ մեկնաբանությունները ոչ այնքան գեղեցիկ են, ի տարբերություն, օրինակ՝ Blogger-ի հիմնական մրցակից Wordpress-ի:

Այս կոդերը տեղադրելուց հետո մեկնաբանությունները կլինեն ավելի համակարգված և կհայտնվի Պատասխանել (Reply) կոճակը:

Նախքան գործին անցնելը կրկնօրինակում ենք բլոգը: Եթե չգիտեք ինչպես կրկնօրինակել, ապա կարող եք օգտվել այս նյութից:

Կրկնորինակելուց հետո անցնում ենք մի փոքր ավելի բարդ գործի՝

Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета): 

Քայլերը կատարելուց հետո փորձում ենք գտնել ներքևում գրված CSS կոդը: Նմանատիպ կոդ գտնելուց հետո, ջնջում ենք այն ամբողջությամբ: 

Նման կոդ չգտնելու դեպքում կարող եք անցնել հաջորդ քայլերին:

#comments-block {...}

.comment-body {...}

.comment-footer {...}

......

Ջնջելուց հետո գտնում ենք </b:skin> կոդը և նրա անմիջապես վերևում տեղադրում ենք հետևյալ կոդը: Կարմիրով նշված են մեկնաբանության հարթակի չափսերը: Իսկ գույնը կարող նշված է նարնջագույնով::

.comments-block a,.comments-block p,.comments-block a img{margin:0;padding:0;outline:none;border:none}

.comments-block{width:600px;background:#fff;padding:10px;font-family:Arial;line-height:18px}

.comments-block .arrow{float:left;margin:22px 0 0 6px;display:block;width:8px;height:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig4uEmca6CZh217bd8BKNxL-nCVMn4-ieq6yDMl2wtFMFtUE0oqjBEkLikoGYWnOsOutJrJSFbPj1xFpsF5s6fYX8bEqKuMvJZ_zxT4tO6iObngaloneOvNxk2myE5EQZPror766tPZpY/) no-repeat}

#comments-box{float:right;width:510px;margin-bottom:10px;border:5px solid #e3e3e3;border-radius:8px}

.comments-avatar{float:left}

.comments-meta{padding:5px;background:#F1F1F1;border-bottom:1px solid #E3E3E3}

.comments-meta{font-size:18px}

.comments-meta a{font-size:18px;color:#0E6284;text-decoration:none}

.comments-timestamp{color:#0E6284;font-size:12px}

.comments-body{font-size:13px;padding:5px;background:#fff}

a.comments-reply{margin:10px 10px 0 0;display:block;width:68px;height:28px;float:right}

.avatar-image-container{width:60px;height:60px;padding:2px;border:1px solid #ccc}

.avatar-image-container img{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRebD1vw4buYA05-w5rrZae1UNgFYmsjCV4sMJSaMpLcGIylvqvcSgAIsfy9lWz9nlXrEAoTxSg1n2sb8Z5ReE_qukMCJndLX0xA0f5e2bgdmY7as1oiSeuqTAvxMdJWovlHJ-cOK6rWk/) no-repeat;width:60px;height:60px}

Հաջորդ քայլը ամենաբարդագույնն է: Ուշադիր կերպով փորձում ենք գտնել ներքևում տեղադրված կոդին նման կոդ: Կոդը շատ երկար է և կախված բլոգի կաղապարից (Шаблон) տարբեր կարող է լինել:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

...........

</b:loop>

</dl>

*Տարբեր գույներով նշված կոդերի համապատասխանությունը պարտադիր է:

Գտնելուց հետո այն ամբողջությամբ նշում ենք և փոխարինում ներքևի կոդով:

<div class='clear'/>

<div class='comments-block'> 

<b:loop values='data:post.comments' var='comment'>

<div class='comments-avatar'>

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon'/>

</b:if>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

</div>

<div class='arrow'/>

<div id='comments-box'>

<a class='comments-reply' expr:href='&quot;https://www.blogger.com/comment.g?blogID=Այստեղ գրում եք Ձեր բլոգի ID համարը &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%20%3A#form&quot;' onclick='javascript:window.open(this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=450&quot;);return false;' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXRyEV8cPt5iq0AUKyMt6JSmfskHA2-9BiDK3IaIduc2qpoxjPQvzkmNAvK-e6jbzIiAtiNmrt1ae9Qz2CA9GXMbIlz6AFQvB0UIYtbggGNb_kELg1KvwtPSZx6pb6_kCopYbenUFtV8w/'/></a>

<div class='comments-meta'>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/><data:comment.author/>

</b:if><data:commentPostedByMsg/>

<div class='comments-timestamp'>

<data:comment.timestamp/>

<b:include data='comment' name='commentDeleteIcon'/>

</div></div>

<div class='comments-body'> 

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if></div>

</div>

<div class='clear'/>

</b:loop>

</div>

ID համարը գտնելու համար մուտք ենք գործում բլոգի կառավարման էջ և դիտարկիչի հղման դաշտում փնտրում ենք «ID=7358090680957114959»  նմանատիպ համար: 

*ID համարը օգտագործվում է Պատասխանել կոճակը ճիշտ աշխատեցնելու համար: