Mengganti Warna Latar / Background Blog

Bagi Anda yang ingin merubah penampilan blog supaya menghasilkan blog yang enak dilihat namun tidak membuat silau mata, ada baiknya mencoba tips yang akan saya sampaikan dibawah ini. Walaupun banyak sekali yang membahas tentang bagaimana cara merubah background blog namun sekali lagi saya ingatkan bahwa postingan ini sudah saya praktekan sehingga berbagai kesalahan sudah bisa diminimalisir hehehehe... Yuk kita mulai. 
1. Merubah Background Header Blog
Letaknya adalah paling atas, biasanya digunakan untuk meletakan judul blog, baik itu berupa tulisan atau sebuah banner. Cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #header-wrapper menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#header-wrapper {

background:

#f4f4f4;

dan seterusnya........

Jika Anda ingin merubah warna dengan kode #000000 maka hasilnya akan seperti ini :

#header-wrapper {

background:#000000;
dan seterusnya........

Bila tidak menemukan tulisan background:#f4f4f4; Anda bisa menambahkannya sendiri  tulisan tersebut tepat dibawah #header-wrapper {
Apabila sudah sesuai silahkan simpan atau pratinjau terlebih dahulu.

2. Merubah Warna Background Body
Terletak paling dasar atau dibalik halaman posting. Cara merubahnya :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan body { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

body {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan .apabila selesai klik simpan.


3. Merubah Warna Background Halaman Postingan / Main body
Terletak paling tengah dan dijadikan sebagai tempat posting. Cara merubahnya adalah :

Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #main-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#main-wrapper {
background:#000000;
dan seterusnya........

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

4. Merubah Warna Background Sidebar
 Terletak disebelah halaman posting/main body, cara merubahnya adalah :


Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #sidebar-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#sidebar-wrapper
background:#000000;
dan seterusnya....
 
 Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

5. Merubah Warna Background Footer 
Terletak berada paling bawah halaman blog,cara merubahnya adalah :


Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #footer { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#footer {
background:#000000;
dan seterusnya...

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

Ada beberpa template yang  menggunakan kode warna css hanya dengan tiga digit bukan enam digit, nah terus bagaimana solusinya? Dibawah ini saya tuliskan beberapa kode warna html yang biasa dipakai oleh kebanyakan orang.

Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

Daftar Kode Warna HTML
Putih =>#ffffff;

#FOF8FF Aliceblue

#FAEBD7 Antiquewhite

#00FFFF Aqua

#7FFFD4 Aquamarine

#F0FFFF Azure

#F5F5DC Beige

#FFE4C4 Bisque

#000000 Black

#FFEBCD Blanchedalmond

#0000FF Blue

#8A2BE2 Blueviolet

#A52A2A Brown

#DEB887 Burlywood

#5F9EAD Cadetblue

#7FFF00 Chartreuse

#D2691E Chocolate

#FF7F50 Coral

#64950 Cornflowerblue

#FFF8DC Cornsilk

#DC143C Crimson

#00FFFF Cyan

#00008B Darkblue

#008B8B Darkcyan

#B8860B Darkgoldenrod

#A9A9A9 Darkgray

#006400 Darkgreen

#8B008B Darkmagenta

#BDB76B Darkkhaki

#556B2F Darkolivegreen

#FF8C00 Darkorange

#9932CC Darkorchid

#8B0000 Darkred

#E9967A Darksalmon

#8FBC8B Darkseagreen

#483D8B Darkslateblue

#2F4F4F Darkslategray

#00CED1 Darkturquoise

#9400D3 Darkviolet

#FF1493 Deeppink

#00BFFF Deepskyblue

#696969 Dimgray

#1E90FF Dodgerblue

#B22222 Firebrick

#FFFAF0 Floralwhite

#228B22 Forestgreen

#FF00FF Fuchsia

#DCDCDC Gainsboro

#F8F8FF Ghostwhite

#FFD700 Gold

#DAA520 Goldenrod

#808080 Gray

#008000 Green

#ADFF2F Greenyellow

#F0FFF0 Honeydew

#FF69B4 Hotpink

#CD5C5C Indianred

#4B0082 Indigo

#FFFFF0 Ivory

#F0E68C Khaki

#E6E6FA Lavender

#FFF0F5 Lavenderblush

#7CFC00 Lawngreen

#FFFACD Lemonchiffon

#ADE8E6 Lightblue

#F08080 Lightcoral

#E0FFFF Lightcyan

#FAFAD2 Lightgoldenrodyellow

#90EE90 Lightgreen

#D3D3D3 Lightgray

#FFB6C1 Lightpink

#FFA072 Lightsalmon

#20B2AA Lightseagreen

#87CEFA Lightskyblue

#778899 Lightslategray

#B0C4DE Lightsteelblue

#FFFFE0 Lightyellow

#00FF00 Lime

#32CD32 Limegreen

#FAF0E6 Linen

#FF00FF Magenta

#800000 Maroon

#66CDAA Mediumaquamarine

#0000CD Mediumblue

#BA55D3 Mediumorchid

#9370DB Mediumpurple

#3CB371 Mediumseagreen

#7B68EE Mediumslateblue

#00FA9A Mediumspringgreen

#48D1CC Mediumturquoise

#C71585 Mediumvioletred

#191970 Midnightblue

#F5FFFA Mintcream

#FFE4E1 Mistyrose

#FFE4E1 Moccasin

#FFDEAD Navajowhite

#000080 Navy

#FDF5E6 Oldlace

#808000 Olive

#6B8E23 Olivedrab

#FFA500 Orange

#FF100%0 Orangered

#DA70D6 Orchid

#EEE8AA Palegoldenrod

#98FB98 Palgreen

#AFEEEE Paleturquoise

#DB7093 Palevioletred

#FFEFD5 Papayawhip

#FFDAB9 Peachpuff

#CD853F Peru

#FFC0CB Pink

#DDA0DD Plum

#B0E0E6 Powderblue

#800080 Purple

#FF0000 Red

#BC8F8F Rosybrown

#4169E1 Royalblue

#8B4513 Saddlebrown

#FA8072 Salmon

#F4A460 Sandybrown

#2E8B57 Seagreen

#FFF5EE Seashell

#A0522D Sienna

#C0C0C0 Silver

#87CEEB Skyblue

#708090 Slategray

#FFFAFA Snow

#00FF7F Springgreen

#4682B4 Steelblue

#D2B48C Tan

#008080 Teal

#D8BFD8 Thistle

#FF6347 Tomato

#40E0D0 Turquoise

#EE82EE Violet

#F5DEB3 Wheat

#FFFFFF White

#F5F5F5 Whitesmoke

#FFFF00 Yellow

#9ACD32 Yellowgreen

Read more ...

Cara setting pengaturan kolom komentar di blogger

Untuk berinteraksi dengan pengunjung blog keberadaan kolom komentar ini cukup berguna.
Sebenarnya kolom komentar ini bisa Anda setting sesuai dengan kebutuhan Anda. Meskipun Anda pengguna blog baru tidak akan merasa kesulitan untuk melakukan penyetingan kolom komentar milik blogger ini. Tapi tidak ada salahnya untuk menambah posting blog kali ini akan saya share bagaimana cara setting kolom komentar di blogger.

Pertama yang harus dilakukan login ke blog:
Pilih dashboard atau blog yang ingin Anda setting kolom komentarnya.
Kemudan pilih setelan, dan selanjutnya pilih pos dan komentar seperti yang terlihat pada gambar.

Selanjutnya pada halaman setelan pos dan dan komentar Anda bisa melakukan setting pada beberapa bagian dan memilih opsi yang anda inginkan:

LOKASI KOMENTAR

• Tersemat: Komentar bisa dilakukan pada halaman yang sama di bawah posting.
• Halaman penuh dan jendela pemunculan: Orang yang melakukan komentar akan dibawa pada halaman baru atau halaman yang berbeda.
• Sembunyikan : Tidak menampilkan komentar. Opsi ini tidak menghilangkan komentar yang sudah ada sebelumnya. Anda bisa memunculkan lagi dengan memilih opsi yang lain.

SIAPA YANG DAPAT KOMENTAR

• Semua orang-termasuk pengguna tanpa nama : Siapa saja bisa melakukan komentar termasuk pengguna tanpa nama atau anonymous.
• Pengguna terdaftar-termasuk openID : Siapa saja bisa melakukan komentar kecuali anonymouse. Pengguna harus melakukan log in terlebih dahulu sebelum melakukan komentar.
• Pengguna dengan Akun Google : Hanya pengguna yang mempunyai Akun google saja yang dapat memberi komentar.
• Hanya anggota blog ini : Hanya pengguna yang terdaftar di blog Anda saja yang bisa memberi komentar.

MODERASI KOMENTAR.

• Selalu dan kadang-kadang : Komentar harus menunggu persetujuan Anda untuk ditampilkan. Anda bisa memilah-milah komentar yang ingin Anda tampilkan.
• Tidak pernah : Komentar akan langsung tampil saat itu juga.

TAMPILKAN VERIFIKASI KATA

• Untuk mengghindari komentar otomatis dengan robot Anda bisa pilih ya. Maka pengguna harus memasukkan kode captcha terlebih dahulu agar komentar bisa tampil.

TAMPILKAN TAUTAN BALIK.

• Tampilkan : Anda bisa pilih tampilkan untuk menampilkan link hidup.
• Sembunyikan : Anda bisa pilih sembunyikan jika tidak ingin menampilkan link hidup.

Read more ...

Cara membuat tulisan bergerak di blog

Sebagai contoh saya akan menuliskan kata BERGERAK di antara kode di
atas.
Maka cara membuatnya seperti ini:
<marquee> BERGERAK</marquee>
Maka hasilnya akan seperti contoh di bawah ini:
BERGERAK

Selanjutnya Anda bisa menentukan arah, warna serta kecepatannya dengan menambahkan beberapa astribut.

BEBRAPA ASTRIBUT YANG BIASA DIGUNAKAN ADALAH:

bgcolor = warna
direction = mengatur arah gerakan ( left, right, up, down )
behavior = karakter gerakan ( scroll, slide, alternate )
-scroll : text bergerak berputar
-slide : text bergerak sekali lalu berhenti
-alternate : text bergerak dari kiri ke kanan lalu balik
title : pesan muncul saat mouse berada di atas text
scrollamount : mengatur kecepatan gerakan
scrolldelay : mengatur tenggang waktu
loop : mengatur jumlah
onmouseover="this.stop()" onmouseout="this.start()" : Arahkan
mouse text berhenti.

BEBERPA CONTOH CARA MEMBUAT TULISAN ATAU TEXT BERJALANMENGGUNAKAN ASTRIBUT DI ATAS

Dari kanan ke kiri.

<marquee direction="right" scrollamount="2"> Dari kanan ke kiri dengan kecepatan 2</marquee>
Hasilnya:

Dari kanan ke kiri dengan kecepatan 2

Arah bolak-balik.

<marquee behavior="alternate"> scrollamount="3"onmouseover="this.stop()" onmouseout="this.start()">Arah bolak-balik dengan kecepatan 3, arahkan mouse text berhenti</marquee>

Hasilnya:

Arah bolak-balik dengan kecepatan 3, arahkan mouse text berhenti

Dari atas ke bawah.

<marquee direction="down" scrollamount="2" bgcolor="#CCCC00" width="300" height="90">Dari atas ke bawah dengan kecepatan 2</marquee>

Hasilnya:

Dari atas ke bawah dengan kecepatan 2 

Dari contoh di atas Anda bisa berkreasi sendiri.

Read more ...

Cara membuat kata pembuka dan penutup

• Untuk kata pembuka kode scriptnya seperti di bawah ini:
  
  <script language='javascript'>alert(' Selamat
  berkunjung di blog ini! ');</script>

Anda bisa ganti tulisan yang berwarna merah sesuai dengan kata yang Anda inginkan.

• Sedang untuk script kata penutup Anda bisa gunakan kode di bawah ini:
  
  <script type='text/javascript'>
  //goodbye alert
  function goodbye(){alert('Terima kasih telah berkunjung!');}
  parent.window.onunload=goodbye;
  </script>

* Anda bisa memasang salah satu atau bisa juga kedua-duanya.

Cara memasang scriptnya:
-Login ke blog Anda
-Pilih template.
-Selanjutnya pilih edit HTML
-Cari kode </head>
-Letakkan kode scriptnya di bawah kode </head>

• Sehingga hasilnya seperti ini:
  
  </head>
  <script language='javascript'>alert(' Selamat berkunjung di blog ini! ');</script>
  
  <script type='text/javascript'>
  //goodbye alert
  function goodbye(){alert(' Terima kasih telah berkunjung! ');}
  parent.window.onunload=goodbye;
  </script>

Read more ...

Cara membuat blog di blogspot

1. Setelah login maka anda akan mendapat kata sambutan Selamat datang di Blogger.
Pilih bahasa yang Anda inginkan. Kemudian Anda bisa bisa menkonfirmasi profil yang akan dilihat pembaca saat mereka melihat tampilan pos Anda. Atau Anda bisa meloncati halaman ini jika ingin konfirmasi profil belakangan.
Untuk itu Anda bisa langsung pilih lanjutkan ke Blogger.

2. Maka Anda akan dibawa pada halaman baru, dan akan melihat tampilan seperti gambar di bawah. Untuk melanjutkan Anda bisa pilih blog baru.

3. Selanjutnya Anda akan melihat halaman dimana Anda harus mengisikan judul, alamat dan memilih template blog Anda.Anda bisa melihat gambar di bawah.

Beri judul : Berikan judul blog Anda. Ini yang akan terlihat pada tampilan blog Anda.

Isikan alamat: lihat ketersediaan, jika tersedia maka akan ada keterangan bahwa alamat blog ini tersedia, jika tidak maka Anda akan melihat keterangan maaf alamat blog ini tidak tersedia.

Pilih template : Pilih template yang Anda suka.
Setelah Anda melakukan tiga langkah di atas kemudian bisa melanjutkan ke langkah berikutnya dengan pilih buat blog

4. Selanjutnya Anda akan melihat halaman dimana nama blog Anda akan terlihat di situ.

Dari sini blog Anda sudah jadi dan Anda sudah bisa mulai menulis dengan pilih pada nama blog Anda.

5. Kemudian pada sisi kiri pilih entri baru untuk mulai menulis.

6. Setelah pilih entri baru maka Anda akan dibawa pada halaman baru yang dimana Anda sudah bisa mempublikasikan tulisan Anda.

Jangan lupa untuk memberi judul entri baru Anda sesuai dengan judul artikel yang Anda tulis.

Read more ...