Sabtu, 24 Desember 2011

Modifikasi Kotak Komentar Blogger

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


Tidak ada komentar:

Posting Komentar