Cara Membuat Header Berlink

Nyempet-nyempetin waktu untuk posting,kali ini Tami Blog bakal posting tentang ilmu cabe-cabean nih.. Nah kali gue bakal ngeshare tentang bagaimana caranya buat header berlink, contohnya kayak header punya gue, jadi kalau misalnya kita tempel gambar facebook di header kita, lalu kita klik nanti langsung pindah ke facebook kita, begitu.

Nah, enggak usah berlama-lama lagi, karena terlalu lama juga enggak baik, kasihan yang nunggunya, emang enggak capek apa hah ? Kan jadi curhat… Langsung aja nih, gue bikin 2 yaitu lewat video sama lewat tulisan (printscreen), check this out !

Yang pertama, pastinya lo udah punya header buatan sendiri, kayak punya gue ini
Ini original buatan gue

Terus, lo harus konek ke internet, masuk ke web http://photobucket.com ini tempat untuk upload foto, selain disini juga bisa sih, kayak di imageshack, yang penting tempat upload foto dan juga ada html foto yang diuploadnya, setelah itu klik bacaan upload.
Inilah penampakn photobucket

Lalu masuk menu upload, pilih yang choose photos & videos
pilih yang warna biru ya..

Lalu kita masuk ke menu “unggah berkas” nah kita pilih header yang udah dibuat tadi.

Ini adalah gambar proses uploadnya, gimana koneksi internet sih, kalau cepet yang cepet, kalau lemot ya sabar aja, saya tahu menunggu itu enggak enak.

Jika berhasil akan ada tulisan view uploads di atas, lalu klik view uploadsnya maka akan masuk kemenu library, tempat dimana foto upload kamu tinggal.

Udah gitu pilih deh foto yang kita upload tadi.

Bakal masuk ke menu yang kayak gini, lihat samping kanan kalian, nah klik bagian HTML nanti bakal muncul bacaan copied dengan background kuning muda itu berarti sudah di copy htmlnya.
di samping kanan.

Sesudah itu buka adobe dremweaver kalian untuk membuat linknya, setelah dibuka pilih HTML yang ada di kolom create new.
Nih dia penampakan si ganteng Adobe Dreamweaver.

Sesudah itu akan tertampil seperti ini.

Lalu pilih image di kolom insert, adanya di atas, bukan di hati kamu..

Udah itu akan masuk ke image source pilih gambar header kamu yang tadi.
Cari lagi header kamu

Nanti akan muncul image tag blab la bala nah itu di ok aja, abaikan aja itu bukan siapa-siapa kita kok.
abaikan aja, kayak abaikan orang yang pernah PHP-in kamu.
Nah akan muncul kayak gini, lalu pilih gambar kotak, bullet, dan absurd di pojok kiri bawah kita, kalau kita udah pilih, buatlah sketsa pada logo facebook pada header kamu.
Gambarnya ada di pojok bawah kiri, abis itu buat sketsanya..
Kalau keluar notice kayak gini, itu di oke aja.
Abaikan.

Terus isi deh kolom link di bagian bawahh, dengan link facebook kamu contoh http://facebook.com/akhatamy dan kolom targetnya itu bukan kita isi gebetan kita yang sekrang, pilih aja yang _blank aja atau enggak _new. Kalau yang _blank itu tidak buka tab baru, kalau yang _new itu buka. Gitu.
Lakukan ini berkali-kali kalau emang ada banyak icon yng pengin di jadiin link ke sosmed kamu.
Udah gitu di save denggan format .html.
Maaf kepotong :(

Nah, bukalah file  yang tadi di notpade dengan cara open with kalau emang maish berlogo mozzila firefox file yang tadi.
Kalau sudah, akan keluar kode yang males gue lihat ini.
nih dia...

Ganti yang <img src=”…..” dengan link html dari photobucket tadi..
Perhatikan ada yang berubah kan ?

Lalu copy-lah kode itu mulai dari bacaan <img src=”….” Sampai </map>
Yang biru yang di copy ya :)

Abis itu bukalah firefox lagi, dan ketiklah blogger.com, lalu ke tata letak untuk menaruh htmlnya tadi…
Tampilan bebeb Blogger.com

Kayak gini nih..

Udah gitu di save deh.

 Nah ini gue kasih versi Youtubenya nih, wacth ya ! :) https://www.youtube.com/watch?v=9vgHxzAGv2c&feature=youtu.be


Gimana ? Gampang kan ? lebih gampang dari move on kok, udah gitu kalian bisa deh gonta-ganti header seminggu sekali atau sehari sekali. Nah, segitu deh step-step untuk membuat header berlink. Silahkan di share ke yang laen juga ya, berbagi itu Indah. Terimakasih, salam Tami blog.

Comments

Post a Comment

Popular posts from this blog

Awal & Kamboja

Kamu Diculik Alien?

Pertemuan Yanto Budal