Selasa, 28 Oktober 2008

Migrasi AOL Journal ke Blogger

Berita terbaru mengenai penutupan layanan
AOL Journal saat ini membuat
penggunanya khawatir akan nasib journal mereka. Membantu penggunanya tetap dapat berbagi pemikiran secara online, AOL telah bekerja sama dengan Blogger. Rencana ini diharapkan dapat memberikan kelancaran agar penggunanya bisa tetap eksis.








Blogger mendukung fitur yang paling diharapkan AOL Journal, pengguna nantinya
diharapkan dengan mudah melakukan impor semua isi Photo, Video, Posting dan
Komentar. Agar proses import ke
Blogger dapat dilakukan. Selama proses migrasi, jika anda pengguna AOL Journal Private, anda
perlu mengubahnya terlebih dahulu ke Journal Public.





Untuk memulai migrasi AOL Journal ke Blogger, anda dapat langsung menuju halaman

http://www.blogger.com/AolToBlogger
silahkan baca dan ikuti instruksi
selanjutnya disana.




Sumber:

Buzz.blogger.com

PlurkAir: Desktop Client for Plurk

Selama ini saya jarang menemukan layanan aplikasi Plurk Desktop Client,
tidak seperti pesaingnya
Twitter
yang memiliki bejibun aplikasi Desktop siap pakai. Janji Plurk
dengan dukungan API ternyata belum terealisasikan juga. Walaupun aplikasi pihak
ketiga untuk Plurk sangat langka, pengguna Plurk tidak perlu berkecil hati,
karena saat ini sudah ada aplikasi Desktop Client dengan dukungan API tidak
resmi yaitu aplikasi PlurkAir dan Plurkit.



PlurkAir dan Plurkit merupakan aplikasi Desktop Client yang hanya berjalan
jika kita telah menginstall Adobe Air
.
Adobe AIR
memungkinkan aplikasi Adobe AIR runtime (*.Air)  yang akan diaplikasikan
pada perangkat komputer dan dapat berjalan disistem multi platform yaitu Linux,
Mac dan Windows.





Memang PlurkAir dan Plurkit tidak sebagus
Twhirl
(twitter Client)
ya juga sama-sama berjalan dibawah naungan Adobe Air runtime. Namun dengan

antarmuka Plurk mobile desktop, paling tidak pengguna Plurk akan dipermudah dan
lebih nyaman ber-Plurk-ria.




Download Adobe
Runtime
|

Download PlurkAir
|

Download Plurkit



Sabtu, 25 Oktober 2008

Pendaftaran Omail @o-om.com ditutup


Sekedar informasi, terhitung hari ini tanggal 26 Oktober 2008
untuk pendaftaran layanan free OMail @o-om.com sudah ditiadakan. Hal ini
mengingat keterbatasan waktu dan ketidakmampuan admin (saya sendiri) melakukan
manage pada semua layanan di blog ini dalam waktu bersamaan. Bagi pengguna aktif
yang sudah terdaftar bisa login seperti biasa, yang masih dalam antrian akan
tetap menunggu status approve dari Admin. Terima kasih atas perhatiannya :)






Rabu, 22 Oktober 2008

Professional Templates "Blogger Magazine Style"

Mau blog anda tampil Professional dengan konsep
Magazine Style
? kalo iya, saya sarankan anda bisa mencoba template buatan
Antoni Lupetti.
Selain gak pasaran, hanya dengan sedikit sentuhan, saya yakin anda bisa mengedit
template ini jauh lebih bagus lagi.  Salah satu contoh blog sahabat yang juga
menerapkan konsep Magazine Style, sebut saja
Kang Rohman,
disana bisa anda lihat perbedaan ketika anda berada pada halaman index, kemudian
lihat pula perubahannya ketika anda berada pada salah satu halaman konten. Ya
sudah, monggo..silahkan di download aja sourcenya
disini.








Ups, hampir lupa ucapan terima kasih buat mas ..... untuk info template-nya :)


Minggu, 19 Oktober 2008

Pasang Stripe-Ad ala Navbar Blogger

Boost Your Blog's Response Rate With "Stripe Ad"

Menayangkan iklan bergaya Stripe-Ad tentu lebih baik dari pada
menayangkan iklan dalam bentuk Popup Ad (Pop-ups, pop-overs and pop-unders),
Selain dapat menghindari Popup Blocker, memasang Stripe-Ad terasa sangat pas untuk
menampilkan satu focus informasi yang dirasa penting (bisa berupa iklan baris,
pengumuman, Feed atau informasi apa saja sesuai kebutuhan).








