MaIDeN Life

Menyembunyikan #Navbar

2007-06-28T12:32:00.000+08:00

Dari Ramani,

Blogger nambahin command

#navbar-iframe {display:block}

sebelum </head> secara otomatis.
Akibatnya command #navbar-iframe {display:none} yang kita taroh sebelum </head> menjadi tidak berfungsi.

Solusinya, taroh command #navbar-iframe {display:none} setelah <body> sebagai berikut:

<body>
<style type='text/css'>
#navbar-iframe {display:none;}
</style>

Untuk kamu yang ragu apakah menyembunyikan navbar melanggar TOS atau tidak silakan baca diblognya amit Agarwal. Katanya ndak melanggar TOS karena tidak ada larangannya di TOS.

Yahoo Emoticon di Blogger

2007-06-25T15:51:00.000+08:00

Bosen :-? dengan emotion icon-nya Aditya akhirnya *-:) akhirnya saya nyobi emotion icon-nya DeepaB-).

Well 8-|, sebenernya sih pada prinsipnya cara kerjanya dua hack tadi @};- sama saja. Tampilan emoticon sign pada browser diconvert menjadi image/gambar emoticon pake script.

Mau nyoba juga ?
Nggak perlu nyiapin coffe ~O) segala buat masang script beginian ah :P, ikutin aja link diatas, nggak susah koq (:|

:-/, pokoke, maunya yang pake bahasa indonesia aja :-"
hmmm .. Okelah, :-$ saya akan ceritain yang sudah terpasang di blog ini ajalah :)>-. Ada code yang tak modifikasi sedikit supaya image satu baris sama huruf dan default border images bawaannya default template blogger tetap bisa dipake :>.

OK, Gini nih caranya:
Ditemplatemu cari code ini .post img dan bikin menjadi sperti ini:

/* Image Styles
----------------------------------------------- */
.post img {
padding:4px;
border:1px solid #cccccc;
}

/* Smiley Styles
----------------------------------------------- */
.post-body img#new {
margin:0px;
padding:0px;
border:none;
border: 0px solid #000000;
vertical-align:middle;
}

#000000 adalah kode hexadecimal untuk putih. Kalau item #ffffff, ijo #00C000. Sesuaikan aja dengan warna background di post page blogmu.

Kemudian tambahkan baris berikut dibawah kode ini <head>

<script type='text/javascript' src='http://toekang.googlepages.com/DeepaSmiley.js'></script>

Just it B-)
Ada sekitar 85 smilyes including hidden smileys yang bisa kamu pake. Jadi...., selamat maen emoticon ria deh =D> di post-postmu.

Tips Neo template

2007-06-09T22:38:00.000+08:00

Neo template, template blogger yang juga dipakai blog ini bisa di download di sini. Keuntungan pakai template Neo, blog tidak akan perlu loading hanya untuk melihat post-post terdahulu. Pokoknya™ blog loading lebih cepat deh :D dibandingkan cara konvensional.

Template Neo menggunakan teknologi AJAX, ini berarti konten dan komen di kirimkan ke komputer kamu secara asynchronous. Jeleknya ini membuat tombol "HOME" menjadi tidak berfungsi. Solusi-nya adalah dengan membuat button HOME baru.

Tips seputar Neo template.
Page ini khusus bagi pengguna templatenya Neo. akan di update bila ada tips/trick baru lainnya. Kalau ada pertanyaan seputar template-nya Neo, silakan tanya di page ini aja.

Berikut pertanyaan yang masuk ke INBOX yang coba saya jawab disini.

1. Membuat widget baru dan berada dalam kotak yang terpisah
Lakukan seperti ini:

<div id="post">
Script/text/Banner kamu disini
</div>

2. Membuat Home button, pasang aja script ini:
<div id="menu12">
<a href="javascript:fetchLatestPosts("");updatePost("0");">HoME(Klik 2x)</a>
</div>
Baca post ini untuk penjelasan lengkap "cara bikin static page button"-nya.

Aggregator di blog gratisan

2007-05-17T09:34:00.000+08:00

Apakah anda merasa terlalu banyak berlangganan feed ? Sehingga feed reader anda loading-nya jadi lama ?
Jika iya dan anda merasa tetap ingin berlangganan feed yang banyak, tetapi tidak ingin feed reader anda dibebani oleh ratusan feed sehingga feed reader anda menjadi tambun dan loading-nya terasa lama, maka Yahoo! pipes adalah solusi™nya.

Caranya sbb:
1. Kelompokkan feed-feed blog langganan anda menjadi beberapa kelompok. Misalnya anda berlangganan 100 feed, maka kelompokkanlah menjadi empat, lima atau 10 sesuai selera anda. Misal, anggap anda kelompokkan menjadi 10 bagian yang masing-masing terdiri dari 10 feed.
2. Kemudian bukalah http://pipes.yahoo.com
3. Klik "Create Pipe"
4. Yahoo! akan meminta user-id, masukkanlah "Yahoo! ID" dan "password"mu
5. Setelah masuk ke mode edit Yahoo! pipes
- Klik Source, drag "Fetch Feed" kedalam tempat yang bertuliskan "drag modules here"
- Masukkan feed (satu aja) dari kelompok pertama feed-feed yang sudah anda kelompokkan tadi
- Klik group module "Operators", drag module "Sort", select item "Item published" dan "descending" order
- Dari group module Operators yang sama, drag Truncate dan Union
- Ketikkan angka "1" pada module "Truncate" jika anda ingin menampilkan hanya 1 post terakhir saja. Angka 2 untuk 2 post terakhir dst.
- Sambungkanlah module-module tadi: Fetch Feed, Sort, Truncate, Union, Pipe Output
- Lakukan hal yang sama untuk feed kedua, ke tiga, dst sampai feed ke 10
- Beri nama kumpulan feed baru ini dengan cara mengklik "untitled".
6. Terakhir, klik "Run Pipe"
7. Feed baru yang menampilkan satu post terakhir dari 10 feed siap untuk anda langgani
9. Klik Subscribe dan pilih Feed Reader anda
10. Lakukan hal yang sama untuk kelompok kedua, ketiga sampai kelompok ke 10

Contoh jadinya, silakan subscribe disini: MaIDeN Aggregator
Kenapa ada word "Aggregator" ya ? :D Ya. Anda hanya memerlukan sedikit trik lagi untuk menampilkan kumpulan feed-feed ini di blog gratisan :D

Free Blogger Template dan Hack

2007-05-03T16:50:00.000+08:00

Berikut hack dan template untuk blogger baru dalam bahasa indonesia bagi anda-anda yang membutuhkannya:

- dTree (directory tree) di blog. Arsip blog, tampilannya dibuat seperti directory di windows. Cek disini cara bikinnya.

- Install widget kalender diblog anda. Tanggal yang ada postingan/artikel di kalender akan ditandai sehingga user bisa klik isi post dari tanggal tersebut. Cek tutorialnya disini

- Kasih liat photo yang selalu berbeda kepada user yang membuka blogmu. Klik disini cara menginstal scriptnya.

- Template washed denim, sudah 3 kolom dan sudah di-install dengan hack-hack seperti: Peekaboo Post, Breadcrumb Trail, Table of Contents, Author Comment Higlighting dan Label Cloud. Silakan download disini templatenya (gratis).

- Install widget otomatis di blogspot anda. Anda tidak perlu tau scriptnya, cara installnya ke template, dst. Anda cukup mengklik tombol yang sudah tersedia untuk menginstallnya ke blog anda. Mudah bukan ?
OK, berikut list-listnya
- Widget Recent comments
- Widget Recent posts
- Widget Rank Technorati.
- Widget Search bar
- Widget Creative Common License
- Widget Flicker.
Tertarik ?
Silakan klik blognya Joni Putra ini. Tombol widget ada di bawah tulisan "USEFUL Widget Instalation... Click [+/-]" di kolom paling kanan.

- Taut "Lanjut Baca" yang kalau di klik maka artikel akan muncul penuh, dan blog tidak loading. Cek di sini

- Taut yang kalau diklik akan membuka isi taut. Misal taut "Teman-teman saya". Jika diklik maka isi taut yang berupa daftar teman-teman anda akan ditunjukkan. Cek tutorialnya disini

- Pasang favicon diblog anda.

