noreply@blogger.com (Anonymous)Sun, 29 Mar 2026 23:30:04 +0700Blogger http://www.blogger.com167110http://problogiz.blogspot.com/en-usnonoreply@blogger.comhttp://problogiz.blogspot.com/2014/11/button-download-animasi-css3.htmlbuttoncsstutorialnoreply@blogger.com (Anonymous)Wed, 19 Nov 2014 16:55:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-3706936541789845713Berbicara tentang button atau tombol sebagai bagian dari sebuah website atau blog, tentu sangat tinggi nilai urgensinya. Button download, log-in, button demo, tombol menu, dst., hampir semua web/blog memerlukannya untuk mempermudah user mendapatkan yang mereka cari (seperti: code, lagu, film, daftar/login, submit, dll.). Kali ini saya ingin berbagi ide dengan Anda tentang cara membuat button 8http://problogiz.blogspot.com/2014/08/responsive-menu-navigasi-tanpa-javascipt.htmlcssmenututorialnoreply@blogger.com (Anonymous)Sat, 2 Aug 2014 09:52:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-4381631491710794269 Pada umumnya Responsive Menu Navigasi (versi Mobile) menggunakan Javascript dan teknik yang agak rumit. Namun kali ini Pro Blogiz akan membagi tutorial cara membuat menu navigasi dropdown responsive ( dengan sub menu) sederhana tanpa Javascript. Menu ini hanya mengandalkan kombinasi antara CSS dan HTML5 ( No Javascript ), dimana metode ini juga menunjukkan bahwa Javascript tidak selalu 16http://problogiz.blogspot.com/2014/07/font-facebutton-ikon-sosial-media.htmlbuttoncsshtmltutorialnoreply@blogger.com (Anonymous)Sun, 27 Jul 2014 03:04:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-5102208369356259629 Ini tutorial pertama saya sejak sekian lama tidak aktif menulis di blogger, kali ini saya ingin membahas Button dan Ikon Sosial Media  CSS3 dengan @font-face. Membuat atau memasang button sosial media yang keren dan cantik di blog dengan cara yang mudah, tentu itu dambaan semua blogger. Oleh karena itu mari langsung ikuti tutornya berikut. DEMO Penjelasan Singkat Saat ini membuat 2http://problogiz.blogspot.com/2014/07/pro-blogiz-is-back.htmlinfonoreply@blogger.com (Anonymous)Sat, 26 Jul 2014 06:55:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-1575494282100708870 Salam Blogger....Apa Kabar? Setelah sekian lama tidak aktif dalam dunia Blogger, akhirnya Pro Blogiz kembali untuk ikut ambil bagian bertukar informasi bagi sesama blogger. Kangen dan senang sekali rasanya, dapat menulis. berbagi artikel khususnya tentang apa saja yang berhubungan dengan CSS, HTML, Javascript atau desain web. Selama setahun saya hampir tidak ada waktu untuk menulis di blog 3http://problogiz.blogspot.com/2013/12/membuat-iframe-toolbar-dengan-blogger.htmljquerytemplatetutorialnoreply@blogger.com (Anonymous)Tue, 31 Dec 2013 15:00:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-1751415309142487978Pengertian iFrame Toolbar sebenarnya sebuah rangka (frame) dengan menggunakan menubar atau toolbar yang muncul di bagian atas halaman web/blog. Sesuai namanya iframe akan seperti elemen/dokumen HTML, yang terpisah dengan konten frame. iFrame Toolbar bekerja dengan menggunakan jQuery, mirip seperti sticky top menubar, saat Anda scroll browser. Penggunaan iFrame Toolbar sering dijumpai diblog/8http://problogiz.blogspot.com/2013/12/kumpulan-eror-validasi-html-dan.htmlhtmlhtml5noreply@blogger.com (Anonymous)Tue, 24 Dec 2013 04:17:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-6192371773066945419 Artikel ini dibuat sebagai kelanjutan dari artikel Validasi HTML/XHTML dan HTML5 Problogiz yang lalu, Kumpulan Eror Validasi HTML dan Solusinya. Tidak mungkin tentunya, membahas masalah error validasi yang begitu banyak hanya dalam satu posting artikel, kalau pun iya pasti akan tidak efisien. Memang sejak direkomendasikan W3C, kandidat html masa depan-HTML5, semakin banyak pelaku, pengembang 16http://problogiz.blogspot.com/2013/12/simbol-star-entitas-html.htmltoolnoreply@blogger.com (Anonymous)Sun, 22 Dec 2013 21:12:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-496233279817834122Simbol Bintang/Star Entitas HTML atau Star Symbol HTML Entities juga tool kode HTML dari Problogiz untuk membantu sobat menampilkan simbol-simbol bintang ke website/blog Anda atau dapat dirender oleh browser. Seperti sebelumnya Tool Entitas HTML Simbol Icon, dan HTML Arrow Simbol Entitas, tool ini juga sangat membantu menampilkan karakter-karakter / simbol yang tidak tersedia di keybord PC atau 4http://problogiz.blogspot.com/2013/12/html-arrow-simbol-entitas.htmltoolnoreply@blogger.com (Anonymous)Sun, 22 Dec 2013 16:10:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-6930099129585932008HTML Arrow Simbol Entitas dan Direction Simbol Entitas adalah kode HTML (hex code) yang digunakan untuk menampilkan simbol-simbol panah atau Arrow Icon di website/blog. Dengan tool ini Anda dapat memilih simbol-simbol arrow atau simbol arah yang diperlukan, yang tidak dapat Anda temukan di tombol keybord. Sebagai contoh misalnya Anda ingin menampilkan style list ol, ul, yang berbeda seperti 2http://problogiz.blogspot.com/2013/12/entitas-html-simbol-icon.htmltoolnoreply@blogger.com (Anonymous)Sat, 21 Dec 2013 23:46:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-9174125351094131792Entitas HTML / HTML Entities adalah kode HTML yang dibuat untuk membuat/render sebuah simbol di website. Kita tahu tidak semua simbol dapat diterapkan untuk menampilkan sumber kode dikarenakan keterbatasan karakter pada keybord kita. Sebagai contoh jika Anda ingin menampilkan karakter-karakter khsusus dalam website/blog, seperti simbol icon telepon misalnya, yaitu dengan cara menggunakan entitas3http://problogiz.blogspot.com/2013/12/html-color-picker-code.htmltoolnoreply@blogger.com (Anonymous)Sat, 21 Dec 2013 15:35:00 +0700tag:blogger.com,1999:blog-2557765903998214405.post-7352483283464224891 HTML Color Picker adalah tool yang menyediakan warna-warna kode HTML yang umum digunakan pada website. Warna-warna yang diwakili oleh nilai-nilai heksadesimal (metode yang paling umum untuk web)atau juga menggunakan nilai-nilai RGB dapat Anda dapatkan pada tool HTML Color tersebut. Cara menggunakannya: 1. Pindahkan slider vertikal untuk memilih warna yang sesuai, kemudian klik pada kotak 2