Jika anda melihat contoh Stripe-Ad diatas pada blog ini, sekilas
terlihat hampir serupa dengan standar Navigation Bar (Navbar) Blogger.
Pengunjungpun dapat melihat langsung batang navigasi ini ketika pertama kali
mereka mengunjungi halaman blog anda. Iklan ini akan tetap tampil walaupun
pembaca melakukan Mouse Scroll pada halaman. Jika tertarik kemungkinan
besar pembaca akan mengkliknya, jika dirasa mengganggu mereka dapat dengan mudah
menutupnya dengan mengklik tombol X pada pojok kanan atas.




Stripe-Ad tentu saja bukan hal yang baru. Pengguna Wordpress biasanya
menggunakan plugin Strip-Ad buatan

MaxBlogPress
cara installasinya pun terbilang mudah dan sudah ditulis dengan
lengkap caranya, silahkan pelajari sendiri disitusnya ya :)




Cara Pasang Strip-Ad di Blogger:




1. Upload File javascript dibawah ke lokasi penyimpanan file anda, Simpan file dengan nama
Stript-ad.js




var mta_arr = new Array();

var mta_clear = new Array();

function mtaFloat(mta) {

mta_arr[mta_arr.length] = this;

var mtapointer = eval(mta_arr.length-1);

this.pagetop = 0;

this.cmode = (document.compatMode && document.compatMode!="BackCompat") ?
document.documentElement : document.body;

this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);

this.mtasrc.height = this.mtasrc.offsetHeight;

this.mtaheight = this.cmode.clientHeight;

this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);

var mtabar = 'mta_clear['+mtapointer+'] =
setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';

mtabar = mtabar;

eval(mtabar);

}

function mtaGetOffsetY(mta) {

var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);

var parentOffset = mta.mtasrc.offsetParent;

while ( parentOffset != null ) {

mtaTotOffset += parentOffset.offsetTop;

parentOffset = parentOffset.offsetParent;

}

return mtaTotOffset;

}

function mtaFloatInit(mta) {

mta.pagetop = mta.cmode.scrollTop;

mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";

}

function closeTopAds() {

document.getElementById("mta_bar").style.visibility = "hidden";

}




2. Tuju kehalaman Edit HTML di blogger.




Copi-Paste kode CSS dibawah, letakan diatas kode
]]></b:skin>




#mta_bar { background: #FFFFE1; border-bottom: 1px
solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0;
width: 100%; overflow: auto; position: fixed; }

* html #mta_bar{ /*IE6 hack*/

position: absolute; width: expression(document.compatMode=="CSS1Compat"?
document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }

#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size:
13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}

#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right;
text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0;
width: 30px; white-space: nowrap;}

#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}

#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration:
none;}

#left_bar a { text-decoration: none; color: #0000FF; }

#left_bar a:hover { text-decoration: underline; color: #0000FF; }




3. Masukan kode pemanggilan JS dibawah, letakan diatas kode
</head>, jangan lupa
sesuaikan dengan alamat lokasi URL dimana anda meyimpan file JS-nya.


<script src='http://www.alamatserveranda.com/Stripe-Ad.js'
type='text/javascript'/>




4. Letakan kode dibawah ini dibawah kode <body>,
Silahkan sesuaikan setingan dibawah dengan link dan deskripsi anda
sendiri.


<div id='mta_bar'>

<div id='left_bar'><span class='left'><a href='
http://feeds.feedburner.com/ooms-logs'
target='_blank'>
Kurang lebih 3200 pembaca Rss Feed
sudah bergabung, Sudahkah anda?
</a></span></div>

<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;
o-om.com.com&apos;;return
true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;'
src='
http://http://www.alamatserveranda.com/close.gif'
style='cursor:hand;cursor:pointer;'/></span></div>




5. Simpan hasil kerja anda :)




Selamat Mencoba..happy blogging with o-om.com



Sabtu, 11 Oktober 2008

Menayangkan iklan bergaya PageEar (PagePeel)

PagePeel atau biasa disebut juga dengan istilah PageEar, Magic Corner, PeelAd,
peel away ad
atau apalah namanya, merupakan salah satu cara lain
menayangkan iklan
dengan gaya (style) yang berbeda. Tidak seperti tampilan
iklan banner pada umumnya, jika anda mengarahkan mouse pada area PagePeel ini,
maka akan terlihat halaman menggulung layaknya anda membuka selembar kertas dan
menemukan halaman lain dilembar sebaliknya. Tujuan utama memasang PagePeel tentu
saja ingin mendapatkan perhatian lebih besar dari pengunjung untuk mengkliknya.









Salah satu contoh blog populer yang menerapkan PagePeel adalah
Johnchow.com. Namun
sangat disayangkan ia sendiri malah menjual layanan PagePeel (peel
away ad
) ini seharga $37.00. Yah bayar..tidak perlu berkecil hati dan jangan
sampai mengeluarkan dana paypal anda untuk membelinya.  Dari semua nama PagePeel yang saya sebut
diatas, terus terang hanya ada satu layanan saja yang berani mengratiskanya,
yaitu

PageEar
.






Meskipun gratis.. PageEar tidak kalah dengan versi PagePeel berbayar,
salah satu fitur unggulannya yaitu kemampuan PageEar untuk menjalankan gambar dan suara sekaligus. Karena PageEar dijalankan via Flash dan JavaScript based, jadi anda dapat menggunakannya pada platform (blog/site) apa saja, termasuk blogger dong
tentunya :)




Beberapa Fitur menarik dari PageEar:



  • NEW! Pageear is scalable now. You can change the peel
    size 100×100 and 500×500 Pixel by your own.   

  • Plays MP3-Files on startup, open and close of Pagepeel.

  • Possibility to leave peel open and wait for userklick to close. Close text
    is editable.  

  • Place it on the left or right upper corner

  • Open and close automaticly after X seconds

  • Speed of the small pageear could be changed

  • Flashcheck (Adobe© Flash Detection)

  • Reflecting image on corner

  • Color of the pagecorner

  • Link target on external side or own (self, new)

  • Downwardcompatibly up to Flashversion 6

  • Runs on nearly all Browser (FireFox, InternetExplorer, Opera, Safari,
    etc.)






Tutorial Cara Pasang (Installasi):




1. Download dulu file

PageEar v1.4




2. Kemudian Extrack file pageear_v14.zip di
folder anda.




3. Silahkan Edit File pageear.js (menggunakan
notepad misalkan)




Note: dalam file
pageear.js
inilah semua konfigurasi yang anda perlukan. Agar anda tidak
pusing tujuh keliling, saya sertakan saja contoh dari beberapa kemungkinan yang perlu anda edit. Lihat code yang diedit dengan warna merah.






var pagearSmallImg = 'http://alamat-server-anda.com/pageear_s.jpg';




var pagearSmallSwf = 'http://alamat-server-anda.com/pageear_s.swf';




var pagearBigImg = 'http://alamat-server-anda.com/pageear_b.jpg';




var pagearBigSwf = 'http://alamat-server-anda.com/pageear_b.swf';




var jumpTo = 'http://alamatbloganda.com/'




Sebenarnya masih banyak configurasi yang lain, selebihnya dibaca saja ya pada
manualnya.




4. Upload semua file yang ada dalam folder pageear_v14/pageear/ ke
server milik anda (pages.google.com
misalkan)




5. Langkah akhir lakukan pemanggilan javascript, atau dari pada puyeng
langsung copy paste aja kode dibawah ini. jangan lupa mengganti alamat url
dibawah ditandai dengan warna merah dibawah.




<script language='javascript' src='http://alamat-server-anda.com/AC_OETags.js'/>


<script src='http://alamat-server-anda.com/pageear.js'
type='text/javascript'/>


<script type='text/javascript'>

writeObjects();

</script>




Untuk pengguna blogger silahkan meletakan script diatas di bawah kode
<title><data:blog.pageTitle/></title> pada halaman
Edit HTML.






Bagaimana mengubah image sesuai keinginan anda?




Pertama buat image dengan ukuran 100x100 pixel, lalu simpan dengan nama
pageear_s.jpg kemudian dengan cara yang sama, buat
lagi image dengan ukuran 500x500 pixel, lalu simpan dengan nama
pageear_b.jpg Jika anda sudah membuat kedua image
diatas, silahkan upload kembali ke server milik anda.




Selamat Mencoba..happy blogging with o-om.com



Kamis, 09 Oktober 2008

Menampilkan Syntax Highlighter (Javascript based)