- Pasang Yahoo Emotion Icon otomatis. Tidak perlu insert image disetiap post. Cukup pasang script-nya maka setiap post dan komen yang ada karakter yahoo emoticon akan langsung diconvert menjadi emoticon. Klik tutorialnya di sini

- Add My Link Widget bertujuan untuk memberikan link kepada orang lain dalam bentuk button link. Klik tutorial dan installer button-nya disini

- Membuat huruf diawal paragraph lebih besar dari huruf yang lain seperti di majalah-majalah dan koran. Baca tutorialnya disini

- menampilkan banner yang selalu berbeda kepada pengunjung blog. Tengok scriptnya di sini

- List blog untuk mencari template gratis atau free template. Cek di disini listnya. Coba juga klik link/taut dibawah ini

Cek juga Blog Hack Search Engine dibawah ini. Ketikkan keyword anda misal "Tag Cloud", "Bread Crumbs", template, dst kemudia klik Search button

Sort feeds by published date

2007-03-14T12:44:00.000+08:00

Info dari phydeaux3.blogspot.com,

Sort feeds by updated (the default),
http://YOURBLOG.blogspot.com/feeds/posts/default?

Sort feeds by published date,
http://YOURBLOG.blogspot.com/feeds/posts/default?orderby=published

Info dari saya.
Untuk menghilangkan navbar, taroh code berikut di css anda.

#navbar-iframe{display:none;}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Yahoo! pipe ... Keren

2007-02-28T16:26:00.000+08:00

tOekang$ ls -lt | head -5

Kamu yang sudah biasa dengan UNIX command pasti tau perintah sederhana diatas dan pasti paham juga fungsi pipe (|) yang menyaring output-nya perintah ls (menampilkan seluruh isi direktory) hanya pada 5 baris pertama saja.

Barangkali karena fungsi pipe yang seperti saringan itulah, to redirect output to different output format you want to, makanya maenan barunya Yahoo! mereka namai as Yahoo! pipe juga.
Ya ... Yahoo! pipe bekerja mirip pipe tadi, saring menyaring output, hanya saja yang disaring dalam hal ini adalah content dari feeds.

"Pipes is an interactive feed aggregator and manipulator. Using Pipes, you can create feeds that are more powerful, useful and relevant." pesan Yahoo dihalaman depan Yahoo! pipes.

Gunanya untuk apa seh ?
OK, misalnya gini, kamu suka dengan berita-berita dari detikinet sehingga bermaksut berlangganan (atau sudah ?) berita dari detikinet.com. Tetapi kamu hanya tertarik dengan berita tentang Virus saja. Nah dengan Yahoo! pipe kamu bisa lakukan itu. Tinggal masukkan feednya detikinet tadi dan saring dengan category "Virus". Hasilnya adalah feed baru yang hanya menampilkan berita yang ada tulisan "Virus" saja. Got it ? Hehehe ... Yah ...Heaven is the limit ... Kamu bisa lakukan banyak banyak banyak hal lagi dengan Yahoo! pipe depend on kreatifitas kamu.

Btw,
Kalau kamu blogger user, kamu musti tau bahwa output feed dari blogspot disort berdasarkan "update post" dan bukan "date post". Ini (mungkin) mengganggu misal saat kamu mengupdate salah ketik di postingan lama kamu maka postingan ini akan berada di bagian teratas saat feed kamu dibaca oleh Feed Reader. Nah dengan Yahoo! pipe masa alah tadi bisa kamu akali. Tinggal masukkan feed blog kamu di Yahoo Pipe dan filter dengan type sort Ascending".
Hasilnya adalah feed baru yang sudah disort berdasarkan tanggal post. Baca selengkapnya di blognya Aditya ini atau Ramani atau langsung aja pakai hack hasil clone-an hacknya Ramani di alamat ini

Dilema Google-Analytics

2007-01-22T19:41:00.000+08:00

