Membuat Header Blog Ber-Link:
Jika sobat ingin membuat header ber-link, sobat harus menyiapkan:
- Desain header (.jpg .png .jpeg dll)
- Adobe Dreamwaver
- Akun Image Hosting
- 1. Desain Header
Tentu sobat harus mendesain header sobat se kreatif mungkin. Sobat bisa memakai Photoshop, Photoscape, Paint Dll
- 2. Adobe Dreamwaver
Jika sudah jadi headernya, sobat ikuti langkah ini: Buka Adobe Dreamwaver => File => New => html => Create
Jika sudah tampilannya seperti diatas, sobat pilih Insert => Image => Cari header yang sobat buat => Ok
Sobat block tulisan setelah tag <body> sampai </body> seperti gambar diatas. Setelah itu lihat gambar seperti dibawah ini.
Lihat yang kolom yang didalam garis merah. Sobat pilih bentuk yang kotak, oval atau poligon yang nanti bisa di klik
Lihat yang saya beri nomor:
- Link: Isi dengan link yang nanti jika ditekan akan menuju sebuah web atau blog
- Target: "Blank" => Jika di klik akan muncul di tab baru. "Parent" => Tab yang sama dll
- Alt: Dikosongkan juga tidak apa-apa
- 3. Akun Image Hosting
Silahkan sobat pilih akun mana yang bisa meng upload header. Bagi sobat yang belum punya akun image hosting, sobat bisa pilih akun imageshake (Karena saya pakai yang imageshake). Nah kalau sudah, silahkan sobat upload header tersebut (bukan yang dari adobe dreamwaver, tapi yang dari desain awal). Kalau sudah ambil deh kodenya yang ada di share it --> Direct
Sobat buka file HTML yang tadi sobat buat dari adobe dreamwaver menggunakan Notepad. Cara membukanya: Klik Kanan di file tersebut => Open with => Notepad
Lihat yang saya block, sobat ganti kode tersebut dengan url yang sobat upload tadi. Kalau sudah di ganti sobat pilih File --> Save. Sobat buka lagi file HTML tadi dengan Klik Kanan di file tersebut => Open with => Notepad. Jika sudah sobat copy yang ada di tag antara <body> sampai </body>
Kalau sudah, sobat: Login ke blogger => Tata Letak => Tambah Gadget => HTML/Javascript => Masukan kode yang tadi (file HTML) disitu.
Note:
- Penempatan widget yang isinya kode html tadi di atas ya (kan namanya juga Header (atas), kalau bisa diatas header, jika sobat tidak tahu cara Menambah Kolom Diatas Header <= lihat caranya
- Template yang bisa diganti template bawaan blogger (bukan bawaan blogger saya kurang mengetahui)
Sobat baru saja membaca artikel tentang Membuat Header Blog Ber-Link. Sobat boleh menyebar luaskan atau mengcopy - paste artikel Membuat Header Blog Ber-Link jika memang sangat bermanfaat untuk sobat, tapi dengan syarat sobat harus meletakkan link di bawah ini sebagai sumbernya. Jika tidak, maka akan diproses secara DMCA Takedown yang tentu saja tidak baik bagi blog sobat maupun sobat sendiri. Terima kasih atas perhatiannya.
save as dengan format apa sob?
BalasHapusNotepad (.txt)
Hapus