Cara Terbaru 2018 Membuat Kotak Komentar Di Blog Blogspot Keren

MP4U - Cara Terbaru 2018 Membuat Kotak Komentar Di Blog Blogspot Keren - Hallo selamat pagi dan selamat berjumpa kembali di blog MP4U, setelah kemarin membahas dan berbagi mengenai Cara Memasang Auto Refresh Halaman Blogspot Tanpa JavaScript, di kesempatan pagi inipun masih membahas hal serupa, yaitu mengenai tutorial blogger, lebih jelasnya akan sedikit mengulas tentang Cara Terbaru 2018 Membuat Kotak Komentar Di Blog Blogspot Keren, untuk ulasan selengkapnya simak terus dibawah ini guys!!!

Cara Terbaru 2018 Membuat Kotak Komentar Di Blog Blogspot Keren

OK Next... Jika sobat bingung bagaimana Cara Mengubah dan Membuat Komentar di Blog Menjadi Keren ? tepat sekali sobat membaca postingan ini, karena disini akan saya kasih caranya supaya kotak komentar blog lebih sedikit keren dari yang lain, dan untuk merubah dan mendesign kotak komentar pada blogger agar nantinya lebih keren itu bukan hal yang sangat sulit, sobat cuman perlu mengetahui sedikit tentang css dan html...

Dan kemudian memasangkan html dan css sebagai pemanggil html tersebut pada halaman editor html blog sobat... Namun bagi yang masih minim pengetahuanya tentang bahasa coding ini, sulit rasanya membuat kotak komentar blog jadi lebih keren, nah dari pada pusing liat kode yang sama sekali tidak mengerti, lebih baik copas saja semua kode kotak komentar blog dibawah ini yang dijamin keren pisan, hehehe...

Tak hanya kotak komentar yang keren, akan tetapi comments box ini fast loading dan valid html5 serta css3, sehingga tidak membuat blog sobat lelet ketika di buka, dan tentunya membuat pengunjung betah lama - lama di blog sobat... komentar ini di modifikasi menjadi valid oleh master blogger indonesia yaitu " Kang Ismet " yang memberi nama komentar ini dengan komentar hack versi 3, dan langsung saja dibawah ini caranya...

