Cara Mengganti Warna Latar Belakang atau Background Blog

Cara Mengganti Warna Latar Belakang atau Background Blogspot

Pengganti warna latar belakang atau background blogspot mungkin adalah salah satu widget yang mungkin bisa anda gunakan sebagai daya tarik dari blog anda. Dengan widget ini, pengunjung atau visitor blog anda bisa mengganti warna dari latar belakang blog anda dengan melakukan klik pada warna yang diinginkan. Dengan tampilan warna blogspot yang menarik, tentunya akan membuat pengunjung blog anda semakin betah berlama-lama untuk menikmati sajian artikel anda.

Cara Membuat Widget untuk mengganti Warna Latar Belakang Blog ini pun cukup mudah, silahkan mengikuti langkah-langkah dibawah ini :

1. Silakan Login ke account Blogger anda.
2. Masuk ke Tata Halaman blog anda.
3. Tambahkan widget HTML / Javascript.
4. Masukkan kode javascript dibawah ini.

<center><script type="text/javascript">    function bgChange(bg)    {    document.body.style.background=bg;    }    </script>

<span style="font-weight:bold;">Pilih Warna Latar Blog Sesuai Minat Anda</span>    <table border="1" width="660" height="20">    <tbody><tr> <td bgcolor="white" onclick="bgChange('#ffffff')">     </td><td bgcolor="#000000" onclick="bgChange('#000000')">     </td><td bgcolor="#F0E68C" onclick="bgChange('#f0e68c')">

</td><td bgcolor="#E0FFFF" onclick="bgChange('#e0ffff')">     </td><td bgcolor="#98FB98" onclick="bgChange('#98fb98')">     </td><td bgcolor="#B0E0E6" onclick="bgChange('#b0e0e6')">     </td><td bgcolor="#87CEFA" onclick="bgChange('#87cefa')">     </td><td bgcolor="#FFDAB9" onclick="bgChange('#ffdab9')">     </td><td bgcolor="#FFC0CB" onclick="bgChange('#ffc0cb')">

  </td><td bgcolor="#E6E6FA" onclick="bgChange('#e6e6fa')">     </td><td bgcolor="#D3D3D3" onclick="bgChange('#d3d3d3')">

  </td></tr>    </tbody></table>

<div class="clear"></div></center>

5. Simpan gadget, dan lihat hasilnya...

Cara untuk mengganti warna latar belakang blog anda diatas sangat mudah bukan ? Anda bisa menempatkan widget pengganti latar belakang blogspot ini di tempat yang strategis, sehingga bisa terlihat & dijangkau oleh visitor blog anda. Jika anda mengerti tentang coding Javascript, mungkin anda bisa mempercantik widget warna latar belakang ini agar tampilannya semakin menarik. Selamat Berkreasi !

Cara Mengganti Kata Secara Otomatis Di Ms Word

Terdapat berbagai macam jalan pintas (shortcut) yang dapat digunakan pada Ms Word untuk mempersingkat waktu Anda dalam melakukan pekerjaan yang menuntut Anda untuk menggunakan Ms Word dalam pengerjaannya. Salah satu shortcut tersebut adalah mengganti kata yang salah dan memperbaikinya secara otomatis. Terkadang seseorang baru menyadari ketika tulisannya sudah selesai bahwa sebenarnya terdapat satu kata atau lebih yang harusnya diganti dengan kata lain (terkadang hal ini menimpa saya juga).

Apabila tidak menggunakan fasilitas shortcuts dari Ms Word, Anda hanya akan membuang-buang waktu berharga Anda. Cara manual adalah mencari setiap kata yang salah dan menghapus terlebih dahulu kata yang salah kemudian mengetikan kata baru yang benar. Apabila tulisan Anda hanya satu halaman dan kata yang salah tidak lebih dari 10 kata, mungkin cara manual masih bisa ditolelir karena sedikit kata yang harus Anda ubah. Namun, bagaimana jika tulisan yang Anda buat memiliki puluhan bahkan ratusan halaman serta kata yang salah mencapai ratusan/ribuan kata? Bisa-bisa Anda stress duluan sebelum menyelesaikan tulisan Anda.

Jadi bagaimana cara mengganti kata-kata tersebut dengan cara otomatis? Bersyukur karena Ms Word memberikan kemudahan untuk Anda. Anda tinggal tekan tombol ctrl dan huruf H berbarengan pada keyboard Anda maka akan muncul pop up seperti berikut ini:

tutorial ms word

Ketikan kata yang salah di kolom “Find what” dan ketikan kata yang benar di kolom “Replace with”, apabila Anda akan mengganti semuanya tekan tombol “Replace All” yang ada dibagian bawah. Coba dan lihat hasilnya, dengan begitu Anda bisa sangat menghemat waktu berharga Anda karena secara otomatis kata-kata yang salah tersebut dapat menjadi benar seperti yang Anda inginkan dalam waktu yang sangat singkat. Lihat gambar di bawah ini:

Membuat Link Dalam postingan

Membuat Link berupa tombol atau form button sebenarnya,disamping menambah kecantikan namun sekaligus merangsang pengunjung untuk mengklik form tersebut.
Contoh Link yang berupa form button/tombol,seperti di bawah ini:

---

---

Dari contoh di atas,anda bisa lihat,saat anda klik form tersebut akan menimbulkan popup sesuai alamat yang anda tentukan.
Sedangkan kodenya,anda bisa copy di bawah ini:

---

<form method="get" action="http://templeblogg.blogspot.com"
target="_blank">
<input type="submit" value="Contoh saja!" name="q">
</form>

---

Untuk tulisan http://templeblogg.blogspot.com anda rubah sesuai nama blog anda.
Untuk tulisan Contoh saja!,rubah sesuai keinginan anda.

Sedangkan untuk tulisan _blank gantilah dengan _self jika anda menginginkan halaman,akan terbuka pada halaman itu sendiri,bukan pada jendela baru.

Gimana siap mencoba?

template blank

template blank / template dasar blogspot caranya copy code ini di template html kamu
atau download templatenya

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<html >

<head>

<meta charset='UTF-8'/>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.title/></title>

<b:skin><![CDATA[

/*bagian ini untuk css*/

]]></b:skin>

</head>

<body>

<header id="headerwrap">

<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>

</b:section>

</header>

<section id="mainwrap">

<b:section class='main section' id='main'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

</b:section>

</section>

</body>

</html>

oke kamu sudah liat kan edikomputer kasih tau ya :

• teks warna merah : merupakan type html template blogger/blogspot
• teks wana hijau : merupakan bagian head diman kita akan menempatkan kode css yang akan kita bahas di sesion berikutnya
• teks warna biru : merupakan kode html untuk menampilkan sebuah blog

ini dulu ya tutorialnya dilanjut ke halaman berikutnya. kalo tutorial ini bermanfaat silahkan berikan komentar yang mendidik/yang berhubungan dengan artikel