BELAJAR NGEBLOG: Cara Membuat Header Dengan XHeader

Cara Membuat Header Dengan XHeader

Membuat header di Blog, seperti halnya di Blogspot atau Wordpress. Tak sesulit yang kita pikirkan. Di Tutorial Blog kali ini kita akan bahas bersama bagaimana cara membuat header dengan cara yang paling mudah, cepat, hemat tenaga, dan tidak menguras otak, dengan hasil kualitas yang tidak mengecewakan. Kita bisa membuat gambar header yang diinginkan untuk dijadikan gambar header dengan menggunakan Adobe Photoshop atau software yang lain, tapi masih ada cara yang lebih praktis dengan memanfaatkan layanan gratis pembuatan header weblog dari XHeader (seperti halnya pembuatan header di blog ini).

XHeader, software yang dapat membantu Anda sekalian untuk membuat header website atau blog menjadi lebih Profesional. Ciri-ciri webs atau blog profesional bisa dilihat dari tampilan header blog yang terkesan simpel, stylis, dan elegan, dengan konten yang bermutu tentunya. 

Ok...sekarang langsung ke maksud dan tujuan kita, login dulu ke situsnya (klik disini XHeader.com), disini kita diminta untuk memasukkan First Name, Last Name, dan Email setelah selesai memasukkan semua data yang diminta klik submit kalo ada pertanyaan klik No, Thanks disini anda tinggal langsung download. setelah selesai download, sekarang disini anda langsung menjalankan file XHeader yang di download tadi, klik No Thanks.

masuk ke Load From Template Library (tunggu beberapa saat...), sekarang anda tinggal memilih category blog header yang diinginkan, tapi kalo bisa untuk blog header disini harus sesuai dengan judul blog yang anda gunakan, setelah itu dibagian kolom sebelah kanan pilih salah satu gambar yang akan kita gunakan untuk blog kita, klik OK. Untuk kreasi selanjutnya silahkan anda kembangkan sendiri sesuai keinginan, jangan lupa disimpan dalam format JPG atau PNG.

Referensi:

http://stevhenl.blogspot.com/2011/12/cara-membuat-header-dengan-xheader.html

http://cooldieaja.blogspot.com/2011/11/membuat-header-blog-profesional-dengan.html

»»  Baca Selanjutnya...

BELAJAR NGEBLOG: Membuat Menu Horizontal Sederhana di Header

Membuat Menu Horizontal Sederhana di Header

Sekarang kita akan belajar membuat menu horizontal yang sederhana di header. Yang perlu ditekankan adalah kesederhaan itu. Karena memang menu itu saya buat hanya menggunakan kode HTML yang sederhana berupa deretan link-link. Menu navigasi yang mudah akan memberikan pengalaman yang baik bagi pembaca blog kita. Menu horizontal ini saya buat terlebih dulu dengan menambahkan elemen gadget di header. Jika sudah, langkah selanjutnya adalah sebagai berikut.

Cara Membuat Menu Horizontal Sederhana di Header
1. Pilih Tata Letak
2. Klik Tambah Gadget yang ada di Header
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:


<b><div style="text-align: center;"> <a href="http://saefuljihadlearn.blogspot.com">Halaman Depan</a>| <a href="http://saefuljihadlearn.blogspot.com/2012/12/blog-post.html">Daftar Isi</a>| <a href="http://twitter.com/saeful_jihad">Twitter</a>| <a href="http://www.facebook.com/saefuljihad">Facebook</a>| </div></b>

5. Teks yang berwarna hijau adalah URL yang dituju sedang yang berwarna merah adalah teks yang tampil. Kita bisa menambahkan lebih banyak link sesuai lebar header dan link yang ingin kita tampilkan.
6. Simpan jika sudah selesai.

Referensi: http://kurniasepta.blogspot.com/2011/11/membuat-menu-horizontal-sederhana-di.html

»»  Baca Selanjutnya...

BELAJAR NGEBLOG: Membuat Daftar Isi Blog Berdasarkan Arsip

Membuat Daftar Isi Blog Berdasarkan Arsip

Salah satu hal yang terpenting di blog adalah navigasi yang mudah, artinya orang dengan mudah menemukan apa yang mereka cari. Oleh sebab itulah selain harus ada search engine, daftar isi atau biasa juga disebut sitemap blog perlu juga ada di blog kita. Dengan menampilkan daftar judul yang sudah pernah kita tulis mempermudah pembaca mengadakan penelusuran.

Cara Membuat Daftar Isi Blog Berdasarkan Arsip
1. Login ke blogger
2. Pilih Entri Baru
3. Isi kolom judul, misal "Daftar Isi Blog"
4. Pilih opsi Edit HTML dalam menulis, bukan Compose
5. Masukan script berikut sebagai isi postingan;


<script src="http://arsip-blog-lengkap-by-pradiszwardhana.googlecode.com/files/arsip-blog-lengkap-by-pradiszwardhana.js"> </script> <script src="http://saefuljihadlearn.blogspot.com/feeds/posts/default?max-results=900&amp;alt=json-in-script&amp;callback=loadtoc"> </script>

6. Ganti yang berwarna merah dengan URL blogmu sendiri.
7. Jika sudah Terbitkan Entri.

Halaman daftar isi ini bisa jadi salah satu menu yang kita tampilkan di menu horizontal di header. Kita juga bisa menambahi atau menuliskan teks sebelum dan sesudah script tersebut. Semoga bermanfaat :)

Referensi: http://kurniasepta.blogspot.com/2011/12/membuat-daftar-isi-blog-berdasarkan.html

»»  Baca Selanjutnya...