Membuat Background Kotak Komentar Lebih Menarik

Membuat Background Kotak Komentar Lebih Menarik

Berikut ini screenshot nya :

Membuat Background Kotak Komentar Lebih Menarik




Jika sobat tertarik, ikuti langkah-langkah berikut ini :
  1. Masuk ke blogger;
  2. Klik Perancangan lalu klik Elemen Laman;
  3. Klik Expand Template Widget (jangan lupa backup template sobat terlebih dahulu);
  4. Kemudian tambahkan kode CSS berikut ini diatas kode ]]></b:skin>
#comment-form iframe{
   background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Ap8F2RlRme-1INSBSuH3hYbhTtEHrb0eOYeaG1IBUuH4ATTrWjn27bIK4MZlDg8WiflVRVCxQfzplBpNyYAASg56nhFPY3rcn1hvH6SexOjh_o_IyW_1mknanaLotQKs0fX-TJkKxa4/s1600/rumput.jpg) ;
   border:5px solid #9999FF;
   padding:5px;
   font:normal 12pt "ms sans serif", Arial;
   color:#7EB2AC;
   width:450px;
   height:230px;
   }

#comment-form iframe:hover{
   background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnj9B98-u_d8YhppSbkPUDt-d0vyHBvJyMfgbjye0U3fLmPbC1fHmgtBVWcXRDJt4s-KsD6uRg24_FE9DZ59uCLxWy3gWHT2Zv9r-7ZxDBP1xgTgKHqNQqhbuuL9i5GNbtIbOkgJFbX28/s1600/bintang.gif);
   border:7px solid #999FFF;
   }
    Jika kode tersebut telah ada, maka sobat hanya perlu memodifikasi elemen yang ada di dalamnya, saya menemukan sebagian template tidak memiliki kode tersebut. Sobat bisa merubah gambar background sesuka hati sobat.
  1. Selanjutnya sobat cari kode yang mirip seperti ini:
<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/>
  1. Kemudian pastekan kode <div id='comment-form'> dan </div> diantara kode tadi sehingga menjadi seperti ini:
<div id='comment-form'>
<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>
  1. Langkah terakhir adalah simpan template sobat



Cassanova In The Hoy~06.34
Silahkan copas artkel di blog opic blog dengan menyertakan link sumber. Karena semua materi POSTING di lindungi hak cipta MERTUA

Tidak ada komentar:

pic blog merupakan media penyimpanan hasil karya dan kreasi di dunia jumper hardware ponsel, elektronika, tafsir mimpi dan tutorial blog dengan tujuan untuk pembelajaran sekaligus referensi. semua halaman yang ada di opic blog akan selalu di perbaharui... kolom ini akan di jadikan tempat tukar link...
Copyright © 2012 BerBagiBUNG™ || All About Sharing
Template by:Opic Blog