3

Փոխում ենք մեկնաբանությունների ոճը 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/AVvXsEgf0b03zr72BenZp_XlC2zJz0oT60SE3vg7BhIjo1Hmk44G95jVS0yfrRMk1OfGZNNfc4djiRSQh5U9Tfg6KE8c1VpbxIFfsmigCQuQI-SowJMjBuTXJtOL0fUDpuZRxFhbwPzn-fBV81E/) 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/AVvXsEhWMylZOp2hM1ZIQSfND2xf4fpgbjg4i6YUeIbQ9xJBhc0I3AJ1IBi3J5s2yYZWbGLAQTxBTYCL5HHeNFEXLvfZ3IqTbJHDlNfAo8dtME8p1G7WUbUsedLjvbJmzjrpol1zQMxPrGbMGIY/) 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/AVvXsEjIlpFKIeeXy4frm-6R5XJ2hZ0YsDbg_CKCISt85gpJAivmBhSPv96XOf6U6Fcn-_1IK_R_EqRhJZneYqo6AfF5p9xZQMZtAuVnZbztdKQMwexnJ9qVkcxEgIygzDsCrFAnQl6nKFcvhg8/'/></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 համարը օգտագործվում է Պատասխանել կոճակը ճիշտ աշխատեցնելու համար:

Posted by Hayk on 11:00. Filed under . You can follow any responses to this entry through the RSS 2.0

27 коммент. for Փոխում ենք մեկնաբանությունների ոճը Blogger-ում

  1. isk chenq kara dra dzev@ poxenq etqan el sirun chi

  2. Կարող եք,,,,Նյութի մեջ ամեն ինչ գրված է...

  3. Narek

    axpers mi ban harcnem kases vonc karanq kayqum facebooki like dnenq

  4. ՚Բլոգը Facebook-Ում-որ կա դրա նման?

  5. DANIEL

    axpers ims erb kanes

  6. Չգիտեմ դեռ ժամանակի հետ կապված պրոբլեմներ կան...ու չեմ հասցնում...առաջին իսկ հնարավորության դեպքում կփորձեմ անել Դանիել ջան...:d

  7. ha eli axpers es mi qani orva mej ara eli minchev msi 14 ksascnes anes

  8. Հա կաշխատեմ անել....թե հասցնեմ...եթե չե մեկ ուրիշ մենյու կսարգեմ նյութի տեսքով կգրեմ...

  9. shat-shat mersi...im karciqov dzel@ aveli heshta qan etqan grel@ bayc du gites es uxxaki et guyneri kod@chgitem vor mtnem dzem

  10. Արդեն մաիլիտ բան եմ ուղարկել որով կկարողանաս ինքդ անել...

  11. AXPERS BAN CHI EKEL HASTAT UXXARKEL ES ESA MAILS danielvardanjan@mail.ru

  12. Հիմա նորից կուղարկեմ...

  13. նոր ուղարկեցի ստուգի մաիլդ...

  14. axpers vor xndrem karas im blogum sarkes es meknabanutyunneri dzev@ im mailn u parol@ ktam ete hnaravaroa eli?

  15. Կներեք, բայց ես միայն տեղադրում եմ նյութերը, իսկ դրանք այլ բլոգում տեղադրելու համար արդեն ժամանակ չի մնում:):c

  16. indz mot ayen verji erku koder@ chem gtnum

  17. Որ կոդերի մասին է խոսքը? Ուրեմն տարբեր շաբլոնում տարբեր տեսք ունեն կոդերը...բայց ուշադրի որ համեմատեք կոդերը նմանություն կլինի...ու պարտադիր չի որ հենց նույն կոդը գտնեք,,,գտեք այս կոդին ամենանման կոդը

  18. Երևի ID համարը սխալ ես գրել կամ ինչ-որ բա սխալ ես արել...բայց ամենահավանականը ID համարի սխալնա,,,

  19. ESEL EI @TENC MTACUM BAYC HMI ET ID HAMAR@ MAN EM GALI CHEM GTNUM HASTAT CHKA ES HMI VONC KARAM ANEM VOR INK@ IRA HIN DEV@ @NDUNI U ES ESI TAZUC ANEM

  20. ape blogums vor komenten grum grum a ruserenov 1 komentariy vonc karam eti qonini pes kapuyt guynov gre meknabanutyun?

  21. [im]http://1.bp.blogspot.com/-rhMHvyJ7HU0/T_FLTULxU9I/AAAAAAAAALY/ci8In8SLufk/s320/porc.JPG[/im] nayi ktenas, isk im@ dra tex@ gruma xosqi 2 комментарий: karas ases vonc qonini nman anem?

  22. @Juninho Avetisyan+Դիզայն բաժնում, մեծ գադջիթ կա, այ դրա մեջ Komentaria բառը փոխի հայերն:

  23. ba vonc piti imananq te mer kayqi ID-n vorna

  24. արելեմ, որ մեկնաբանություն չի լինում գրումա 0 մեկնաբանություն բայց, երբ մեկը գրումա ցւյցա տալիս 1 комментарий որ լոգին պարոլս ասեմ կարաս մտնես քոնինի պես սարքես?

Leave comment

Recent Entries

Recent Comments

Photo Gallery

Copyright © 2012-2013.Այլ կայքերում կամ թերթերում մեջբերում անելիս հղումը MrBlogger-ին պարտադիր Է: Բոլոր իրավունքները պատկանում են Հայկ Գրիգորյանին: