Membuat Elemen Hide N Seek

Selasa, 11 Agustus 2009

Yang aku maksud dengan elemen hide n seek adalah jika pointer mouse kita berada di atas sebuah post/artikel maka elemen tersebut akan terlihat, dan jika pointer mouse kita berada di tempat lain, elemen tersebut tidak akan terlihat. Hal ini membuat elemen tersebut lebih menarik untuk dilihat pembaca.
Aku terinspirasi membuat ini dari facebook. Semoga saja pemilihan nama "hide n seek" tidak salah. :)
Contohnya kamu bisa lihat di blog ini.

Cara membuatnya:

  1. Masuk ke account Blogger kamu, pilih "Layout" - "Edit HTML",
  2. Centang "Expand Widget Templates",
  3. Cari kode
    .post {
    xxxxxxxxxxxx
    xxxxxxxxxxxx
    ...
    }
    kemudian tambahkan di bawahnya:
    .post .hideseek {
    display:none;
    }
    .post:hover .hideseek {
    display:inline;
    float:right;
    }
  4. Nah, setelah itu, cari lagi kode <div class='post-footer'>, dan tambahkan di bawahnya:
    <div class='hideseek'>
    <!-- Kode Elemen kamu di sini -->
    </div>
  5. Kamu bisa menambahkan kode elemen di atas dengan kode Share Button, sebuah gambar, dll.
  6. Kalau kamu mau menambahkannya dengan gambar, ganti saja kode yang ditebalkan dengan
    <img src='urlgambarkamu.png'/>
Selamat mencoba!
Bagi yang ingin bertanya atau mempunyai masalah dalam mencoba ini, silakan tinggalkan komentar di bawah :D

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

101 komentar:

sigit mengatakan...

yang ini contohnya yang mana mas...masih bingung kalau belum ada contohnya..

wisnu mengatakan...

betul!!
contoh plis..!!!

mfkasim mengatakan...

kalau kamu mau buat readmore sebagai elemen hide n seek, kamu tulis aja
<a expr:href='data:post.url'> Read More </a>
di bagian "Edit HTML" di "Layout" blog kamu

mfkasim mengatakan...

O iya, contohnya kamu bisa lihat kalau kamu ada di halaman utama blog ini, akan terlihat elemen yang kadang muncul, kadang tidak..

blog buat bloggers mengatakan...

wow keren sob
saya baru tahu materiartikel ini

thank's sob

nice blog

Ikhwanul muslim mengatakan...

kok articelnya nga ke singkat..??

BHENAYA ORGANIZER mengatakan...

Saya belum bisa membuat'nya ....:(

MaRLiF mengatakan...

iya nich...saya juga masih bingung... maklum newbie.

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

berkunjung kembali lagi

Festival Museum Nusantara mengatakan...

mampir sob

Health Spot mengatakan...

mantab gan

Health Spot mengatakan...

mantab gan

Piala Dunia 2010 mengatakan...

keren bro

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

Makasih sobat....

renovatenrenew mengatakan...

thnks yaa..cute^^

BlazeHack mengatakan...

oh yeah, you don't follow my blog

Anonim mengatakan...

oh yeah, you don't follow my blog .salam blogger http://www.blaze-hack.co.cc

TakeoGoun mengatakan...

Kalo buat tombol hide n seek tapi buat scrool halaman ke atas gmn ya ??

Anonim mengatakan...

Kok nggak bisa, bos??
Nggak ada kode yang ini:

.post {
xxxxxxxxxxxx
xxxxxxxxxxxx
...
}

STMIK AMIKOM menuju Research University mengatakan...

sundul gan !

Kyo Ku mengatakan...

mantab lah... try first!!!!

Kyo Ku mengatakan...

http://koranonlen.blogspot.com/

Anonim mengatakan...

hebatt bisa nih...

Cardio Share mengatakan...

mas kode HTMLnya kok ga ketemu....?
Bantuin dong....?

nurulate mengatakan...

mas gag da kode htmlnyaa.. gimana donk??

s4ndmotion mengatakan...

mantabs infonya....thx

BLOGBEGO mengatakan...

salam kenal dulu kawan,
nice info - mantap - dicoba ya and trims

whiplash blog mengatakan...

