Thursday, March 10, 2016

How To Install Threaded Comments Manner Inwards Blogger

How to add together custom threaded comments inwards blogger template How To Install Threaded Comments Style In Blogger
Do you lot accept Custom Blogger Threaded Style? Are you lot using Default Comments System ? Do you lot know the advantages of blogger threaded comment arrangement ? Don't worry today inwards this tutorial nosotros volition percentage you lot How to Add + Enable Customized Blogger Threaded Comments inwards Custom Template.For the Demo of blogger threaded comments function hold back our comments system,it's actually unique too hold back real beautiful too attractive.However at that spot are hence many tutorials on styling the blogger default comments arrangement to threaded comments hack for blogger website or blog.But i must nation you lot volition abide by our 1 is totally unlike from the others.We accept tried our best to serve you lot the best.Later on nosotros volition percentage you lot how to add together conversion box , emotions , comment shape message inwards blogger comments box for that continue visiting too remain tuned.One of our precious reader asked for the Threaded comment system too nosotros are hither amongst this trick,blogger threaded comment hack arrangement is real slowly to install inwards template.
In the blogger threaded comments hack nosotros accept used CSS for styling the comments department ,you tin too create it yourself but outset for that you lot demand noesis of CSS..but don't worry nosotros are hither for you..if you lot demand whatsoever other blueprint too then gratis to inquire us nosotros would honey to assistance you.In gild to install Customized Blogger threaded comment system follow the steps mentioned below.

How to Add fashionable Blogger threaded comment hack inwards template

Installation Steps:
Step 1. Log inwards to your Blogger account too Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for the below code past times using CTRL + F , CMD+F (Mac) Keys.
<b:include data='post' name='threaded_comments'/>
Step 4. Now supersede the inwards a higher house code snippet amongst the next below code.
 <b:include data='post' name='comments'/>
Step 5. Now Search for the next code snippet
<b:includable id='comments' var='post'>.....</b:includable> 
Step 6. Now Replace the inwards a higher house code snippet too all within code betwixt <b: includable ... </b:includable> amongst the below code snippet.
 <b:includable id='comments' var='post'>
     <div class='comments' id='comments'>
        <b:if cond='data:post.allowComments'>
          <h5> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span>
comments on &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span>
comments on &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <span itemprop='interactionCount'><data:post.numComments/></span>
comments on &quot;<data:blog.pageName/>&quot; </b:if> </h5>
    <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container'>
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
          <data:post.oldestLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
          <data:post.olderLinkText/>
        </a>
        &#160;
        <data:post.commentRangeText/>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
          <data:post.newerLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
          <data:post.newestLinkText/>
        </a>
      </span>
    </b:if>
    <div class='clear'/>
    <div id='comment_block'>
      <b:loop values='data:post.comments' var='comment'>
         <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
          <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'>
              <data:comment.body/> - <a class='comment_remove' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
                Clear
              </a>
            </span>
            <b:else/>
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
              &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
              <b:else/>
              &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
            <div class='comment_header'>
              <div class='comment_avatar'>
                <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
 <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'>REPLY</a>
            </div>
            <div class='comment_body'>
<div class='cm_head'>
<div class='cm_infonm'>
              <div class='comment_name'>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
                   <data:comment.author/>
                  </a>
                  <b:else/>
                 <data:comment.author/>
                </b:if>
                <b:if cond='data:comment.author == data:post.author'/>
              </div>
              <div class='comment_service'>
                <a expr:href='data:comment.url' rel='nofollow' title='Permalink'>
                   <span class='comment_date'>
                      <data:comment.timestamp/>
                    </span>
                </a>
              </div>
</div>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdNoYFy94To1GXOwY9H4a6CqQ4Cux41QF9cCZkpM7a6nD0brY35RxBOg14KJhW3tK27RFToJ0SwfczgtCam_OwuqREjc9gF56e0_DTWlEpmyI7eXI6Q5F9bX7U8rSFkNFCvIRfufv01Tg/s1600/delete4.png' title='Delete Comment'/>
</a>
</div>
              <p><data:comment.body/></p>
            </div>
            <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
          </b:if>
        </div>
      </b:loop>
    </div>
    <div class='clear'/>
    <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container'>
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
          <data:post.oldestLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
          <data:post.olderLinkText/>
        </a>
        &#160;
        <data:post.commentRangeText/>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
          <data:post.newerLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
          <data:post.newestLinkText/>
        </a>
      </span>
    </b:if>
    <div class='clear'/>
    <div class='comment_form'>
      <b:if cond='data:post.embedCommentForm'>
        <b:if cond='data:post.allowNewComments'>
          <div class='comment_emo_list'/>
          <b:include data='post' name='threaded-comment-form'/>
          <b:else/>
          <data:post.noNewCommentsText/>
        </b:if>
        <b:else/>
        <b:if cond='data:post.allowComments'>
          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
            <data:postCommentMsg/>
          </a>
        </b:if>
      </b:if>
    </div>
  </b:if>
