Blog Tips: Kumpulan Tips nge-Blog Buka-Rahasia.Blogspot.Com

Ini dia semua posting dalam kategori Tips Blog yang memuat opini, pengalaman (blogging insights), tips trik, serta wacana dalam nge-blog dan dunia Blogging (Blogosphere) yang sudah saya tulis sejauh ini. All posts have been collected for you to make enhancements on your blog and, hopefully, will give great positive effects onto your blog and bring the blog to the next level. Silakan disimak &

Cara Membuat Efek Transparan Pada Gambar Blog (CSS Image Opacity)

Efek transparan pada gambar (image transparency/opacity) sering digunakan di Blog/web sebagai efek hover (mouse over) yaitu tampilan transparansi gambar (atau sebaliknya) ketika mouse diarahkan di atas gambar. Transparansi gambar merupakan salah satu efek yang dapat dibuat dengan CSS dan dimodifikasi sedemikian rupa, sama halnya dengan efek-efek yang lain, misalnya efek bayangan gambar (CSS 3 Box

Perbedaan Virus Dengan Program Komputer Lain

Virus Komputer mempunyai perbedaan dengan program aplikasi komputer lainnya, yang antara lain yaitu :

Kemampuan Mendapatkan Informasi Yang Penting
Banyak sekali virus-virus komputer yang didesain untuk menginfeksi file-file atau program tertentu, misalnya saja sebuah virus akan menginfeksi atau menulari semua file yang ber-ekstensi .txt ataupun .jpg, maka virus tersebut akan akan mencari informasi tentang file-file atau program-program yang ada. Setelah virus itu mendapatkan informasi tersebut, maka akan kemudian disimpan di memory atau disimpan di file tertentu yang telah yang telah di-set attributnya menjadi hidden ( tersembunyi ).

Kemampuan untuk Menyembunyikan Diri dan Data yang Dibuat
Seluruh aktivitas yang dilakukan virus haruslah tidak terlihat, baik dari user ataupun dari komputer. Hal ini menjadi suatu seni keindahan sebuah virus komputer.  Biasanya kita bisa melihat seluruh proses yang ada pada komputer hanya dengan menekan Ctrl+Alt+Del, maka akan muncul kotak yang berisikan proses-proses yang berjalan di komputer ( Task Manager ). Sebuah virus yang berkualitas adalah virus yang tidak terdeteksi trapping tersebut ataupun antivirus.

Kemampuan Manipulasi
Kemampuan ini digunakan virus untuk memunculkan pesan, gambar, menghapus file, mencuri data dan aktivitas-aktivitas lainnya yang sering sekali merugikan kita.

Kemampuan Menggandakan Diri
Kemampuan ini harus ( wajib ) dimiliki oleh sebuah virus, karena kemampuan ini berguna sebagai perkembang-biakan sebuah virus. Seringkali sebuah virus memasang penanda dan menyisipkan program untuk menggandakan diri.

Kemampuan Untuk Memeriksa Program atau File
Ketika menginfeksi sebuah file, virus harus bisa memeriksa apakah file tersebut telah terinfeksi atau belum. Biasanya virus akan memeriksa byte yang dipakai oleh virus tersebut ( penanda ). Apabila penanda tersebut telah ada, maka virus tidak akan menginfeksi file tersebut. Virus akan mencari dan kemudian menginfeksi file-file yang belum ada penanda-nya.

Itulah beberapa perbedaan yang ada antara virus komputer dengan program komputer lainnya. Yang jelas, apapun perbedaan itu, sebagian besar virus sangat merugikan bagi kita. ( Meskipun ga semuanya seperti itu.... ) Jadi, berhati-hatilah dengan virus-virus yang berkeliaran di sekitar kita...!

Gunakan dan Optimalkan Anchor Text Untuk Pengunjung & SEO

Apakah Anchor Text itu?Anchor text adalah text yang yang mengandung link menuju sebuah halaman web/blog lain, baik internal maupun eksternal.
Dalam link building, kita mengenal adanya internal linking dan eksternal linking. Bagi SEO, link building merupakan salah satu dasar dalam menciptakan optimalisasi ranking sebuah halaman web/blog di search engine. Tentu saja, anchor text memiliki peranan

Cara Mengubah/Mengganti Jenis Font di Blog Blogger (CSS Styling)

Terkadang, jenis font (font-family) bawaan template blog dirasa kurang sesuai dengan keinginan, sehingga kita harus mengubahnya dengan jenis-jenis font lain agar tampilan blog lebih bagus atau setidaknya sesuai dengan konteks/tema blog.
Pada kesempatan ini, saya terlebih dahulu akan membahas tentang mengganti jenis Font dengan CSS Fonts dan bukan dengan Custom Font, yang menggunakan javascript

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 (decimal).

Default List

Kita anggap saja warna latar (background) merupakan area suatu elemen.

Unordered List:

• Pasti suatu masa
• Kan bersama lagi
• Engkau dan aku pasti jua nikmati

<ul>
  <li></li>
  <li></li>
   …dst…
</ul>

Ordered List:

1. Satu cinta yang indah
2. Walau ku tak pasti
3. Bilakah masanya

<ol>
  <li></li>
  <li></li>
  …dst…
</ol>

Atau kita bisa memberikan style pada CSS (Cascading Style Sheets) seperti ini ul, ol {list-style-position:outside;}.

Unordered List:

• Pasti suatu masa
• Kan bersama lagi
• Engkau dan aku pasti jua nikmati

Ordered List:

1. Satu cinta yang indah
2. Walau ku tak pasti
3. Bilakah masanya

Bentuk tanda daftar urut tidak terbatas hanya pada bullent & angka (decimal), namun lebih banyak variasi yang dapat menjadi alternatif pilihan. Selengkapnya mengenai tipe-tipe lain, dapat dibaca di w3scholl.com.

Image List

Jika kode pemanggilan default style list menggunakan ul {list-style-type:...;} (unordered list) atau ol {list-style-type:...;} (ordered list), maka pemanggilan untuk daftar urut image menggunakan ul {list-style-image:url(...);} atau ol {list-style-image:url(...);}.

ul {
list-type-image:url(...);
}

Terkadang dalam kondisi tertentu (jenis peramban dan sebagainya), penggunaan style image—seperti pada contoh di atas—tidak muncul, sehingga kita membutuhkan ide lain untuk memunculkan image yang kita inginkan tersebut. Dalam arti, dapat didukung oleh tiap peramban, seperti di bawah ini:

ul {
list-style:none;
margin-left:0;
}

ul li {
background:url(...) no-repeat;
padding-left:1.5em;
}

• Kau dan aku
• Akan bertemu
• untuk kita kembalikan keindahan dulu

Catatan:
Image list di atas menggunakan properti sebagai berikut background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpv-EY1PJPMwKdyHrd1YB163-Ba3gwxruvdd2KWAzlxBNmuieXca9N0zBtAzNnIB2vIBfF9tlNxbdaLaSCLKKVMJOl0__yfXLlR20ZL7LhtNHaJPOogpkqYUL5JXapSONP7oPjDeJRCbI/s800/OB%2520sprite.png) no-repeat -9px -280px;.

