Posted by : Unknown Sabtu, 12 Februari 2011

Pada kesempatan pagi yang cerah ini saya sebelum brangkat kerja menyempatkan diri untuk menjawab salah satu pertanyaan sahabat dekat saya yaitu Seri Bahasa. Yang isi pertanyaannya :

gimana mahu buat kotak komentar seperti ini sob ada b/groundnya.


Dengan pertanyaan itulah saya membuat postingan ini yang berjudul Modifikasi Kotak Komentar Blogger. Selain untuk menjawab pertanyaan seri tadi mudah-mudahan tips atau postingan ini juga dapat bermanfaat bagi sobat-sobat yang lain.

Baik jika para sobat pingin liat seperti apa screenshotnya seperti di bawah ini :



Baik berhubung waktu sudah semakin siang kita lagsung aja ke langkah-langkah cara pembuatannya :

  1. Seperti biasa Sobat LogIn ke blog masing-masing
  2. Klik Rancangan --> Edit HTML
  3. Beri tanda chacklist pada tulisan "Expand Template Widget"
  4. Cari Kode berikut :

    <div class='comment-form'>


  5. Setelah ketemu ganti kode tersebut dengan kode seperti ini

    <div id='ib-form'>


  6. Kemudian tambahkan kode berikut di atas kode ]]></b:skin>


    #ib-form iframe{
    background:#ffffff url(http://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) no-repeat bottom right;
    border:7px solid #C7C7C7;
    padding:5px;
    font:normal 12pt "ms sans serif", Arial;
    color:#7EB2AC;
    width:95%;height:250px;}
    #ib-form iframe:hover{
    background:#ffffff url(http://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) no-repeat bottom right;
    border:7px solid #7EB2AC;}
    #ib-form a{
    color:#7EB2AC;}


  7. Setelah semua langkah-langkah di atas selesai klik tombol Save. dan lihat hasilnya

    Semoga bermanfaat



    KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Description: Modifikasi Kotak Komentar Blogger
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Modifikasi Kotak Komentar Blogger

Leave a Reply

Monggo Tinggalkan Jejak Kaks :)

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Popular Post

Labels

Arsip Blog

Followers

- Copyright © 2013 shad0w-share | Designed by Johanes Djogan -