#menubar{ width:900px; height:32px; background:#de360f; margin: 0 auto; } #menubar ul{ float:left; margin:0; padding:0; } #menubar li{ float:left; list-style:none; margin:0; padding:0; } #menubar li a, #menubar li a:link{ border-right:1px solid #F0512D; float:left; padding:8px 12px; color:#fff; text-decoration:none; font-size:13px; font-weight:bold; } #menubar li a:hover, #menubar li a:active, #menubar .current_page_item a { color:#ffa500; text-decoration:underline; } #menubar li li a, #menubar li li a:link, #menubar li li a:visited{ font-size: 12px; background: #de360f; color: #fff; text-decoration:none; width: 150px; padding: 0px 10px; line-height:30px; } #menubar li li a:hover, #menubar li li a:active { background: #F0512D; color: #ffa500; } #menubar li ul{ z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin-top:32px; border:1px solid ##F0512D; } #menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{ left:auto } #menubar li:hover, #menubar li.sfhover{ position:static }

Sondag 31 Maart 2013

Panduan Pasang FB Like, Twitter, Google 1+ Di Blogger Lama

1. Klik Menu Rancangan / Design
 2. Klik Menu Edit Html
 3. Beri Centang Pada Bagian Expand Template Widget

Tutorial Pasang FB Like, Twitter, Google 1+ Di Blogger Untuk Blogger Baru

1. Klik menu seperti ini


2. Klik menu / tulisan Template
3. Klik menu Edit HTML
4. Klik tulisan / menu Lanjutkan
5. Beri centang pada Expand Template Widget

Silakan Pasang kode FB Like, Twitter, dan Google 1+ yang didapat dari ShareThis tadi sesuai keterangan yang sudah saya tuliskan di atas.
Tags: , ,

Jangan Lupa Like dan share artike Cara Pasang FB Like, Twitter, Google +1 Di Blogger ini ya.

Dafrtar Kode Warna HTML Untuk Blogger Kali ini saya sengaja memuat Daftar Kode Warna HTML / HTML Warna Untuk Blogger. Namun postingan ini saya beri judul Dafrtar Kode Warna HTML Untuk 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. Dafrtar Kode Warna HTML Untuk Blogger : Image Berikut Daftar Kode Warna yang bisa anda gunakan: #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. Selain menggunakan kode di atas, kita juga bisa mencari kode warna html menggunakan software html editor (ini cara yang selalu saya gunakan) atau software HTML Color Picker (Link Download nya menyusul). Posted by Ahmad Rifai on 7:06 AM | 22 komentar Tags: kode html Jangan Lupa Like dan share artike Dafrtar Kode Warna HTML Untuk Blogger ini ya.
kode-html Rp5rb HOT GAMES 2013.


teks tebal
teks kamu

teks besar
teks kamu

teks garis bawah
teks kamu

teks garis tengah
teks kamu

teks miring
teks kamu

teks kedip
teks kamu

teks ketengah
teks kamu


teks kekiri

teks kamu



teks kekanan

teks kamu



teks color
teks kamu

font yang akan digunakan
teks kamu

membuat garis

teks kamu

membuat garis warna



membuat spasi

memberi link ke alamat url
nama

memasang image/gambar


teks jalan dari kanan ke kiri
teks kamu

teks jalan bolak-balik kiri
teks kamu

memberi background warna pada teks yang berjalan
teks kamu

teks berjalan dari kiri ke kanan
teks kamu

tinggi bagian tempat teks berjalan
teks kamu

lebar bagian dari kemunculan teks berjalannya
teks kamu

menampilkan kecepatan dari teks berjalan
teks kamu

menampilkan kecepatan dari teks berjalan juga
teks kamut

[ home]

TOP-RATING

Tutorial Html Part 1

Examples in Each Chapter

This HTML tutorial contains hundreds of HTML examples.
With our online HTML editor, you can edit the HTML, and click on a button to view the result.

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Try it yourself » Click on the "Try it yourself" button to see how it works

Cara Buat Background di Blog

Cara Mengganti Gambar Background Blog di Blogger/Blogspot




Memperindah blog ternyata juga merupakan hal yang menyenangkan, karena kustomisasi blog memang sangat diperlukan agar blog tampak lebih personal dan unik. Nah salah satu cara membuat blog tampak beda dengan yang lain adalah dengan mengubah background blog. Untuk mengganti gambar background blog seperti yang diinginkan, berikut langkah-langkahnya:

(Sebelum anda mengganti warna/gambar background dengan gambar bakcground baru, pastkan  telah menemukan/memiliki gambar background dan menghosting-nya sendiri.

1. Masuk ke dashboard anda dan pilih tab menu design/rancangan.
2. Pilih Edit HTML
3. Centang expand widget template di sebelah kanan atas template HTML.
4. Kemudian anda cari kode tag ini: body{ (gunakan Ctrl+F untuk mencari dengan cepat)
    Atau bisa juga dengan mencari kode selengkapnya/menambahkan kode setelah body { seperti berikut:

   body{background-image: url(alamat url gambar anda);

5. Ganti alamat url gambar anda dengan alamat gambar background yang telah anda host.
6. Save template

Yang perlu diperhatikan adalah ukuran gambar anda, usahakan untuk tidak menggunakan gambar dengan byte yang besar, usahakan di  bawah 50 Kb, agar tidak membuat loading berat dan lama.
Gambar memiliki ukuran pixel yang berbeda-beda. Pastikan hasil gambar background blog anda penuh dari kiri ke kanan dan dari atas ke bawah. Untuk membuat gambar background penuh diperlukan pengulangan. Gunakan tag repeat (mengulang) ke kanan/samping: repeat-x, dan ke bawah: repeat-y. Berikut contoh untuk pengulangan ke kanan/samping::
body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: repeat-x; ....dst}

agar gambar juga mengisi hingga ke bawah (hingga footer halaman), tambahkan repeat-y tepat disamping repeat-x. Contoh:
body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: repeat-x repeat-y; ....dst}

Jika anda tidak ingin gambar anda berulang baik ke kiri atau ke bawah, cukup gunakan kode no-repeat. Contoh:
body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: ; ....dst
Yap, sekian trik simpel mengenai cara mengganti background  blog.