SyntaxHighlighter merupakan cara mudah untuk menampilkan penggalan kode
pos-line agar terlihat lebih menarik. Dengan menambahkan Syntax Highlighter,
pembaca akan lebih mudah memahami setiap syntax baris kode yang anda tampilkan
sebagaimana bahasa program aslinya. Syntax Highlight ini menggunakan 100% JavaScript based, jadi anda bisa
menampilkannya pada platform (blog/site) apa saja, termasuk blogger tentunya.









SyntaxHighlighter menggunakan ekspresi reguler untuk parse teks. Jadi jika
anda hanya mencoba untuk menyorot beberapa puluhan baris kode, mungkin tidak ada
masalah. Tapi jika anda mencoba untuk menyorot 10kb lebih nilai teks,
kemungkinan akan ada masalah karena lamanya waktu dalam proses eksekusi.




Bahasa Program yang didukung:


























































Language

Aliases
C++ cpp,
c, c++
C# c#,
c-sharp, csharp
CSS css
Delphi delphi,
pascal
Java java
Java Script
js,
jscript, javascript
PHP php
Python py,
python
Ruby rb,
ruby, rails, ror
Sql sql
VB vb,
vb.net
XML/HTML
xml,
html, xhtml, xslt





Cara mengguakan

S
yntax
highlighter
pada blogger.




1. Silahkan anda

download
dulu semua filenya.




2. Extrack file SyntaxHighlighter_1.5.1.rar




3. Upload semua file Java Srcipt (pada folder Scripts) ke server milik anda,
pages.google.com misalkan.




4. Letakan kode ini di bawah kode <head>




<link href='http://alamat-server-anda.com/SyntaxHighlighter.css'
rel='stylesheet' type='text/css'/>

<script src='http://alamat-server-anda.com/shCore.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushCpp.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushCSharp.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushCss.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushDelphi.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushJava.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushJScript.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushPhp.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushPython.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushSql.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushVb.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushXml.js' type='text/javascript'/>


<script src='http://alamat-server-anda.com/shBrushRuby.js' type='text/javascript'/>




5. Kemudian letakan ini diatas kode </body>




<script language='javascript'>

function start() {

dp.SyntaxHighlighter.BloggerMode();

dp.SyntaxHighlighter.HighlightAll('code', true, true, false, 1, false);

}

window.onload = start;

</script> 




6. Simpan sebelumnya hasil kerja anda






Cara mengaktifkan kode pada halaman Post Editor




Letakkan kode anda pada halaman ditandai dengan tag
<pre>
. Kemudian menetapkan nama atribut untuk kode kelas dan
atribut ke salah satu bahasa alias yang ingin Anda gunakan. (lihat tabel alias
untuk type class)




<pre name="code" class="c-sharp">
... some code here ...
</pre>



Alternatif untuk <pre> adalah dengan menggunakan
tag <textarea>. Tidak ada masalah dengan
< karakter dalam kasus ini. Masalah utamanya adalah
<pre> tidak dapat bekerja dengan baik jika tag
JavaScript tetap digunakan untuk beberapa alasan (di RSS feed misalnya)




<textarea name="code" class="c#" cols="60" rows="10">
... some code here ...
</textarea>



Maaf saya tidak menyertakan contoh nyata dalam tutorial ini, namun anda
jangan kuatir, ini sudah saya uji coba dan 100% berhasil.




Pelajari kode selengkapnya di alamat ini

http://code.google.com/p/syntaxhighlighter/




Jumat, 03 Oktober 2008

Kata "Maaf" yang tertunda

Maaf ya telat ngucapin lebarannya, yang jelas tidak ada kata terlambat untuk meminta maaf khan :)




Untuk pembaca setiap o-om.com, saya mengucapkan Selamat Idul Fitri 1429 H "Minal
Aidzin Walfaizin, Mohon Maaf Lahir dan Batin"




Singkat Cerita: Lebaran kali ini om gak mudik ke tanah tercinta Borneo
(tepatnya di kota Pangkalanbun - Kalteng) dan sekarang masih terdampar lebaran
di kota Cepu (tempat yayank nih ceritanya), jadi maklum aja om belum bisa Blogwalking dan kegiatan ngeblog ditunda dulu, ini aja om sempetin kabur ke Warnet terdekat hehehe. Mudahan sekitar tanggal 10 udah bisa balik lagi ke Yogyakarta. Tetap semangat ngeblog..Happy blogging with o-om.com