Sepedas-pedasnya what the hell menulis, kamerad satu ini masih tetap menjaga perasaan daripada orang yang daripada yang mananya ditakuti daripada akan terluka perasaannya. duh melownya ... xxxanalytic yang dimaksut wadehel sebenarnya barang lama dari Google. Julian Firdaus pernah mengamati dan mempublish hasil treking-trekingan Mbah Google ini di blognya. (Peringatan pemerintah, kamu akan diloading'i 10an graphic images disana :D)

Google Analytics (dulunya, Urchin) adalah free service dari Mbah Google yang fungsinya untuk mengetahui karakteristik pengunjung yang datang ke blog/web kamu, misalnya tamu kamu datang keblog kamu setelah mengklik nama kamu di blogroll blog mana, dari negara mana, berapa lama nongkrongnya di blog kamu, link mana saja yang sudah diklik, jam-jam kunjung dlsb. data statistik yang sangat berguna bagi webmaster sehingga mereka bisa mengoptimalkan iklan-iklan di blog/web mereka supaya tepat sasaran.

Misal, hasil dari statistik Google Analytics ini, kebanyakan orang yang berkunjung ke blog kamu datang dari Google dan Yahoo lewat pencarian kata-kata yang mengandung unsur sex (terjemahin sendiri :P). Dengan berbekal info ini, supaya iklan kamu laku dan diklik orang tentulah kamu harus menyesuaikan diri dengan mengganti iklan kamu. Namanya juga pedagang :) Harus menyesuaikan diri dengan selera pasar ;)

Tertarik dan berminat ? Kamu bisa daftar disini. Dan untuk kamu yang berinternet lewat LAN kamu bisa menambahkan sedikit code ini karena menurut blog tadi Google-Analytics nggak bekerja di LAN.

Tapi kalau kamu ragu dan malah menganggap Google berteman dengan spammer atau malah nggak suka dimata-matai atau merasa service ini malah bikin lambat saat loading page suatu blog atau web, karena Google Analytics bekerja dengan cara mendownload file javascript (urchin.js) ke komputer kamu (client), diem disana memata-matai kamu dan melaporkan kelakuan kamu saat berinternet ke rumah moyangnya, Mbah Google (server).

Kalau kamu type blogger seperti ini, kamu bisa menyetop aksi Google-Analytics tadi dengan menambahkan baris berikut ke file "hosts" dikomputer kamu (You need an administrator access to do that):

# [Google Inc]
127.0.0.1 www.google-analytics.com

File "hosts" bisa ditengok di direktori berikut:

Windows 95/98/Me c:\windows\hosts
Windows NT/2000/XP Pro c:\winnt\system32\drivers\etc\hosts
Windows XP Home c:\windows\system32\drivers\etc\hosts

Dan karena kamu memang dalam suatu usaha untuk bisa loading page suatu blog tanpa diganggu sama Google Analytics, sekalian saja kamu tambahkan lagi baris-baris berikut, buat nyetop iklan-iklan Goggle, Iklan Ad sen-senan yang biasa ditaroh di blog itu.

# [Google Inc]
127.0.0.1 adwords.google.com
127.0.0.1 pagead.googlesyndication.com
127.0.0.1 pagead2.googlesyndication.com
127.0.0.1 adservices.google.com
127.0.0.1 imageads.googleadservices.com
127.0.0.1 imageads1.googleadservices.com
127.0.0.1 www.googleadservices.com
127.0.0.1 apps5.oingo.com

Dan kalau kamu sudah melakukan itu semua, kamu barulah boleh bangga sama kampanye kamu dengan menaroh banner berikut di blog kamu :)

Blogger Elite, Bleet

2007-01-17T09:18:00.000+08:00

Ini bukan soal ejek mengejek jablay blog vs. sokmutu blog tapi soal istilah baru yang sedang ngejreng dikomunitas blogger hacking yaitu "Bleet" alias the BLogger Elite, elit blogger. Syarat untuk mendapat predikat ini mudah saja. Harus sudah pernah menghasilkan karya hacking new Blogger yang bagus berkualitas. Dan yang paling penting diakui eksistensinya oleh blogger non hacker. Diakui bukan berarti komen diblognya harus ratusan tetapi karyanya disenangi dan dipakai orang banyak :D

Kalau kamu pernah menulis elit code, istilah untuk kode hacking blogger baru, silakan daftarkan dirimu ke Blogger Hacks Wrink dan untuk kamu user blogger baru, mereka Blogger Elite menyediakan survey untuk kita isi.

