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

thumbnail Title: Migrasi AOL Journal ke Blogger
Posted by:Unknown
Published :2008-10-28T18:26:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Migrasi AOL Journal ke Blogger

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



thumbnail Title: PlurkAir: Desktop Client for Plurk
Posted by:Unknown
Published :2008-10-28T01:16:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
PlurkAir: Desktop Client for Plurk

Minggu, 26 Oktober 2008

Menampilkan / Pasang Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>


Untuk Emoticon Kucing :

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>



4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>



5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>



Kalo mo yang emoticon kucing pake yang ini :


<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>


6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

thumbnail Title: Menampilkan / Pasang Emoticon di Kotak Komentar
Posted by:Unknown
Published :2008-10-26T11:23:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Menampilkan / Pasang Emoticon di Kotak Komentar

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 :)






thumbnail Title: Pendaftaran Omail @o-om.com ditutup
Posted by:Unknown
Published :2008-10-25T12:46:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Pendaftaran Omail @o-om.com ditutup

Jumat, 24 Oktober 2008

Buku Tutorial Membuat Website Dengan Joomla

Bagi yang pingin belajar membuat website dengan joomla, inilah buku yang tepat untukmu. Dengan joomla, membuat website menjadi lebih mudah. Kita tidak membutuhkan pengetahuan tentang desain atau pemrograman. Pengerjaannya pun tidak memakan waktu yg lama. Buku ini menjelaskan secara lengkap bagaimana membuat website dengan menggunakan joomla., mulai dari intallasi, membuat template, membuat dan mengisi content dan modul, sampai dengan cara menguploadnya ke web hosting. Ayo dapatkan di toko-toko buku terdekat. Oh ya, buku ini juga dilengkapi CD yg berisi Program joomla, XAMPP, Software FTP, Template, Modul, dll.

thumbnail Title: Buku Tutorial Membuat Website Dengan Joomla
Posted by:Unknown
Published :2008-10-24T10:03:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Buku Tutorial Membuat Website Dengan Joomla

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 :)


thumbnail Title: Professional Templates "Blogger Magazine Style"
Posted by:Unknown
Published :2008-10-22T11:32:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Professional Templates "Blogger Magazine Style"

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



thumbnail Title: Pasang Stripe-Ad ala Navbar Blogger
Posted by:Unknown
Published :2008-10-19T12:11:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Pasang Stripe-Ad ala Navbar Blogger

Rabu, 15 Oktober 2008

Highlight Author Comment

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather :D

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}


4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

thumbnail Title: Highlight Author Comment
Posted by:Unknown
Published :2008-10-15T06:31:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Highlight Author Comment

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



thumbnail Title: Menayangkan iklan bergaya PageEar (PagePeel)
Posted by:Unknown
Published :2008-10-11T13:49:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Menayangkan iklan bergaya PageEar (PagePeel)

Gadget Advisor and Tech News Resources

Do you want to know about gadgets and tech news? Gadget Advisor is the right place. Rather than presenting every bit of news from each day, Gadget Advisor focuses on the products and news that are the most significant, useful, and/or cool so that visitors can quickly view the top gadgets and tech news without wading through pages of mediocre news. You will know about online backup services, google chrome, Geo-eye satelite and many more tech news. And you will also find information such as universal remote control, network media player, GPS and much more gadget. It's very usefull site.

thumbnail Title: Gadget Advisor and Tech News Resources
Posted by:Unknown
Published :2008-10-11T03:09:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Gadget Advisor and Tech News Resources

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/




thumbnail Title: Menampilkan Syntax Highlighter (Javascript based)
Posted by:Unknown
Published :2008-10-09T08:50:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Menampilkan Syntax Highlighter (Javascript based)

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



thumbnail Title: Kata "Maaf" yang tertunda
Posted by:Unknown
Published :2008-10-03T23:13:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Kata "Maaf" yang tertunda