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
-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 */
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
- Login ke blogger
- Pilih Tata Letak kemudian Tambah Gadget
- Pilih HTML/JavaScript
- 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>
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
Tidak ada komentar:
Posting Komentar