Langsung ke konten utama

Tutorial: Memasang Gambar Melayang di Blog

Selamat siang, kita semua selalu dalam lindungan Allah SWT. Amin

Di siang yang mendung ini ane kembali mau share sebuah tutorial buat meriahin blog agan-agan. Project kita kali ini adalah memasang gambar di blog yang walaupun halaman blog kita di rol tetap pada posisinya atau dalam istilah populernya sebagai gambar melayang.

Masuk Dasbor > Tata Letak > Tambah Gadget
 Muncul Jendela Baru, pilih HTML/ Java Script
Dalam isian konten isi dengan kode skrip berikut:
1. Gambar disertai link saat diklik
<div style="position: fixed; bottom: 200px; left: 10px;width:110px;height:130px;"><a href="URL Saat Di Klik" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif"/></a></div>
2. Gambar yang tidak disertai link
<div style="position: fixed; bottom: 200px; left: 10px;width:110px;height:130px;"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif"/></a></div>

Tulisan Orange diganti dengan URL yang diinginkan.
Tulisan Merah diganti dengan URL gambar yang diinginkan.
 Klik Simpan. Kemudian buka blog agan buat nge-cek berhasil atau enggak-nya.

Demikian tutorial kali ini, semoga beranfaat. Jika masih bingung, jangan sungkan buat isi komen di bawah. Nantikan posting ane selanjutnya.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Jeplak: Bismillah, Mulai Nulis Lagih..

Mengenang masa lalu selalu berujung senyum sendiri. Ya. SENDIRI. Malam ini benar-benar sendiri seperti malam-malam sendiri sebelumnya. (Musik sedih tiba-tiba terdengar). Ruang kantor tiba-tiba jadi sepi sesaat sebelum tulisan "Ruang kantor tiba-tiba jadi sepi" dituliskan. Ruang kantor memang sepi tapi tak terasa sepi hingga ditulisnya "Ruang kantor tiba-tiba jadi sepi". Jam segini memang sepi. Hanya orang kurang kerjaan yang masih duduk di sini. Aku salah satunya. Malam ini benar-benar kurang kerjaan. Biasanya memang tak pernah ada kerjaan. Tapi malam ini kekurangkerjaan itu lebih terasa kekurangkerjaannya. Film bajakan di situs tongkrongan tak ada yang menarik jari untuk diklik donlot. Chat di Whatsapp tak ada yang menarik. Tak ada yang ingatkan makan. Lagipula percuma. Aku sudah makan. Ku tengok Facebook, masih begitu saja. Isinya tulisan orang asing yang kuakui teman. Halaman profil iseng kubuka. Dan nostalgia pada tulisan dan gambar lama sedikit memberi seri...
1 komentar
Baca selengkapnya

Porto Folio: Logo Laskar Cinta Dewa 19

Selamat pagi rekan BilBol baik yang masih beraktivitas rutin maupun yang sudah menikmati weekend. Sebelum ane berangkat ngampus ane mo posting dulu karya ane di mari. Gambar berikut merupakan hasil olah cipta menggunakan software editor gambar Photoshop atau Sotosop kata orang di forum sebelah. Gambarnya aseli dibikin dari nol dan bukan merupakan editan dari gambar yang sama yang udah ada tersebar di internet. Proses pengerjaan sekitar 2 jam-an (bukan 2 jaman), itu juga sambil sms-an sama bales chat pesbuk. Kalo di Corel Draw mungkin ga selama itu, hehe.. cekidot.. Update.. Malam kedua ane bikin lagi. kali ini lebih cepet cuman 1/2 jam-an berhubung dah tau ukurannya. bagian teks dibikin lebih tebal dengan perbandingan 3:2.. warnanya juga dikonversi dari RGB ke CMYK sehingga pas buat disablon.. Cekidot..
Posting Komentar
Baca selengkapnya

Tutorial Photoshop: Mengganti Foto Wajah

Salam 'Alaikum . Salam sejahtera untuk agan-agan yang saat ini sedang baca postingan tutorial ini. Kali ini ane mau kembali share tutorial photoshop. Project kita kali ini adalah mengganti wajah dari sebuah foto dengan foto yang lain. Berikut tutorialnya. 1. Buka photoshop-nya ( you don't say! ). Buka 2 gambar yang mau dieksekusi. File > Open . Sebagai contoh ane kasih gambar buat dieksekusi. 2. Seleksi wajah yang akan diambil. Alat seleksinya bebas. Rekomendasi ane pakai Pen Tool . 3. Geser area yang diseleksi ke gambar utama. Gunakan Move Tool untuk proses pemindahan. Sesuaikan ukuran dan kemiringannya sehingga tampak pas. 4. Copy layer 1 (layer wajah). 4. Atur warna layer 1 copy . Masuk menu Image > Adjustment > Hue/ Saturation . Atur warna hingga warna layer 1 copy menyamai/ mendekati warna gambar utama. 5. Masih di layer 1 copy , hapus area bibir/ mulut menggunakan Eraser Tool . Tujuan penghapusan ini adalah agar warna merah bib...
Posting Komentar
Baca selengkapnya