Membuat Sesuatu yang Selalu di Pojok

Rabu, 15 Juli 2009

Untuk membuat sesuatu selalu di pojok sebenarnya sangat sederhana, cukup dengan menambahkan atribut style='position:fixed'.

Tapi tidak semua browser mendukung fitur ini, contohnya seperti Internet Explorer 7.
Dan akhirnya setelah browsing2 lewat paman Google, dapat juga cara untuk "mengakali"-nya.

Nih, cara lengkapnya:

  1. Masuk ke account Blogger, pilih "Layout" dan pilih "Page Elements",
  2. Kemudian tambahkan Gadget dengan meng-klik "Add a Gadget",
  3. Pilih "HTML/JavaScript",
  4. Tambahkan kode di bawah (judul gadget sebaiknya jangan diisi):
    <style type="text/css">
    .fixed {
    position:fixed;
    bottom:0px;
    left:0px;
    }
    * html .fixed {position:relative;}
    </style>
  5. Kode bottom:0px; dan left:0px; menunjukkan kalau posisinya ada di sudut kiri-bawah. Kalau mau memindahkan ke sudut yang lain, cukup tentukan posisinya dengan top, bottom, left, atau right,
  6. Tambahkan kode HTML di bawah kode tersebut dengan atribut class="fixed" pada "sesuatu" yang ingin kita taruh di pojok. Contoh, jika ingin menaruh sebuah gambar selalu di pojok:
    <img src='urlgambarkamu.png' class='fixed' />
Selamat mencoba!

Blog this!

Suka artikel dari blog ini? Silakan masukkan alamat email kamu untuk mendapatkan artikel terbaru dari Info Blog. Gratis!!
Atau baca Feed dari blog ini di sini.

Delivered by FeedBurner

69 komentar:

Collections of Internet Link mengatakan...

Wah baru tahu nih.. makasih ya.. infonya..

pokehack mengatakan...

wah.. langsung praktek saya yak... kekeke...

kaka master CSS ya???

ajarin dunk kaka... oh iy jangan lupa maen ke blog ane y kaka

mfkasim mengatakan...

bukan master, kok..
aku dapatnya dari google juga,, tapi aku lupa sumbernya dari mana.. :D

iMori96 mengatakan...

Nyaah.. Hebat!
Makasih ya, mudah dimengerti~XD
berkunjunglah ke blog saia kapan2, tolong beri penilaian~

Wisata SEO Sadau mengatakan...

wah tips triknya lengkap nih.. lebih lengkap daripada kang rohman, hahahha.. :P

Beben Koben mengatakan...

aku mah klo ada trik2 yg pake style type="text/css" suka diletakkan setelah kode head BOS...hehehehe...terlalu banyak widget pusying bos...trik yg maden macem ginih mah dalem aja aaah

cewek-ebatzz mengatakan...

kalo mau ngeletakin ym di pojok kanan bawah gimana atuh kang?

ranggi alvian mengatakan...

mas, gimana caranya sih biar koment diblog kita bisa menjadi kayak wordpress. ada nama, e-mail, sama web.
kan kalau di blogspotkan cuman ada select profil.
beritahu aku ya mas. kita tukeran link yua.. udah saya taruh tuh.

Copycat91 mengatakan...

@cewek-ebatzz: ganti aja "left" jadi "right", kemudian masukin kode untuk YM, tapi tambahkan di dalam tag terluarnya tambahkan "class='fixed'"

@ranggi alvian: wah,, maaf, mas.. untuk yang itu saya kurang tahu,, nanti kalau saya udah dapat infonya, saya post, deh..

Cebol mengatakan...

makasih infonya !

Ikhwanul muslim mengatakan...

Cara ngiliangin tab yg tulisannya panji blog ini dan bla-bla bagaimana ya??

akhid mengatakan...

trus kalo udah ditambah, ngeditnya lagi di mana? kalo mo ngehapus? Tx

bongo mengatakan...

gambarnya harus kecil ya mas??ukuran nya berapa x berapa pixel??

nowGoogle.com adalah Multiple Search Engine Popular mengatakan...

emang enak juga di pojok2

Festival Museum Nusantara mengatakan...

mampir sob