It is very rare these days to find blogs that provide information someone is looking for. I am glad to see that your blog share valued information that can help to many readers. Thanks and keep writing.

what is an iva mengatakan...

Thanks for sharing the code. It works for me easily.

whiplash compensation claims mengatakan...

This is really a chance for me to learn about this matter.

apex credit mengatakan...

By doing this, having this kind of a worthy website I think you will probably rank higher in the search engines.

Kang Aziz mengatakan...

cari kodenya dimana pak...

debt management company mengatakan...

Your post really helps me to work easily.

debt management company mengatakan...

This blog is going to be great resource. Love reading it.

Anonim mengatakan...

There are certainly a lot of details like that to take into consideration. All are good pints to consider for. I now consider the thoughts above as general inspiration.

Interface Talent Network FL

robinson way debt collectors mengatakan...

I’ve had a quick look at your site, it looks very interesting. Maybe you’d like to send a synopsis through for us to publish for you? Please make it as factual as possible and include a short bio of yourself and a link to your site at the end.

Anonim mengatakan...

This can be a greatest post with this subject I've ever examine. We are genuinely really satisfied from it. Retain writing a blog!

homemade mayonnaise

Ozi R2 mengatakan...

hidup cuma sekali. mari kita hiasi dengan sesuatu yang berarti dengan di mulai belajar dan belajar sampai mati... ok ayo semangat belajar

battery tester mengatakan...

Thank you regarding talking over this matter. We concur together with your findings. The particular factors how the files stated are typical upfront in genuine encounters even help much more.

pain management New Jersey mengatakan...

It is such an honor to have the chance to join the discussion of this great blog site! I want to extend my thanks for this.

scottsdale 3M Di-Noc mengatakan...

I truly liked taking a look at by way of your publish!. Leading high quality compound. I could advise you to arrive up with blogposts even far more usually. scottsdale 3M Di-Noc

Steve Waters Vancouver 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.

fashion pr nyc mengatakan...

Nice information really helpful share I also try it and amazingly its start work I am very happy to create my own twitter widget thanks dude for sharing.

mercedes lease deals oh mengatakan...

I am happy to find this post very useful for me, as it contains lot of information. I always prefer to read the quality content and this thing I found in you post. Thanks for sharing!

scottsdale 3M Di-Noc mengatakan...

Intimately, the article is really the most effective on that worthwhile concept. I in form in using your conclusions and surely will eagerly seem forward for your subsequent updates. Just stating numerous many thanks are not able to basically be sufficient, for your fantastic clarity within your composing.

Edmonton moving company mengatakan...

I came across this kind of as a possible informational information along with intriguing, i really think that is incredibly valuable and well-informed for me. I must thanks for the actual efforts they've designed to write this particular very good write-up. If at all possible, when you obtain knowledge, would you thoughts upgrading your website with additional information? It is rather of great help for myself.

Anodized Aluminum Cookware mengatakan...

I’m not much into reading, but somehow I got to read many articles in your webpage.
It’s fantastic how interesting it is for me to visit you very often.

obat diabetes melitus mengatakan...

coba di buat saja deh

obat kanker payudara mengatakan...

sukses ya gan

best 42 inch led tv mengatakan...

I acquire some important subjects in here which have the ability to not be observed in any sort of web sites. Thanks for sharing this weblog. I love it.

obat alternatif glaukoma mengatakan...

di buat kan deh gan moga aja bisa :d

obat alternatif penyakit gondok mengatakan...

di buat kan saja gan hahaha

obat alternatif diabetes melitus mengatakan...

apa nih gan kaya nya kurang jelas nih info nyua :D

west jordan optometrist mengatakan...

That is certainly an awfully unbelievable column which have posted. Thanks a great deal for that fantastically amazing report!

Umweltfonds mengatakan...

saya mau tanya. tadi sebelum saya ganti template blog saqya masih biasa2 saja. tapi setelah itu page element, dan layout hilang

Telescoping Ladders mengatakan...

I appreciate you offering us all so great write-up. I will read more in your blog post as it help always.

Clarence H. mengatakan...

I will definitely happen to be dropping by this web pages more frequently for I am very intrigue with the topic that definitely catches my pastime.

Supercoolzz | Blog Berbagi Informasi mengatakan...