</div>
 <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
   
       <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
       <script type='text/javascript'>
   
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 3;//Depth score threaded comment
        Display_Emo = false;//Show emoticons? type "false" to hide
        Replace_Youtube_Link = true;//Embed YouTube videos, type "false" to disable
        Replace_Image_Link = true;//Auto supersede the picture link, type "false" to disable.
        Replace_Force_Tag = false;//Auto supersede virtual tag example: [pre] becomes <pre>, too [/ pre] becomes </ pre>, if 1 writes, volition non work
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only industrial plant when Replace_Image_Link = true
   
        //Setting Emoticon
        Emo_List = [
        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdtJAtAk_ZPkAhv0S2hBZTAhCt-5rpRgG7Rz4xIbjXt45TWz1LjdBjS5-Xjvqb3wCb4893EA11d9sDJn2jGyA0wDzvPetxPuDbxiXHykxe3MloU1-g2w_tb-Ol-Gox0iqPZ8dSrCGrgda/s1600/happy-yahoo-emoticon.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSPdXi9HF62pgnY69Kgh8-VJU7jfxR6cws7W7GCS-Kts1ZadTpNyo-VpMZ3mBptHYR3lfH0WhoqQdfwyt9vZB2TRXJOSQovFNOuEx96DOjVPr936140p-BSIfXPp2O-ITG6O5_Z-wVtUo/s1600/sad-yahoo-emoticon.gif',
        ' =('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxHrhFnS0wIYcPS7_HSWWtwWr9v4JcUvOIu9_UImSYIKqWIJ2Tp2UXYKS8S_9XmVBqn1NUbdni4-IbDHklKzCviMqKF75j50sY98KVSqE5iuy7GSdGkA97OPWX2-RjAErDABT3n0EtFYp/s1600/crying-yahoo-emoticon.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9a4abl6JUo1ObVvtHfgPMYEFLjV065Kj35kgZlFZp6EGJNZlY4y-VlVwjx_0SB6IqHqMv7tn-0_UC1uj9e5E9pSfWYxzAJnF2RUj9rcRTOrS5fL7xnpdXy2uAAO2svoCVLAdj4kI3JS_/s1600/batting-eyelashes-yahoo-emoticon.gif',
        ' :D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-MgNW06297B-XqQC0EQlEZfMgYogrsJ_kDWQIGP_bfxm7RJYRcHkM4uFD18XVVTn4P3Ae1-IJekmVf55GZE1Mi4ClFdzBhOSnmS1iUNgWctjhM3szCJwj4Fiv00Hhv8Fwz5kTV9vKcimu/s1600/hee-hee-yahoo-emoticon.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJz6N0DCE65-Aw36pw29TTvuFANPiq3nKxXLCGXDL7W035qbG_Bf3_-Z26utwrYrVb1rGv1rn5z3QKY_bRKaC2V_NZq2qouJW8on1TfO4Wznar9qGw5uwmqv1WNIYPyVVm1-gVB8CtAok/s1600/big-grin-yahoo-emoticon.gif',
        '=)D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSzaNk0Ff8_LH-5xwBstRLIHOhqfX_mV6aQb0YleEu7n_5vJG2XVG0vIxH8QGYFPcihEfZxXHkpjJxSsEqRMd1QsOn6dGKSI_hv64LYuGJh-Xym5j5U0uj9hrG8bCN3YYI-np4CObmp9PR/s1600/laughing-yahoo-emoticon.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh38F1G0gS-hSv5F1O9tOmPbuWSI1XfsPUVaR6G2hUFEl_y5TM1qmPI6imRKBAHmwa4nW5qPD_lJAp_smHuxGxAxfl4vDo2uGPk4fcW0YnOEdQSHgi4V2pSBylMLAvT_325R6K-XcoEb0ub/s1600/applause-yahoo-emoticon.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDcdwtDTWTFZ2yGSgRoSKdDoJqYG5dm_RagJ-L5gHewIgLY5VJ41JEYJGhnjeoajUQx6OW00cJHKyGhkrCXmgXYGca_qsCMZzEmWPvTxdWAwkMIx-A8s7396CQRDy4jY6iiC6BpR_MhjF/s1600/hypnotized-yahoo-emoticon.gif',
        ' ;)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6jgGyVirB71QAf-rjT_5YNPAoy28XJ6vb_8ZLxpUSFmF5X72Y63xD7QrPy4M1HTl4kwPwvU1RkesmVzCzkvgkNnNPM-OzeDcTSfIyv8QyaA9ponlzeMaKgiq6F-1xNTUgRzsevaL35pxg/s1600/winking-yahoo-emoticon.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj4vXuYpe4tvQHMdnv3O9pszC_sov950L3QzjFBsVzZDZSh_M9DACZgF3MvzlLh2O2ihxmTUvWtwTkph3Yh-g9aqFfQ__nNANhpb2kR-SgMq1mI7V2yO-WoR_fl3CQkYBsC3uceBnStcGI/s1600/thumbs-up-yahoo-emoticon.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofRHsA8ij9xOstSOJ6XTFsiYZJrG4WkMjydqjrg9kqMcIVC_KuwaS-rVcDDqrRrFpjkCSaDGbeMujBVAQTxNDjCq1VQPIO8c5p70Jh6Qy3rGSUZ_JVVixbDQ4MvBqB_SNYnABr1hsvpA/s1600/thumbsup.gif',
        ' :p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9yV5Pbbae-66r1xJPOMPvrMjqxLZxd-CnpeCA9MdbuwrxEWqOk_CLft4aymC2vpWGpc3B9EEi0rHrSaYmTUIeujrUNfLJDeV2jXW2s00QNYoSYbnHXl98PLQtvIbPgSMSq1KcCjyXYa8w/s1600/silly-yahoo-emoticon.gif',
        ':ng'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUGhmxVKorD9deBYxWeDXT4AWwfMQnJ7cg1JDyjgXSYtyv51GWjfIjN6IWtmmLUI-sPrF9auITyc7odanEJ3qEDk2dBl25j8PuEFT1Fztp45nUQfkklBHxiYjllZ_2LGTU33euuU3QFMRQ/s1600/rolling-yahoo-emoticon.gif',  
        ];
   
                           
                                //Config Force tag list, define all inwards lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="How To Install Threaded Comments Style In Blogger">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
 
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}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
        var ava = $(this).attr('src');
        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));
});    
    //]]>