Piala Dunia 2010 mengatakan...

keren bro

negeriads.com solusi berpromosi mengatakan...

gitu ya caranya

negeriads.com solusi berpromosi mengatakan...

terima kasih infonya teman

negeriads.com solusi berpromosi mengatakan...

maksudnya?

takeogoun mengatakan...

info yang bermanfaat buat semuanya
ane mo nyoba praktekin ke blog ane

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Sangat bermanfaat, Thank's...

putrahosting.com dapur hosting hemat mengatakan...

mampir perdana kang

Ucriet mengatakan...

mas gmn caranya kl mau naruh script banner biar tampil trus dipojokan seperti gambar blogger punya mas yg disebelah kiri atas itu mas

putrahosting.com dapur hosting hemat mengatakan...

triknya oke banget

hosting murah indonesia indositehost.com mengatakan...

mantab tipsnya juragan

Anonim mengatakan...

mantap info...

hottttttttt mengatakan...

keren banget nih, mantappp

Travel Jakarta Bandung mengatakan...

mojok terus... pegel..

skilef mengatakan...

saya pemula bang...
trima kasih atas tutorialnya, mau saya coba...
:D

STMIK AMIKOM menuju Research University mengatakan...

thanks

webgila.com mengatakan...

membuka wawasan bgt ....!!!!

artikel bebas mengatakan...

langsung dicoba gann

Nikmaya John mengatakan...

Amazing tips,,,,

Kerudung Paris Polos mengatakan...

info nya bagus gan.. coba dulu ya

vpn server mengatakan...

keren gan ..sippp :)

whiplash blog mengatakan...

You have shared nice stuff .This is my first time I visit here. I found so many interesting in your blog especially its discussion. Keep your blog updating and good luck!

download software Gratis mengatakan...

dah di terapkan di blog dofollow saya
thanks mas

Bayu Hadi Permana mengatakan...

thanks kak

what is an iva mengatakan...

Its amazing that I have learned something like this.

PANCUR AJI mengatakan...

makasih

whiplash compensation mengatakan...

For novice and beginners, this is very helpful.

apex credit management mengatakan...

I just want you to know that you really made a nice review about this particular topic. Your post really contains an informational message that gave me a lot of knowledge about this specific matter.

debt management company mengatakan...

A totally tremendous awesomeness

Anonim mengatakan...

The post is written in very a good manner and it contains much useful information for me. You have a very impressive writing style. Thanks for sharing.

Interface Talent Network FL

robinson way debt collectors mengatakan...

Thank you for this blog. Thats all I can say. You most definitely have made this blog into something thats eye opening and important.

Anonim mengatakan...

Many thanks regarding sharing us all about this revise. We imagine you will not find fatigued about generating posts as useful simply because this.

Olympia Rolling Backpacks

42 Inch Flat Screen TV mengatakan...

Your website was so wonderful, I found out in regards to a great deal of excellent achievements. I like how we design your websites. Carry on the good operate and might you receive accomplishment ultimately.

Search Engine Optimization Companies mengatakan...

Intimately, the post is really the greatest on that worthwhile topic. I fit in with your conclusions and definitely will eagerly look forward to your next updates. I’m just saying thanks. It’s cannot simply be enough, for the amazing clarity in your writing. I can immediately grab your rises feed to stay abreast of any updates. Pleasant work and much success in your business endeavors!

Scottsdale Window Tint mengatakan...

Totally concur together with your facts right here. Each of the posts are completely beneficial and possessing really superb themes. I really like to verify out your weblog once more and throughout once again its really improve my knowing. Thanks for that fantastic article.Scottsdale Window Tint

Steve Waters Vancouver mengatakan...

“A random act of kindness”

phlebotomy programs in charlotte nc mengatakan...

That is a few inspiring goods. Couldn't know that ideas might be this kind of diverse. Thanks for all the enthusiasm to supply such tips below.

fashion pr nyc mengatakan...

When I sat this page, I thought I am only reading the same as the article written in most blogs but when I am now in the middle of the article, I can't help myself to appreciate the message that written in there. I can't believe that the blogger can make this blog amazing with the quality content that others don't have. I will look forward to this page for more reading valuable content in the future.

new jersey lease mengatakan...

I genuinely liked reading through your post! You have quality material. I might advise you to come up with blog posts even more often. By doing this, having this kind of a worthy website I think you will probably rank higher in the search engines.

movers Edmonton mengatakan...

You’ve got very awesome stuffs here. I really like the theme of the website and how well you organized the content. It's a marvelous job I will come back and check you out sometime.

Scottsdale Window Tint mengatakan...

Very superb publish! I just stumbled in your web site and wished to say that We have absolutely appreciated considering your weblog posts. Any way I will be subscribing in your feed and I desire you publish yet again soon.

dust mite proof covers mengatakan...

I found this as an informative as well as intriguing publish so i think, it is very useful and also educated. I would like to we appreciate you the particular efforts you have made in some recoverable format this informative article. I am hoping the identical best work of your stuff later on also. The truth is your own creative writing capability features inspired me personally. The post is actually distributing the wings swiftly.

Sony XBR55hx929 vs Samsung UN55D8000 mengatakan...

Intimately, the post is really the greatest on that worthwhile topic. I fit in with your conclusions and definitely will eagerly look forward to your next updates. I’m just saying thanks. It’s cannot simply be enough, for the amazing clarity in your writing. I can immediately grab your rises feed to stay abreast of any updates. Pleasant work and much success in your business endeavors!

car leasing deals mengatakan...

I fit in with your conclusions as well as undoubtedly will eagerly expect your next updates. I'm simply stating thanks. It's can certainly not simply satisfy, for the amazing clearness in your writing.

west jordan optometrist mengatakan...

In regular, the usefulness and importance is overpowering. Actually a lot thank you however once more and excellent luck and preserve up the great operate!

west jordan eye care mengatakan...

I used to be really happy to find this net web page. I needed to thanks for this superb know-how and I definitely taking pleasure in nearly each solitary small little bit of it and I'm hunting in advance to check out out out new stuff you publish.

Best Coffee Makers mengatakan...

This is a very beneficial internet site and i also have found straight answers right here

Unknown mengatakan...

sippp

Clarence H. mengatakan...

I am hoping the identical best hard work from you in the future as well. In fact your very creative writing strength has actually encouraged me.

Supercoolzz | Blog Berbagi Informasi mengatakan...

nice

Delano Blog mengatakan...

Simple tips, but nice . .

Bima mengatakan...

thanks

Obat Wasir mengatakan...

obat kutil kelamin wanita

Unknown mengatakan...

nama obat sipilis di apotik jika kemaluan keluar nanah setelah ml kencing nanah kemaluan keluar nanah bisa berakibat kemandulan mengapa kemaluan keluar nanah setelah ml dengan pacar pacar bahaya dibalik kenikmatan sesaat apa dampaknya jika tertular kutil kelamin resiko serius jika tertular sipilis kencing terasa panas dan kemaluan keluar nanah kemaluan perih kencing terasa panas dan keluar nanah kenali gejala awal penyakit sipilis obat kemaluan keluar nanah obat penis keluar nanah obat kelamin keluar nanah ujung kemaluan keluar nanah penyebab alat kelamin keluar nanah kemaluan keluar nanah pusat obat herbal obat penis keluar nanah obat ujung kemaluan keluar nanah obat penis keluar nanah ujung kemaluan keluar nanah penyebab ujung penis keluar nanah kemaluan keluar nanah tapi tidak sakit"

Trackimei.net mengatakan...

Find your phone. Lost your phone? Try some simple steps, like showing the location or locking the screen, to help you secure it. Find My Device helps you locate your lost Android and lock it until you get it back. Features See your phone, tablet, or watch on a map. Track IMEI offers the following services, which are given below:-

Find my android
Google find my phone
Find my iPhone

Posting Komentar

Silakan berkomentar di bawah ini. You comment, I follow.
Tapi komentar yang bernada spam akan saya hapus. Terima kasih :D

Cheat di Blog

Rainbow Text

Buku Tamu versi 2


ShoutMix chat widget
Widget by Info Blog

Headline News

Buku Tamu


ShoutMix chat widget

Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)

Tautan Link Otomatis

Gamba di Pojok