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...

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.

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....
  

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...)

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-

Membuat Menu "Read More"

Kadang kala kita menulis post terlalu panjang, tapi kita juga tidak ingin menguranginya. Bagaimana menyiasatinya? Pakai cara dengan Read More. Maksudnya bisa anda lihat di blog berikut :http://solo-spirit-of-java.blogspot.com/, tetapi dalam blog ini Read More diganti dengan Selengkapnya....

Caranya:

• Login ke Blogger anda
• Pilih Menu Tata Letak
• Klik Menu Edit HTML (Untuk berjaga-jaga, jika hasil editan kita nanti ada kesalahan, Download Template anda yang sekarang dulu dengan Klik Download Template Lengkap. Jadi jika nanti anda kesalahan, template anda yang lama terselamatkan.)
• Copy dan Pastekan kode berikut persis sebelum kode </head> . (Untuk mempermudah mencari kode , tekan tombol CTRL F dan ketikkan kode yang anda cari pada kotak Find yang biasanya ada di bawah kiri) 

<style> 
<b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> 
span.fullpost {display:none;} 
</b:if> 
</style>

• Kemudian Copy dan Pastekan kode berikut setelah kode <p><data:post.body/></p>
  
  

  (Gunakan Tips di atas untuk mencari kode tersebut)
  

<b:if cond='data:blog.pageType != "item"'>

<a expr:href='data:post.url'> Read More..</a>

</b:if>

!!! Anda bisa mengganti Read More... bercetak tebal dengan Baca Selengkapnya..atau Selanjutnya !!! 

•  Kemudian Simpan Template

Langkah Berikutnya adalah Klik Menu Pengaturan / Setting dan pilih Sub Menu Format

Copy dan Pastekan kode berikut pada kotak  Post Template Atau Template Entry

<span class="fullpost">

</span>  

Langkah selanjutnya SAve Setting & Selesai

Trus Caranya Posting bagaimana? Tenang Saudara-saudara gampang koq...

• Klik Menu Posting
• Klik Menu Edit HTML
• Ketik Artikel yang ingin anda tampilkan sebelum kata Baca Selanjutnya...sebelum kode
  
  
  

  <span class="fullpost">

  dan sisanya setelah kode
  
  
  

  </span>
  
  Selesai Dech... 
  

  
  
  
  
  
  
  
  
  




Mulai Posting

Nah, kemarin anda telah membuat sebuah blog sederhana. Sekarang saat anda memulai posting (mengisi blog anda dengan artikel seuai keiinginan anda).
Satu artikel sudah di publish, dua rtikel dipublish, tiga dan seterusnya. Tapi tunggu dulu, kenapa koq artikel posting ke 1, ke 2, ke 3, dst, kok langsung nyambung ke bawah terus? khan kasihan pengunjung kalo ingin melihat artikel yang terbawah harus scrolling mouse ampe pegal.
Tenang sebuah tips mudah bisa menjadi solusi masalah tersebut.

• Masuk Account Blogger anda dulu.
• Akan muncul Menu dashboard anda
• Klik Pengaturan kemudian klik Menu Format
• Isi Form Tampilkan dengan banyak posting pada halaman utama. (Contohnya pada blog http://celma-pro.blogspot.com dan http://cold-or-warm.blogspot.com berikut adalah contoh dengan satu posting pada halaman utama)
• Langkah terakhir Simpan Setelan 

 

Membuat Blog Itu Mudah

Apa Blog itu?
Bagaimana Membuatnya?
Untuk Apa Blog itu?
Blog berasal dari web blog yang artinya kurang lebih sebuah situs yang bersifat pribadi (non organisasi resmi)
Walau pun tampilan blog bisa seampuh website pada umumnya (dengan sedikit sentuhan trik yang diperoleh dengan belajar tentunya) pembuatan blog tidakla sulit. Langkahnya adalah sebagai berikut:

• Buat dulu email anda di account gmail. Tapi seandainya anda menyukai di penyedia jasa email gratis lainnya pun tidak menjadi masalah.
• Selanjutnya kunjungi www.blogger.com dan anda akan menjumpai halaman sebagai berikut:

• Klik "Ciptakan Blog Anda"
• Isi data yang diper lukan, mulai dari email, password dan nama tampilan
• Verifikasi dengan mengetik kode yang muncul dan contreng kotak yang sampingnya bertuliskan Saya Menerima Persyaratan dan Layanan
• Klik Lanjutkan
• Tulis Judul Blog Anda (Nanti bisa diubah) dan alamat url blog anda (Usahakan unik)
• Verifikasi kode lagi dan Lanjutkan
• Pilih Template atau tampilan Blog anda (Nanti bisa diubah / diedit)
• Klik Lanjutkan dan kemudian Blog Anda telah jadi dan siap diisi artikel sesuai dengan keinginan anda pada menu posting.