3 Pertanyaannya sbb:
- Siapakah Bleet favorite kamu ?
- Apa karya hack favorite dari Bleet ini ?
- Apa yang seharusnya dipunyai oleh setiap Bleet ?

Jawaban saya atas survey diatas adalah, phydeaux, Label Cloud, ide orisinil dan kebahagiaan sudah mengshare karya hacknya.

New Blogger Templates

2007-01-12T18:01:00.000+08:00

Seorang teman menanyakan template blogger baru yang gratisan. New blogger templates yang sudah dihack katanya. Well, sebenarnya kamu tinggal memanfaatkan Mbah Google koq.

1. Enter http://search.blogger.com/
2. Ketikkan "template" @ Find
3. Klik "Use search options"
4. Klik radio button "between" dan buat start pencarian mulai tanggal 1 Agustus 2006
5. Copy salah satu alamat New Blogger Knights dibawah ini, Pastekan @ In blogs
6. Klik tombol "Search Blogs"

There you go ...
Selamat 'n silakan menikmati hasilnya.
Ulangi pencarian dengan alamat pendekar blogger baru yang berbeda.

Berikut list para pendekar blogger baru tersebut:

Hack o sphere
Hoctro's Place
Stubborn Fanatic
Beautiful Beta
Phydeaux3
Singpolyma
The last word
Bloggeratto
Freshblog
Blogger Hacks Wiki
BlogU
PurpleMoggy
Blogger tricks
Blogging Secret
Blogger Hacked

Hmmmm ... Lagi nggak mood browsing ya, OK deh ... download aja langsung dari link-link berikut:

- 3-Colum Minima by Ramani (download)
- 3-Colum Minima by Ramani (download)
- 3-Colum Scribe by Ramani (download)
- Rounder Template by iMessengr (download)
- Minima Template by iMessengr (download)
- Sand Dollar Template by iMessengr (download).
- Son of Moto by iMessengr (download)
- 1st. Blogger Template by Hoctro (download)
- Basic Template by Singoplyma (download)
- Popular k2 by antiLoop (download).
- Underwater by Hans (download)
- Beta Template by Hans (download:The Hobbits)|Giraffe)
- Angel or Evil by Hans (download:CSS or Template)
- Kubrik Template by Amey Jah (Download).
- Pre-made Templates by PurpleMoggy (12 files)
- Minima White by Leonel (download)

Update: February 25th 2007
Ramani @ hackosphere Intoducing Blogger Hack search engine yang sudah mengakomodasi step-step yang saya sebutkan diatas.
Silakan klik Blogger Hack search engine dan ketikkan "template" di sana.

Update: March 24th 2007,
Atau silakan ketikkan "template" di search bar dibawah ini.

Atur domain kamu di blogspot

2007-01-10T22:24:00.000+08:00

Fasilitas baru dari blogspot dot com.
Sekarang kamu bisa tetap ngeblog, menyimpan tulisan dan gambar kamu di blogspot.com tetapi alamat blog kamu bukan di namakamu.blogspot.com tapi didomain kamu sendiri misal NAMASAYA.com atao NAMASAYA.net

Dengan feature ini, arsip tulisan dan file gambar kamu aman tersimpan di server punyanya Mbah Google sampai Google bangkrut, while nama blogmu bukan lagi namakamu.blogspot.com tapi sudah NAMASAYA.com

OK, Baca selengkapnya aja di blogger buzz .

Mengedit itu mengenyangkan

2007-01-08T04:25:00.000+08:00

Mengedit itu mengenyangkan, begitu semboyan agus hery @ http://edittag.blogspot.com/ yang terkenal itu. Well, sepenuhnya beliau benar.

Dan beberapa editan yang belum kelar adalah:
- Membuat postingan baru untuk "About Me", "Kotak Saran" dan "Contact Me"
- Membetulkan Footer yang masih gelab, css problem barangkali.
- Masang gambar di header
- Masang shoutbox (?) ... Masih dipertimbangkan ...
- Masang peak a boo blogroll, atau barangkali tak taroh di satu halaman aja
- Ngecek fullpost, collaps post ... kayaknya scriptnya dah terinstall tinggal ngecek aja ...