Tentang penggunaan image sebagai daftar urut antar berbagai peramban (Crossbrowser Solution), kita kunjungi kembali w3schools.

Special Character List

Styling list dengan menggunakan karakter khusus memiliki keunikan tersendiri & yang jelas belum di support peramban IE (Internet Explorer). Daftar ini menggunakan CSS pseudo-element :before.

• pasti suatu masa, kan bersama lagi
• Engkau dan aku pasti jua nikmati
• Satu cinta yang indah
• Walau ku tak pasti bilakah masanya
• Kau dan aku akan bertemu
• untuk kita kembalikan keindahan dulu

CSS (Cascading Style Sheets)

.listwithchar {
list-style:none;
margin-left:0;
}

.listwithchar li {
margin-left:1.5em;
position:relative
}

.listwithchar li:before {
content:"\25CA";
margin-left:-1.5em;
position:absolute
}

.listwithchar li:hover:before {
content:"\221A";
position:absolute
}

Perlu dijadikan catatan bahwa pengkodean untuk <ul> atau <ol> pada setiap template mungkin berbeda.

HTML (HyperText Markup Language)

<ul class="listwithchar">
  <li></li>
  <li></li>
  …dst…
<ul>

Untuk lebih mempermudah pencarian dalam menemukan spesial karakter yang kita inginkan, berikut salah satu alamat web yang melayani kebutuhan tersebut Evotech.net.

