Ketika pengunjung menggulung (scroll) blog Anda untuk melihat lebih konten di bagian bawah, bagian atas blog Anda keluar jendela dari atas untuk membuat jalan bagi bagian bawah yang masuk ke atas.
Sekarang apa yang akan kita lakukan adalah agar widget pilihan Anda tetap di tepi atas jendela seperti, sehingga membuat widget terlihat saat di scroll. Ini akan mengapung di sana sampai lokasi semula kembali saat halaman menggulir kembali.
Trik ini berlaku untuk semua widget atau elemen yang memiliki ID, dimanapun lokasinya di blog Anda. Ini baik untuk navigasi bar, kotak langganan dan tombol media sosial berbagi.
Berkut cara menginstalnya:
Tampilkan postingan dengan label html. Tampilkan semua postingan
Tampilkan postingan dengan label html. Tampilkan semua postingan
Cara Menggunakan Atribut Autocompletetype dalam Bentuk HTML
40 Website dengan HTML5 yang Indah
Pada artikel ini, saya mencoba menghadirkan daftar situs yang kreatif, menarik dan indah yang menggunakan kode HTML5. Mudah-mudahan Anda akan dapat menarik inspirasi dari desain mereka dan arah dan mungkin meyakinkan diri sendiri untuk memberikan HTML5 mencoba ketika merancang website Anda berikutnya.
360° Langstrasse
360° Langstrasse
Cara membuat link terbuka di tab/jendela baru
Seringkali links yang ada di blog kita, ketika diklik maka langsung membuka link yang URL yang kita pasang. Hal ini blog kita akan tertutup oleh blog pada link yang kita pasang. Cara membuat link yang ada pada blog jika diklik akan terbuka pada window/tab baru, sehingga blog kita tetap terbuka.
Berikut cara membuat semua hyperlinks jika diklik akan terbuka pada window/tab baru.
Menampilkan Kode HTML Pada Postingan Blog
Menampilkan kode HTML ini sebenarnya adalah hal yang sangat perlu bagi mereka yang banyak memposting Tutorial tentang blog, dan yang lainnya. Dan banyak sekali blog yang mengulas masalah ini. Berikut ada beberapa pilihan cara untuk menampilkan kode HTML pada postingan :
1. Cara Manual Dengan Notepad
2. Cara Eksternal Web, yaitu menggunakan web yang memiliki fitur parse (encode) kode HTML seperti :
www.blogcrowds.com
centricle.com
1. CARA MANUAL MENGGUNAKAN NOTEPAD
1. Cara Manual Dengan Notepad
2. Cara Eksternal Web, yaitu menggunakan web yang memiliki fitur parse (encode) kode HTML seperti :
www.blogcrowds.com
centricle.com
1. CARA MANUAL MENGGUNAKAN NOTEPAD
Support HTML5, Youtube dan Vimeo lebih cepat
Era html5 sepertinya sudah dimulai, situs raksasa video streaming youtube dan vimeo kini telah memperkenalkan video player dengan menggunakan html5.
Jika sebelumnya untuk memutar video di youtube anda memerlukan software tambahan flash player, maka sekarang dan kedepannya tidak perlu lagi karena sudah banyak video yang telah support html5.
Beberapa keunggulan video yang telah support html5 :
* Load video lebih cepat.
* Dapat berpindah dari satu video ke video yang lain tanpa memerlukan buffering.
* Lebih halus dalam playback.
Namun, video youtube yang telah support html5 ada pula keterbatasannya yaitu :
* Tidak support video dengan iklan.
* Tidak support fullscreen.
Ini tentunya dalam tahap awal dan masih dalam masa percobaan, untuk mengaktifkan video yang support html5 di youtube silakan kunjungi halaman ini, lalu anda harus klik tulisan “Join the HTML5 Beta” untuk mengaktifkannya, lalu silahkan coba play beberapa video untuk merasakan asyiknya menggunakan html5.
Support dengan:
Sedangkan untuk vimeo, dalam blognya mereka mengatakan untuk mengaktifkan html5, anda harus menggunakan browser yang telah support html5 seperti yang telah disebutkan diatas, lalu klik “Switch to HTML5 player” dibawah video yang sedang di putar.
Sumber: kangrohman.com
Jika sebelumnya untuk memutar video di youtube anda memerlukan software tambahan flash player, maka sekarang dan kedepannya tidak perlu lagi karena sudah banyak video yang telah support html5.
Beberapa keunggulan video yang telah support html5 :
* Load video lebih cepat.
* Dapat berpindah dari satu video ke video yang lain tanpa memerlukan buffering.
* Lebih halus dalam playback.
Namun, video youtube yang telah support html5 ada pula keterbatasannya yaitu :
* Tidak support video dengan iklan.
* Tidak support fullscreen.
Ini tentunya dalam tahap awal dan masih dalam masa percobaan, untuk mengaktifkan video yang support html5 di youtube silakan kunjungi halaman ini, lalu anda harus klik tulisan “Join the HTML5 Beta” untuk mengaktifkannya, lalu silahkan coba play beberapa video untuk merasakan asyiknya menggunakan html5.
Support dengan:
- Firefox 4 (WebM, Beta available here)
- Google Chrome (WebM and h.264)
- Opera 10.6+ (WebM, Available here)
- Apple Safari (h.264, version 4+)
- Microsoft Internet Explorer 9 (h.264, Beta available here)
- Microsoft Internet Explorer 6, 7, or 8 with Google Chrome Frame installed (Get Google Chrome Frame)
Sedangkan untuk vimeo, dalam blognya mereka mengatakan untuk mengaktifkan html5, anda harus menggunakan browser yang telah support html5 seperti yang telah disebutkan diatas, lalu klik “Switch to HTML5 player” dibawah video yang sedang di putar.
Sumber: kangrohman.com
Cara membuat Link HTML yang membuka tab/windows baru saat di klik
Jika anda memasang sebuah link dan jika diklik maka akan muncul jendela/window baru, anda tinggal menambahkan tag target=”_blank” sebelum kode href=
contoh:
<a expr:href='data:backlink.url'><data:backlink.title/></a>
menjadi
<a target='_blank' expr:href='data:backlink.url'><data:backlink.title/></a>
contoh:
<a expr:href='data:backlink.url'><data:backlink.title/></a>
menjadi
<a target='_blank' expr:href='data:backlink.url'><data:backlink.title/></a>
Langganan:
Postingan (Atom)
loading..