Sunday, March 18, 2012

Memodifikasi Kotak Komentar Blogger

Memodifikasi Kotak Komentar Blogger

Sahabatku semua yang berbahagia, berikut ini akan saya infokan bagaimana cara memodifikasi kotak komentar di bloggspot agar lebih menarik seperti gambar berikut ini :


Apakah Anda tertarik untuk membuatnya? silahkan ikuti info saya berikut ini, tetaplah bersama saya di info toko surya62 yang setia menemani Anda untuk mengais informasi dan ilmu pengatahuan yang bermanfaat.

Adapun langkahnya adalah sebagai berikut (saya berharap Anda sudah memahami bagian-bagian tag HTML) :

  1. Masuk ke Dashboard Blogger Anda;
  2. Klik >> setting >> masuk ke pengaturan komentar blogger >>pilih komentar penuh >> sematkan dibawah posting >> selesai klik simpan perubahan;
  3. Pilih >> Rancangan >> Edit HTML >> Unduh template untuk backup >> Klik Expand Widget Template;
  4. Cari kode tag HTML berikut : ]]></b:skin> ;
  5. Masukkan kode tag HTML berikut ini tepat diatas kode tersebut diatas;

  6. #comments {
    text-align:justify;
    color:#4c4c4c;
    font:normal normal 101% Arial, sans-serif;
    border:2px solid #C33F00;
    background:#fff;
    margin:0;
    padding:15px 20px;
    }
    .comment-author {
    color:#C33F00;
    background:#EFC6B3;
    border:1px solid #C33F00;
    margin:15px 0 10px;
    padding:15px 0 0 -35px;
    }
    .comment-body p {
    background:#F6DBF2;
    line-height:1.6em;
    margin:0px 0px 0px 41px;
    padding:10px 10px 10px 10px;
    border-left:5px solid #C33F00;
    border-bottom:1px dashed #C33F00;
    }
    #comments-block .avatar-image-container img {
    background: #fff
    url(http://www.gravatar.com/avatar/
    64d24498132d256daa236f9c517ea62c.png)
    no-repeat left center;
    width:40px;
    height:40px;
    }
    #feedB_on a {
    position: absolute;
    width: 25px;
    height: 85px;
    z-index: 1;
    top: 720px;
    left:0px;
    background-image:url("https://lh3.googleusercontent.com/
    _3hrwX4eikSM/TWs0_y2AqlI/AAAAAAAAAiE/muRjXdNsYwI/
    s288/feedback_off.png");
    }

  7. Setelah itu cari tag berikut : <data:commentPostedByMsg/> ... </dt>;
  8. Jika sulit mencari gunakan tombol CTRL + F pada keyboar Anda lalu ketikkan yang dicari terebut;
  9. Setelah ditemukan silahkan pastekan tag berikut tepat dibawah tag tersebut (jika pada template Anda sudah tersedia sebaiknya dihapus nanti ada double tag yang akan membingungkan Anda) ;

  10. <data:commentPostedByMsg/>
    </dt>
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='author-comments'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    <dd class='comment-body'
    expr:id='data:widget.instanceId +
    data:comment.cmtBodyIdPostfix'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-
    comment'><data:comment.body/></span>
    <b:else/>
    <p>
    <data:comment.body/>
    </p>
    </b:if>
    </dd>
    </b:if><dd class='comment-footer'>

  11. Untuk memasukkan data foto pada komentar berada disisi kiri silahkan Anda cari tag berikut ini : <dl id='comments-block'>;
  12. jika sudah ketemu sisipkan data berikut <div class='commentphoto' style='float:right;'/> dan ditutup dengan <div style='clear:both;'/> sehingga rangkaian tag HTML yang dimaksud menjadi seperti berikut ini :

  13. <dl id='comments-block'>
    <b:loop values='data:post.comments'
    var='comment'>
    <dt class='comment-author'
    expr:id='"comment-" +
    data:comment.id'>
    <div class='commentphoto'
    style='float:right;'/>
    <a expr:name='"comment-" +
    data:comment.id'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl'
    rel='nofollow'>
    <data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-
    comment'>
    <data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='"#comment-"
    + data:comment.id' title='comment
    permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment'
    name='commentDeleteIcon'/>
    </span>
    </dd>
    <div style='clear:both;'/>
    </b:loop>
    </dl>

  14. Langkah terakhir simpan perubahan

Catatan :

Agar dalam melakukan editing tag HTML menggunakan wardpad atau notepad atau sejenisnya agar terhindar dari erro, jangan langsung masuk ke template Anda, hati-hati adalah lebih baik, terutama tag harus dirapatkan sesuai perintah contohnya tag URL, jika terdapat spasi maka akan gagal atau tidak terbaca.

Demikian Info saya kali ini semoga dapat menjadi inspirasi Anda untuk menyongsong dunia teknologi yang begitu pesat kemajuannya. Ikuti terus dan semangan untuk berimprofikasi dan berinovasi, jangan bosan untuk meningkatkan kreatifitas. Tetaplah bersama saya di Info toko surya62. Sukses...!!!.

