1. Hello Guest, selamat datang di Forum WinPoin. Kamu bisa bertanya, berdiskusi, sharing, dan ngobrolin apapun seputar Windows, Windows Phone, PC, Gadget, atau hal seputar Teknologi lainnya. Selamat berkomunitas! ;)

merubah tampilan komentar di blogger menjadi seperti di Facebook

Discussion in 'Developer Corner' started by stefanus aggasia, Jun 15, 2014.

  1. stefanus aggasia

    stefanus aggasia Active Member

    Joined:
    Nov 8, 2013
    Messages:
    3,004
    malam sobat winpoin !

    kalian semua pasti punya blog bukan ?
    penget tampilan komentar kalian seperti di Facebook ?
    jika iya cara merubahnya cukup mudah kok yuk disimak bareng.

    pertama Masuk ke halaman editor HTML
    Template Anda, dan pilih edit template.

    kedua cari code ini ]]></b:skin>

    setelah itu copykan code berikut ini tepat diatas code ]]></b:skin>

    Code:
     .comments {
      font:normal 11px/14px "
    Lucida Grande",Tahoma,
    Verdana,Arial,Sans-Serif !
    important;
      color:rgb(51,51,51);
    }
    .comments .comments-
    content a {
      color:#3B5998 !important
    ;
    }
    .comments h2,
    .comments h3,
    .comments h4 {
      font-family:"Lucida
    Grande",Tahoma,Verdana,
    Arial,Sans-Serif !
    important;
      font-size:16px;
    }
    .comments .comments-
    content .comment {
      margin:0 0 0;
      padding:10px 10px;
      border-top:1px solid #e9
    e9e9;
      border-left:1px solid #
    ccc;
    }
    .comments .comment .
    comment-header,
    .comments .comment .
    comment-actions,
    .comments .comment .
    comment-actions a,
    .comments .comment .
    comment-thread.inline-
    thread,
    .comments .comment .
    continue {
      margin:0 0 0;
      padding:0 0 0;
      border:none;
      background:transparent;
    }
    .comments .comment .
    comment-header {
      margin-bottom:4px;
    }
    .comments .comment .
    comment-header .datetime a
     {
      color:#808080 !important
    ;
    }
    .comments .comment .
    comment-actions a {
      padding-right:5px;
    }
    .comments .thread-toggle .
    thread-arrow {
      width:7px;
      height:7px;
      padding-right:4px;
    }
    .comments .comment .avatar
    -image-container,
    .comments .comment .avatar
    -image-container img {
      width:50px;
      height:50px;
      max-width:none;
      max-height:none;
      border:none;
      padding:0;
      margin:0;
      outline:none;
    }
    .comments .comment .
    comment-block {
      margin:0 0 0 60px !
    important;
    }
    .comments .comment .
    comment-thread.inline-
    thread {
      margin:7px 0 0 22px;
    }
    .comments .comment .
    comment-thread.inline-
    thread ol {
      margin:7px 0 10px !
    important;
    }
    .comments .comment .
    comment-thread.inline-
    thread .comment {
      background-color:#EDEFF4
    ;
      padding:5px 5px 0;
      margin:1px 0 0;
      border:none;
      border-bottom:1px solid
    #D2D9E7;
    }
    .comments .comment .
    comment-thread.inline-
    thread .comment .avatar-
    image-container,
    .comments .comment .
    comment-thread.inline-
    thread .comment .avatar-
    image-container img {
      width:32px;
      height:32px;
    }
    .comments .comment .
    comment-thread.inline-
    thread .comment .comment-
    block {
      margin:0 0 0 40px !
    important;
    }
    .comments .comment .
    comment-content {
      text-align:left;
    }
    .comments .comments-
    content .icon.blog-author
    {
      width:16px;
      height:16px;
      display:inline-block;
      vertical-align:top;
      background:transparent
    url('/favicon.ico') no-
    repeat 50% 50%;
    }
    .comments .comment .
    comment-thread.inline-
    thread .comment:last-child
     {
      border-left:2px solid #A
    8B2CE !important;
    }
    terakhir simpan dan liat hasilnya :goodjob:

    semoga bermanfaat.


    sumber : diajarin sama temen
     
  2. Dejiko

    Dejiko New Member

    Joined:
    Mar 21, 2014
    Messages:
    2,309
    lumayan nyu buat blogku nyu
     
  3. stefanus aggasia

    stefanus aggasia Active Member

    Joined:
    Nov 8, 2013
    Messages:
    3,004
    yo silakan untuk dicoba :goodjob:
     
  4. marwanto.se

    marwanto.se New Member

    Joined:
    May 7, 2013
    Messages:
    7,659
    Udah gak punya blog lagi, semenjak aktif di WinPoin. :ketawa:
    Nice share. :goodjob:
     
  5. stefanus aggasia

    stefanus aggasia Active Member

    Joined:
    Nov 8, 2013
    Messages:
    3,004
     
  6. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,354
    Memang cukup keren pake css ini...
    namun saya lebih suka buat kreais sendiri..
    btw nice share.... REP meluncur...
     
  7. stefanus aggasia

    stefanus aggasia Active Member

    Joined:
    Nov 8, 2013
    Messages:
    3,004
    semoga bermanfaat ya
    makasih juga buat + rep nya :goodjob:
     
  8. Isyroq Ank PKU

    Isyroq Ank PKU Active Member

    Joined:
    Mar 13, 2014
    Messages:
    1,473
    Belum ada blog mas :woa:
    Kalo adapun mungkin buat css sendiri :kagum:
     

Share This Page