Mengenal Fitur-Fitur Google+

Memang tak diragukan lagi bahwa fitur-fitur Google+ mirip dengan social networking lain yang telah ada saat ini, Meskipun memang tetap ada perbedaan entah itu dari sisi Interface, maupun teknologi yang disisipkan. Layanan social networking Google+ ini mempunyai fitur-fitur diantaranya yaitu :

Circles

Circles memungkinkan user untuk mengorganisir kontak ke dalam group untuk disharingkan ke layanan maupun produk Google lainnya.

Google +1

Tombol +1 ini memungkinkan user untuk memberikan rekomendasi kepada rekan maupun pengguna lain atas suatu item yang dikehendaki.

Stream

Fitur Google+ yang satu ini memungkinkan user melihat update dari Stream pada Circle mereka, updatenya sama dengan Facebook News Feed. Kotak input yang ada memungkinkan user memasukkan update status menggunakan ikon untuk upload atau sharing video dan foto.

Sparks 

Sparks ini adalah front-end dari Google Search, memudahkan user melakukan identifikasi topik-topik menarik untuk disharingkan kepada pengguna lain. Fitur inilah yang saat ini tidak dapat dilakukan Facebook yaitu memberikan pengguna aliran informasi instan yang relevan untuk dibagi bersama teman.

Huddle

Fitur Google+ yang satu ini tersedia pada Android, iPhone dan SMS device untuk berkomunikasi melalui Instant Messenger.

Hangouts

Fitur ini merupakan tempat untuk memfasilitasi group video chat ( maksimal 10 user per sessionnya ) namun meskipun begitu, siapapun di web dapat bergabung jika mereka mempunyai URL Hangout yang unik.

Instant Upload

Khusus fitur ini ditujukan untuk Android Mobile Device yang memungkinkan user menyimpan foto maupun video di private album untuk disharingkan di lain waktu.

Kita nantikan saja apa yang akan diberikan oleh Google+, mengingat Google selalu dapat melibas para pesaingnya dalam urusan pengembangan layanan.

Business Blogging: Antara Blog, Web, & Landing Page

Blogging For Business Series (1): Introduction

Poin penting dalam membuat blog sebagai sarana bisnis secara online adalah pemahaman terhadap blog dan dunia web. Dengan memahami fungsi-fungsi dasarnya, penggunaan blog sebagai lahan bisnis dapat menjadi optimal dan berdampak signifikan. Berbagai macam alasan dan latar belakang digunakan untuk menguatkan penggunaan blog sebagai sarana ber-bisnis,

Cara Membuat Screensaver (Energy Saving Mode) Blog/Website

Energy saving mode/screensaver di blog/web adalah kondisi standby dimana seluruh process dihentikan sementara. Proses-proses yang berjalan misalnya adalah gambar grafik bergerak (misalnya: .gif), flash video, auto scrolling widget, dan masih banyak lagi. Dengan adanya plugin screensaver tersebut, proses-proses dalam suatu halaman web dihentikan (paused) dan muncul sebuah tampilan baru sederhana

Launching: Buka(n) Rahasia Lagi! Forum & Community

Tips-tricks Blogger  & SEO Blogspot Original | Buka(n) Rahasia Lagi! kini memiliki forum yang siap digunakan oleh rekan Blogger semua untuk berkomunikasi dan berbagi.
Forum ini dibuat untuk menjadi sarana alternatif bagi semua teman Blogger secara umum dan bagi pembaca Buka(n) Rahasia Lagi!. Banyaknya komentar di blog karena adanya permasalahan dan pertanyaan-pertanyaan seputar posting

Alasan Pengunjung Membenci Blog Anda

Sebuah blog akan mempunyai banyak pengunjung bila blog tersebut mempunyai sesuatu yang lebih dari blog lain, entah itu dari sisi desain, content, bahasa yang digunakan atau mungkin karena widget-widget yang bervariasi. Semakin banyak pengunjung, maka akan meningkat pula traffic pengunjung anda. Lamanya pengunjung berada di blog anda juga bisa menunjukkan seberapa tertarik pengunjung dengan blog anda. Untuk meningkatkan traffic pengunjung blog anda, sebaiknya perhatikan dulu beberapa alasan yang membuat blog anda sangat dibenci pengunjung di bawah ini  :


1. Terlalu Banyak Menampilkan Iklan
Menjadikan blog anda sebagai sumber pendapatan adalah hal yang wajar, namun usahakan menampilkan iklan dengan sewajarnya. Blog yang terlalu banyak menampilkan iklan akan sangat dibenci pengunjung karena sangat mengganggu mereka ketika mereka membaca content blog anda.

2. Loading Time Yang Lama
Blog yang terbuka dengan waktu yang lama bisa dipastikan akan ditinggalkan oleh pengunjung. Pengunjung blog akan langsung kabur ketika mendapati blog anda terbuka dalam waktu yang lama. Cobalah untuk membuat blog anda ringan untuk dibuka, jangan biarkan pengunjung blog anda meninggalkan blog anda hanya karena mereka harus duduk terlalu lama menunggu blog anda terbuka.

3. Miskin Grafis
Grafis-grafis yang menarik bisa membuat pengunjung anda betah berada di blog anda. Ini diperlukan untuk menarik perhatian pengunjung agar mereka bisa menikmati keindahan tampilan blog anda.

4. Tata Letak Yang Membingungkan
Tata Letak Blog yang kurang rapi dan tidak teratur akan membuat pengunjung bingung. Yang pada akhirnya pengunjung tidak tahu apa yang harus dilakukan. Atur dengan rapi tampilan blog anda agar pengunjung nyaman berada di blog anda.

5. Terlalu Banyak Menampilkan Link di Content
Tidak ada seorang pun dari pengunjung anda yang menyukai content anda bila terlalu banyak menampilkan link, apalagi bila link yang anda tampilkan dalam jumlah yang terlalu banyak. Pengunjung akan segan dengan blog yang menampilkan link terlalu banyak, karena mereka akan sangat terganggu dalam membaca content blog anda.

6. Miskin Navigasi
Navigasi akan sangat diperlukan pengunjung dalam menjelajahi blog anda. Mereka akan sangat terbantu bila navigasi pada blog anda tertata dengan rapi. Navigasi yang rapi akan membuat pengunjung tahu kemana mereka mencari informasi pada blog anda.

Download Gambar Header Blog Gratis Berkualitas Tinggi

Menggunakan gambar background pada header blog tentu saja akan memberikan kekuatan dan kesempurnaan tampilan blog secara keseluruhan. Gambar header dapat memberi gambaran dan menegaskan tema yang diusung blog, merupakan bentuk personalisasi blog yang tidak dapat dilihat di blog lain, atau setidaknya dapat "meramaikan" tampilan header yang sebelumnya kosong.




Tentunya, tidak semua gambar

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™ ternyata dapat valid di HTML5, baik halaman depan maupun halaman posting.

Saya bukan penganut “harus valid X-HTML (I love validator)”. Bukankah tidak menjadi keliru, jika mencoba sesuatu yang mungkin dapat memberikan sebuah wacana bagi blogosphere (narablog).

Nah, sekarang mari kita melihat salah satu blog (Blogger™) yang melakukan usaha agar menjadi valid XHTML 1.1, seperti Blog milik mas Toto, terbukti valid. Terima kasih kepada Choen yang menjadi inspirasi dari penerbitan posting ini. Dan mungkin masih banyak web/blog lain yang tidak saya sebutkan di atas. :)

Bagi para blogger yang ingin melihat kasus yang saya maksudkan pada paragraf sebelumnya adalah blog yang beralamat di http://ob-template.blogspot.com/. Template tersebut menggunakan template klasik dan disusun (dicoba) menggunakan HTML5. Masih banyak kekurangan pada draft OB template tersebut, terutama pada metadata —antara <head>…</head>—serta struktur HTML5 yang masih ‘amburadul’. Mungkin Anda yang menjadi penyempurna-nya.

Update (July 22, 2011):

Ingin melihat contoh blog lain yang—jika menurut saya “sempurna”—menggunakan template klasik di Blogger™. Silakan melompat ke komentar Amdhas. Jika berkenaan bahasa program, dia merupakan salah satu yang menurut saya dapat dijadikan referensi. Optimasi Blog pun telah beeberapa kali menerbitkan posting yang merujuk ke blog dia di Blogger Admin (Blogger™) dan sekarang lagi asyik berkutat dengan “Drupal”-nya di discrimate.

Ketika Buat Posting Menjadi Tuntutan & Bukan Kebutuhan, Maka...

Sebuah RefleksiSedianya, ngeblog (blogging) adalah menuliskan ide atau pemikiran, cerita atau pengalaman, pengetahuan, pemahaman, saran, kritik, informasi, wacana atau aksi, respon atau reaksi, imajinasi, keinginan, rencana, tips, hasil penelitian, berita yang didengar, dan masih banyak lagi. Yah, blogging tidak lepas dari aktivitas menulis. Tentu saja, kata "Menulis" tidak dapat diartikan secara

Google Akan Ganti Nama Blogger dan Picasa

Kabar tentang penggantian (rebranding) nama Blogger dan Picasa semakin meluas dan memaksa saya untuk menuliskan artikel ini dan sedikit memberikan reaksi. Dikabarkan bahwa Google akan segera mengganti nama Blogger menjadi Google Blogs dan Picasa menjadi Google Photos. Kedua brand ini merupakan produk unggulan Google dan memiliki jumlah user yang sangat banyak. Seperti yang dikabarkan Masahable,

Blog Pandhawa-Tiga Dapet PR3

Solo, Jum'at 8 Juli 2011 Pukul 22.46 Setelah seharian menjalani profesi utamaku, kusempatkan mampir di warnet untuk sekedar meninjau keadaan Pandhawa-Tiga.Kulangkahkan kakiku memasuki sebuah warnet di tengah dinginnya malam yang menusuk tulang. Meskipun badan terasa letih, lemas dan lesu, aku tetap bersabar. Kurebahkan diriku di bangku sebuah bilik warnet itu, dan mulai kubuka Mozilla Firefox. Seperti biasanya, langsung kubuka 2 tab, Untuk membuka account blog dan account Facebook.

Akhirnya, PR 3 !!!

Kejutan terjadi, setelah tab blog-ku terbuka, aku tercengang melihat pagerank yang ada di blog-ku. Bagaikan durian runtuh di tengah malam. Tak kusangka hasil kerja kerasku menekuni dunia blogging berbuah hasil. Tak tanggung-tanggung, PR3 langsung nangkring di blog-ku. Ya, PR3 !!! Setelah setahun lebih kutekuni, dengan 207 posting ( posting ini yang ke 208.... ) akhirnya berbuah hasil yang menyenangkan. Kejenuhanku di tempat kerja, rasa rinduku pada kekasihku nun jauh disana, Hilang sudah terhapus oleh kegembiraanku yang tak terkira. Ya, PR3 !!!

Dengan total 38.114 pageviews hingga ditulisnya posting ini, genap sudah perjuanganku ( genap ??? belum...!!! ) untuk selalu eksis di dunia blogging. Kuucapkan rasa syukurku kepada Allah SWT yang telah menganugerahi diriku dengan pengetahuan, dan kemampuan. Terima kasih kepada kedua orang tuaku yang selalu ikut membiayai kegiatan online-ku. ( wakakakak....!!! ). Tak lupa kepada Kang Ibnu Nurkholis dan juga Mas Fauzi yang ikut memprakarsai dan mendirikan blog ini, serta selalu memberikan support bagi saya untuk menjalani hari-hari di kehidupan nyata ( akhirnya dapet PR3 kang.. ). Selain itu, terima kasih pula kepada seluruh rekan blogger yang telah bersedia mengunjungi ( baik yang disengaja maupun tidak... ) blog sederhana saya ini. Saran dan kritik selalu diharapkan demi terciptanya jalan menuju tingkat yang lebih baik, serta mewujudkan suatu jalinan yang baik antar blogger. Happy Blogging for All !!!

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 blog. Apakah karena Blogger^TM sudah merubah tampilannya (redesaign), maka Optimasi Blog ikut-ikutan berubah? Tidak, karena redesaign di blog ini telah lebih dulu dilakukan sebelum Blogger^TM. Kalau tidak salah release tampilan baru site Blogger^TM in draft dimulai pada hari ini (July 8, 2011).

Template yang Optimasi Blog gunakan sekarang (mencoba) menggunakan “liquid layout”—untuk mengetahui sedikit pengertiannya, silakan buka kembali posting sentuhan magic dalam blog—dan masih terkesan minimalis. Font yang digunakan full dari keluarga ‘serif’, berukuran 1em & line-height:1.5em, serta sedikit ditambah bumbu word-spacing & amp; letter-spacing.

Ngga perlu dikupas lebih dalam, ntar malah m’bosenin. Cukup diliat tampilan sekarang aja, gan. :)

‘Emang’ beda dengan yang dulu? Silakan baca sekelumit ulasan tentang ‘bunglonisasi’ template Optimasi Blog dari masa ke masa berikut ini.

Default Template (pixed layout)

Pertama sekali Optimasi Blog menggunakan default template “Minima”, kemudian sedikit demi sedikit di modifikasi, sampai ke bentuk “blogger copy template”. Template tersebut lama digunakan dari 2009–Maret 2011.

Minimalis Template (elastis layout)

Hanya ingin mencoba yang minimalis & hasilnya tidak mengecewakan. Kalau tidak salah digunkan dalam waktu yang sebentar dari Maret 2011–Juli 2011.

Template sekarang digunakan (liquid layout)

Yah, sekedar trial & error dengan layout yang berbeda. Template ini mengadopsi banyak alternatif untuk menanamkan widget/gadget, mungkin di atas, di kanan, atau di bawah.

Seperti kata saya di atas bahwa mungkin perubahan itu diperlukan untuk suatu revolusi. Kira-kira perubahan seperti apa yang dimaksudkan oleh kalimat tersebut? Dan sampai kapan template ini digunakan oleh Optimasi Blog?

Pembaharuan (07 Januari 2013): Bertepatan dengan aktif blogging kembali pada bulan September 2012 — hiatus hampir 1 (satu) tahun dengan posting terakhir “Membuat Amplop + Perangko Dengan CSS3” oleh Rudy Azhar — maka dilakukan ‘pergantian kulit’, seperti yang tampak sekarang ini.

Tampilan Baru Dashboard Blogger dan Cara Menggunakan-nya

Blogger sudah mulai mengaktifkan tampilan dashboard yang baru (new user interface [UI]). Tampilan Blogger Dashboard baru ini bisa diakses dengan klik "Try the updated Blogger interface", baik melalui halaman Home, maupun halaman-halaman lain (new post, design, comments, dll). Seperti informasi yang telah saya sampaikan di Fitur-Fitur Terbaru Blogger/Blogspot 2011, tampilan ini terlihat lebih

Cara Membuat Super Vertical CSS Menu Blogger/Blogspot

Vertical menu (menu yang berupa list dalam posisi vertikal) bisa menjadi alternatif navigasi blog Blogger anda. Menu ini biasa diletakkan di bagian sidebar, baik di atas maupun dibawah.Dalam posting ini, saya persembahkan dua vertical menu dengan CSS murni dan image (gambar), yang setting dan pemasangannya di blog Blogger/Blogspot sangat mudah.Kode CSS: