Kamis, 11 Oktober 2012
Rabu, 19 September 2012
modifikasi blog agar terlihat bagus,menarik dan berkesan
ada beberapa modifikasi blog agar terlihat bagus,menarik dan berkesan bahkan mungkin sangat banyak sekali cara untuk memodifikasi blog ,tujuan dari itu semua juga bermacam-macam salah satu nya agar pengunjung/visitor yang datang di blog kita betah berlama-lama di blog kita, untuk itu saya akan share beberapa cara modifikasi blog:
- memilih templat untuk blog
kita bebas memilih templat yang kita sukai teapi kita juga harus memperhatikan orang lain karena bukan hanya kita yang melihat,orang lain juga so........ pilihlah lah templat yang sekiranya kita suka tetapi orang lain juga suka, nah di bawah ini beberapa situs yang menyediakan templat gratis dan keren tentunya...
-
itu lah beberapa penyedia templat yang bisa anda dapatkan gratis
2. memasang widget di blog
dengan memasang widget akan menambah keren pada blog asalkan jangan memasang widget terlalu banyak karena dapat menyebabkan lola(loding lama) pada blog,jika anda ingin memasang widget di blog silahkan baca kumpulan widget lucu
ada beberapa widget yang bisa anda gunakan untuk blog anda..
3. mengganti kursor blog
silahkan baca modifikasi kursor blog di sini tinggal pilih kursor yang anda inginkan untuk menghias blog anda,
sekian tutorial cara modifikasi blog semoga bermanfaat....
itu lah beberapa penyedia templat yang bisa anda dapatkan gratis
2. memasang widget di blog
dengan memasang widget akan menambah keren pada blog asalkan jangan memasang widget terlalu banyak karena dapat menyebabkan lola(loding lama) pada blog,jika anda ingin memasang widget di blog silahkan baca kumpulan widget lucu
ada beberapa widget yang bisa anda gunakan untuk blog anda..
3. mengganti kursor blog
silahkan baca modifikasi kursor blog di sini tinggal pilih kursor yang anda inginkan untuk menghias blog anda,
sekian tutorial cara modifikasi blog semoga bermanfaat....
Minggu, 02 September 2012
cara mengganti kursor blog | modifikasi kursor blog keren dan menarik
Kali ini cah elekk mw share tentang cara mengganti kursor blog | modifikasi kursor blog keren dan menarik , akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar inihttp://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.
URL :http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
URL :http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
URL :http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
URL :http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
URL :http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
Cara mengganti gambar kursor di blog :
- Login ke dashboard blogger anda.
- Pilih Rancangan > Edit HTML, centang Expand widget template.
- Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
- Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head>
<style type='text/css'> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), auto;} </style>
5. Simpan template anda dan lihat perubahan pada gambar kursor
6. Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/.
6. Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/.
Nah ternyata
Cara modifikasi Kursor di Blog memang bisa jadi solusi mempercantik tampilan blog,Tinggal giliran sobat blogger nih, selamat mencoba ya !
Senin, 27 Agustus 2012
Cara Modifikasi blog dengan widget lucu
Cara Modifikasi blog dengan widget lucu dengan menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.
Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.
Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat
Script:
2. Boring
Script :
3.Tuyul ketawa
Script:
4.Boneka joget
Script :
5. Panda main bola
Script :
6. Tuyul baring
Script :
7. Panda biru
Script
8. Panah
Script:
9. Bunga
Script :
10.Anjing laut
Script:
11.Lumba-lumba
Script :
12.Kucing tidur
Script :
13.Kelinci
Script :
14.Dragon
Script:
15.Ikan
Script :
16.Pinguin
Script :
17. Helikopter
Script :
Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.
Cara memasang widget animasi ke blog :
Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.
Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat
Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
2. Boring
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
3.Tuyul ketawa
Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
4.Boneka joget
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
5. Panda main bola
Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>
6. Tuyul baring
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>
7. Panda biru
Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>
8. Panah
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
9. Bunga
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
10.Anjing laut
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
11.Lumba-lumba
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
12.Kucing tidur
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
13.Kelinci
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
14.Dragon
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
15.Ikan
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
16.Pinguin
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
17. Helikopter
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.
Cara memasang widget animasi ke blog :
pasti sudah tau semua donk, tapi gapapa deh,langsung saja praktek....
1. Pilih script yang tersedia
2. Di Dashboard blogger pilih Rancangan - Elemen halaman
Catatan:
Untuk tampilan blogger yang baru Pilih Tata Letak
3. Selanjutnya pilih Tambah Gadget
4. Kemudian pilih HTML/Javascript
5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript
Jangan lupa klik tombol Save
Catatan:
Contohnya bisa dilihat di bawah ini
1. Pilih script yang tersedia
2. Di Dashboard blogger pilih Rancangan - Elemen halaman
Catatan:
Untuk tampilan blogger yang baru Pilih Tata Letak
3. Selanjutnya pilih Tambah Gadget
4. Kemudian pilih HTML/Javascript
5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript
Jangan lupa klik tombol Save
Catatan:
- Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag leftmenjadi right
Contohnya bisa dilihat di bawah ini
<div style="position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>sekian cara modifikasi blog dengan widget lucu semoga bermanfaat...
Kode Warna HTML Blogger
Kali ini cah elekk sengaja memuat Daftar Kode Warna HTML / HTML Warna Untuk Blogger. Namun postingan ini saya beri judul Kode Warna HTML Blogger namun kode html warna yang saya muat di sini tidak hanya bisa di gunakan untuk blogger saja.
Kode HTML Warna ini nantinya bisa di gunakan sesuai keperluan kita masing-masing, misalnya untuk merubah warna latar belakang blog blogger kita, warna header, footer, warna font, dsb.
#FFFFFF
|
#FFFFCC
|
#FFFF99
|
#FFFF66
|
#FFFF33
|
#FFFF00
|
#FFCCFF
|
#FFCCCC
|
#FFCC99
|
#FFCC66
|
#FFCC33
|
#FFCC00
|
#FF99FF
|
#FF99CC
|
#FF9999
|
#FF9966
|
#FF9933
|
#FF9900
|
#FF66FF
|
#FF66CC
|
#FF6699
|
#FF6666
|
#FF6633
|
#FF6600
|
#FF33FF
|
#FF33CC
|
#FF3399
|
#FF3366
|
#FF3333
|
#FF3300
|
#FF00FF
|
#FF00CC
|
#FF0099
|
#FF0066
|
#FF0033
|
#FF0000
|
 | |||||
