Tuesday, May 31, 2011

Membuat Textarea 3D Cantik di Blogger/Blogspot: (Light-Yellow)

Textarea adalah bagian dari form yang berfungsi sebagai space/ruang bagi teks/konten khusus yang ingin diberi posisi/penempatan tertentu. Ada banyak jenis textarea berdasarkan fungsi form, yaitu untuk mengisi data, submission/pendaftaran, polling, search, dan lain-lain. Namun pada posting kali ini akan dikhususkan pada texarea yang berfungsi sebagai space bagi konten tertentu untuk digunakan olh

Saturday, May 28, 2011

"Beautiful Inspiring Blog" Award from Buka(n) Rahasia Lagi!

Beautiful Inspiring Blog Award adalah award pertama dari Tips-Tricks Blogger | Buka(n) Rahasia Lagi! yang khusus saya persembahkan pada blog favorit saya yang memiliki konten yang sangat inspirasional serta dikemas dengan indah. Konteks inspirasional bukan berarti harus memiliki isi yang 'wah" dan dengan kata-kata megah atau terlalu berfilosofis, tapi memiliki isi atau cerita yang syarat akan

Thursday, May 26, 2011

Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot

Horizontal Menu: Pure CSS 3D Button Effect for Blogger
Menu/navigasi horizontal Blogger/Blogspot ini juga dibuat dengan HTML dan CSS murni tanpa sentuhan javascript maupun jquery., sama seperti menu/navigasi horizontal sebelumnya. Cara membuat dan memasangnya pun sangat sederhana dan tanpa mengedit template HTML, karena aturan CSS saya buat menyatu dengan HTML nya.
Cara membuat/memasang widget

Monday, May 23, 2011

Shortcut Keyboard Post Editor Blogger/Blogspot, Bikin Posting Lebih Efisien


Serial Post: Memahami dan Memaksimalkan Fitur Post Editor Blogger Bagian 1:
Shortcut Keyboard Post Editor Blogger/Blogspot

Blogger memiliki banyak keunggulan dan fitur yang masih jarang digunakan, salah satunya adalah shortcut keyboard pada edit posting Blogger/Blogspot. Sebagaimana ketika membuat dokumen tertulis dengan Microsoft Word atau software document writing lain dan ketika

Friday, May 20, 2011

Cara Membuat Spoiler di Blogger/Blogspot


Tips dan trik membuat spoiler ini sebenarnya sudah banyak yang posting dan share. Akan tetapi, tidak ada salahnya juga jika saya ikut share tentang spoiler dan sedikit tentang kegunaannya.Spoiler dibuat dengan menggunakan javascript button. Sedangkan untuk menyembunyikannnya digunakan properti CSS display, dalam hal ini, "display:none;". Fungsinya ada banyak sekali, diantaranya untuk

Wednesday, May 18, 2011

Cara Memasang Facebook Like Otomatis di Posting Blogger/Blogspot


Memasang facebook like di posting blog dapat menjadi tolok ukur bagi blogger untuk mengetahui respon pengunjung selain dari comment. Selain itu memasang/membuat  tombol facebook like secara otomatis juga akan mengirim url yang disukai pengunjung ke wall-nya. Ini juga menjadi keuntungan tersendiri, karena publikasi artikel posting dapat menjangkau area yang lebih luas. Hack widget ini akan

Monday, May 16, 2011

Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot

Tutorial Cara Membuat Widget Twitter Follow Me Melayang (Floating) di Blogger/Blogspot

Konsep widget ini sama dengan tombol back to top melayang Blogger beberapa waktu yang lalu, yaitu dengan memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.
Cara membuat/memasang:1. . Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget2. Setelah

Saturday, May 14, 2011

Tips Mengedit Template HTML Blogger/Blogspot: Mudah dan Aman