mantap

Artikel Komputer Menarik mengatakan...

saya sering liat nih yang kaya gini di website-website orang.. ternyata begni cara buatnya..

topSpot | Find your top spot here mengatakan...

Thanks buat tutorialnya! Walaupun saya belum jelas cara penggunaan nya di html, tapi tpp, nice post deh :)

Colley & Colley, LLP - Austin mengatakan...

The post is written in very a good manner and it entails many useful information for me. I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement the concept. Thank you for the post.

write sample college essays mengatakan...

It goes on to clarify that it means virtue because this is concerned with emotions and actions and the meaning in these is praised and constitutes success. The majority have almost no doubt that such material could be of a some interest. Needless to be modest if someone lays open to public sample college essays that are skilled and talented at the same time.

Anonim mengatakan...

ӏ am not posіtіνe wherе you're getting your information, however great topic. I must spend a while studying more or working out more. Thank you for excellent information I was looking for this information for my mission.

Also visit my webpage - how to create a website using html

Anonim mengatakan...

Ι wanted to thank you for this gοоd read!
! I аbsolutеly loved evеry
little bіt of it. I have yοu bookmarked tο
check out nеω stuff you pоst…

Feel freе to surf to my page: een website bouwen

Perbedaan Windows 32 Bit dan 64 Bit mengatakan...

Perlu di coba gan, kelihatannya mantap

Blogadexme mengatakan...

tq sudah berbagi.

Blog Musik Mp3 Lagu Terbaru mengatakan...

saya mw coba di Blog dummy dlu

cara dapat uang dari youtube mengatakan...

makasih gan infonya bermanfaat..
salam mas brow

Jual Frame Kacamata mengatakan...

Waah.. tampilannya baru ya..

medicenter wordpress theme mengatakan...

Medicenter wordpress theme is good

cara menjaga kesehatan ginjal mengatakan...

kunjungi kami gan

shinchanpoker.com mengatakan...

REJEKIPOKER AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA
SITUSPOKER88.COM Kumpulan situs poker domino terlengkap
Situs Judi Poker Online dan Domino Online Indonesia Terpercaya
SHINCHANPOKER AGEN POKER DAN DOMINO TERBAIK DI INDONESIA
MIYABIPOKER AGEN POKER DAN DOMINO ONLINE TERBAIK DI INDONESIA
ABADIPOKER.COM SITUS AGEN POKER DOMINO CAPSA DAN ADUQ ONLINE TERPERCAYA INDONESIA

Kajal Agarwal mengatakan...

office setup, Vonage can help you find the right system to fit your needs & budget. We'll get you started quickly on setting up an office. Visit www.office.com/setup for more updates.

Hardeep mengatakan...

Shield your gadget from malware and infections by downloading, introducing mcafee activate and after that actuate McAfee item. It is a mainstream and surely understood antivirus programming present in the market. McAfee offers total answers for shielding gadgets from malware, infections, and different dangers.

Hardeep mengatakan...

Office is straightforwardly open as a one-time buy for business and purchaser clients. Office 2019 is accessible for www.office.com/setup the two Windows and macOS, and unites model varieties of Word, Exceed expectations, PowerPoint, and Viewpoint.

Monika mengatakan...



Introduce mcafee item with no problem. We give best establishment administration click here mcafee.com/activate for more subtleties.


Monika mengatakan...



McAfee is centered around your security and gives a blend of free McAfee devices to help in your security protection. download and introduce mcafee antivirus to visit : mcafee.com/activate Just select a mechanical assembly and download it to no end.

Monika mengatakan...




McAfee, the gadget to-cloud cybersecurity organization, gives security arrangements that shield information and prevent dangers from gadget to cloud utilizing an open, proactive, and knowledge driven methodology. mcafee.com/activate Present mcafee thing with no issue. We give best foundation organization.

Monika mengatakan...



McAfee security programming offers a champion among the best malware protection among the different security suites in the overall market. According to the latest reports, mcafee.com/activate there has been imperative improvement in advanced ambushes over the span of late years.


Monika mengatakan...

McAfee enables associations to arrange a really coordinated digital condition that all the while ensures, distinguishes and upgrades security dangers. For shoppers, McAfee ensures your gadget at home and abroad from infections, mcafee.com/activate malware and different dangers.