Yang barusan sudah:
- Masang link Home dst di atas Post, nyontek dari blognya Alan
- Masang Widebar, nyontek dari blognya annie
- Masang Label Cloud, nyontek dari blognya Phydeux
- Masang Recent comments, nyontek dari blognya Hans

Brand new neo template

2007-01-07T04:00:00.000+08:00

Alasan saya pindah dari rumah lama di ironmaid3n.blogspot.com ke New Blogger maid3n.blogspot.com, it's just a matter of: New Blogger support web.2.0

Alasan tetap di blog gratisan karena blogspot ini punyanya Mbah Google. Yang saya yakini akan tetap bertahan di bisnis ini sampai 100 tahun lagi. Artinya arsip blog ini akan tetap tersimpan di servernya Google walo yang punya blog dah isdet.

Alasan make templatenya Neo, as you can read from his blog:
Loading lebih cepat dan blog nggak reload saat kita klik setiap postingan di sidebar. Mirip kayak Microsoft Outlook cara kerjanya.

Kalau tertarik, silakan kunjungi Neo a.k.a Ramani @ hack o sphere

Quicklinks - January 2007

2007-01-01T01:11:00.000+08:00

Berhubung saya belum menemukan widget untuk quick links maka saya akan menuliskannya artikel atau tulisan yang menurut saya menarik disini.

Kategori: Hacking Blogger Baru

Migrasi dari New Blogger ke WordPress,
[How to pindah rumah (migrasi) dari blogger baru ke wp. Hanya posts yang bisa di import ke wp. Comment nggak bisa. Also ini hanya berlaku untuk free WP]

Ngilangin dooted border di ff,
[How to ngilangin dotted border (sulap kali) from link di firefox]

Ngilangi border di image,
[How to ngilangin border, permanen dari setiap image yang kita pajang di post qta]

Ganti warna lei out dengan hanya satu kali klik>,
[How to ganti warna-warni blog (bunglon kali) tanpa ngereload blog]

New look Creative Common button,
[Rupanya ada banyak pilihan gmabar dari Creative Common ini yang bisa dipajang diblog]

tentang Google analytics,
[Banyak fungsi Google anal yang rupanya belum kita ketahui, check it out dari link ini 'n silakan nyobi langsung @Google Anal]

Pullquotes, Pullquotes bergambar,
[Istilah baru, quote yang ditaroh di sebelah tulisan]

Widebar,
Sidebar yang diletakakan diatas dua sidebar, bagus]

Postbar,
[Istilah baru lagi setelah widebar]

Tabel konversi Blogger baru ,
[Salah satu alasan orang-orang malas pindah ke Blogger baru karena sudah familiar dengan kode-kode blogger di template lama. Tabel konversi ini bisa membantu memudahkan memahami template blogger baru]

Smile @ your blog,
[Jika kamu pakai templatenya Neo, ada bebarapa penyesuaian yang harus dilakukan kalau mau make widgetnya Aditya ini. Hubungi saya for detailnya]

1 , 2 , 3 ,Sample CSS,
Update hack dari Ramani
[Bikin Label horizontal, Vertikal atau berbentuk tab dibawah header, lengkap dengan contoh-contoh hasilnya, label juga bisa dibatasi. Bayangkan kalau kamu punya sampai 50 label :) Bisa-bisa sidebar kamu penuh sama label :D]

Breadcrumbs,
[Menampilkan struktur halaman, jadi reader bisa tau sedang berada di mana]

Smiley button,
[Hanya untuk pengguna ff dan add-on grease monkey. Nantinya kita hanya perlu klik tombol untuk bikin smiley. Kalau cuman bikin tanda senyum :) aja nggak perlu repot-repot nyobain script ini. Script ini kalau sudah terinstall, maka semua tanda senyum :) saat buka comment page akan dirubah jadi :) beneran]

Link open di new window/tab,
[How to saat link diklik ngebuka di window/tab baru]

Expandable Post,
[Jika kamu suka nulis panjang-panjang dan ingin dipotong ditengah dengan "Read More", tapi saat reader kamu klik readmore tersebut blog nggak loading, widget ini cocok untuk kamu]

	Your changes have been saved. View Blog
	Your changes have been saved. View Blog