Blogger adalah layanan blog gratis yang memberikan keleluasaan bagi user untuk mengedit tampilan dan fungsi blognya. Secara mendasar, Blogger berplatform HTML/XML dengan didukung pengaturan tampilan CSS dan fungsi-fungsi javascript. Kita mengenal adanya fitur edit template HTML Blogger dimana kita dapat dengan bebas melakukan modifikasi, desain ulang, hack, penambahan fitur dari pihak ketiga (

Friday, May 13, 2011

Cara Membuat Menu Horizontal CSS Stripped Red Blogger/Blogspot

Menu/Navigasi adalah bagian blog/website yang tidak dapat dipisahkan. Keberadaannya sangat penting sebagai alat bagi pengunjung menuju ke bagian/halaman blog/website.
Pada posting kedua CSS Horizontal Menu untuk Blogger/Blogspot, saya persembahkan "Stripped Red Horizontal Menu for Blogger Blog"Cara memasang widget menu horizontal menu di Blogger/Blogspot:1. Masuk ke dashboard > Design/Rancangan >

Cara Membuat Menu Horizontal CSS Simple Black Blogger/Blogspot

Menu horizontal sering dijumpai di banyak blog/website sebagai navigasi/menu utama. Di blog Blogger/Blogspot kita pun dapat dengan mudah membuatnya, bahkan hanya dengan CSS dan HTML.
Pada posting perdana CSS Horizontal Menu untuk Blogger/Blogspot kali ini, saya persembahkan kepada sobat Blogger semua "Simple Black Tabbed Horizontal Menu for Blogger Blog"Cara memasang widget menu horizontal menu

Tuesday, May 10, 2011

Memahami HTML Link, Link Gambar, dan Atribut-atribut Penting


HTML link atau hyperlink, adalah kata, sekumpulan kata, ataupun gambar yang apabila di-klik akan menuju ke dokumen/halaman lain atau bagian lain dari dokumen/halaman yang sama.  Link di dalam dunia web tentu saja selalu kita jumpai dan sering kita fungsikan. Dalam dunia blog dan para blogger, sangat penting untuk mengetahui hal mendasar mengenai HTML link berserta atribut-atribut pentingnya agar

Monday, May 9, 2011

Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot

Menu/Navigasi Breadcrumbs adalah navigasi yang berada di bagian atas posting dan menunjukkan urutan isi halaman dari rootnya (Home) hingga ke posting/artikel. 
Menu ini sering ditemui di blog/website berplatform WordPress, dimana urutan navigasinya dimulai dari Home > Parental Category > Subcategory > Posting. Di Blogger/Blogspot, kita juga dapat melakukan hack navigasi breadcrumbs dengan

Tuesday, May 3, 2011

Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon



Tutorial cara mengganti text "Older Post", "Home", dan "Newer Post" di Blogger/Blogspot dengan tulisan lain atau gambar (icon)
Jika kita melihat dan mengamati tulisan older post, newer post, dan home dalam tampilan template Blogger/Blogspot, tampak kurang menarik, terkesan jadul, dan tidak profesional, bukan? Sebagai alat navigasi, tentunya anda perlu memperhatikan tampilannya agar lebih

Monday, May 2, 2011

Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot


Daftar Isi (Table of Contents) sering pula di sebut sebagai sitemap (peta situs) karena isinya digenerasikan (generated) dari url sitemap feed. Jika sitemap blog di search engine berfungsi sebagai alat untuk mempermudah pemetaan isi blog/website oleh search engine, maka sitemap yang ini berfungsi sebagai alat navigasi dan pemetaan bagi pengunjung/visitor untuk melihat seluruh isi konten atau

Sunday, May 1, 2011

Cara Membuat Tombol Back To Top Melayang Blogger/Blogspot V2






Fitur Back To Top/Scroll To Top, seperti yang telah dijelaskan dalam Cara Membuat Fitur/Tombol Back To Top di Blogger (V1), adalah fitur navigasi blog yang berfungsi sebagai shortcut agar pengunjung bisa kembali ke bagian atas halaman blog dengan cepat dan hanya dalam satu klik. 



Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah.