Sunday, January 29, 2012

Cara Pasang Floating Images di Blog WordPress

Filled under:

Cara buat gambar melayang Floating Image di Blog WordPress | Cara Pasang Animasi Flash di Blog
Sobat narablog, artikel berikut saya ambilkan dari blognya mas bro Bootingskoblog. Artikel-artikel tutorial wordpress di blog dia sangat bagus baik untuk narablog pemula maupun yg sudah bangkotan di wordpress.com :lol: Dari blog inilah saya pribadi banyak belajar bagaimana membangun blog wordpress.
Artikel ini istimewa karena:
  • dari dulu saya ingin tahu bagaimana caranya memasang floating images (  gambar melayang ) di blog wordpress dan ketemu di artikel mas bro ini. Dulu saya gak tahu apa itu namanya, jadi saya search di mbah google dengan kata kunci: pasang gambar di pojok blog :D . Bagi sobat yg belum tahu apa itu floating images :  ini adalah sebuah/beberapa gambar yang selalu berada di pojok blog kita. Gambar tersebut tidak akan bergerak dan tetap berada di pojok halaman walaupun kita meng-scroll halaman ke atas dan ke bawah
  • ternyata mas bro bootingskoblog mengetahui trick ini dari duo ●●ЄЯШЇЙ●●● yang super narsis itu :mrgreen: . buseeeedd dah! Rupanya mas dan mbak Erwin ini emang ajibbbb! Kalu maen ke blog mereka pasti narablog sudah ‘dihadang’ oleh macan dan elang yang menjadi floating images blog mereka. Entah sampai kapan macan imutnya ada disana wkwkwkwk:D
Jika rekan narablog tertarik untuk mencoba memasang floating images di blog untuk sekedar mempercantik tampilan blog, atau untuk alasan2 lainnya, caranya super mudah.
  • Login ke akun WordPress.com sobat.
  • Kemudian klik [Tampilan] > [Widget].
  • Pilih widget “Text”. Click and drag (klik dan tarik dengan mouse) widget teks ini ke sisi kanan (sidebar)
  • Copy dan pastekan kode dibawah ini:
Posisi bawah-kanan:
<a style="display:scroll;position:fixed;bottom:0;right:0;">
<img src="URL gambar
" /></a>
Posisi atas-kanan:
<a style="display:scroll;position:fixed;top:0;right:0;">
<img src="URL gambar
" /></a>
Posisi bawah-kiri:
<a style="display:scroll;position:fixed;bottom:0;left:0;">
<img src="URL gambar
" /></a>
Posisi atas-kiri:
<a style="display:scroll;position:fixed;top:0;left:0;">
<img src="URL gambar
" /></a>
  • Dan klik tombol “Save”.

0 comments:

Post a Comment