#CCFFFF
|
#CCFFCC
|
#CCFF99
|
#CCFF66
|
#CCFF33
|
#CCFF00
|
#CCCCFF
|
#CCCCCC
|
#CCCC99
|
#CCCC66
|
#CCCC33
|
#CCCC00
|
#CC99FF
|
#CC99CC
|
#CC9999
|
#CC9966
|
#CC9933
|
#CC9900
|
#CC66FF
|
#CC66CC
|
#CC6699
|
#CC6666
|
#CC6633
|
#CC6600
|
#CC33FF
|
#CC33CC
|
#CC3399
|
#CC3366
|
#CC3333
|
#CC3300
|
#CC00FF
|
#CC00CC
|
#CC0099
|
#CC0066
|
#CC0033
|
#CC0000
|
| |||||
#99FFFF
|
#99FFCC
|
#99FF99
|
#99FF66
|
#99FF33
|
#99FF00
|
#99CCFF
|
#99CCCC
|
#99CC99
|
#99CC66
|
#99CC33
|
#99CC00
|
#9999FF
|
#9999CC
|
#999999
|
#999966
|
#999933
|
#999900
|
#9966FF
|
#9966CC
|
#996699
|
#996666
|
#996633
|
#996600
|
#9933FF
|
#9933CC
|
#993399
|
#993366
|
#993333
|
#993300
|
#9900FF
|
#9900CC
|
#990099
|
#990066
|
#990033
|
#990000
|
| |||||
#66FFFF
|
#66FFCC
|
#66FF99
|
#66FF66
|
#66FF33
|
#66FF00
|
#66CCFF
|
#66CCCC
|
#66CC99
|
#66CC66
|
#66CC33
|
#66CC00
|
#6699FF
|
#6699CC
|
#669999
|
#669966
|
#669933
|
#669900
|
#6666FF
|
#6666CC
|
#666699
|
#666666
|
#666633
|
#666600
|
#6633FF
|
#6633CC
|
#663399
|
#663366
|
#663333
|
#663300
|
#6600FF
|
#6600CC
|
#660099
|
#660066
|
#660033
|
#660000
|
| |||||
#33FFFF
|
#33FFCC
|
#33FF99
|
#33FF66
|
#33FF33
|
#33FF00
|
#33CCFF
|
#33CCCC
|
#33CC99
|
#33CC66
|
#33CC33
|
#33CC00
|
#3399FF
|
#3399CC
|
#339999
|
#339966
|
#339933
|
#339900
|
#3366FF
|
#3366CC
|
#336699
|
#336666
|
#336633
|
#336600
|
#3333FF
|
#3333CC
|
#333399
|
#333366
|
#333333
|
#333300
|
#3300FF
|
#3300CC
|
#330099
|
#330066
|
#330033
|
#330000
|
| |||||
#00FFFF
|
#00FFCC
|
#00FF99
|
#00FF66
|
#00FF33
|
#00FF00
|
#00CCFF
|
#00CCCC
|
#00CC99
|
#00CC66
|
#00CC33
|
#00CC00
|
#0099FF
|
#0099CC
|
#009999
|
#009966
|
#009933
|
#009900
|
#0066FF
|
#0066CC
|
#006699
|
#006666
|
#006633
|
#006600
|
#0033FF
|
#0033CC
|
#003399
|
#003366
|
#003333
|
#003300
|
#0000FF
|
#0000CC
|
#000099
|
#000066
|
#000033
|
#000000
|
| |||||
#465584
|
#EEF2F7
|
#3A4F6C
|
#00D
|
#434951
|
#555
|
#777
|
#DFE6EF
|
#345487
|
#F5F9FD
|
#3860BB
|
#BCD0ED
|
#C2CFDF
|
#F0F5FA
|
#D1DCEB
|
#003
|
#900
|
#CCE9FD
|
#E4EAF2
|
#4C77B6
|
#DFE6EF
|
#EEF2F7
|
#F
| |
Nah itulah beberapa kode html warna yang bisa di gunakan blog.
good luckkkkkk!!!!!!!!!!!!!!!
Langganan:
Postingan (Atom)