</script>
</b:includable> 
Step 7. Now Search for ]]></b:skin> or </style> by Pressing Ctrl+F keys.
Step 8. Copy the below CSS code too glue it simply earlier the ]]></b:skin> or </style> tag.
#comments{background:#fff;border:1px enterprise #ccc;margin:20px  0 0;padding:20px}
#comments h5{color:#000;margin:0;padding:0 0 5px;font-size:160%}
.comment_inner{margin:20px 0;padding:0;overflow:hidden}
.comment_header{float:left;width:67px}
.cm_head{position:relative;background:#fff;border-bottom:1px enterprise #ccc;margin:-10px -10px 0;padding:5px 10px 8px;}
.comment_avatar{border:1px enterprise #ccc;margin:0;padding:5px 5px 0;}
.comment_avatar img{width:55px;height:55px;padding:0;text-align:center;margin:0;background:#8ED557 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuXCPoEtTYYbR8oU3ZA4N6YY09FzWuZPtAYSDi18ufkGwkicgDpWTzHbkwy-UT5jygquYZL1fsZT1CxF7WqeSdCGQduV8iVwHvXDeoizp7t903RmJ3VBuuFfJ2aCd05-XkZ92sZ5g-kI/s1600/no-image-available-bloggersstand-comments.jpg) no-repeat}
div.comment_avatar img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;]{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuXCPoEtTYYbR8oU3ZA4N6YY09FzWuZPtAYSDi18ufkGwkicgDpWTzHbkwy-UT5jygquYZL1fsZT1CxF7WqeSdCGQduV8iVwHvXDeoizp7t903RmJ3VBuuFfJ2aCd05-XkZ92sZ5g-kI/s1600/no-image-available-bloggersstand-comments.jpg)}
.comment_name,.comment_name a{font-family:Roboto,Helvetica;padding:0;margin:0 0 7px 0;font-weight:500;font-size:15px;text-transform:uppercase;}
.comment_service{margin-top:0}
.comment_date{margin:0;color:#333;font-size:14px;text-transform:uppercase}
.respond{float:right;margin:0;padding:0}
.comment_date:hover{color:#8ED557;text-decoration:underline}
.comment_body{background:#fff;border:1px enterprise #ccc;margin-left:77px;padding:10px;}
.comment_body p{line-height:1.2;margin:15px 0 5px;color:#666;font-size:14px;word-wrap:break-word;padding:0;}
.comment_child .comment_wrap{padding-left:78px}
.comment-delete{position:absolute;float:right;top:10px;right:10px;margin:0;padding:0}
.infonm{float:left}
.comment_reply{display:block;font-weight:700;margin:10px 0 0;padding:7px 0;color:#fff!important;text-align:center;text-decoration:none!important;background:#3498db;}
.comment_reply:hover{text-decoration:none;background:#333}
.comment_remove{font-weight:700;margin:0;padding:0;color:#fff!important;text-decoration:none;}
.comment_remove:hover{text-decoration:none;color:#000!important}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%!important}
#comment-editor{width:100%!important;background:#fff url(&#39;data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7&#39;) no-repeat 50% 40%;margin-bottom:0;margin-top:5px}
.comment_form a{text-decoration:none;font-weight:bold;font-size:14px}
.comment-form p{background:#fff;padding:10px;margin:5px 0 5px 0;color:#000;font-size:14px;line-height:20px;position:relative}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:100%}
iframe{border:none;overflow:hidden}
.deleted-comment{background:#e74c3c;color:#fff;padding:20px;margin:5px 0;display:block}
iframe{border:none;overflow:hidden}
Step 9. Now Save your Template..Done ! 

No comments:

Post a Comment