tlatah merapi online

Membuat Logo Statis

Kemarin baru dapat kuliah gratis tentang cara bikin logo yang gak mau pindah-pindah walaupun layar blog di scroll alias Fixed Position Image. Huh…dari dulu aku nyari-nyari…baru ketemu kemarin. Dan ternyata di salah satu buku yang kupunya juga ada setelah kubuka-buka (Memang dasarnya pemalas aku ini (idiot)). Tapi sekarang kan udah bisa berkat pelajaran kuliah gratis ini. Aku yang nyubi newbie dan malas nguprek-uprek code, sedikit demi sedikit mulai “melek” (woot) walaupun sampai sekarang masih sedikit ilmunya. Tapi gak pa2 yang penting terus belajar dan belajar terus meski gak mudeng-mudeng (walahhh).

Setelah dapat kuliah secara gratis, ternyata … ooo begitu to… ternyata mudah ya kalau mengerti. Sedikit mengulas balik pelajaran kemarin, ternyata begini caranya. Tapi sebelumnya aku mau bilang, tulisan ini bukan untuk para master lho… (para master ….  jangan diketawain ya).

Anggap saja sampeyan sudah punya blog ya. Nah untuk bikinnya, silakan masuk di menu admin blog sampeyan. Lalu meluncurlah ke submenu widget dan tambahkan widget “TEXT”  di sidebar. Setelah itu tambahkan url image yang ingin ditampilkan. Sebagai contoh gambar yang ku pakai adalah gambar Garuda Pancasila bertuliskan Blog Indonesia dengan url http://blog-indonesia.com/image/grd_white.gif (bisa diganti sesuai keinginan) . Untuk bisa tampil statis dipojok blog kita tambahkan kode, sehingga menjadi seperti berikut ini :

<a href=”http://liliek.muntilanation.org/bikin-logo-statis“><img src=”http://blog-indonesia.com/image/grd_white.gif” border=”0″ alt=”blog-indonesia” style=”position:fixed;bottom:0px;right:100px;” />

Kode diatas bisa di kustom sesuai keinginanmu.

border=”0″ alt=”blog-indonesia” style=”position:fixed;bottom:0px;right:100px; disini bisa diatur tata letaknya. Jika ingin di pojok atas, tinggal ganti bottom dengan top. Jika ingin menggunakan garis tepi pada gambar tinggal beri nilai pada border=”0

Kode diatas adalah logo dengan link  di dalamnya. Jika tidak ingin menanamkan link pada logo, kodenya menjadi seperti ini :

<img src=”http://blog-indonesia.com/image/grd_white.gif” border=”0″ alt=”blog-indonesia” style=”position:fixed;bottom:0px;right:100px;” />

Ya…tinggal di hapus kode <a href=”http://…….”>

Demikianlah pelajaran yang kudapat dari kuliah gratis yang berhasil ku praktekkan. Silakan dicoba semoga berhasil.

Tips : Untuk mencoba tidak harus masuk menu admin terlebih dahulu, tapi bisa dibuat dengan notepad. Copas saja kode diatas di notepad dan save dengan nama.html (harus ada .html nya). Lalu tutup notepad sampeyan dan cari file yang barusan dibuat. Klik kanan pada file nama.html tersebut dan open with firefox atau browser pilihanmu.



trims untuk radenmas surya  (worship) 

54 Comments

Other links to this post

  1. KlikSite.com

RSS feed for comments on this post. TrackBack URI

Leave a comment

PENTING! Monggo diisi dulu :-)

matematika SD: 4 + 8 ?
Please leave these two fields as-is:
CommentLuv Enabled

Earn cash for writingPhotobucketPhotobucket

Oelil's blog is powered by Wordpress | WordPress Themes