SELAMAT DATANG DI BAGAS WEBSITE, FIAN CELL PACARKELING SURABAYA, DILARANG COPY ISI BLOG INI KE BLOG LAIN, TINGGALKAN KOMENTAR, KRITIK DAN SARAN memasang gambar dan link pada header di blog | Bagas website fian cell pacarkeling surabaya Bagas website fian cell pacarkeling surabaya: memasang gambar dan link pada header di blog

Translate

  FIAN CELL SURABAYA

TERIMA REPARASI HANDPHONE, TABLET, IPAD & KOMPUTER


TERIMA REPARASI MESIN FOTOCOPY KYOCERA & CANON

Monday, 22 June 2015

memasang gambar dan link pada header di blog

Para blogger dimanapun anda berada, ada kabar berita dari saya, kali ini saya akan memposting tentang cara memasang gambar dan link pada header di blog. Cara ini bisa dikatakan sederhana karena kita hanya meletakan kode kode pada tempat yang dimaksud, gambar yang ber-link akan dipasang pada beberapa header sekaligus di blog yang sebelumnya saya bagi headernya dalam beberapa kolom. Banyak dari para blogger kesulitan saat membuat gambar link dikarenakan harus dipasang dibawah kode header-wrapper tapi kode header-wrappernya tidak ketemu, jadi bingung mau dipasang dimana, terkadang gambarnya bisa muncul di header tapi masih bingung cara buat linknya dan banyak lagi kendalanya terutama untuk para blogger pemula seperti saya hehehe..., tujuan saya memposting ini ialah sekedar sharing dan bukan merasa lebih jago dari anda.

Langkah langkahnya kita akan bagi header dalam beberapa kelompok kolom, lalu saya akan bagi header dalam 4 kolom header, kemudian masing masing gambar pada kolom akan saya beri link, hasilnya bisa dilihat dibawah ini:

MEMASANG GAMBAR DAN LINK PADA HEADER DI BLOG
Bisa kita lihat ada 4 header gambar diatas yaitu sisi kiri, tengah kanan dan bawah, dan kolom header disebelah kiri bisa dipasangi tombol share, like dan lain lain, ok langsung saja saya contohkan kodenya, so...lihat kebawah. Pertama login ke blogger, masuk ke tata letak lalu cari kode ini .header-outer { contoh lengkap pada blog saya ialah :

.header-outer {background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none;min-height: 230px; background:#DCDCDC; }

Setelah ketemu, kemudian copy kode dibawah ini lalu paste di bawah kode diatas.

Ganti alamat url(alamat laman anda yang berisi gambar yang ingin diunggah) dengan alamat url gambar yang ingin anda unggah contoh : url(http://1.bp.blogspot.com/-wCe7piZStDQ/VSItxdtvg4I/AAAAAAAAAIo/1siyF5rgclU/s1600/IMG_5322.JPG).

Kode float: berfungsi agar header keluar dan ditampilkan dari sisi kiri, kanan atau tengah.

Untuk mengatur lebar header silakan ganti angka pada width contoh : width:30px.

Untuk mengatur tinggi header silakan ganti angka pada height contoh : height:10%.

memasang gambar dan link pada header di blog

Kode background-repeat: no-repeat; berfungsi agar gambar tidak ditampilkan lebih dari 1 kali.

Kode margin- berfungsi menempatkan header pada posisi angka pixel yang dikehendaki contoh : margin-top:230px;, px adalah singkatan dari pixel.

Kemudian cari kode <header> , lalu copy kode dibawah ini dan paste kode tersebut dibawah <header>, kode dibawah ini berfungsi untuk mendeklarasikan variabel apa saja yang ada pada header.

memasang gambar dan link pada header di blog

Fungsi kode maxwidget= adalah untuk membatasi berapa widget yang bisa dipasang pada header, contoh : maxwidget='1' berarti cuma boleh ada 1 widget yang diletakan. Fungsi showaddelement='yes' adalah element apapun yang berupa gambar, tulisan dan lain lain akan ditampilkan pada header.

Lalu copy kode dibawah ini dan paste tepat dibawah kode yang tadi dipaste.

Fungsi <a href= adalah memberi link pada gambar sehingga gambar bisa diklik menuju halaman pada url yang berada setelah kode src=". Setelah itu klik simpan template, lalu lihat hasil dengan klik lihat hasil atau refresh halaman yang telah dibuka sebelumnya, selamat mencoba..., tapi jangan lupa beri komentar, yang berarti anda menghargai posting saya, terima kasih...

Memasang gambar dan link pada header di blog

BELUM ADA KOMENTAR

TOLONG TINGGALKAN KOMENTAR..!!

fixedbanner
fixedbanner2