10 comments:

  1. Ini adalah percobaan emoticon :) :p ;)

    ReplyDelete
  2. Sekali lagi kita coba untuk emoticon HTML5 disini d: e: q: m: a: b: d: o:

    ReplyDelete
  3. Sekali lagi di coba untuk mozilla d: e: q: m: a: b: d: o:

    ReplyDelete
  4. Aku cobain ya emoticonnya Ok? :)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o
    Ini juga z)) a)] b)) c;) d:- e;) f:( :)g h(: i:( j(( :-k l-( :-k
    kalau jadi sukses deh !!

    ReplyDelete
  5. It could be debated that the opportunity to investigate and explore the natural environment provides children with the knowledge and understanding of how they could use their surroundings Fans live football well, it clearly stated right on the site that it takes 3-5 days to process your order and another 1-5 days for a items to arrive back from shipping 15, 1967 to take home the first Super Bowl trophy Cheap NATIONAL FOOTBALL LEAGUE jerseys obviously don't cost a lot and there are a few reasons for this: ?? Small manufacturing costs ?? Poor materials used The Cowboys need to win in order to keep their division title hopes alive going into their toughest stretch of games You will be in the same way high of some sort of lover as being the male with all the more expensive hat, and this also technique might save your valuable dollars
    Cam Newton should be a Pro-bowl starter over Philip Rivers this year You may be doing it out of a friendly bet or because your favorite home team is playing and you would want to show your support to them even if just through betting That's all there is to it Different companies have different conditions and so you need to analyze what your school can afford and only then go ahead and finalize the deal They mentioned they ended up being here What is that bothers me Football is really a familiar game all over the world

    [url=http://www.officialseahawksfansshop.com/earl-thomas-jersey-elite-c-9_14.html]Earl Thomas Blue Jersey[/url]
    [url=http://www.officialseahawksfansshop.com/]Seattle Seahawks Jersey[/url]
    [url=http://www.officialseahawksfansshop.com/marshawn-lynch-jersey-elite-c-9_13.html]Marshawn Lynch Blue Jersey[/url]

    ReplyDelete
  6. Cheap Valium Anxiety Medication Memesan Valium Generik Murah - Valium Pembelian Tanpa Rx Murah

    ReplyDelete
  7. very good site, good luck! http://yannddexx.net - best search engine

    ReplyDelete
  8. hi, nice site, good luck! http://yannddexx.net - best search engine

    ReplyDelete

Terimakasih Anda telah silaturakhim keblog ini dengan misi didaktik metodik pembelajaran di SMK, sehingga setiap saat dapat berubah sesuai kompetensi Pembelajaran. Silahkan berikan komentar yang sangat berharga demi kemajuan blog ini. Sehubungan dengan hak cipta apabila ada konten Anda disini dengan rendah hati saya mohon ijin memuatnya dan jika tidak berkenan mohon konfirmasinya, Mari berbagi untuk info yang manfaat dan belajar sepanjang hayat, salam sukses buat Anda dan keluarga!!! Klik gambar emoticon berikut jika Anda ingin menggunakannya.



Tahukah Anda bagaimana menjadi marketter yang bijak,hebat dan tepat?
daftarkan segera hari ini silahkan klik img bergoyang dibawah!!!

Formula Bisnis ClickBank
Marilah Tukar Link Untuk Meningkatkan Performance Blog/Web dengan membuka tombol berikut untuk melihat link Anda yang "Sukses!!!" :

Tukar Link Untuk Meningkatkan Performance Blog/Web

Mari kita tukar link secara otomatis untuk meningkatkan rank kita bersama.
Terima kasih atas kebersamaannya untuk menjalin kesetiakawanan,seia dan sekata kita.
Masuklah Anda ke Contact Formuntuk tukar link atau
untuk cek link-bunner sahabat di Link Partner atau kesini saja Kapten untuk silaturahmi bersama teman lainnya.
Adapun link saya seperti berikut ini:
<a href="http://s-surya62.blogspot.com"title="Free blog tutorials on toko information HTML and CSS"target="_blank">Info Toko Surya62</a>



Join Wazzub Now

Silahkan masukkan kode HTML(bebas)jangan lebih dari 50 baris,kemudian klik"convert",
maka akan didapat kode HTML yang siap di posting dan selanjutnya Anda hanya mencopy hasilnya.
Editlah pada program notepad atau wordpad terlebih dahulu ya...

bisnis syariah

Apabila anda ingin menkonvert lengkap encoding dan decoding online
silahkan kunjungi situs Encode/Decode HTML Entities kesini
Salam Pershabatan Selalu dari saya di Info Toko Surya62

MARI MAJU BERSAMA MEMBANGUN BANGSA DENGAN AKHLAQUL KARIMAH
Online Job for All. Work from home computer.