Տեղադրում ենք «Ավելացնել մեկնաբանություն» կոճակը Blogger-ում

Հերթական կոդը Jquery-ից: Այս անգամ կփորձեմ Blogger-ի «սիրահարներին» ներկայացնել, թե ինչպես կարելի է տեղադրել բոգում «Ավելացնել մեկնաբանություն» կոճակը:

Այս կոճակը օգտակար կարող է լինել այն դեպքում, երբ բլոգում առկա են շատ մեկնաբանություններ, որոնք դանդաղեցնում են էջի թերթելը:

Եվ այսպես, կոճակը ավելացնելու համար նախ մտնում ենք բլոգի կառավարման էջ և կատարում ենք հետևյալ քայլերը՝ Шаблон › Изменить HTML ›Расширить шаблоны виджета: Հետո բլոգում փնտրեում ենք </b:skin> կոդը (հեշտությամբ գտնելու համար օգտվեք Ctrl+F սեղմակների համադրությունից): Այս կոդը գտնելուց հետո, նրա անմիջապես վերևում ավելացնում ենք ներքևում նշված HTML  կոդը:

a.add_comment{text-decoration:none;color:#fff}
.add_comment{float:right;padding:6px 10px;margin:20px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;display:inline-block;background:#d43131;background:-moz-linear-gradient(top,#ffaa9a,#f8674b 5%,#d54746);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa493),color-stop(.03,#f8674b),to(#d54746));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746')";-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d1371c;border-bottom:1px solid #9f220d;color:#FFF;text-shadow:0 1px 1px #6f3a02}
.add_comment:hover{background:#c92929;background:-moz-linear-gradient(top,#ff9986,#ee5f43 5%,#d04443);background:-webkit-gradient(linear, left top, left bottom,color-stop(0,#fa8772),color-stop(.03,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443');
 -ms-
filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443')";border-bottom:1px solid #9f220d}
.add_comment:focus{padding:7px 11px;color:#FFF;text-shadow:0 -1px 1px #894906;border:none;background:#bc2323;background:-moz-linear-gradient(top,#d04443,#ee5f43 95%,#d04443);background:-webkit-gradient(linear,left top, left bottom, color-stop(0,#d04443), color-stop(.9,#ee5f43),to(#d04443)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43'); 
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43')";box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-webkit-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-moz-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7}

Այս կոդը ավելացնելուց հետո փորձում ենք գտնել՝ <b:includable id='comments' var='post'> այսպիսի  կամ նմանատիպ ինչ-որ կոդ: Որից անմիջապես հետո ավելացնում ենք ներքևում նշված HTML  կոդը՝

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='add_comment' href='#comment-form'>Ավելացնել մեկնաբանություն</a>
<div class='clear'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>$(&#39;.add_comment&#39;).click(function(){$(&#39;html,body&#39;).animate({scrollTop:$(&quot;.comment-form&quot;).offset().top},1000);});</script></b:if>

*Վերջում միայն ավելացնեմ, որ այս քայլերը կատարելուց առաջ պահպանեք ձեր բլոգի կրկնօրինակը: