Voting

Rabu, 29 Februari 2012

Tips Mempercantik Blog

1. Cara Membuat Efek Berkedip di Blog
caranya:

-Login terlebih dahulu ke Blog Anda
-Kemudian masuk ke Pengaturan > Template > Edit HTML
-Jangan lupa backup terlebih dahulu template sobat
-Setelah itu di halaman HTML, cari kode <head> di bagian atas
-Setelah itu copy kode berikut tepat di bawah tags <head>

</script>
<script src=http://berryhardisakha.googlecode.com/files/bbrainbow.js/></script>

nah selesai deh, selamat mencoba cara memasang efek berkedip pada blog

2. Merubah Bacground Blog dengan Gradasi Warna 

- Login ke dasbor blogger --- Klik Template --- Klik EDIT HTML.
- Cari kode body { background: dan seterusnya

- Kalau sudah ketemu, lalu paste script CSS berikut:

background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(3,3,8,1) 7%, rgba(14,15,46,0) 39%, rgba(15,16,48,0) 41%, rgba(31,33,99,1) 85%, rgba(36,39,117,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(7%,rgba(3,3,8,1)), color-stop(39%,rgba(14,15,46,0)), color-stop(41%,rgba(15,16,48,0)), color-stop(85%,rgba(31,33,99,1)), color-stop(100%,rgba(36,39,117,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,8,1) 7%,rgba(14,15,46,0) 39%,rgba(15,16,48,0) 41%,rgba(31,33,99,1) 85%,rgba(36,39,117,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,8,1) 7%,rgba(14,15,46,0) 39%,rgba(15,16,48,0) 41%,rgba(31,33,99,1) 85%,rgba(36,39,117,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,8,1) 7%,rgba(14,15,46,0) 39%,rgba(15,16,48,0) 41%,rgba(31,33,99,1) 85%,rgba(36,39,117,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(3,3,8,1) 7%,rgba(14,15,46,0) 39%,rgba(15,16,48,0) 41%,rgba(31,33,99,1) 85%,rgba(36,39,117,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#242775',GradientType=0 ); /* IE6-9 */

- Paste script CSS tersebut dibawah kode body { background: dan seterusnya.
- Kalau sudah, klik Preview terlebih dahulu, jika sudah benar dan tidak eror barulah kamu klik Save Template.


3. Cara Menambahkan Jam dan Kalender Pada Blog
  1. Login ke blogger
  2. Pilih Tata Letak kemudian Tambah Gadget
  3. Pilih HTML/JavaScript
  4. Masukan kode-kode berikut ini
<script src="http://www.clocklink.com/embed.js"></script><script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5015-green.swf";obj.TimeZone="GMT0700";obj.width=160;obj.height=40;obj.wmode="transparent";showClock(obj);</script>

Dan atau yang satu ini
<center><iframe src="http://www.free-blog-content.com/Calendars/calendar0054.htm" width="120" height="150"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

Tidak ada komentar:

Posting Komentar