Kamis, 17 Desember 2009

Membuat Header lebih Hidup dengan swf file

Ternyata menampilkan header bergerak seperti blog ini sangatlah mudah.
Berikut langkah-langkahnya.
Pertama anda harus memiliki widget header baru, seperti posting saya sebelumnya.
Anda tinggal membuat file swf anda. (Tapi saya tidak bisa flash....) Tenang bos anda tinggal kunjungi saja site ini.

Site tersebut menyediakan jasa membuat banner swf gratis. Anda tinggal klik dan klik dan selesai. Mudah khan?
Setelah itu klik generate dan copy paste code html-nya ke widget kamu.
Sebagai catatan, kode html tadi bisa juga anda letakkan di widget yang lain tidak harus header...
Selamat mencoba dan apa lagi yach...Udah ah...

Selasa, 15 Desember 2009

Menambah Widget Baru di Bawah Header

Bagi yang kebingungan membuat widget di bawah header dalam artikel ini ada sedikit solusi yang mungkin bisa membantu. Langkah-langkahnya sebagai berikut:
  • Login ke blogger dengan ID anda.
  • Klik Tata Letak.
  • Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :

Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header. Siap? yuk mulai.
  • Klik tab Edit HTML
  • Cari kode seperti di bawah ini:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
</b:section>
  • Ganti kata bercetak biru maxwidgets menjadi 3, showaddelement menjadi yes dan locked menjadi false, kira-kira menjadi seperti ini:
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
</b:section>
  • Jangan lupa disimpan, dan lihat perubahannya. Jika berhasil akan tampak seperti ini:



Anda bisa mengisi elemen baru anda ini dengan kode-kode HTML yang akan mempercantik blog anda.

Jumat, 11 Desember 2009

Menambahkan Logo Pada Header

Hi. Prend...
Tips hari ini adalah membuat headermu menjadi menarik dengan sebuah logo.
Kadang kita bosan melihat header kita dengan huruf itu-itu saja. Kalau pun ditambahkan gambar, judul header tetap keliatan dan nyebelin. Tenang saja, tips akan dishare lewat blog ini.
Langkah awal yang harus dilakukan adalah buat judul header kamu tidak kelihatan (dalam bahasa inggrisnya invisible) he..he...
  • Langkahnya sebagai berikut:
  • Masuk ke menu Tata Letak
  • Klik Menu Edit HTML
  • Cari kode di bawah ini :
 #header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}
  • Di bawah kode color masukkan kode visibility:hidden;   sehingga menjadi seperti ini:
 #header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}
  • Simpan dan langkah menghilangkan judul header selesai.
  • Langkah berikutnya adalah membuat logo 
  • Untuk membuat logo anda dapat mengedit sendiri melalui program design grafis, seperti Corel Draw atau yang lain, atau kalau anda ingin ringkas dan cepat anda bisa klik Make Your Logo
  • Yang anda perlukan adalah membuat account baru dengan memilih Login kemudian Create Account
  • Setelah itu silakan klik tombol Logos dan berkreasilah
  • Setelah selesai Klik Render Logo. Jika belum puas / belum sesuai dengan ukuran header anda silakan klik Edit This Logo, tapi jika sudah puas segera Download Image aja.
  • Selamat anda telah mempunyai logo
  • Langkah memasukkan Logo-mu ke header lebih mudah lagi, tinggal klik Tata Letak dan Klik Edit di Headernya.
  • Kamu tinggal upload gambarmu tadi.
  • Header kamu sudah tidak membosankan lagi....

Jumat, 04 Desember 2009

Membuat Link Bergerak 'Sama Mudahnya'

Keputusan saya sudah bulat, saya harus membuka rahasia ini. (he...he...kaya penting aja)
Ok, selanjutnya dari artikel saya terdahulu (membuat teks berjalan) adalah membuat teks link berjalan.
Caranya cukup mudah:
Masuk ke menu posting / edit HTML
Kemudian Copy dan pastekan code di bawah ini:
<marquee> <a href="http://cold-or-warm.blogspot.com/ ">Tips-tips membuat dollar dengan Adsense</a> </marquee>
Kalo berhasil hasilnya seperti di bawah ini:
Tips-tips membuat dollar dengan Adsense
Anda bisa mengganti kode biru dengan alamat blog dan deskripsi blog anda
Kalo nggak juga nggak papa, hitung -hitung amal dengan memberi 1 link ke blog saya.....
Mudah to....?(Iya pak guru...)

Selasa, 01 Desember 2009

Membuat tulisan Berjalan pada blogspot

Hei...bro...
Udah nunggu lama ya...
Nih...ada tips baru untuk membuat teks berjalan kaya gini:
Tulisannya kok berjalan-jalan ya...


 Langkahnya sebagai berikut:
  • Masuk Blogger
  • Masuk Entry baru / Posting baru
  • Ketik artikel yang anda post
  • Klik Edit HTML
  • Copy dan Paste kode di bawah:
<marquee bgcolor="grey" style="color:white;">Tulisannya kok berjalan-jalan ya...</marquee>

Kalo ingin yang berjalan teks pada bar url seperti blog ini copy dan paste kode berikut:

<script language='JavaScript'>
var txt="Text / kata2 anda taruh sini.. OK";
var ekhancepetandunk=170;var fress=null;function gerakyuk() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
fress=setTimeout("gerakyuk()",ekhancepetandunk);}gerakyuk();
</script>
Kata bercetak merah silakan diganti dengan kata-katamu sendiri...
Aku mendengar orang-orang bersorak "Ternyata gampang yo...."
-Love n Peace-