Jumat, 11 Juli 2014

Cara Mudah Memasang Widget Comment Keren Di Blog

Cara mudah pasang widget recent comment keren di blog  Untuk blog  Anda yang dilengkapi dengan avatar dan photo si pemberi komentar. Bagi Anda yang ingin mencoba memasang
widget ini bisa dengan cara mengikuti langkah-langkahnya dibawah ini dengan teliti:

  1. Silahkan login ke account BLOGGER Anda.
  2. Pilih dasbor->>tata letak->>tambah gadged->>HTML javascript.
  3. Copy paste kode dibawah ini ke halaman HTML javascript.
  4. <style type="text/css">
    #recentcomment {
    width:98%;
    margin-left:5px;
    }
    img.recentcomment-avatar {
    background:#fff;
    float:right;
    padding:2px;
    margin:2px -2px 0px 0px;
    height:30px;
    width:30px;
    border:solid #ddd 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    }
    td div.recentcomment-content a,td div.recentcomment-content a:hover{
    font-family: 'trebuchet ms';
    font-size:1.00em!important;
    color:#2C2929;
    text-decoration:none;
    }
    div.recentcomment-content{
    font-size:1.00em!important;
    text-decoration:none;
    line-height:1.45em;
    letter-spacing:0.03em;
    background: #fff;
    padding:4px;
    border:1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    }
    </style>

    <script type="text/javascript">
    ava_mode = "all";
    var cm_num = 5;
    var cm_desc = 13;
    var homepage = "http://radjaonline1.blogspot.com/";

    var cm_ava = new Array();
    cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNI13y1or4Fi-YQuQgeMZZWoPX3ZD8aNfpA0kJHuhdOeODnAXh0_AxK6eODI_Wl9uZCciNX3gcMLCkpTr69DvZxXcA6JkEB6dUr059bVCx9bnXaGflNxbDeJeMKgmGPg1UBLWyaKsSxcv/s1600/blogger.png";
    cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNI13y1or4Fi-YQuQgeMZZWoPX3ZD8aNfpA0kJHuhdOeODnAXh0_AxK6eODI_Wl9uZCciNX3gcMLCkpTr69DvZxXcA6JkEB6dUr059bVCx9bnXaGflNxbDeJeMKgmGPg1UBLWyaKsSxcv/s1600/blogger.png";
    cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNI13y1or4Fi-YQuQgeMZZWoPX3ZD8aNfpA0kJHuhdOeODnAXh0_AxK6eODI_Wl9uZCciNX3gcMLCkpTr69DvZxXcA6JkEB6dUr059bVCx9bnXaGflNxbDeJeMKgmGPg1UBLWyaKsSxcv/s1600/blogger.png";
    cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNI13y1or4Fi-YQuQgeMZZWoPX3ZD8aNfpA0kJHuhdOeODnAXh0_AxK6eODI_Wl9uZCciNX3gcMLCkpTr69DvZxXcA6JkEB6dUr059bVCx9bnXaGflNxbDeJeMKgmGPg1UBLWyaKsSxcv/s1600/blogger.png";
    cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNI13y1or4Fi-YQuQgeMZZWoPX3ZD8aNfpA0kJHuhdOeODnAXh0_AxK6eODI_Wl9uZCciNX3gcMLCkpTr69DvZxXcA6JkEB6dUr059bVCx9bnXaGflNxbDeJeMKgmGPg1UBLWyaKsSxcv/s1600/blogger.png";
    cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhykLlLzQO1I4crQT4Gdsx15ko-Ur4m0LnYVv4eO9H97w_01SVPIO8dQb6KLEYeVM9dClNhKwqD4kO1x1hv4ITSjtNY5Wz-bAtdseLXPksznBQc_MmhUIJdG3yj4cbCE5-XPPExUuU97pDz/s1600/user.png";
    cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTc8mx3Z2l-GwJA3Z8cR8GwbdksUIdDSkaMukb2evPZ8suGfVdEJPHcApCqIZJIcqPVXGKzXNMMiPKwPmc5UUreLAZjDkJdUwwCw22o0j_8xiazWIpeFD-6MwGnNa3-8bwAvuqKUQjohBc/s1600/anonymous.png";</script>


    <script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>
  5. Silahkan Anda ubah kode link yang berwarna BIRU ganti dengan kode link blog Anda.
  6. Terus Anda klik pratinjau untuk melihat hasilnya di blog Anda.
Semoga sukses terus para blogger indonesia.






Trima Kasih Atas Kunjungan Anda