Sunday, September 30, 2012

Cara Membuat Gambar Melayang di Blog

Pernah melihat gambar melayang di website atau di blog? nah kali ini saya akan memcoba menulis artikel tentang Cara Membuat Gambar Melayang di Blog. Seperti terlihat di blog saya gambar logo facebook dan twitter yang di sebelah kiri. Langsung saja yuk begini cara membuatnya  :

  1. Pertama Login ke Akun Blogger anda.
  2. Lalu masuk ke Tata Letak dan add a gadget Pilih HTML/JavaScript.
  3. Copy kode dibawah ini diatas kode dan masukkan ke gadget yang tadi di pilih :
  4. <div style="display:scroll; position:fixed; top:260px; left:-6px;"> <a class="linkopacity" href="http://www.facebook.com/roynardo.decaprio" target="_blank" rel="nofollow" title="Add me your facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/facebook_32.png" /></a><br /> <a class="linkopacity" href="http://twitter.com/muhammad_royani" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/twitter.png" /></a><br /> <a class="linkopacity" href="http://roy87.blogspot.com/feeds/posts/default" target="_blank" rel="nofollow" title="Newslater" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i239.photobucket.com/albums/ff304/cxoluvme/feed.png" /></a><br /> </div>
  5. Untuk kode berwarna hijau, itu merupakan pengaturan letaknya.
  6. Untuk kode berwarna biru, itu pengaturan linknya.
  7. Untuk kode berwarana merah jambu, itu pengaturan source gambarnya.
  8. Nah setelah semua sudah diatur, tekan Simpan. 
Selesai deh artikel Cara Membuat Gambar Melayang di Blog. Terima Kasih.

No comments:

Post a Comment