Cara Terbaru 2018 Membuat Kotak Komentar Di Blog Blogspot Keren


  1. Pertama, pastikan sobat udah masuk di dasbhor blog sobat sendiri
  2. Masuk pada bagian editor Template, caranya pilih Menu Template -> Edit HTML
  3. Temukan kode dibawah ini :
    <b:include data='post' name='threaded_comments'/>
  4. Lalu Ganti kode diatas dengan kode seperti ini
    <b:include data='post' name='comments'/>
  5. Simpan kode ini di atas ]]></b:skin>
    #comments {}
    #comments h3 {margin-bottom:15px;font-size:18px;}
    .comment_avatar_wrap{
    width:42px;
    height:42px;
    border: 1px solid #C4C4C4;
    border-top-color: #E4E4E4;
    border-left-color: #E4E4E4;
    background:#fcfcfc;
    padding:4px;
    border-radius: 2px;
    text-align:center;
    margin-bottom:20px;
    }
    #comments .avatar-image-container {
    float: left;
    margin: 0 10px 0 0;
    width: 42px;
    height: 42px;
    max-width:42px;
    max-height:42px;
    padding: 0;
    margin-bottom:10px;
    }
    #comments .avatar-image-container img {
    width: 42px;
    height: 42px;
    max-width: 42px;
    max-height: 42px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_KYB_BDAf1L7odwMrpxNwP_VKrYyKIx2a_agYZb2EhJXyKAYTXqZgQceLoBpbj2TeqxHY-FHuVPD5FduhY_AdMVXWtnC9ifaEKTOQJ2lsvHzZpCE_LysBELEhjqWQDnSdITB7WJLclxl5/s1600/anon.jpg) no-repeat;
    }
    .comment_name a {
    font-weight: bold;
    padding: 5px 0 0 0;
    font-size: 13px;
    text-decoration: none;
    }
    .comment_admin .comment_name  {
    font-weight: bold;
    padding: 10px;
    font-size: 13px;
    text-decoration: none;
    background:#eee;
    }
    .comment_admin .comment_date  {
    font-weight: normal;
    font-size:11px;
    }
    .comment_name {
    background:#eee;
    padding:10px;
    font-size:13px;
    font-weight:bold;
    position:relative;
    }
    .comment_service{
    margin-top:5px
    }
    .comment_date {
    color: #a9a9a9;
    float:right;
    font-size:11px;
    font-weight:normal;
    margin-top:-3px;
    }
    .comment_date a{
    color: #a9a9a9;
    float:right;
    font-size:11px;
    font-weight:normal;
    }
    .comment_date a:hover{
    color: #a9a9a9;
    text-decoration:none;
    }
    .comment_body{
    margin-left:66px;
    margin-top: -72px;
    background:#fcfcfc;
    border:1px solid #d1d1d1;
    padding:10px;
    border-radius: 2px;
    }
    .comment_body p {
    line-height: 1.5em;
    margin: 5px 0 0 0;
    color: #666;
    border:1px solid #eee;
    font-size: 13px;
    word-wrap:break-word;
    background:#fff;
    padding:10px;
    }
    .comment_inner {
    padding-bottom: 5px;
    margin: 5px 0 5px 0;
    }
    .comment_child .comment_wrap {padding-left: 7%;}
    .comment_reply {
    display: inline-block;
    margin-top:8px;
    margin-left:-5px;
    padding: 1px 12px;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    background: #bababa;
    font: 11px/18px sans-serif;
    transition: background-color 1s ease-out 0s;
    }
    .comment_reply:hover {
    text-decoration: none !important;;
    background: #056b95;
    }
    .unneeded-paging-control {display: none;}
    .comment-form {max-width: 100%;!important;}
    #comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
    .comment_form a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 15px;
    }
    .comment_form a:hover {text-decoration: underline;}
    .comment-form p {
    background: #666;
    padding: 10px;
    margin: 5px 0 5px 0;
    color: #eee;
    font-size: 13px;
    line-height: 20px;
    width:97%;
    border-radius:3px;
    position:relative;
    }
    .comment-form p:after{
    content:"";
    width:0;
    height:0;
    position:absolute;
    bottom:-16px;
    left:15px;
    border:8px solid transparent;
    border-color:#666 transparent transparent;
    }
    .comment_reply_form {
    padding: 0 0 0 70px;
    }
    .comment_reply_form .comment-form {width: 99%;}
    .comment_emo_list{
    display:none;
    }
    .comment_emo_list .item {
    float: left;
    text-align: center;
    margin: 10px 10px 0 0;
    height: 40px;
    width:41px;
    }
    .comment_emo_list span {
    display: block;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    }
    .comment_emo_list span {
    display: block;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    }
    .comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
    .comment_img {max-width:100%!important;}
    .deleted-comment {
    padding: 10px 10px 10px 10px;
    display: block;
    color: #CCC;
    }
    .comment_arrow {
    display: block;
    width: 9px;
    height: 18px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh64HFNyaw45sZ-ZQEwItHXXTutw7Zr0yTv1Hf_I92BrfHR9e8lE3v_7A4EyYFG_LeQzqe1jwDMhLNyEwluCe04TmmR8Wy5H9N5Bxq964aPeY0mE1YiVqNdJBd3Use81OyVD-qJ07L5bqQ/s1600/comment-arrow.gif) no-repeat;
    position: absolute;
    margin-left: -19px;
    }
    .comment_header{width:50px}
    #respond {
    overflow: hidden;
    padding-left: 10px;
    clear: both;
    }
    .comment_avatar img{width:42px;height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_KYB_BDAf1L7odwMrpxNwP_VKrYyKIx2a_agYZb2EhJXyKAYTXqZgQceLoBpbj2TeqxHY-FHuVPD5FduhY_AdMVXWtnC9ifaEKTOQJ2lsvHzZpCE_LysBELEhjqWQDnSdITB7WJLclxl5/s1600/anon.jpg) no-repeat}
    .comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
    .comment_author_flag {display:none}
    .comment_admin .comment_author_flag {display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-62sM0Ru0oPsRd2KCpgwj9R-bZ8iXKVn40DiZ-TBE_QtGEX_hEw3wBfolEUt_n6MF9t5I_WynIWmzZPidfrXRIiTDuhluUDGaCEGgh0-wesQbyF9JDlTcsT30vpQudRHDgOKvBrdizD4/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
    iframe{border:none;overflow:hidden}
  6. Kemudian ganti kode dibawah ini :
    <b:includable id='comments' var='post'>...</b:includable>
  7. Dengan yang dibawah ini :
    <b:includable id='comments' var='post'>
    <div class='comments' id='comments'>
     <b:if cond='data:post.allowComments'>
      <b:if cond='data:post.numComments != 0'>
       <h3>
        <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
         <b:else/>
         <data:post.numComments/> <data:commentLabelPlural/>
        </b:if>
       </h3>
      </b:if>
                   
      <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 class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                     
          <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_wrap'>
         <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='Balas'>Balas</a>
         </div>
                             
         <div class='clear'/>
        </div>
             
        <div class='comment_body'>
                                          <span class='comment_arrow'/>
         <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'>
             <span class='comment_author_flag'>Admin</span>
           </b:if>   
                      <span class='comment_service'>
          <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/AVvXsEjhoG0WVtZE7HBx8OvX-pO9HbOhH2EM0rPmJx4NKHbZ_3-biMlfUkygKt5bwmIJVED5ojkn98DivQanE_pajgLzp0zZk_34Bs1vLGrQ-fsyPDEAwQ3P_T4-evwUp-v_TRlnTP30QtBi-D0/s1600/delete4.png' title='Hapus Komentar'/>
    </a>                
          <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                      <data:comment.timestamp/>
            </a></span>
      </span></div>
         <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
          <b:else/>
          <p><data:comment.body/></p>
                            <div class='clear'/>
                          
         </b:if>
                                                          
        </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'/>              
        </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' expr:src='data:post.commentSrc' 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 = 6;//Kedalaman tingkat threaded comment
            Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
            Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
            Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
                                    Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
            Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
          
            //Pengaturan Emoticon
            Emo_List = [
            ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinazTEQmfm5ZUs93hsEgUExKmwQCpt2FgjPN1pccmyBjr2FoScxerNYAEBAB8XmWBgK4Pgeul1xSc3DE0m9T0bA__EZh_HqIsuTpTan1sHbmGjDWB0WARY8ZQH_JWlEMIvy7Sv-hJrYyw/s1600/smile1.gif',
            ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxd51vgqSAgd4kfJGDTdTvAZY3yEhT6XtEirH95VE7qcqtI7UrKYkUkUfCxpBbM6Fyh9UefkjPS6YD8CiSNpih5zQQwLgAH9RM50DmNQoZI3cGo9W2Qu1qiVRokayP0HJq0-U970CsLyQ/s1600/sad.gif',
            '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgewz-QkUT7o9G6NSR9zYQlmxOAyUamRtBo1GIg9qDzvTt4dEmlIEqQCNzWFWPNb_BmzNpmghUgoK4rimmqkeZazcS-5TMBkb8CLD6jkUQ9ijU0HMOO1E-5esvwOztrLgCka3Xn_Oh9TGg/s1600/sadanimated.gif',
            '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-O-9NeeOFSMC70OqOzPSf6jtK9FdMMMvKKDFRtPydvFLQIEVSNd5l3rIcALl12BVxL4ylIHbWDaRbjQ4U4M2GfZupqPczI5C7XPm98ZEsBZRieXbp8jVoL-qkFfo56rSakA6jmfwwkco/s1600/smile.gif',
            ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXyMBh736KeTvuJL0xqKfBGT3-lFf87Vo2ACBN1dsJ2HD4FlRrO4F6rJfm4XCKzRfT91qeLXgU9ndArAv7wz8FbIhyMK171icWrv1TX291Y9QD9QtdEmuP3VX1s7Qa-lOoT0otroZU-d8/s1600/icon_smile.gif',
            '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCtV0s099iMoH_z8XDRoOs2Dyqhyphenhyphen0ukKjTqKXuMH2JrgJeDl6kxepe1aNWso691wYwhTaVuP9x1jjd-zkDGeGZVwa8Rhkkc3aPYs3LMQik0evS5zxfky_YxThg-fxcYqr1VDB3cRdYa8/s1600/hihi.gif',
            '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuNs29AFt2kjFB18lpfMiJsjjWnv8jA3r6ciXiqaNZbECk2zzBHZ9cVmWub1iQJ9ePzkoOAJ2geuuofX9WLWSR_t8ZidBMDFZBnkBxgnUjoRsg7iyBcrnxeAO4IN0cQuaY88kKJROCfk/s1600/applause.gif',
            '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_d8koaNAG5ozUMDg4zHJLajQiAI3oL4kDOoy3FQJoo4Yfpc8kQDNgCfwSd2kM7xDRBTW7Iunbf5g8-pX0jflOxdVfGwa8U37a3hyphenhyphenRIUk5ptU5VIW0Z3eWvzAigZSCUA5BwoxOnCzl5s0/s1600/rolleyes.gif',
            ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJhxqGAJ5OPbcRFRMZY9EilDC3gVQnZDxNXkANQiszMbhyphenhyphen2_IjC-CHH9RpnWF7zwngrzO8jATNtuaTC7JRXZsJmBTFJhU5-16aKYHfBDlo14p8VMmSnCWFVGWzn-Cs8kNi7Ps7bsIwChw/s1600/wink.gif',
            ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLhe4zEr_-qp_oTctGF_xkhc1wZbXfZ8Cbnb9uuy1ze_hCWBH3NklzxOeEqGcwpD1St1N8hRjFZJsMZpNJPMFE74lfZYANperLprQ6aBsml0Jy3G3xSvQZHOspHQC78XMwuUj8Fu9Nlw/s1600/thumb.gif',
            ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDf5WWd12pYFSS-Ozqk9iCRkBiN5Lbo_NnyzymH86jaTMJ6ONVtzEB_t1_jDvLu4ZL0ju37Ohaq1D1-wp5bDkAh_BvXgRSuQL9J1BzOlDFgmt7Q734sLVAoQm8vgOBK6G4GLNlEBmQOEo/s1600/thumbsup.gif',
            ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAmr0BdOkLiPCCzjzXjnlqApf0n1GpVYthPOh23FjVrX6Jt76m_yex21jVITJDeOWnT6aU7I3la6fZCbNkKAKE3pqaeXRZXwByu4yW4uRoPBXrUZYYaTgZ8vUe4SskmCEEwQANcQXkIjo/s1600/wee.gif',     
            ];
          
                                 
                                    //Config Force tag list, define all in lower case
                                    Force_Tag = [
                                        '[pre]','<pre>',
                                        '[/pre]','</pre>',
                                        '<pre class="brush: plain; title: ; notranslate" title="">','&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 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
        //]]>
    </script>
    </b:includable>
  8. Terakhir baca bismillah dan berdoa semoga bisa, kemudian klik Save

Nah itulah kiranya yang dapat admin blog MP4U bagikan pada kesempatan pagi ini, mengenai Cara Terbaru 2018 Membuat Kotak Komentar Di Blog Blogspot Keren, selamat pagi, selamat beraktivitas, dan selamat berjumpa kembali di postingan selanjutnya, semoga bermanfaat ya guys!!!

Cara Memasang Auto Refresh Halaman Blogspot Tanpa JavaScript

MP4U - Cara Memasang Auto Refresh Halaman Blogspot Tanpa JavaScript - Hello selamat dini hari dan selamat membaca kembali guys.. di blog MP4U, setelah waktu hari lalu membahas dan berbagi mengenai Cara Membuat Logo Blog Menjadi Responsive dikesempatan inipun masih membahas hal serupa yaitu tentang blog, namun kali ini sedikit saya ulas mengenai Cara Memasang Auto Refresh Halaman Blogspot Tanpa JavaScript untuk ulasan selengkapnya simak terus dibawah ini guys!!!

Cara Memasang Auto Refresh Halaman Blogspot Tanpa JavaScript

Pernahkah sobat berfikir untuk meningkatkan trafik blog kita dengan memasang script auto refresh ??... Apakah akan menjadi trafik organik ? Bisa saja asal bukan sobat sendiri yang melakukan auto refresh dengan membuka blog sendiri... Dengan memasang script auto refresh mungkin bisa menjadi solusi untuk trafik yang rendah dan bisa juga untuk meningkatkan page views...

Jika sobat melihat melalui statistik di blogger mungkin akan memilat perubahan yang tinggi tapi jika melihat melalui histats mungkin yang meningkat hanya page views saja... Bagaimana agar trafik menjadi trafik yang organik ? Caranya mudah asal sobat memiliki pengunjung murni dari google karena script ini akan otomatis refresh dalam jangka waktu tertentu baik pengunjung yang membuka beranda blog,laman,atau artikel blog sobat...

Asal sumber trafik pengunjung berasal dari google maka akan menjadi trafik organik... Dengan script ini tidak akan meningkatkan visitors... Agar tetap aman dan tidak mengganggu pengunjung maka jangka waktunya nanti jangan terlalu cepat agar tidak dianggap google sebagai manipulasi trafik dan mengganggu kenyamanan pengunjung karena sering refresh page sendiri... Lalu bagaimana caranya ? berikut dibawah ini caranya

Cara Memasang Auto Refresh Halaman Blogspot Tanpa JavaScript


1. Silakan masuk ke blogger, pilih Template => Edit HTML

2. Salin kode dibawah ini dan letakkan diatas kode </head>

<meta content='60' http-equiv='refresh'/>

Ganti angka 60 dengan jangka waktu untuk refresh page yang sobat inginkan...

3. Simpan Template...

Nah itu dia guys Cara Memasang Auto Refresh Halaman Blogspot Tanpa JavaScript... yang dapat admin blog MP4U bagikkan pada kesempatan kali ini, dan untuk menguji apakah bekerja coba buka blog sobat sendiri dan tunggu apakah akan refresh dengan sendirinya ?... Jika iya berarti kode terpasang dengan benar...

Cara Membuat Logo Blog Menjadi Responsive

MP4U - Cara Membuat Logo Blog Menjadi Responsive - Hello guys.. selamat siang dan selamat membaca di blog MP4U ( My Post For You ).. setelah sekian lama tidak berbagi lagi disini... pada kesempatan kali ini akan sedikit saya berbagi mengenai Cara Membuat Logo Blog Menjadi Responsive, untuk ulasan selengkapnya simak terus dibawah ini...


Versi Mobile Sesudah Dan Sebelum

Dari kedua gambar diatas adalah versi mobile ( versi hanphone ), antara sebelum di rubah tampilan logonya menjadi responsive dengan tampilan yang sudah di rubah menjadi responsive.. dan dibawah tampilan versi desktop ( tampilan PC )...


Versi Desktop

Next... Jika gambar di blog kita di set menjadi responsive blog kita akan terlihat rapi, karena ukuran gambar akan menyesuaikan berbagai ukuran device yang digunakan pengguna... Seperti hal-nya blog saya juga menerapkan metode responsive pada gambar... Jadi jika sobat ingin membuat gambar pada blog sobat menjadi responsive saya akan membagikan tips-nya, dengan cara copas kode CSS dibawah ini...

Cara Membuat Logo Blog Menjadi Responsive


  • 1. Masuk Blogger
  • 2. Pilih Template => Edit HTML
  • 3. Letakkan kode CSS berikut tepat diatas kode ]]></b:skin> atau </style>
  • .separator a{margin-left:0px !important;margin-right:0px !important;}
    .post img{max-width:100%;height:auto;}
  • 4. Klik Simpan Template

Nah, dengan cara mengikuti panduan singkat mengenai Cara Membuat Logo Blog Menjadi Responsive, maka logo blog sobat akan menjadi responsive ( yaitu lebih terlihat rapi dari berbagai device ) tidak lagi terlihat besar saat dibuka pada resolusi layar kecil...

Dan sepertinya hanya itu saja yang dapat admin blog MP4U berikan, pada kesempatan siang hari ini mengenai Cara Membuat Logo Blog Menjadi Responsive, selamat siang dan semoga bermanfaat ya guys!!!
 
Top
'
Loading...