Monika mengatakan...


Present norton antivirus with the best help gathering and keep your PC contamination free. norton.com/setup Download norton antivirus with the best help gathering and avoid disease attacks.


Hardeep mengatakan...

Roku is a streaming device, which is a reasonable roku setup www.roku.com/link and other Set-up Box. Roku is a bundle of amusement, where client can stream for boundless motion appears, web arrangement, news, animation and a lot more projects.

Monika mengatakan...

Webroot is a best-known antivirus software protects your devices against phishing, install office 365 personal with product key ransom attacks, viruses and malwares. visit here for more details : URL , It can keep your data, files and essential information safe and also scan your files against online threat.

seema mengatakan...

Get McAfee antivirus via www.mcafee.com/activate
and utilize all the McAfee antivirus features. McAfee antivirus can destroy all the virese from your gadgets.

seema mengatakan...

Download office setup with the help of www.office.com/setup and also install and activate office setup with office setup product key.

seema mengatakan...

Follow the steps to get office setup from www.office.com/setup. Here you can get a guide to download, install and activate office setup.

seema mengatakan...

Download office setup and access all the office application such as: Excel, Wordpad, powerpoint etc. with www.office.com/setup get now your office setup.

seema mengatakan...

Stream the biggest channels content with Roku streaming device. Activate and setup your roku device via www.roku.com/link and connect roku with other devices.

seema mengatakan...

Steps for Downloading and Installing Norton Setup on PC . Get norton setup through www.norton.com/setup and also activate norton so that you can utilize all the features of norton.

seema mengatakan...

Norton antivirus and firewall software provides security and protection against malware, viruses, cybercrime. If you are facing any issue with your norton antivirus from www.norton.com/setup contact to our technical team and resolve all issues.

seema mengatakan...

Norton help to protect your devices against antiviruses and help to optimize and maintain your information from compitetior www.norton.com/setup visit this website to install norton antivirus in your pc.

seema mengatakan...

Office it the heap of office gadgets to make your working smooth and effective.Get it downloaded in your PC with the snappy help www.office.com/setup click here for more information.

seema mengatakan...

Webroot antivirus software quickly block viruses, malware, spyware or cyber threats other malicious files attempting damage your data. visit www.webroot.com/safe to get this amazing antivirus.

seema mengatakan...

office setup provide different and amazing sort of applications like Excel, PowerPoint, Word, Outlook etc.Get started with office setup at www.office.com/setup.

seema mengatakan...

Visit the www.webroot.com/safe to download your Webroot antivirus product and also get Webroot Installation.

seema mengatakan...

office setup is the best software which is widely used in globe .It is a powerful service that helps you unleash your best ideas , get things done, and stay connected on the go.for more details. visit: www.office.com/setup today.

Kashish mengatakan...

go to norton setup with product key allows you to deploy your Norton setup effectively. Learn the basics to download, install and activate Norton Setup with Product Key.

SilverSingles Phone Number mengatakan...


Silversingles Phone Number
Silversingles Support Phone Number
Silversingles Customer Service
Cancel Silversingles Membership

norton.com/setup mengatakan...

Thankyou so much for spending time to write this blog article, i must say you are a excellent and talented blogger, I Found This Article To Be Very Infromative and Helpfull, please keep sharing such amazing blogs I am a Accountant from United States of America, Washington Dc, and I Love to read and Write Blog.
Some Of My Web Blogs Awesome Blog Post Please Feel Free to Check Out My Blog you will find the process of norton software installation with step by step instrcutions and much more.

Keep Sharing will come back to read more,

Click to Process

norton.com/setup download and install
norton.com/setup enter product key
www.norton.com/setup
login.norton.com
my.norton.com
norton.com/setup
norton.com/setup activate
norton.com/setup install
norton.com/setup help
norton.com/setup renewals
norton.com/enroll product key

Technology Reviews mengatakan...

Read about best smartphone news reviews, price and specifications and much more features
Done
Done
Done
Done

tohulu mengatakan...


I think I have never seen such blogs ever before that has complete things with all details which I want. So kindly update this ever for us.
www.prime.com/mytv
www.primevideos.com/mytv
www.hulu.com/activate
www.mcafee.com/activate

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