cara memberi efek pada kotak komentar

Friday, March 25, 2011

Agar blog kita tampak lebih cool ada baiknya kita memberi sedikit pernak-pernik di dalamnya, salah satunya adalah memberi background pada kotak komentar. Saat melihat komentar di blog saya, ada sobat yang bertanya begini :

oiya bagaimana cara mengganti background form komentar kayak jadi bintang kerlap-kerlip seperti tempat komentar punya saya..... begini sob??
Langsung saja saya membuat postingan ini.

Langkah-langkah membuat backgroundnya sebagai berikut :
1. Login ke Blogger
2. Klik Rancangan > Edit HTML
3. Jangan lupa klik tulisan Download Template Lengkap ( untuk menghindari hal-hal yang tidak diinginkan )
4. Beri tanda centang pada tulisan Expand Template Widget
5. Lalu cari kode ]]></b:skin> gunakan tombol Ctrl + F atau (F3) untuk mempercepat pencarian
6. Jika sudah ketemu, Copy kode berikut dan Letakkan di atas kode tersebut

    #kotak_komentar{
    background: url(http://i1013.photobucket.com/albums/af256/iroelst/green_plants.jpg) ;
    padding:20px;
    width:530px;
    height:250px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   -webkit-box-shadow: 2px 2px 4px #8bd268;
   -moz-box-shadow: 2px 2px 4px #8bd268;
     }

   #kotak_komentar:hover{
   background: url(http://i1013.photobucket.com/albums/af256/iroelst/background_hover.gif);
   -webkit-box-shadow: 2px 2px 20px #cc40fb;
   -moz-box-shadow: 2px 2px 20px #cc40fb;
   }


7. Kemudian scroll ke bawah dan cari kode seperti berikut :

  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
  <iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' 
   scrolling='auto'   src='' width='490'/> <data:post.iframeColorizer/></div>

  Jika sudah ketemu letakkan kode dibawah ini diatasnya yang baru anda cari.

  <div id='kotak_komentar'>

  Dan kode yang ini  dibawahnya kode yang baru anda cari.

  </div>

Keterangan : ganti kode yang berwarna Putih sesuai dengan Template sobat.
Kemudian SIMPAN TEMPLATE dan lihat hasilnya

Selamat Mencoba,,,,Jangan Lupa Komentarnya ya,,,,,,,,


1 comments:

Anonymous said...

Produk dijamin asli
DINA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6257 ATAU KLIK WEBSET RESMI KAMI DI http://dina-shop7.blogspot.com
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

SAMSUNG
Asli Buatan Korea.
HARGA PROMO

Samsung Galaxy Note II N7100 Rp 2.499.000.
Samsung Galaxy Chat B5330 Rp 1.220.000.
Samsung GT-E1205M Rp 145.000.
Samsung Galaxy Ace Duos S6802 Rp 1.525.000.
Samsung I8530 Galaxy Beam Rp 4.825.000.
Samsung Galaxy Ace 2 I8160 Rp 2.250.000.
Samsung I9300 Galaxy S III Rp 2.800.000.
Samsung I9070 Galaxy S Advance Rp 2.850.000.
Samsung Galaxy mini 2 S6500 Rp 1.400.000.
Samsung E1390 Rp 200.000.
Samsung Galaxy Ace Plus S7500 Rp 1.850.000.
Samsung S 5300 Galaxy Pocket Rp 850.000.
Samsung Galaxy Y Duos S6102 Rp 1.150.000.
Samsung C3312 Deluxe Duos Rp 500.000.
Samsung C3520 Rp 425.000.
Samsung E1232B Rp 200.000.
Samsung i9250 Galaxy Nexus Rp 2.250.000.
Samsung C3350 X Cover II Rp 750.000.
Samsung S5610 Rp 725.000.
Samsung C3330 Champ 2 Rp 525.000.
Samsung I8150 Galaxy W Rp 1.950.000.
Samsung GT-N7000 Galaxy Note Rp 1,700.000.
Samsung E1195 Rp 225.000.
Samsung Galaxy Y S5360 Rp 875.000.
Samsung i509 Galaxy Y CDMA Rp 875.000.
Samsung W139 Rp 350.000.
Samsung E2232 Rp 350.000.
Samsung I9100 Galaxy S II Rp 2.250.000.
Samsung C3322 Rp 400.000.
Samsung E1182 Rp 175.000.
Samsung E2152 Rp 425.000.
Samsung E2652 Champ Duos Rp 615.000.
Samsung S3850L Corby II Rp 550.000.
Samsung B7510 Galaxy Pro Rp 1.550.000.
Samsung Ch@t 322 Wi-Fi Rp 500.000.
Samsung GT-E1055T Rp 175.000.
Samsung GT-E3210 Rp 495.000.
Samsung I9003 Galaxy SL 4 GB Rp 1.850.000.
Samsung Nexus S i9023 Rp 1.350.000.
Samsung I9003 Galaxy SL 16 GB Rp 3.000.000.
Samsung Gio S5660 Rp 1.450.000.
Samsung Galaxy FIT S5670 Rp 1.200.000.
Samsung Samsung F480 - Rp 550.000.
Samsung Galaxy Mini S5570 Rp 900.000.
Samsung B6520 Omnia PRO 5 Rp 725.000.
Samsung S5253 Wave525 Rp 900.000.
Samsung i8510 innov8 Rp 875.000.
Samsung S5830 Galaxy ACE Rp 1.750.000.
Samsung S5333 Wave533 Rp 900.000.
Samsung C3510 Genoa - Rp 550.000.
Samsung i900 Omnia - Rp 1.100.000.
Samsung S5753 Wave575 Rp 1.000.000.
Samsung I5503 Galaxy 5 Rp 825.000.
Samsung i5510 Galaxy 551 Rp 1.250.000.
Samsung S8530 Wave II Rp 1.750.000.
Samsung C3303 Champ Rp 175.000.
Samsung I9000 Galaxy S Rp 1.650.000.

Terimakasih Anonymous Untuk Komentar Anda Pada Artikel Ini.
by Admin

Post a Comment

Komentar anda adalah motifasi Saya

 
© Copyright 2011 Kang Abeng | Tutorial Blog | Tutorial Komputer Ngeblog
Bambang Aribowo ilmukomputerbsb | Berbagi Ilmu |Berbagi Pengalaman Kang Abeng.