Cara Membuat Bacround Gambar Pada Kotak Komentar Blog

Diposting oleh Muhammad Iqbal on Sabtu, 11 Agustus 2012

Bagaimana Cara Membuat Bacround Gambar Pada Kotak Komentar Blog? ketika kita melihat kotak komentar blog, mungkin biasa-biasa saja dikarenakan tampilannya polos tidak terdapat backround. Tidak usah khawatir karena kita bisa membuat bacround gambar pada kotak komentar blog. Ini dia screen shotnya

Tertarik untuk membuatnya? langsung saja ikuti langkah-langkahnya di bawah ini:


  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:80%;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;}
    Nb. Untuk merubah gambar bacround silahkan sobat mbah trik bisa menggantinya dengan cara ganti tulisan yang berwarna biru dengan gambar yang diinginkan, ini salah satunya dapat di ganti http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/Blogspot-Variasi-Blogger-1.jpg
  7. Setelah semua langkah-langkah di atas selesai klik tombol Save. dan lihat hasilnya
    Semoga artikel Cara Membuat Bacround Gambar Pada Kotak Komentar Blog ini dapat bermanfa'at

Ditulis Oleh : Muhammad Iqbal ~ Turitorial Blog

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Bacround Gambar Pada Kotak Komentar Blog. Terimakasih atas kunjungannya dan semoga artikel ini dapat bermanfa'at.

:: Thank you for visiting ! ::

Comments
0 Comments

{ 0 komentar... read them below or add one }

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Bagaimana Pendapat Sobat Semua Tentang Artikel Di Atas???

Untuk menambahkan yahoo emotion pada komentar sobat adalah dengan cara menyertakan kode yahoo emotion diatas pada komentar yang sedang ditulis contohnya kode seperti ini :) yang terdapat di atas kotak komentar ini

Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.

 
^ Back to Top