Sudah pernah baca tulisan agenda saya di blog RudyAzhar ? Kalau belum coba baca dulu deh, Nah di postingan tersebut ada amplop yang dibuat dengan CSS3 plus perangkonya. Jadi saya pingin berbagi cara pembuatannya disini. Dan yang saya bagikan hanya kode CSS & HTML saja,…
Okt 16, 2011
Sep 16, 2011
Trik Membuat Kotak Banner
Posting merupakan tanggapan kami terhadap pertanyaan Saudari Sri Wahyuni dengan menggunakan fasilitas “Kontak” tanggal 14 September 2011. Mungkin mba telah membaca posting sebelumnya yang berjudul “membuat kotak banner”. Tetapi tidak ada demo untuk melihat hasil pengkodean…
Sep 15, 2011
Tips SEO pada Blogger.com Bagian Kedua
Ok! Kita akan lanjut pada ulasan tentang SEO. Perlu menjadi catatan penting bahwa posting ini merupakan kelanjutan posting sebelumnya. So, jika Anda terlewat untuk membacanya, saya menyediakan link untuk meloncat ke posting Tips Search Engine Optimization (SEO) pada Blogger.com…
Sep 08, 2011
Tips Search Engine Optimization (SEO) pada Blogger.com
Terlebih dulu saya mengucapkan terima kasih kepada Saudara Indra (arek raos) yang telah memanfaatkan form kontak untuk menanyakan sesuatu kepada kami. Pertanyaan Anda telah sampai kepada kami & semoga posting ini menjadi penawarn…
Agu 22, 2011
Membuat Style pada Link dengan CSS3
Sepertinya sudah lama saya tidak membuat postingan disini, kali ini saya memberikan trick menggunakan CSS3 untuk link saat di sorot (hover efek). Sebenarnya sudah ada beberapa yang sempat saya bagikan di blog saya dengan judul Macam Efek Link Dengan CSS3, dan kali ini saya…
Agu 19, 2011
Styling menggunakan CSS pseudo-element
Pada posting terdahulu, kita juga pernah membicarakan tentang CSS pseudo-element ini, namun hanya terbatas pada “styling ordered dan unordered list”. Selain itu, mungkin kita pernah melihat bentuk teks di dalam elemen atau image berbentuk pita (ribbon), kemudian garis (border)…
Jul 22, 2011
Styling Unordered & Ordered lists
Secara default style daftar urut menggunakan bullent (unordered list) digambarkan dengan satu titik noktah yang cukup besar—lebih besar dari titik (“.”)—terletak didepan teks yang dilingkupinya. Sedangkan ordered List ditampilkan dalam bentuk angka (decima…
Jul 14, 2011
Study Kasus: Valid HTML5 di Template Klasik
Kelihatannya terdengar basi dan sudah dibahas berulang-ulang. Saya mengangkat tema ini bukan untuk berdebat tentang perlukah sebuah web/blog valid X-HTML (Extensible HyperText Markup Language) atau sejenisnya. Namun dititik-beratkan kepada suatu contoh kasus, bahwa Blogger™…
Jul 08, 2011
Redesign: Optimasi Blog dari Masa ke Masa
Berubah lagi? Betul, mungkin karena perubahan itu diperlukan untuk suatu revolusi. Saya tidak berbicara tentang politik, tapi sedang mengungkapkan narasi mengenai sebuah bl…
Jun 30, 2011
Kostumisasi Penomoran pada Komentar Blogger™
CreditsPosting ini merupakan repost dari penulis Blognya Firdaus | eosBlog 2.0, sedangkan sumber asli berasal dari blog Randomness yang dipostkan oleh Fernandooo1. Namun sayang blog dari penulis asli tersebut tidak dapat lagi diakses, mungkin telah dihapus oleh pemiliknya.…
Jun 28, 2011
Optimasi Kotak Komentar Blogger™
Anda tentu sudah baca posting tentang “Kostumisasi Avatar Komentar”, “Tahukah Anda?”, & “Trik Blogger | Mengatur Tataletak Link to This Post”, kalau belum buruan menuju TKP (Tempat Kerjaan Para blogger). Oleh karena posting berikut, mungkin berhubungan dengan tautan…
Jun 23, 2011
Kostumisasi Avatar Komentar
Kenapa “gambar avatar komentar” di Blogger™ Anda kelihatan lebih besar? Kenapa juga letaknya berbeda dengan default Blogger™? Dalam Blogger™ terdapat kode-kode embeded—kode perintah spesifik oleh pihak developer untuk menunjang kinerja mesin blogger—yang berfungsi mengatur secara default tampilan blog. Nah, termasuk…
Jun 11, 2011
Mengganti Nextprev dengan Judul Posting
Seperti bunyi paragrap terakhir dalam posting “Tahukah Anda?”, elemen nextprev (blog-pager) dalam Blogger™ dapat diterjemahkan sebagai navigasi yang meliputi ke posting lebih baru, home, & posting lama. Defaultnya, elemen nextprev terletak di akhir seluruh posting pada…
Jun 06, 2011
Tahukah Anda?
Tahukah Anda, jika tampilan berikut bukan merupakan image (gambar)? Mungkin kita telah melihatnya pada web/blog yang pernah dikunjungi & mengira itu adalah image.-—♦—ς∞ς—♦—-O p timasi - Blog-—♦—ς∞ς—♦—-Tampilan seperti border merupakan kumpulan beberapa HTML entities,…
Jun 01, 2011
Otomatis Update Posting di Facebook dan Twitter
Hampir semua narablog memiliki akun facebook dan/atau mungkin pula akun twitter. Tidak jarang kita menggunakan website social network tersebut sebagai salah satu aktivitas keseharian, baik hanya sekedar ngobrol maupun kegiatan yang lain. Dalam dunia blog, facebook & twitter mungkin lebih dikenal dengan istilah…
Apr 30, 2011
Widget Update via Twitter
Twitter merupakan jejaring sosial yang menawarkan fitur microblog (posting pendek, kurang dari 200 karakter) yang memungkinkan penggunanya untuk mengirim & membaca pesan (tweets). Pengguna dapat menulis pesan berdasarkan topik dengan menggunakan ‘hashtags’ (#). Sedangkan…
Apr 15, 2011
Google Web Fonts
Font yang digunakan dalam blog ini berukuran 120% (setara dengan 1.2em) dan mengadopsi google web fonts yang berbasis keluarga ‘serif’ (font:120% 'Crimson Text', georgia, serif;). Sedangkan pada title blog diguna…
Apr 07, 2011
Dropdown Menu (Navigasi Horizontal) dengan CSS3
“Salam persahabatan”, mungkin seperti itulah salam pembuka atau salam penutup dari sang empu tutorial ini. Anda mungkin kenal, bahkan mungkin juga telah menjadi salah satu sahabatnya dalam GFC.Gambar 1. Screenshot dropdown menu horizontal dengan CSS3.Trik blogger ini mungkin agak berbeda dengan posting aslinya1…
Apr 03, 2011
Komentar atau No Comment
Komentar umumnya merupakan pernyataan lisan atau tertulis sering berkaitan dengan sebuah informasi, atau pengamatan atau pernyataan (Wikipedia). Sedangkan komentar dalam blog (menurut saya) merupakan kalimat tertulis untuk memberikan pendapat, masukan, dan/atau kritik terhadap…
Mar 29, 2011
Membuat Menu Navigasi Image
Navigasi merupakan penentuan posisi & arah tujuan, baik di medan sebenarnya atau di peta (Wikipedia). Dalam blog, kita bersama mengenal istilah sitemap yang mungkin dapat kita hubungkan dengan peta. Navigasi dalam blog bertujuan un…
Mar 27, 2011
Informasi Update Posting Terdahulu (1)
Tidak sedikit posting di blog ini yang seharusnya di update. Apalagi kalau posting tersebut berkaitan dengan ‘widget’ atau ‘gadget’. Selanjutnya, secara berkala Optimasi Blog akan berusaha rutin melakukan upd…
Mar 24, 2011
Sentuhan Magis dalam Blog
Jangan biarkan tulisan hanya di - intimidasi oleh atribut emosi & ambisi yang berkesan mewah serta modern. Tapi beri ia pijakan yang kuat agar mampu bertahan! Dan biarlah pijakan tersebut bekerja dengan magicn…
Mar 19, 2011
Serbuan ‘Line Break’ Tag
Line break merupakan sebuah tag HTML yang memaksa baris karakter atau kata diletakkan pada baris baru—biasanya ditulis dengan <br>. Dalam blogger, tidak jarang ditemukan posting blog yang menggunakan tag <br>—termasuk optimasi blog. Sekara…
Jan 31, 2011
Font untuk Template Blogger
Beberapa bulan yang lalu, Blogger telah mengumumkan beberapa font baru untuk desainer template. Ya, beberapa bulan yang lalu itu hanya dapat diakses dari Draft Blogger. Kemarin, Blogger tidak hanya diluncurkan Font Web untuk SEMUA pengguna Blogger, tetapi juga mengumumkan bahwa mereka telah menambahkan 35 font…
Jan 28, 2011
Cara Tambahkan Mode Energy Saving Untuk Blog atau Website
Ini adalah layanan gratis dan disediakan oleh http://www.onlineleaf.com/. Fitur ini memberikan cara yang berfungsi penuh dan sederhana untuk membantu website yang Anda jalankan menghasilkan energi lebih sedikit. Ia menyembunyikan animasi berat, serta widget-widget yang banyak.Ketika pengunjung anda tidak aktif,…