Senin, 03 September 2012

Cara Membuat Kotak Background untuk Kode HTML

Assalamualaikum salam blogger , Setelah beberapa menit yang lalu saya menerbitkan suatu postingan mengenai Cara Memasang Widget Kamera CCTV , kali ini juga saya akan memberikan suatu tips kepada sobat mengenai Cara Membuat Kotak Background untuk Kode HTML . Tentunya ketika sobat ingin memposting suatu artikel yang didalamnya terdapat kode HTML , sobat pasti ingin membuat Kode HTML Tersebut tersusun menjadi rapih bukan ? jawabannya sobat dapat menyisipkan Kotak khusus untuk kode HTML Tersebut , nah di bawah ini Cara Membuat Kotak Background untuk Kode HTML:
  • Masuk ke Akun Blogger sobat
  • Di Dashboard sobat pilih elemen New Post
  • Pilih elemen HTM
  • Masukkan kode Script di bawah ini di tempat yang sobat inginkan :
<div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">


KODE HTML KAMU / ISI POSTING YANG LAIN

</div>
  • kembali ke elemen compose untuk melanjutkan postingan sobat
  • Klik Pratinjau 
  • Lalu klik Publikasikan
*Keterangan :
  • Tulisan berwarna Abu-Abu silahkan sobatganti dengan kode HTML / Isi postingan yang lain
  • Tulisan Warna Merah secara berurutan sobat  bisa mengganti background, border, tinggi posting dan posisi teks ( left, right, center ) sesuai dengan keinginan kamu.
  •  Untuk Kode Warna sobat dapat memilih di sini 

Cara Memasang Widget Kamera CCTV

Assalamualaikum , salam Blogger . Kali ini saya akan memberi tips Cara Memasang Widget Kamera CCTV , menurut saya sendiri widget ini cukup menarik karena berada di ujung Blog kita. Sebelum anda memasang widget ini anda juga dapat melihat widget animasi lainnya di H-Sans Blogs .Yaps langsung saja dibawah ini cara serta contoh widget dan juga scriptnya :
  • Masuk ke Akun Blogger anda
  • Di Dashboard pilih elemen Tata Letak
  • Klik Tambah Widget lalu pilih HTML / Java Script 
  • Copy script di bawah ini
<script language="JavaScript" src="http://js4you.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://1.bp.blogspot.com/-jyICA3F7eOo/TbBE4YBgbpI/AAAAAAAAAEM/XU9sJQnzGvU/s1600/cctv.gif")</script>
  • klik simpan
Nah menarik bukan ? selamat mencoba