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:
- Masuk ke account Blogger kamu, pilih "Layout" - "Edit HTML",
- Centang "Expand Widget Templates",
- Cari kode
kemudian tambahkan di bawahnya:.post {
xxxxxxxxxxxx
xxxxxxxxxxxx
...
}.post .hideseek {
display:none;
}
.post:hover .hideseek {
display:inline;
float:right;
} - Nah, setelah itu, cari lagi kode
<div class='post-footer'>, dan tambahkan di bawahnya:<div class='hideseek'>
<!-- Kode Elemen kamu di sini -->
</div> - Kamu bisa menambahkan kode elemen di atas dengan kode Share Button, sebuah gambar, dll.
- Kalau kamu mau menambahkannya dengan gambar, ganti saja kode yang ditebalkan dengan
<img src='urlgambarkamu.png'/>
Bagi yang ingin bertanya atau mempunyai masalah dalam mencoba ini, silakan tinggalkan komentar di bawah :D
101 komentar:
yang ini contohnya yang mana mas...masih bingung kalau belum ada contohnya..
betul!!
contoh plis..!!!
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
O iya, contohnya kamu bisa lihat kalau kamu ada di halaman utama blog ini, akan terlihat elemen yang kadang muncul, kadang tidak..
wow keren sob
saya baru tahu materiartikel ini
thank's sob
nice blog
kok articelnya nga ke singkat..??
Saya belum bisa membuat'nya ....:(
iya nich...saya juga masih bingung... maklum newbie.
berkunjung kembali lagi
mampir sob
mantab gan
mantab gan
keren bro
Makasih sobat....
thnks yaa..cute^^
oh yeah, you don't follow my blog
oh yeah, you don't follow my blog .salam blogger http://www.blaze-hack.co.cc
Kalo buat tombol hide n seek tapi buat scrool halaman ke atas gmn ya ??
Kok nggak bisa, bos??
Nggak ada kode yang ini:
.post {
xxxxxxxxxxxx
xxxxxxxxxxxx
...
}
sundul gan !
mantab lah... try first!!!!
http://koranonlen.blogspot.com/
hebatt bisa nih...
mas kode HTMLnya kok ga ketemu....?
Bantuin dong....?
mas gag da kode htmlnyaa.. gimana donk??
mantabs infonya....thx
salam kenal dulu kawan,
nice info - mantap - dicoba ya and trims
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.
Thanks for sharing the code. It works for me easily.
This is really a chance for me to learn about this matter.
By doing this, having this kind of a worthy website I think you will probably rank higher in the search engines.
cari kodenya dimana pak...
Your post really helps me to work easily.
This blog is going to be great resource. Love reading it.
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
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.
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
hidup cuma sekali. mari kita hiasi dengan sesuatu yang berarti dengan di mulai belajar dan belajar sampai mati... ok ayo semangat belajar
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.
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.
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
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.
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.
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!
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.
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.
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.
coba di buat saja deh
sukses ya gan
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.
di buat kan deh gan moga aja bisa :d
di buat kan saja gan hahaha
apa nih gan kaya nya kurang jelas nih info nyua :D
That is certainly an awfully unbelievable column which have posted. Thanks a great deal for that fantastically amazing report!
saya mau tanya. tadi sebelum saya ganti template blog saqya masih biasa2 saja. tapi setelah itu page element, dan layout hilang
I appreciate you offering us all so great write-up. I will read more in your blog post as it help always.
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.
mantap
saya sering liat nih yang kaya gini di website-website orang.. ternyata begni cara buatnya..
Thanks buat tutorialnya! Walaupun saya belum jelas cara penggunaan nya di html, tapi tpp, nice post deh :)
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.
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.
ӏ 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
Ι 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
Perlu di coba gan, kelihatannya mantap
tq sudah berbagi.
saya mw coba di Blog dummy dlu
makasih gan infonya bermanfaat..
salam mas brow
Waah.. tampilannya baru ya..
Medicenter wordpress theme is good
kunjungi kami gan
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
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.
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.
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.
Introduce mcafee item with no problem. We give best establishment administration click here mcafee.com/activate for more subtleties.
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.
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.
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.
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.
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.
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.
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.
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.
Download office setup with the help of www.office.com/setup and also install and activate office setup with office setup product key.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Visit the www.webroot.com/safe to download your Webroot antivirus product and also get Webroot Installation.
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.
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
Silversingles Support Phone Number
Silversingles Customer Service
Cancel Silversingles Membership
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
Read about best smartphone news reviews, price and specifications and much more features
Done
Done
Done
Done
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