Tutorial Blog Plus Dan Template.pdf

PROOF

Tutorial Blogspot Plus Blogger Templates

Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Settings Account TechnoratiSaturday, September 01, 2007Agar blog lebih maksimal sebaiknya kita bisa melengkapi Informasi pada Account kita,tanpa informasi yang jelas pengungjung akan bingung mengenai isi blog, disini ada 5setting yang bisa kita masukan yaitu setting tab : Setting, Bio, Photo, Blog, Extras.

Cara setting Account Technorati :

Tab Setting

Tab ini digunakan untuk mengubah porfile,disini kita bisa mengubah password, alamatemail dan nama

Tab Bio

Tab ini berfungsi untuk memasukan biografitentang kita, organisasi dan loksi dimanakita berada

Tab Photo

Untuk memasukan photo harus dengan ukuran Minimum size: 128x128 dan gambaryang didukung hanya dalam Formats: jpg, gif, png

Tab Blog

Kita dapat memanajemen blog yang ingin kita masukan atau tampilkan dalam daftar

Tab Extras

Disini kita dapat melakukan buzz monitor, ada 2 pilihan bisa dipilih :yes = jika kita mengijinkan tectnorati untuk melakukan buzz monitor pada techtnoratino = jika kita tidak mengijikan buzz monitor

Tehnorati Tags: Account Technorati Setting TechnoratiGoogle Tags: Account Technorati Settings TechnoratiPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

73

This low-resolution view is provided for approval purposes only and is NOT suitable for print


Menambah daftar blog pada technoratiSaturday, September 01, 2007Pada tecnorati kita dapat menambahkan alamat blog baru jika kita memiliki lebih darisatu blog. Claim disini menegaskan bahwa alamat blog yang di masukan benar-benaralamat blog kita dan kita tidak memasukan blog orang lain karena kita harus mempunyaihak akses agar bisa memasukan alamat blog yang baru.

Ada 4 langkah atau cara menambahkan alamat blog pada tecknorati sebagai berikut :

Langkah I

1. Pada My account pilih Tab blogs

2. Pilih Claim a Blog

3. Pada Blog url Masukan alamat blog anda (misalnya : http://oom-vb.blogspot.com)

4. Klik Begin Claim

Langkah II

1. Ada 2 pilihan diantaranya quick claim dan post claim

2. sebaikya pilih "quict claim"

Langkah III

1. Masukan User Blog kita dan password (nama user dan password harus sama dengannama dan password pada blog

2. Klik "Quick Claim Now"

Langkah IV

1. Sampai tahap ini kita telah berhasil menambahkan alamat blog baru pada tectnorati

2. Masukan deskripsi atau uraian dan informsi blog

3. Pilih bahasa ingris karena bahasa indonesia belum support

4. Masukan tags sesuai dengan isi blog anda

5. Pilih Button Pilihan Tectnorati sesuai dengan keinginan, kode ini dapat kita kopy pastedan dimasukan pada element halaman blog.

Tag : Menambah blog pada tectnoratiPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

74

PROOFTips memasang tags technorati pada blog


Saturday, September 01, 2007Ralat judul : Tips Membuat tags technorati pada blog

Tags bisa diibaratkan kata kunci pada sebuah posting, tag juga bisa digunakan sebagaiarahan pada orang lain yang memiliki minat yang sama atas informasi posting yang kitabuat. untuk itu dalam penamaan tag jangan sembarangan dan jangan tidak nyambungsebainya sesuaikan dengan kebenaran judul posting. untuk membuat tag sesuai denganjudul posting misalnya Judul posting "Membuat tag technorati" jadi kita bisa buat tagdengan kata "tag technorati" atau 'Membuat tag" sebaiknya gunakan tag hanya satu ataudua kata saja. Sedikit informasi sebenarnya tag ini tidak terlalu berguna jika kitamenggunakan layanan blogger karna dengan mengunakan RSS/Feed disertai denganlabel kategori itu sebenarnya sudah digunakan sebagai tag dari posting. tapi tidak adasalahnya kita mencoba membuat tag secara manual.

Untuk memasukan tag pada blog kita bisa menggunakan code dibawah ini:

<a href="http://technorati.com/tag/[tagname]" rel="tag">[tagname]</a><a href="http://technorati.com/tag/[tagname]+[tagname]" rel="tag">[tagnametagname]</a><a href="http://technorati.com/tag/global+warming" rel="tag">global warming</a>

Cara penggunaan : Pada [tagname] Masukan nama tag yang mendekati judul postinganda.

Contoh:

<a href="http://technorati.com/tag/tag+technorati" rel="tag">tag technorati</a><a href="http://technorati.com/tag/tag" rel="tag">tag</a><a href="http://technorati.com/tag/technorati" rel="tag">technorati</a>

Contoh tags : tehnorati tag tehnorati

Catatan : code diatas sebaiknya diletakan pada akhir halaman posting, selengkapnyabisa kmu baca disini

Google Tags: memasang tags tags technorati


Memasang widget Ping me to technoratiSaturday, September 01, 2007Ping merupakan pemberian isyarat kepada website atau layanan blog tertentu untukmemberitahu bahwa website/blog kita telah di update. Blogger juga sebenarnya sudahmempunyai fasilitas ping sendiri, kalo tidak salah ping blogger juga sudah supporttehnorati coba lihat disini (ralat kalo ini salah). Tapi tidak salah kalo kita menggunakan

75



cara manual dan cepat, Untuk mempermudah melakukan ping tanpa masuk ketechnorati bisa pasang witget buatan oom...walau simple dan sederhana namun cukupberguna, dari pada kamu ngeping lewat situsnya yang memakan waktu, lebih baik pakecara praktis.

Cara pasang witget :

<a href="http://technorati.com/ping/http://o-om.blogspot.com" target="_blank"><imgb o r d e r = " 0 " a l t = " p i n g m e t o t e c h n o r a t i " w i d t h = " 1 3 0 "src="http://www.geocities.com/oom_directory/images/ping-me-to-tehnorati.gif"height="32"/></a>

Lakukan Copy paste pada elemen blogger, Jangan lupa ganti code warna merah dengannama blog kamu.

Atau install langsung ke blogger

Jangan lupa ganti dengan nama blog kamu.

Untuk pengguna blog yang lain bisa pelajari lebih lanjut dibawah ini :

b2

Ecto

MarsEdit

Movable Type

Nucleus

Radio UserLand

TypePad

Wordpress

Perhatian : Jangan terlalu sering melakukan ping nanti kita bisa di cap sebagai SPAM


76

PROOF


Full Source Code "Recent Comments" ForBlogger BetaSunday, September 02, 2007Beberapa rekan mengirim saya email dan menanyakan apakah saya mempunyai sourcecode untuk "Recent Comment" atau yang biasa kita sebut dengan "Komentar Terbaru".Kalo tidak salah ada 5 email menanyakan hal sama, dari pada saya membalas satupersatu email tersebut lebih baik saya posting di blog saja, source code ini bukan buatansaya tapi buatan Hans Oosting yang beralamat di http://beautifulbeta.blogspot.com.Dengan source code ini kita bisa mengedit sendiri "Recent Comment" sesuai dengankeinginan,yang jelas jika kita sudah punya basic pemrograman pasti bisa mengedit kodeini dengan mudah, asal jangan lupa jangan merubah kode sumber pembuatnya ya...

Source code ini terdiri dari 2 bagian, pada code bagian pertama kode ini dapatdimasukan dimana aja selama kita mempunyai tempat penyimpanan pada directory web.jika gak punya directory penyimpanan pada web site kita dapat menggunakan layanangratis misalnya http://www.geocities.com atau http://www.tripod.com Sebelum melakukanproses upload ada baiknya buka notepad terlebih dahulu atau tools text editor apa saja,kemudian copy-paste kode dibawah ini simpan dengan nama (mis: recentcomments.txt).Jika nama file sudah tercipta lakukan upload seperti biasa, pasti udah tau caranya khan:). Jika menggunakan layanan http://www.geocities.com kita tinggal login kemudinamenuju File Manajer - ketikan nama file-nya kemudian klik tombol new, hapus semuatulisan kemudian copy paste pada halaman tersebut dan terakhir jangan lupa disimpan :)

Kode bagian pertama :

// ----------------------------------------// SHOW RECENT COMMENTS// ----------------------------------------// This functions takes a blogger-feed in JSON// format and displays it.//// Version : 2.1// Date : 2007-02-02// Author : Hans Oosting// URL : beautifulbeta.blogspot.com// ----------------------------------------

function showrecentcomments(json) {for (var i = 0; i < numcomments; i++) {var entry = json.feed.entry[i];var alturl;

if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}

77



alturl = alturl.replace("#", "#comment-");var postlink = alturl.split("#");postlink = postlink[0];var linktext = postlink.split("/");linktext = linktext[5];linktext = linktext.split(".html");linktext = linktext[0];var posttitle = linktext.replace(/-/g," ");posttitle = posttitle.link(postlink);var commentdate = entry.published.$t;var cdyear = commentdate.substring(0,4);var cdmonth = commentdate.substring(5,7);var cdday = commentdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";if ("content" in entry) {var comment = entry.content.$t;}elseif ("summary" in entry) {var comment = entry.summary.$t;}else var comment = "";var re = /<\S[^>]*>/g;comment = comment.replace(re, "");if (!standardstyling) document.write('<div class="bbrecpost">');if (standardstyling) document.write('<br/>');i f ( s h o w c o m m e n t d a t e = = t r u e ) d o c u m e n t . w r i t e ( ' O n ' +m o n t h n a m e s [ p a r s e I n t ( c d m o n t h , 1 0 ) ] + ' ' + c d d a y + ' ' ) ;document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented');if (showposttitle == true) document.write(' on ' + posttitle);if (!standardstyling) document.write('</div><div class="bbrecpostsum">');if (standardstyling) document.write('<br/>');if (comment.length < numchars) {if (standardstyling) document.write('<i>');document.write(comment);if (standardstyling) document.write('</i>');}else{if (standardstyling) document.write('<i>');comment = comment.substring(0, numchars);var quoteEnd = comment.lastIndexOf(" ");comment = comment.substring(0, quoteEnd);

78

PROOF


document.write(comment + '...<a href="' + alturl + '">(more)</a>');if (standardstyling) document.write('</i>');}if (!standardstyling) document.write('</div>');if (standardstyling) document.write('<br/>');}if (!standardstyling) document.write('<div class="bbwidgetfooter">');if (standardstyling) document.write('<br/>');d o c u m e n t . w r i t e ( ' < s p a n s t y l e = " f o n t - s i z e : 8 0 % ; " > W i d g e t b y < ahref="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <ahref="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');if (!standardstyling) document.write('</div>');}

Untuk melakukan memanggilan pada kode diatas kita tinggal menggunakan codedibawah ini, caranya tinggal copy paste code tersebut dan masukan pada halamanelement blogger.

Kode bagian kedua :

< s c r i p t s t y l e = " t e x t / j a v a s c r i p t "src="http://www.geocities.com/oom_directory//recentcomments.txt"></script><scriptstyle="text/javascript">var numcomments = 5;var showcommentdate = true;varshowposttitle = true;var numchars = 100;var standardstyling = true;</script><scripts r c = " h t t p : / / o - o m . b l o g s p o t . c o m / f e e d s / c o m m e n t s / d e f a u l t ? a l t = j s o n - i n -s c r i p t & c a l l b a c k = s h o w r e c e n t c o m m e n t s " > < / s c r i p t >

Jangan lupa mengubah kode pada kode bagian kedua, perubahan dapat dilihta padawarna merah dan pink.

Pada warna merah : Alamat tempat kita menyimpan code bagian pertamaPada warna pink : Ganti dengan alamat blog mu

Malas mempraktekan code diatas kamu bisa install langsung ke blog mu :

var numcomments = 5;var showcommentdate = true;var showposttitle = true;varnumchars = 100;var standardstyling = true;

Jika ada pertanyaan mengenai kode diatas bisa masukan melalui komentar. terima kasih(oom)


Full Source Code "Recent Post" For Blogger BetaSunday, September 02, 2007Posting terbaru atau biasa disebut Recent Post merupakan informasi singkat dari judulposting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjungmelihat urutan posting yang telah kita buat. Untuk membuat recent post kita bisamenggunakan source code dibawah. Mengenai cara penggunaan code telah saya

79



jelaskan pada posting Full source code "Recent Comments" for blogger" jadi tidak adaperbedaan dalam cara menggunakannya caranya hampir sama, yang membedakanhanyalah cource code nya.

Source code ini masih terdiri dari 2 bagian, pada code bagian pertama pertama kode inidapat dimasukan dimana aja selama kita mempunyai tempat penyimpanan padadirectory web. jika gak punya directory penyimpanan pada web site kita dapatmenggunakan layanan gra t is misa lnya h t tp : / /www.geoc i t ies .com atauhttp://www.tripod.com Sebelum melakukan proses upload ada baiknya buka notepadterlebih dahulu atau tools text editor apa saja, kemudian copy-paste kode dibawah inisimpan dengan nama (mis: recentcomments.txt). Jika nama file sudah tercipta lakukanupload seperti biasa, pasti udah tau caranya khan :). Jika menggunakan layananhttp://www.geocities.com kita tinggal login kemudina menuju File Manajer - ketikan namafile-nya kemudian klik tombol new, hapus semua tulisan kemudian copy paste padahalaman tersebut dan terakhir jangan lupa disimpan :)

Kode bagian pertama :

// ---------------------------------------- // SHOW RECENT POST // ---------------------------------------- // This functions takes a blogger-feed in JSON // format and displays it. // // Version: 2.1// Date: 2007-02-02 // Author: Hans Oosting // URL: beautifulbeta.blogspot.com // ---------------------------------------- function showrecentposts(json) { for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i ==json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel== 'alternate') { posturl = entry.link[k].href; break; } } posttitle = posttitle.link(posturl); varreadmorelink = "(Baca)"; readmorelink = readmorelink.link(posturl); var postdate =entry.publ ished.$t; var cdyear = postdate.substr ing(0,4); var cdmonth =postdate.substring(5,7); var cdday = postdate.substring(8,10); var monthnames = newArray(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar";monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun";monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep";monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { varpostcontent = entry.summary.$t;} else var postcontent = ""; var re = /<\S[^>]*>/g;postcontent = postcontent.replace(re, ""); if (!standardstyling) document.write('<divc l a s s = " b b r e c p o s t " > ' ) ; i f ( s t a n d a r d s t y l i n g ) d o c u m e n t . w r i t e ( ' < b r / > ' ) ;document.write(posttit le); i f (showpostdate == true) document.write(' - ' +monthnames[parseInt(cdmonth,10)] + ' ' + cdday); i f ( !s tandardsty l ing)document.write('</div><div class="bbrecpostsum"">'); if (showpostsummary == true) { if(standardstyling) document.write('<br/>'); if (postcontent.length < numchars) { if(standardstyling) document.write('<i>'); document.write(postcontent); if (standardstyling)document.write('</i>');} else { if (standardstyling) document.write('<i>'); postcontent =postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" ");postcontent = postcontent.substring(0,quoteEnd); document.write(postcontent + '...' +readmorelink); if (standardstyling) document.write('</i>');} } if (!standardstyling)document.write('</div>'); if (standardstyling) document.write('<br/>'); } if (!standardstyling)documen t .w r i t e ( ' <d i v c l ass= "bbw idge t f oo te r "> ' ) ; i f ( s t anda rds t y l i ng )document.write('<br/>'); document.write('<span style="font-size:80%;"></span>'); if(!standardstyling) document.write('</div>'); document.write('<span style="font-s i z e : 8 0 % ; " > W i d g e t b y < ahref="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <ahref="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>'); if (!standardstyling)

80

PROOF


document.write('</div>'); } Untuk melakukan memanggilan pada kode diatas kita tinggalmenggunakan code dibawah ini, caranya tinggal copy paste code tersebut dan masukanpada halaman element blogger.

Kode bagian kedua :

< s c r i p t s t y l e = " t e x t / j a v a s c r i p t "src="http://www.geocities.com/oom_directory/recentpost.txt"></script><scriptstyle="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary= true;var numchars = 100;var standardstyling = true;</script><script src="http://o-om.b logspo t . com/ feeds /pos t s /de fau l t ?o rde rby=pub l i shed&a l t= j son - i n -sc r i p t&ca l l back=showrecen tpos t s ">< / sc r i p t>


Pada warna merah : Alamat tempat kita menyimpan code bagian pertamaPada warna pink : Ganti dengan alamat blog mu


var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars =100;var standardstyling = true;



Mbojo: Top blog Indonesia Ranking telah di tutupSunday, September 02, 2007Salah satu layanan top b log rank ing indonesia yang bera lamat padahttp://www.mbojo.com/ telah ditutup apa sebabnya ya? Padahal Top Blog Indonesia inimerupakan salah satu layanan top blog rank terbaik alias favorite saya. coba baca tulisanpada halaman utama yang berisikan:

TOP BLOG INDONESIA DITUTUPTop blog kami tutup karena script yang digunakan topblog ini banyak menggunakanresource di pihak hosting dan di blok oleh mereka. Oleh karena itu, topblog ini tidakdapat kami lanjutkan karena tidak dapat berjalan sebagaimana mestinya.

Silahkan menghapus banner yang telah Anda pasang di blog Anda. Dan kami mohonmaaf atas ketidaknyamanan ini.

Terima Kasih

Yah karna udah ditutup terpaksa deh link nya juga saya hapus. Semoga top blog

81



indonesia bisa berjaya kembali seperti semula.amin


Alhamdulillah 10 hari menjalankan ibadah umrohMonday, September 17, 2007Alhamdulillah selama 10 hari menjalankan ibadah umroh om balik lagi ke indonesia.sampe rumah bukannya sajadah yang dibuka eh malah blog hahaha (becanda) yangjelas bukan umroh tomat lho (Datang ke Mekkah bertobat, pulang kumat). pas pulangkaget juga banyak teman menanyakan kok selama ini ilang om? sorry om perginyamendadak dan gak sempat ngucapin kalo om mau pergi ketanah suci.Cerita sedikit ya...selama umroh banyak hal yang saya dapat ditanah suci..pengalampahit dan manispun saya temukan disana, setelah merenung ternyata betapa kecilnyakita dimata allah, betapa kotornya diri ini, betapa banyaknya dosa yang di perbuat tanpasadari.yah yang penting memperbaiki diri dan bertobat itulah yang terpenting om lakukan,apalagi bertepatan dengan bulan suci ramadhan ini lah saat yang baik untuk lebih baikmemperbaiki diri dan mensucikan kembali diri kita semua amin.

ini orang pakistan minta dipotoin, Camera action!cekrekUps hampir lupa, Om mengucapkan selamatmenjalankan ibadah puasa, semoga amal ibadah kitaditerima disisinya.AMINPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free BloggerTemplates | Zoom Application | Digital technology

Alamat Search Engine terlengkap dan terbaikWednesday, September 19, 2007Selama ini mungkin kita cuma mengenal beberapa alamat search engine yang terkenalseperti google, yahoo, MSN, DMOZ padahal alternatif Search Engine tersebut adabanyak sekali didunia ini. Dibawah ini merupakan kumpulan alamat Search Engineterlengkap dan yang terbaik didunia yang pernah ada sampai saat ini.

Google

Yahoo

82

PROOF


ExciteDogpileDMOZKartOO

IceRocketBeaucoupPicsearchWebshotsExaleadFlickrFark.comA9.comFactbitesFindologyBizneticFirstGovZworksEzilonGalaxyInCrawlerMammaDownloadNetscapePageBullWotboxCantufindAccoonaDeliciousFurl.comVRooshWindSeekDigg.comIncyWincyTechnoratiDirectGovHighBeamDevilFinderLycosAboutAOLSearchJaydeXangaUpSpiralBloggerSphereJoeAntHippoCongooUse.comRollyo

83



KabooseSurfSafeAbiLogicMozbotEbaySnapMyWebMSNiWonKazazzQangoScirusIxquickAnswersClustyFyberJDGOWoWUKPlusJUX2IzitoHotBotHoppaAltaVistaAskJeevesAllrecipesLookSmartAllTheWebLibrariansGigablastMySpaceMiragoQksearchWalhelloSearchyInfo.comFindtargetBBCSearchLinkopediaFamilySitesThumbShotsKillerInfoVivisimoMyWayNetcraftInfoSpaceSurfWaxScrubWebSearchAlotSearchlesWebSearchFeedster

84

PROOF


EntirewebMetaEurekaBlowSearchMahalo.comPodcastAlleyWebBeaconStumbleUponFindForwardWikiSeekYahooligansWebWombatAlexaSearchAOLVideoReferenceSiteAdvisorWikipediaFindArticlesCurryGuideSearchSightMetaCrawlerWindowsLiveExactSeekiBoogieFreeSearchSkaffe.comYouTubeUlysseekZoomInfo


Tips meningkatkan pembaca RSS FEEDSaturday, September 22, 2007Untuk meningkatkan pembaca RSS FEED memang susah-susah gampang selain blogkita harus kaya dengan postingan yang berkualitas kita juga harus bersusah payah agarpara pembaca blog kita mau melakukan subscibe terhadap RSS FEED kita. Sampai saatini tidak ada cara apapun untuk menaikan pembaca RSS FEED secara ilegal selaindengan meningkatkan isi dan postingan yang bermutu agar pembaca mau melakukanSubscribe.

Salah satu cara meningkatkan pembaca RSS FEED yaitu mendaftarkan ke FeedBurner,FeedBurner merupakan satu tools untuk melihat statistik RSS FEED kita. Saya tidakperlu menjelaskan lagi cara mendaftarkan dan setting karena selama ini hampir semuablog sudah mendaftarkan RSS FEED nya pada layanan FeedBurner. Sekarang yangterpenting bagaimana cara kita untuk meningkatkan performa terhadap rss feed, untukitu ada baiknya membaca tips-tips dibawah ini.

Tips atau cara meningkatkan pembaca RSS FEED:

85



1. Berikan setting full pada RSS FEEDyaitu dengan menunjukan seluruh artikel, bukansebagian saja.walaupun terdapat resiko lambatnya proses load page.2. Daftarkan keberapa layanan yang melakukan pembacaan RSS FEED misalnyaTechnorati3. Pastikan bahwa pembaca blog kita mudah untuk melakukan subcribe ke RSS FEEDyaitu dengan meletakan Button RSS FEED pada tempat yang mudah dilihat, sebaiknyaletakan atas jangan dibawah.4. Jika pembaca blog kita bukan kalangan mahir dalam dunia internet atau komputer ajarimereka cara mudah melakukan subcribe serta langkah-langkah mudah dalammelakukan subcribe5. Masukan button RSS FEED atau berikan tulisan "Subscribe Me" pada akhir setiapartikel6. Selain pada RSS Reader, Feedburner juga menyediakan Subscribe melalui email,pastikan dengan mengaktifkan fasilitas tersebut dan letakan ditempat yang mudah dilihat

Hal yang harus Dihindarkan:1. Jangan pernah memaksa para pembaca melakukan Subscribe, biarkan pembacaberpikir apakah blog kita pastas untuk di simpan2. Jangan meletakan button RSS FEED ditempat yang tidak terlihat, sebainya gunakangambar berupa icon jangan gunakan tulisan (Text)3. Jangan pernah berpikir RSS FEED akan merugikan, sebagian orang tidak menyukaihal ini dan merasa takut karna pembaca tidak akan mengunjungi blog mereka lagi.

Yang perlu digaris bawahi adalah cara diatas tidak ada jaminan RSS FEED anda akanmeningkat drastis tetapi tidak ada salahnya untuk mencoba :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Rahasia (read more) waktu yang tepatmemenggal tulisan halaman postingSunday, September 23, 2007Pemenggalan halaman posting biasanya ditandai dengan "Read More", "BacaSelanjutnya", "Baca berikutnya","Selengkapnya" atau apalah namanya. Hampir semuapara blogger menggunakan kalimat diatas pada blog mereka. Read More merupakankalimat yang biasa digunakan untuk menandai pemenggalan halaman sebuah posting.Untuk teknik pemenggalan ini bisa anda baca di Cara buat "Readmore" pada Blogger

Pemenggalan halaman sebuah posting ini berguna untuk mempersingkat sebuahpostingan yang panjang, tapi ada kalanya kita bingung dimana letak yang tepat untukmelakukan pemotongan halaman tersebut. Pada beberapa blog yang saya kunjungiterlihat pemotongan posting yang asal-asalan. Tahukah anda kesalahan pemotonganakan merusak dari tulisan yang anda buat, kenapa? ya karena waktu yang tidak tepatmelakukan pemenggalan kata atau kalimat pada saat yang tepat dan pada akhirnyaanda tidak bisa menyakinkan para pembaca untuk melanjutkan membaca tulisananda.Untuk mengatasai masalah tersebut saya akan memberikan solusi dan tips terbaikseperti yang tertulis dibawah ini.

Dibawah ini merupakan cara yang tepat untuk melakukan pemenggalan sebuah halaman

86

PROOF


tulisan atau postingan anda:

1. Pada awal tulisan sebaiknya berikan penjelasan terlebih dahulu, jika sudah masukpada inti tulisan, ini merupakan saat yang tepat melakukan pemenggalan halaman.2. Sebisanya buat pembaca penasaran dengan tulisan anda, terus buat penasaran..jikadirasa tepat lalu potong halaman tersebut. saya yakin pembaca akan tetap penasarandan akan melanjutkan ke pemenggalan halaman berikutnya.3. Hindari pemenggalan pada sebuah kalimat yang tidak berkelanjutan, karna pembacamengira tulisan anda telah berakhir4. Jika terdapat sebuah gambar ditengah halaman tulisan sebaiknya potong pada bagianatas gambar bukan pada bagian dibawah gambar. Maksudnya sebaiknya gambarditampilkan pada pemengalan berikutnya, cara ini juga berguna mempercepat akses bloganda.5. Jika terdapat tabel jangan potong bagian tengah sebaiknya perlihatkan saja tabelsecara keseluruhan, pada tabel yang panjang sebaiknya perlihatkan saja pada halamansesudahnya.

Mudah-mudahan tips diatas berguna dan dapat menjadi masukan buat anda. Jika tidaksependapat dengan saya anda dapat menulis pada halaman komentar. Thanks (oom)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Virus local bodoh yang menjengkelkanMonday, September 24, 2007Kenapa om menulis judul diatas? Tidak ada maksud apa-apa ini hanya suatu ungkapansakit hati oom dengan ulah virus bodoh dan gak berteknologi sama sekali. Ngapain sihmasih membuat virus yang gak bermutu dan itu-itu saja, yang berubah jadi folder iconlah, jpg, exe, zip dan apalah terserah yang buat mau berubah menjadi apa..kalo ada iconninja pasti yang buat virus bakal berubah menjadi ninja hehehe.

Jam 4.00 pagi om seperti biasa online dirumah..yah biasa habis sahur nungguin sholatshubuh. Dengan hati yang berbunga-bunga bermaksud memposting berita baru tiba-tibasaja windows gak bisa kebuka. Baru aja boot udah tampil pesan error kalo beberapa *.dlltak bisa di load. Untung om masih punya hardisk backup satu lagi ketika om buka alamakvirus lagi nih.Kok bisa sampai kena ya padahal gak masukin apa-apa sama sekali kekompi, Setelah diselidiki ups dari flashdisk yayank. Ok deh yank karna cinta oom maafindeh :). Memang selama ini om gak suka dengan auto scan anti virus atau zonealarmyang bikin komputer om jadi kura-kura.

Virus ini buatan lokal yang kayanya baru bisa buat...entah virus apa namanya, terlihatdengan teknik yang amburadul dan gak berteknologi sama sekali. lagaknya si pembuatvirus mau ngalahin brontok yang tersohor karna kehebatannya (Kebodohannya) walahmas..mas wong tehnik programming mu aja belum bisa setara dengan brontok malahmau ngalahin brontok. Udah gak di encryption gak di compress trus pake inisial pembuatlagi pokonya gak banget deh, yang jelas kalo kamu pake tehnik seperti ini lagi om yakinkamu bakal berakhir di penjara.

Sebaiknya gak usah buat virus deh..sayang teknik programming mu di salah gunakanuntuk tujuan tidak baik. Kamu gak akan bakal pernah terkenal selama kamu belum

87



masuk BUSER atau ketangkap n diperjara, jujur om pernah membuat virus yang lebihhebat dari virus yang pernah ada di Indonesia tapi tidak pernah om edarkankan samasekali, ini semata-mata hanya untuk uji coba, pendidikan dan pengetahuan saja. tapi jikakamu pengen belajar buat virus hanya untuk keahlian saja om akan memberikaninformasi teknik virus agar kamu gak dipenjara..kan kasian.

Virus yang berteknologi menggunakan cara seperti om sebutin dibawah ini:

* ANTI DEBUGGERS* ANTI CODE RESOURCE* HIDE PE INFORMATIONS* HIDE EXECUTABLE INFORMATIONS* STEALTH VIRUS* TEXT FILE ENCRYPTIONS* POLYMORPHIC CRC32 SECTIONS* POLYMORPHIC FILE* MEMORY RESIDENT* RUN ON STARTUP* INFECTIONS FROM NETSHARE - FLOPPY - USB - MAIL WITH MS-OUTLOOK* AKTIF ON SAFE MODE* UPDATE VIRUS FROM INTERNET* UPDATE PLUGIN FROM INTERNET* CHANGE REGISTRY FOR SECURITY* ACTIVE ON TASK SCHEDULED* BLOCK ANTI VIRUS* KILL LOCAL VIRUS* BLOCK DANGER PROGRAMS* CREATE SHARE DRIVE

Masih gak ngerti dengan teknik diatas? berarti teknik programming mu masih perluditingkatkan..makanya jangan buat virus deh :) Jika kamu mengerti tehnik diatas omyakin kamu (pembuat virus) gak bakal ketangkap and dipenjara.INGAT! kehebatan programming bukan di tunjukan dengan membuat virus..jadi STOPBUAT VIRUS.

Happy Programming :)


Mengapa membuat Virus penggunakan VisualBasic? Siapa pembuat virus...Monday, September 24, 2007VB virus VS non VB

Banyak Virus Local yang menyebar menggunakan Visual basic sebagai bahasaprogramnya. Mungkin bahasa program ini yang paling mudah dan cepat di mengerti darisemua bahasa program tingkat tinggi sepeti C++, Delphi, C#, JAVA. Saya sempat

88

PROOF


tersinggung banyak definisi yang mengatakan bahwa pembuat virus dengan VB hanyaseorang pecundang dan bukan seorang programmer sejati, bukan masalah virusnyayang disini saya maksud tapi bahasa pemrogrammannya yang terlalu dipandang sebelahmata. Sekarang kita coba renungi dan kembali lagi ke belakang untuk apa computerdiciptakan? jawabannya cukup simple untuk memudahkan manusia bukan! begitu jugadengan bahasa pemrogramman, Kalo ada yang lebih mudah untuk apa dipersulit, betulgak? kita lihat aja jaman sekarang ini hampir 80% virus lokal di indonesia di buat denganVB maupun VBS. Apa banyak yang menggunakan D & C yang katanya sangatterstruktur. Seharunya dengan menggunakan bahasa program tingkat tinggi tersebutprogrammer (non VB) bisa membuat virus tinggat tinggi juga dong. Maaf saya tidakbermaksud meremehkan programer C & D memang saya akui bahasa ini adalah bahasaprogram yang bagus walau agak rumit namun sangat terstruktur. Dan jangan salah sayajuga mempelajari bahasa program ini. Definisi yang saya buat ini bukan untuk mengajakanda saling memberikan suatu yang tidak enak didengar, tetapi saya hanya inginmengajak programer underground (Local Virus Maker) Indonesia untuk bersatu, bekerjasama dan saling menghargai tanpa memandang sebelah mata antara programmer satusama lain.

Dari pengamatan saya hampir semua virus local yang menyebar tidak ada sedikitpunyang saya rasa cukup canggih semuanya terlihat monoton. Biasanya menyebar di MediaDrive-USB-Floppy serta FileSharing dan tidak ada sedikitpun tenologi yang tertanamdidalamnya bahkan tanpa proteksi sama sekali. Icon yang digunakan pun itu-itu sajaseperti icon Folder, Zip, MS-Word.

Siapa Pembuat Virus Brontok?

Virus yang paling diakui orang saat ini adalah Brontok (VB) dan MyBro (C++) sehebatapa pembuat virus ini? ada sesuatu yang janggal yang saya amati, yaitu ada suatu situsdan media yang sangat mendewakan virus ini. coba anda perhatikan virus ini cepatsekali melakukan update. seperti kisah jaman dulu dimana seorang putri (pihak yangdiuntungkan) meminta seorang Pangeran (Pembuat virus) untuk membuat seribu candidengan bantuan para jin (konco-konconya). dari kisah tersebut apa mungkin membuatcandi dalam semalam kalo gak ada yang bantu begitu juga dengan virus Brontok dengankecepatan update yang sangat mengagumkan. Kalo hanya satu orang pembuat virus ini,Sumpah deh gak mungkin! yang pasti virus ini dibuat secara keroyokan. Coba anda pikirkebanyakan Virus Maker Lokal hanya membuat virus itu untuk ketenaran dankesenangan sendiri. Kalo memang dibuat oleh suatu individu atau team terus terangvirus brontok tidak berteknologi sama sekali, mending team nya bubar aja deh hehehemaaf. Aneh nya lagi Putri tersebut tau kalau ada Mybro versi terbaru yang dibuat denganbahasa C++ semudah itukah mendapatkan info virus terbaru yang penyebarannya masihsedikit. Sejenius apakah pembuat virus hingga menguasai beberapa bahasapemrograman, sejenius jeniusnya manusia paling-paling menguasai 1 sampai 2 bahasaprogram dalam waktu yang bersamaan. dan tunggu aja bentar lagi pasti virus ini akankeluar dengan versi terbaru dan diciptakan dengan bahasa pemrograman VBNET,Delphi, C#, JAVA bahkan akan ada varian di sistem UNIX (LINUX), FreeBSD dan iMAChehehe. jangan tersinggung ya team brontok saya akui kalian memang the bestprogrammer.

Untuk itu berbanggalah anda sebagai programer VB karena dengan bahasa program initidak mustahil anda membuat sebuah program yang sangat canggih selain membuatvirus bodoh yang canggih. (oom)

89




Indonesia Top Blog (www.indonesiatopblog.com)apa juga ditutup?Thursday, September 27, 2007Informasi : Indonesia top blog telah aktif kembali dengan wajah baru, SELAMAT!sebaiknya abaikan saja tulisan dibawah. thanks.OOM

Masih ingat kan kalo www.mbojo.com yaitu salah satu indonesia top blog ranktelah ditutup lihat disini.Terhitung sejak 3 hari yang lalu situs layanan top blog indonesia yang lain yaitu

www.indonesiatopblog.com dengan logo mengalamai gangguan entah servernya downatau sedang ada perbaikan atau mungkin juga kena serangan hacker. yang jelas situs initidak bisa diakses sama sekali. Seadainya situs ini juga ditutup kok tidak adapemberitahuan sama sekali ya?

Jika kita melakukan proses ping situs initetap merespon dengan baik, dapatdikatakan situs ini masih aktif cuma fileindex utamanya tidak ditemukan.

S e a n d a i n y a m a s i h d a l a m " u n d e rconstruction" atau sedang dilakukanperbaikan untuk admin situs ini sebaiknya

cepat memberikan informasi kepada pengguna biar link nya ga di hapus (untukpengguna layanan ini jangan buru-buru menghapus link-nya, biar menunggu konfirmasidari penyedia layanan terlebih dahulu). Jika sudah dilakukan perbaikan saya akanmeralat tulisan ini biar tidak berpengaruh buruk terhadap reputasi situs indonesia topblog. Permohonan maaf dari saya jika terdapat kesalahan dalam informasi. Terima kasih


Indonesia top blog Hadir dengan wajah baruThursday, September 27, 2007Meralat tulisan saya sebelum nya Indonesia Top Blog (www.indonesiatopblog.com) apajuga ditutup? Ternyata selama 4 hari indonesia top blog yang beralamat dihttp://www.indonesiatopblog.com/ telah melakukan pembenahan diri. Hal yang palingmenonjol adalah tampilan antar muka yang lebih elegant dan user friendly. Untuk fiturterbaru kayanya tidak ada penambahan dan hanya melakukan perbaikan terhadap segitampilan dan link icon yang lebih cantik, buat admin jujur aja loading page terlalu berat.

Untuk sekedar informasi ternyata login user lama tidak bisa digunakan lagi jadi harus

90

PROOF


melakukan registrasi ulang, caranya juga hampir sama dengan registrasi yang terdahulu.jangan lupa untuk mengganti script code dengan yang lama dengan yang baru. Selamatbuat Indonesia top blog semoga bisa terus eksis dalam top blog ranking.thanks


Search Engine Baidu mengalahkan Google dinegeri ChinaFriday, September 28, 2007Mungkin selama ini anda mengenal Search Engine Google merupakan search engine no1 didunia, tetapi tidak begitu di negeri China. Baidu merupakan nama yang jarang kitadengar namun cukup populer dinegeri tersebut. Baidu merupakan Search Engine denganbahasa China, Search Engine ini ternyata mampu mengalahkan Google dari sisipengguna dinegeri China. Coba anda lihat trafik dan ranking pada Alexa mereka mampuberada pada posisi ke 10 saat tulisan ini dibuat, hal ini karena tingkat pengungjung padaSearch Engine tersebut melebihi satu milyar perhari, sungguh angka yang fantastis.

Untuk anda yang mempunyai target bisnis dengan orang China search engine ini cocokuntuk anda daftarkan. Untuk melakukan pendaftaran bisa anda lakukan seperti biasa,seperti anda mendaftarkan situs anda ke google dan yahoo cuma yang menjadi kendalamungkin masalah bahasa :). SE ini juga memberikan pendaftaran dengan cara berbayarterutama untuk meningkatkan tingkat kemunculan situs anda pada halaman teratas.(oom)


17 Tips agar halaman blog tampil ProfesionalFriday, September 28, 2007

91



Penambahan widgets dan aksesoris pada halaman blog memang menyenangkan danmembuat halaman blog akan terlihat sangat cantik. Tapi tahukah anda ada beberapa halyang harus dihindari pada halaman blog anda agar terlihat lebih profesional. Kenapatampilan halaman harus Profesional? untuk menjawab hal ini sangatlah bervariatif yangjelas jawaban abstrak dari saya adalah masalah tampilan, anda tahu kan penampilanhalaman dengan user interface yang baik adalah hal yang utama, apapun didunia inipertama kali yang dilihat adalah penampilan jika kesan pertama sudah tidak baik jelasakan berpengaruh buruk terhadap pengunjung blog anda. secara realita memangpenilaian setiap orang bervariasi dan relatif tetapi tidak salah kan kita mencoba menujuke kearah kesempurnaan.

Masih ingat beberapa bulan yang lalu ketika saya baru pertama kali membuat blog.Banyak sekali widget dan aksesoris yang saya pasang pada halaman blog saya, setelahsaya pikir-pikir untuk apa semua itu jika tidak ada hubungan sama sekali dengan blogsaya dan jangan pernah berpikir bahwa tampilan blog saya Profesional karena mencapaitujuan tersebut sangatlah tidak mudah dan butuh waktu. untuk menjawab semua haldiatas saya akan berbagi tips bagaimana menjadikan halaman blog anda terlihat lebihberisi dan terlihat profesional dan apa saja yang harus dihindari pada halaman blog anda.

17 tips agar halaman blog terlihat lebih Profesional :

1. Lakukan pengecekan halaman pada beberapa web browser yang berbeda: Tampilanhalaman anda begitu cantik di browser firefox tetapi belum tentu bagus di browser IEatau Opera atau browser yang lain. Ingat pengunjung blog anda tidak hanyamenggunakan satu browser saja. untuk itu anda coba lakukan pengecekan denganbrowser yang berbeda, misalkan : Firefox, Flock, Mozilla, IE, Opera, Safari.

2. Pilihan warna pada blog : Pemilihan warna memang susah-susah gampang semuanyatergantung selera pemilik blog. Jangan terlalu egois, pilih warna sesuai dengan temablog anda. coba anda pikir jika blog anda tentang agama dengan pilihan warna hitam,terlihat janggal bukan! kebanyakan warna hitam lebih cenderung ke situs yangbertemakan underground.

3. Hindari Memasang Jam : Tanyakan pada diri anda sendiri apa gunanya memasang

92

PROOF


jam di blog anda, jika hanya sebagai pengingat waktu atau untuk mempercantik halamansebaiknya tidak usah digunakan, apa gunanya jam pada taksbar windows. yang jelasbakal bikin load page anda semakin berat.

4. Hindari pasang kalender : Apa gunanya kalender windows? orang butuh informasi dariblog anda bukan ingin melihat kalender. sekedar informasi kalender yang saya maksudadalah kalender umum, beda dengan kalender yang menampilkan sebuah posting(biasanya banyak digunakan pengguna wordpress)

5. Hindari pasang jumlah pengunjung tetap: jika blog anda baru jangan gunakan jumlahpengunjung (counter), ini akan berakibat penilaian yang buruk terhadap blog anda.walaupun untuk beberapa penyedia layanan counter menyediakan fasilitas untukmemanipulasi dan menambah jumlah pengunjung secara manual, coba anda pikir blogyang baru dibuat sudah mencapai 100.000 pengunjung apa itu mungkin?.

6. Jangan memelas untuk meminta mengklik iklan : hindari kata "klik iklan dibawah ini"atau bahasa apapun yang meminta pengunjung anda untuk mengklik iklan. sampai saatini ada beberapa blog yang melakukan hal tersebut (maaf jika blog anda termasuk dalamhal ini) siapa sih didunia ini yang suka diperintah, Tanpa anda menyuruhpun pengunjungbakal mengklik iklan tersebut jika dirasa berguna gai mereka.

7. Jangan memasang iklan yang berserakan : Iklan yang banyak memang sangatmenguntungkan, namun jangan sampai isi halaman anda hanya iklan dan iklan. Pasangiklan sewajarnya saja dan tahukah anda pengunjung sangat risih dengan adanya iklanyang telihat melebihi kapasitas dari isi halaman blog anda.

8. Hindari memasang lagu pada blog : Selain bikin halaman berat blog yangmenampilkan lagu agak terkesan tidak profesional dan maaf agak terkesan jaman dulu(jadul). Tidak masalah jika blog anda tentang musik atau blog personal tapi untuk blokbisnis kayanya kurang cocok.

9. Menampilkan status IP pengunjung : Blog anda bukan program spy khan?, jadi lebihbaik tidak usah dipasang agar pengunjung tidak merasa dimata-matai.

10. Memasang widgets yang tidak ada hubunganganya dengan blog : Menambahkanwidgets memang menyenangkan tapi jika tidak ada hubungannya malah blog andaterkesan aneh. pasanglah widget sesuai dengan kebutuhan saja.

11. Jangan hanya Copy-Paste : Saya tidak melarang anda untuk melakukan Copy-Paste,jika memang dilakukan sebaiknya perbaiki juga code scriptnya, hargai jerih payah penulissebenarnya karna jika hanya copy-paste tulisannya tidak bakal terlihat rapi dankemungkinan gambar yang diikutsertakan tidak bakal muncul.

12. Perhatikan tanda baca : Perhatikan tulisan anda apakah sudah benar tanda bacanya.Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda.

13. Jangan gunakan gambar yang besar : Gambar memang mempercantik halamananda, gambar yang besar justru jadi bumerang buat loading page anda. yang jelas bloganda pasti akan diabaikan untuk sementara waktu ketika loading page sedang berjalan.

14. Periksa Dead link : Link yang telah mati bakal tidak disukai pembaca, jangan kanpembaca search engine pun tidak menyukai hal ini. Lakukan pengecekan dead link

93



sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini.

15. Jangan terlalu banyak memposting artikel orang lain : Ini akan mendapat responburuk dari pembaca, karna pembaca akan lebih berpikir lebih baik membacakesumbernya secara langsung.

16. Selalu pasang nama sumber artikel : Blog yang profesional selalu menghargai jerihpayah orang lain, yang jelas memasang nama sumber tidak merugikan anda sedikitpunsebaliknya penghargaan atas jerih payah orang lain itulah yang membuat anda terlihatlebih profesional.

17. Cara merespon komentar yang baik : Jangan pernah bersikap menggurui, hargaisemua komentar dengan bijak walau pun ada beberapa komentar yang menyebalkan.Ingat! blog tempat orang menuangkan semua ide dan pemikiran jadi semua orang pastimempunyai pendapat yang berbeda.

Sebagian tulisan diatas saya dapatkan dari beberapa sumber terpercaya dan sebagianlagi adalah pemikiran saya pribadi berdasarkan pengalaman saya. Terima kasih padaCosa Aranda tentang sebagian tips terbaiknya.

Jika tidak sependapat dengan saya dan anda mempunyai pemikiran yang berbeda dapatmenuangkannya pada halaman komentar. Terima Kasih (oom)


Informasi : Bulan Depan Pesta Blogger Digelar diJakartaSaturday, September 29, 2007Berita yang diturunkan oleh Kompas Cyber Media (KCM), “Bulan Depan Pesta BloggerDigelar“.

Bulan Depan Pesta Blogger DigelarJumat, 28 September 2007 | 13:23 WIB

KCM, Jakarta:Ratusan pengelola weblog atau blog akan menghadiri Pesta Blogger 2007 yang akandigelar di Hard Rock Cafe, Entertainment XPlaza, Jakarta, Sabtu, 27 Oktober 2007. Iniakan menjadi ajang pertama kumpulnya blogger di Indonesia dari berbagai latarbelakang, profesi, dan minat penulisan.

“Pemilik blog di Indonesia sudah sangat banyak namun belum ada yang mewadahiseperti di negara-negara lain. Kegiatan ini akan menjadi kegiatan pertama menunjukkanini lho blogger Indonesia,” ujar Enda Nasution yang menjadi ketua Komite Pesta Blogger2007 kepada pers di Anomali Coffee, Jakarta, Kamis (27/9).

Ia yakin jumlah blogger di Indonesia sudah menembus angka 100 ribu. Sebab dari dataalamat IP (internet protokol) blogger di layanan blogger.com dari Google saja sudah

94

PROOF


mencapai 60 ribu. Jakarta juga tercatat dalam 30 kota dengan aktivitas blog paling aktifdi dunia menurut studi Business Week baru-baru ini.

Lengkapnya bisa dibaca di sini atau di sini.

Pesta Blogger 2007 adalah sebuah acara kumpul-kumpul blogger berskala nasional yangmengambil tempat di Jakarta, Indonesia. Berita Lengkap. »


RSS FEED default pada New Blogger (Beta)Sunday, September 30, 2007Selama ini nyata-nya masih banyak nyang belum mengetahui RSS FEED default padaBlogger Beta, terutama para blogger baru yang masih bingung mengetahui alamat RSSFEED nya. Karena seringnya ditanyakan pada Shoutbox, untuk menjawab pertanyaanyang sama oom posting disini saja. Mudah-mudahan ini cukup membantu dan dapatmemecahkan masalah kalian.

Dibawah ini merupakan 4 feed default yang ada dalam New Bloger (beta) yang bisakamu gunakan:

Feed PostHTTP://{NAMABLOG}.blogspot.com/atom.xmlHTTP://{NAMABLOG}.blogspot.com/rss.xmlHTTP://{NAMABLOG}.blogspot.com/feeds/posts/{TYPE}HTTP://beta.blogger.com/feeds/{ID BLOG}/posts/{TYPE}

Feed KomentarHTTP://{NAMABLOG}.blogspot.com/feeds/comments/{TYPE}HTTP://beta.blogger.com/feeds/{ID BLOG}/comments/{TYPE}

Feed Komentar Per-PostHTTP://{NAMABLOG}.blogspot.com/feeds/{ID POST}/comments/{TYPE}HTTP://beta.blogger.com/feeds/{ID BLOG}/{ID POST}/comments/{TYPE}

Label FeedHTTP://beta.blogger.com/feeds/{ID BLOG}/posts/{TYPE}/-/{LABEL}

95



Informasi:{NAMABLOG} = Nama Blog{ID BLOG} = Identitas dari Blog{ID POST} = Identitas dari Posting{TYPE} = "Summary" atau "Full" (tanpa tanda kutip){LABEL} = Nama Label (Kategori)

Jika masih bingung menggunakan RSS FEED ini bisa kita konsultasikan pada komentar.thanksPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

4 pilihan widget ranking (Google, Yahoo, Alexa,Technorati)Tuesday, October 02, 2007Banyak cara untuk mempercatik halaman blog, salah satunya yaitu memasang widgetranking dari penyedia yang beralamat di http://www.rankwidget.com . Ada 4 macamwidget ranking yang patut kamu coba yaitu witget ranking Google, Yahoo, Alexa danTehnorati. Selain itu setiap witget mempunyai icon yang dapat dipilih sesuai dengankeinginan. cara penggunaan tinggal memasukan alamat url blog trus pilih widget yangakan digunakan, yang jelas layanan ini tidak melakukan registrasi sama sekali alias freeaccount.

Contoh 4 widget yang pantas dicoba:


Solusi Backup Blogger (Posting, Komentar,Template)Tuesday, October 02, 2007Blogger Backup.

96

PROOF


Apa yang ditakutkan para Blogger selain blog-nya di banned sama layanan Blogspot(Blogger), kalo cuma di banned dari layanan adsense mungkin tidah masalah tapi apajadinya jika blog anda yang kena ban dari blogger. Kita tidak akan pernah tahu kapanblog kita akan dibanned oleh layanan blogger, bisa jadi hari ini besok ataupun lusa., yangjelas jangan sampai hal ini terjadi. Bukannya membuat anda takut tapi hanya untukmemperingatkan saja jika hal ini benar-benar bisa terjadi pada blog anda. Pernah dengarkhan blog yang di banned sama layanan blogger tanpa alasan yang jelas. Bayangkanblog tersebut sudah mempunyai pagerank yang tinggi dengan jumlah pengunjung yangmembludak ditambah lagi dengan jumlah posting lebih dari 1000. Apa jadinya jika hal ituterjadi pada blog anda? ......!

Agar terhindar dari hal diatas jawaban yang terbaik adalah ber do'a dan berusaha, yangjelas blogger yang mati masih bisa dihidupkan kembali asal tahu caranya. untuk itu tidakada cara lain untuk mengembalikan data anda yang telah hilang selain melakukanbackup semua posting dan komentar blogger anda. Baca tips dibawah ini, langsungpraktekan dan jangan tunda lagi selagi blog anda masih bernyawa.

Cara Backup Posting Blogger (Post)

Tips:

Blogger menyediakan layanan otomatis jikaki ta telah melakukan post ing makapostingan tersebut akan dikirim langsungkealamat email kita. Cara membackupposting blogger cukup mudah anda tinggal

mengaktifkan alamat email anda yaitu masuk halaman Pengaturan - email, Masukanalamat email terserah anda, email apa saja, bisa Gmail atau yahoo kemudian simpanalamat mail tersebut.

Saya mempunyai solusi yang baik buat anda, jika anda menyimpan dengan alamatGmail sebaiknya kirim ulang data tersebut ke email yang lain, bingung? ketika andamenerima sebuah posting pada alamat gmail anda kirim ulang posting tersebut ke alamatemail yang lain misalkan yahoo. hal ini untuk menghindari jika alamat gmail anda jugakena ban dan anda masih punya backupnya..Masa sih, kayanya buang-buang waktu

97



saja? terserah anda, terlalu paranoid memang, tapi kita tidak bakal tahu hari esok khan. (ini haya berlaku jika anda hanya mempunya 1 alamat email) Jika cara pertama terlalurumit lebih baik membuat account baru pada gmail sebisanya alamat baru tersebuthanya dukhususkan untuk menerima posting atau komentar.

Cara Backup Template Blogger

Tips

Cara backup template blogger lebih mudah dari pada backup posting caranya masukhalaman Template - Edit HTML. Lakukan copy paste pada text editor misalkan notepadatau untuk lebih mudah klik "dowlnoad template lengkap" kemudian simpan ditempatyang aman.

Solusi :

1. Lakukan backup terlebih dahulu sebelum anda melakukan perubahan, intinya janganbermain api jika anda takut terbakar.2. Bagaimana jika anda belum melakukan backup tapi melakukan kesalahan dalamkode? biasanya blogger menampilkan halaman konfirmasi jika ada beberapa widgetyang akan dihapus, jangan lanjutkan penyimpanan, jika terlanjur menyiman anda bisamengembalikan halaman tersebut seperti semula dengan mengklik "Kembalikantemplate widget ke default"

Cara Backup Komentar (comments)

Tips :

Untuk melakukan backup komentar hampir sama dengan backup posting, yaitu denganmengaktifkan alamat email pada settings komentar. caranya masuk ke pengaturan -Komentar kemudian tuju ke "Alamat NotifikasiKomentar" masukan alamat email andaterserah misalnya gmail atau yahoo. penulis tetap menyarankan anda membuat accountgmail baru dan gunakan email tersebut hanya untuk menerima posting dan komentar.

Lakukan Backup Blogger dengan tools WebCopier atau tools sejenis

Cara ini juga bisa dijadikan alternatif backup blogger anda namun sayang anda harusmeluangkan waktu anda untuk proses yang sangat lama. anda bisa mendownload toolstersebut disini http://www.maximumsoft.com/downloads/index.html

98

PROOF


Semoga bermanfaat (jika perlu simpan artikel ini pada blog kalian, jangan lupa alamatsumbernya) - oom


Backup Blogger menggunakan layanan(BlogBackupOnline)Wednesday, October 03, 2007

Blogger Backup and Restore wi thBlogBackupOnl ine.

Proses backup data blogger anda tetap menjadi hal yang harus diperhatikan. Padaartikel sebelumnya kita melakukan backup hanya pada layanan blogger saja SolusiBackup Blogger (Posting, Komentar, Template), tetapi disini saya akan menjelaskanbackup data blog menggunakan layanan BlogBackupOnline. BBO merupakan prosesbackup online terbaik menurut pengalaman saya selama ini, Layanan ini memberikankita space 50 MB secara cuma-cuma. Terlalu kecil? sara rasa tidak, sampai saat tulisanini dibuat blog saya hanya mengunakan space sebanyak 73.73 KB (75,500 bytes) tidaksampai 1 MB khan, saya rasa ini cukup, gratis lagi !. layanan ini juga support padabeberapa layanan blog diantaranya Blogger, Wordpress, Life Jurnal, Windows LifeSpaces

3 langkah mudah melakukan backup pada layanan BlogBackupOnline

1.Sign Up

Lakukan pendaftaran atau registrasi dengan memasukan nama user, password danemail anda. Jika sudah buka alamat email anda untuk proses confirmasi. Kemudianlakukan proses login seperti biasa.Daftar sekarang juga disini

2. Register blog yang akan di backup

Cara melakukan register cukup klik "add new blog to backup" masukan URL alamat bloganda kemudian klik "Register blog".

3. Klik "Manage" untuk proses setting backup

Tab Info : Merupakan tab informasi status blog anda, pada tab ini anda bisa melakukanproses hapus blog, melakukan setting pada media file atau anda dapat memasukanalamar url rss feed blog yang akan dibackup

Tab Content : Merupakan informasi dimana anda dapat melihat informasi data postingdan komentar yang dibackup

Tab Backup : Disini anda bisa melakukan configurasi, ada dua pilihan yang bisa

99



digunakan yatiu full backup dan daily backup (Backup Harian)

Tab Restore : Restore merupakn proses mengembalikan data. anda tinggal memasukanalamat blog anda kemudian ikuti intruksi yang anda.

Tab blog : Merupakan informasi atau catatan dari proses backup blog anda

Tab Export : Pada tab ini anda bisa menyiman data yang telah di backup pada komputeranda. caranya tinggal klik "Download Export File" simpan ditempat yang aman.

Tab Dasboard : infomasi dari alamat blog anda yang akan di backup

Sekarang blog anda telah siap dibackup secara full atau daily (harian) tergantung settingyang anda gunakan pada layanan tersebut. Semoga artikel ini cukup membantu.thanks


Membuat random photo pada profile bloggerThursday, October 04, 2007"Mas oom gimana cara membuat random photo pada Profile Blogger?"

Pertanyaan diatas pernah ditanyakan oleh salah satu sahabat blogger pada shoutbox,Random photo pada profile yaitu cara mengubah gambar secara bergantian ketikahalaman tersebut di-Refresh atau di reload ulang. Jadi gambar tersebut tidak hanya itu-itu saja tapi bisa tampil gambar yang lain sesuai dengan keinginan kita. lebih jelasnyalihat gambar porfile saya yang selalu berubah-ubah.Untuk menjawab pertanyaan yangsama oom posting disini saja ya. codenya selengkapnya bisa dilihat dibawah ini.

Contoh Script :

Tuju ke halaman edit HTML kemudian beri tanda centang pada kotak Expand WidgetTemplates. kemudian cari kode di bawah ini:

<b:if cond='data:photo.url != ""'><a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt 'e x p r : h e i g h t = ' d a t a : p h o t o . h e i g h t ' e x p r : s r c = ' d a t a : p h o t o . u r l 'e x p r : w i d t h = ' d a t a : p h o t o . w i d t h ' / > < / a >

Ganti kode yang tercetak tebal di atas dengan kode javascript di bawah ini:

<script>var pic, alt;pic = new Array;pic[0] = "PHOTO-URL";pic[1] = "PHOTO-URL";

alt = new Array;alt[0] = "My Photo";

100

PROOF


alt[1] = "My Photo";

var now = new Date();var seed = now.getTime() % 0xffffffff;

function rand(n) {seed = (0x015a4e35 * seed) % 0x7fffffff;return ( seed >> 16 ) % n;}

var num = rand(2);

document.write("<a href='http://www.blogger.com/profile/XXX'><img alt='" + alt[num] + "'border='0' class='profile-img' height='80' src='" + pic[num] + "' width='60'/></a>");</script>

Perhatikan pada kode yang ditandai dengan huruf tebal. Ganti PHOTO-URL dengan URLfoto kamu sendiri, kemudian pada kode var num = rand(2);, angka 2 mewakili jumlaharray yang kita buat. Pada contoh di atas berarti ada 2 array, 0 dan 1. Dan selanjutnyaganti kode XXX dengan 20 angka (untuk New Blogger) yang ada pada profil bloggerkalian masing-masing.

Sedikit menambahkan jika kalian ingin memodifikasi 6 gambar yang berbeda codenyabisa dilihat di bawah ini

<script>var pic, alt;pic = new Array;pic[0] = "PHOTO-URL";pic[1] = "PHOTO-URL";pic[2] = "PHOTO-URL";pic[3] = "PHOTO-URL";pic[4] = "PHOTO-URL";pic[5] = "PHOTO-URL";

alt = new Array;alt[0] = "My Photo";alt[1] = "My Photo";alt[2] = "My Photo";alt[3] = "My Photo";alt[4] = "My Photo";alt[5] = "My Photo";

var now = new Date();var seed = now.getTime() % 0xffffffff;

function rand(n) {seed = (0x015a4e35 * seed) % 0x7fffffff;return ( seed >> 16 ) % n;}

var num = rand(6);

101



document.write("<a href='http://www.blogger.com/profile/XXX'><img alt='" + alt[num] + "'border='0' class='profile-img' height='80' src='" + pic[num] + "' width='60'/></a>");</script>

Sebelumnya permintaan maaf atas penggandaan kode ini tanpa konfirmasi terlebihdahulu pada nara sumber, Terima kasih buat mas Anang's Blog untuk sampel codenya.

Code Sumber : http://anangku.blogspot.com/search?q=random


Cara memasang Bookmark pada setiap postingFriday, October 05, 2007

"Om tanya lagi nih, gimana cara masukinsource code bookmark di setiap post?? thxbtw"

Pertanyaan diatas di utarakan oleh saudari Yuli yaitu bagaimana cara memasukan codeBookmark agar tampil di setiap posting. Hal yang menarik adalah banyak para bloggersalah dalam memilih code tersebut sehingga bukan melakukan Bookmark pada setiapposting malah memasukan kode Bookmark untuk mengambil/menyimpan Rss Feedsecara keseluruhan. Padahal yang dinginkan adalah Bookmark tersebut hanyamelakukan pengambilan per-Feed pada setiap judul posting. Untuk itu agar tidak salahikuti langkah-langkah dibawah ini.

Langkah-langkah memasukan code Bookmark adalah:

1. Masuk kealamat http://www.addthis.com/ lakukan registrasi terlebih dahulu jika belumterdaftar.2. Pilih "Get the code for your widget!"3. Setting pilihan :Which kind of widget? : --> Bookmarking WidgetWhich widget? : --> (Pilih button sesuai selera)Where? Where do youwant to put the widget? : --> On a BlogBlogging Platform : --> Blogger4. Pilih "Get Your Free Button"5. Pilih code "Blog Button (New or Older Blogger)"

Sedikit informasi untuk Blog Post Button (New Blogger) ini hanya digunakan sebagaibutton, biasanya hanya dipasang pada widget komponen blogger sedangkan untuk BlogButton (New or Older Blogger) kode inilah yang mengambil setiap code posting, jadijangan lupa gunakan kode kedua ya :)

Selanjutnya cara memasang kodenya sebagai berikut:

Masuk ke Template -> Edit Html -> Expand Template Widget

102

PROOF


Cari kode dibawah ini : ( Sebelum mengedit code sebaiknya lakukan Backup Templateterlebih dahulu)

<b:if cond='data:post.showBacklinks'>< a c l a s s = ' c o m m e n t - l i n k ' e x p r : h r e f = ' d a t a : p o s t . u r l +" # l i n k s " ' > < d a t a : t o p . b a c k l i n k L a b e l / > < / a ></b:if></b:if></span></p>

atau bisa juga dibawah code ini

<b:include data='post' name='postQuickEdit'/></span></p>

Kemudian Copy-Paste code Bookmark di bawah code diatas. jangan lupa disimpan :).Jika proses berhasil maka bookmark hanya akan mengambil Feed sesuai dengan namajudul posting yang dipilih :)

Catata: Beberapa template agak sedikit berbeda, jadi tidak harus diletakan pada kodeyang saya sebutkan diatas. Kamu dapat mencoba mempaste code disekitar lokasi yangsaya sebutkan, silahkan mencoba di beberapa lokasi yang berbeda, carilah lokasi yangsekiranya sesuai.


Kupas Tuntas: Cara terbaik agar blog terdaftar diODP (Dmoz)Sunday, October 07, 2007"Tahukah anda dibalik kekuatan ODP (dmoz) sebagai pondasi trafik blog anda danjangan pernah salahkan saya jika blog anda menjadi the king pada Directory SearchEngine"

Sekilas Tentang ODP (Dmoz). (ODP) Open Directory Project atau biasa di sebut Dmozmerupakan directory search engine terbesar untuk saat ini, hampir kurang lebih 37.000sukarelawan yang menjalankan tugasnya sebagai editor pada directory tersebut (Sumber: Buku "Top 10 On Google" - Rahmat Putra - Penerbit : Dian Rahmat). Dmoz termasukyang penomenal dalam Directory search engine karena hampir semua search engineterkenal mengacu pada directory Dmoz. Beberapa Search Engine yang mengacu padaDmoz diantaranya: Google, Alexa, Yahoo, AOL, Lycos, Teoma, AskJeevess Netscape,Hotbot dan beberapa Search engine yang lain. Yang jelas bayangkan saja jika situs ataublog anda ter-index pada directory tersebut, berbanggalah jika blog anda salah satu yangdipilih dan pantas masuk kategory mereka, karena blog atau situs yang pantas masukmerupakan dari suatu proses penyaringan yang sangat ketat. Tidak jarang blog/situsyang mendaftar di tolak bahkan tanpa konfirmasi sama sekali.

103



Apakah menda f ta r ke ODP t ra f i kpengun jung akan men ingka t?

Untuk dikatakan meningkat secara drastisjawabannya masih terlalu abstak, tetapipada kenyataannya blog atau situs yangtelah terindex pada Dmoz trafiknya akansangat meningkat hal ini disebabkankarena site/blog anda akan muncul hampirpada setiap direktori search engineterkenal, tentunya sesuai dengan katakunciyang di cari yang berkenaan dengandeskripsi dan title blog anda. Menurut daribeberapa pengamatan, blog/situs yangterdaftar pada ODP memiliki peringkat yanglebih tinggi dibandingkan yang tidak

terdaftar. Sangat menguntungkan bukan!

Berapa lama Situs/Blog akan ter-index di ODP?Saya pun tidak mengetahui pasti berapa lama situs atau blog kita terdaftar ke ODP, yangharus dipahami adalah editor ODP ini menggunakan jasa manusia bukan mesin sepertispider-nya Google. Dari pengalaman saya mendaftar ke Dmoz, blog saya baru di indexselama 2 minggu setelah pendaftaran bahkan mungkin saja waktunya lebih lama lagitergantung mood sang editor kali ya :). Teruslah berjuang dan jangan putus asa jika bloganda masih belum di index, mungkin saja masih dalam tahap proses, tapi jika dalamwaktu 3 minggu tidak terdaftar juga, Dmoz membolehkan kita mencoba mendaftarkembali ke direktory mereka dan anda masih bisa memilih kategory yang lain sesuaidengan tema blog/site anda.

Beberapa hal penting sebelum melakukan pendaftaran.Pada Title :- Pilih Title sesuai dengan titile sebenarnya- Jangan menggunakan huruf ALL CAPITAL.- Buangkan bahasa pengiklanan dari tajuk.

Pada Deskripsi :- Jangan gunakan tag HTML.- Hindari bahasa pengiklanan. Perkataan dan frasa seperti "cool" dan "best darn site"akan dihapus.- Jangan menggunakan ALLCAPS di dalam huraian anda.- Elakkan membesarkan huruf pertama dalam setiap perkataan dalam ayat.- Jangan mengulangi tajuk laman anda di dalam huraiannya.- Semak ejaan anda.

Baca Baik-Baik Peraturan dari Dmoz :- Sila memohon sekali sahaja, tambahan URL ke Open Directori. Jika laman itu tidakdisenaraikan dalam masa tiga minggu, anda boleh memohonnya semula.- Menyamar pemohonan untuk menambah URL yang sama lebih dari sekali, juga tidakdibenarkan.Contoh: http://Dmoz.org dan http://Dmoz.org/index.html- Jangan memohon lamn cermin. Laman cermin mempunyai kandongan yang sama tapimempunyai URL berlainan.

104

PROOF


- Elakkan memohon laman yang mempunyai URL yang bertukar ke URL lain.- Sila memohon tambahan URL ke kategori yang paling berkenaan. Laman yangditambah ke kategori yang tidak berkenaan akan dihapuskan.- Sila tunggu sehingga laman anda siap sebelum memohon tambahan URL anda. Lamanyang belum siap, mempunyai notis "Under Construction", atau mempunyai grafik patahdan link patah bukannya calon baik untuk direktori ini.- Laman dengan kandungan haram dan pornografi adalah tidak dibenarkan di dalamOpen Directory. Contoh kandungan haram termasuk, tetapi tidak terhad kepada,pornografi kanak-kanak dan laman menyalahi hakcipta.

Catatan : Semua peraturan diatas merupakan informasi resmi dari situs Dmoz, yang jelastidak ada penambahan dan pengurangan dari informasi tersebut

Tips Penting dari OOM:- Pilih kategory yang tepat jangan sampe salah, setidaknya pilih yang paling mendekatisesuai dengan tema blog/site anda.- Jangan mendaftar lebih dari satu kali, jika gagal tunggu selama 3 minggu lalu daftarkankembali blog atau situs anda.- Pada "Title" sebaiknya samakan saja sesuai title blog anda, jangan membohongi EditorDmoz, ingat! editor Dmoz manusia bukan mesin.- Pada "Site Description" ini sangat penting dan berpengaruh pada hasil pencarian,gunakan deskripsi sebagai kata kunci, karena menurut pengalaman saya beberapasearch engine seperti google melakukan pencarian sesuai dengan deskripsi blog yanganda masukan (Kesalahan dari blog saya adalah ketidak telitian saya ketika memasukandeskripsi dengan benar)- Jika blog atau situs anda tentang Fornografi, kekerasan, virus sebaiknya lupakanlahDmoz!- Jika Gagal mendaftar padahal anda telah mengikuti intruksi dengan benar? Pertamacoba anda daftarkan sekali lagi, apa salahnya mencoba dan berusaha. Kedua : Jikaanda mendapatkan konfirmasi dari editor berupa kesalahan yang disampaikan, cobakontak kembali editor tersebut. sebaiknya dalam menyampaikan pesan gunakan katayang halus, tegas dan jangan bertele-tele apalagi kasar. Ketiga: coba daftarkan kembalipada kategori yang berbeda, mungkin saja editor juga berbeda. Keempat: Berdo'a lahmungkin ini cara terbaik hehehehe becanda :)

Langkah Mendaftar ke ODP1. Buka situs http://www.dmoz.com2. Pilih directory yang ada hubungannya situs/blog anda, misalnya situs/blog andabertemakan bisnis pilih kategori bisnis jika tentang komputer ya pilih tentang komputeratau Misalnya anda ingin bergabung dalam blog pribadi dimana blog saya terdaftar andabisa klik World - Bahasa_Indonesia - Masyarakat - Orang-orang - Halaman-halaman_pribadi - Anonim atau di sini

Atau Anda bisa memilih kategori dibawah ini:

Search Open DirectoryArtsBusinessComputersGamesHealthHomeNews

105



RecreationReferenceRegionalScienceShoppingSocietySports

3. Jika anda sudah merasa sesuai dengan kategori yang dipilih klik tambah url (suggesturl) yang terdapat pada halaman kanan atas pada halaman Dmoz4. Selanjutnya Dmoz akan mengarahkan kita ke pengisian formulirPerhatian: Baca semua peringatan dan peraturan yang harus dipatuhi ini sangat penting!URL halaman : Masukan nama site/blog anda (contoh : http://namablog.blogspot.com)Tajuk Halaman : Bisa dikatakan sebagai title, masukan title/judul halaman blog.Huraian Halaman: Bisa dikatakan sebagai deskripsi dari blog.Alamat imel Anda: masukan alamat email anda (Contoh : [email protected])Masukan code verifikasi : Masukan code verifikasi yang ada pada gambar.5. Cek kembali semua data yang telah anda masukan sebelum diproses, kesalahan kecilsedikitpun akan merugikan anda.

6. Kemudian tekan tombol "Submit"7. Sampai tahapan ini proses sudah selesai, jika ada kesalahan dalam proses submitlihat deskripsi atau peringatan kesalahan tersebut. segerah perbaiki.

Jika ada kesalahan dalam informasi yang saya buat, tolong sampaikan pada kolomkomentar.thanks(oom)

Tag : cara daftar dmoz cara daftar ODP


Opini : Saya bukan penulis yang baik, apakahsaya bisa menjadi seor...Friday, October 12, 2007Ini merupakan pertanyaan yang paling sering dirasakan oleh para blogger baru, hal inilahyang membuat para penulis baru enggan menuangkan semua ide dan pemikirannyapada sebuah blog lantaran malu dan merasa rendah diri jika tulisannya dirasa tidakbermutu. Suatu pemikiran yang salah jika kita merasa tidak percaya diri terlebih dahulusebelum kita mencobanya, karena jika kita belum mencoba kita tidak akan tau sebatasmana kemampuan yang ada dalam diri kita, teruslah menggali kemampuan tersebutkarena masing-masing orang pasti mempunyai pemikiran dan ide-ide cemerlang.

Hal diatas juga pernah terjadi pada saya ketika pertama kali membuat blog. Banyakkendala yang saya hadapi, di mulai dari rasa malu menuangkan ide serta tidak percayadiri dalam menulis. Jujur saja sampai sekarang saya merasa tulisan saya tidak begitusempurna dan masih ada kata-kata yang terlalu baku, saya sadar akan hal itu. Namun

106

PROOF


kendala tersebut tidak menyurutkan niat saya menjadi penulis, yang terpenting disini kitaharus berusaha menuangkan ide dan pemikiran kita, jangan sampai hanya karena tidakpercaya diri ide-ide tersebut tidak bisa kita tuangkan kedalam tulisan.

Saya bukan penulis yang baik, apakah saya bisa menjadi seorang blogger? Kenapatidak! Yang saya ketahui seorang blogger tidak dilihat dari gaya penulisannya melainkanbagaimana ia menuangkan semua ide dan pemikirannya melalui tulisan. Yang jelashampir semua blogger baru mengalami hal yang sama ketika memulai menulis padablog, tidak terkecuali blogger professional, kalo tidak percaya lihat saja postinganpertama pada blog mereka bandingkan dengan gaya penulisan mereka sekarang inipasti ada perbedaan, kecuali mereka (blogger professional) memang ber-profesi sebagaipenulis sebelumnya jelas ini beda :)

Beberapa alasan tidak percaya diri menuangkan tulisan pada blog :- Merasa tidak dapat menulis dengan baik.- Tidak percaya diri dan merasa tulisanya tidak berguna.- Malu! merasa idenya sudah pernah diposting orang lain.- Tidak menguasai topik yang akan dibahas.- Tulisan atau ide yang akan diposting berasal dari artikel orang lain (Tidak masalahselama kita menuliskan nama sumbernya)

Bagaimana cara meningkatkan percara diri dengan memperbaiki tulisan kita pada blog :- Teruslah menulis, semakin banyak pengalaman kita dalam menulis maka akan semakinbaik gaya penulisan kita.- Sering-seringlah membaca buku, majalah, koran atau blog yang sudah terkenal, pelajarigaya tulisan yang telah mereka buat.- Yakinlah pada diri kita sendiri kalo kita juga mampu menjadi penulis yang baik.- Tunjukan kepada orang lain kalo kita juga punya potensi untuk menuangkan ide melaluitulisan.- Buang rasa tidak percaya diri pada diri kita, berpikirlah bahwa kenapa yang lain aja bisakenapa kita tidak!- Tulis apa saja yang ingin kita tulis, bisa berupa ide, tips, kejadian hari ini, berita yangingin disampaikan atau hanya sekedar catatan harian- Jangan lupa perhatikan gaya tulisan kita selama ini. Perhatikan juga tanda bacanya apasudah benar?

Semoga tulisan diatas berguna dan dapat memacu kita dalam menuangkan ide danpemikiran kita melalui tulisan. Thanks (oom)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Cara buat faviconSaturday, October 20, 2007Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser,cara buat favicon cukup mudah ingin membuatnya ikuti langkah berikut:

1. Buat gambar ukuran 32x32 simpan dengan format gif, jpg, png, dan bmp (pilih salahsatu)2. Kemudian buka http://tools.dynamicdrive.com/favicon/

107



3. Pada tombol browse pilih gambar yang telah dibuat4. kemudian klik "create icon"5. klik "download favicon" simpan gambar tersebut6. simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com ataupages.google.com7. langkah terakhir buka blogger lalu masuk ke edit HTML

cari code <head> kemudin paste kode dibawah ini dibawah kode <head>:

<link rel="shortcut icon" href="/favicon.ico">

Catatan: warna merah ganti dengan alamat icon sesuai dengan nama alamat url tempatdisimpannya icon

Contoh<link href='http://www.geocities.com/oom_directory/favicon.ico' rel='shortcut icon'/>

8. simpan, kemudian lihat hasilnya.


Berburu link blog dengan PageRank tinggiSunday, October 21, 2007"Tahukah anda semakin banyak link dengan PR tinggi yang tertuju pada blog maka akanmeningkatkan nilai PR blog tersebut, jadi jangan sungkan-sungkan untuk berburu danbertukar link"

Pasti sudah banyak rekan mengetahui kenapa nilai link dengan PR yang tinggi begituberharga jika link tersebut tertuju ke blog kita. Secara umum semakin banyak kualitas linkdengan PR tinggi yang tertuju ke blog kita maka akan semakin baik, karena ini akanmenambah nilai PR dari halaman yang terhubung tersebut. Untuk itu tidak ada salahnyakita berburu link tersebut sekalian aja bertukar link dengan tujuan positif. Salah satu carauntuk mengetahui semua nilai PR pada link yang tersimpan pada blog bisamenggunakan layanan tools gratis iwebtools. Tools ini tidak hanya digunakan untukberburu link namum bisa kita gunakan untuk mengetahui semua nilai link yang tersimpandalam halaman blog kita. Dibawah ini merupakan cara berburu link atau hanya sekedarmengetahui semua link PageRank yang ada dalam halaman blog.

Cara mengetahui semua nilai link pada blog:

1 . K l i khttp://www.iwebtool.com/visual_pagerank2. Masukan a lamat URL b log (ex:namablog.b logspot .com)3. Beri tanda check pada Show links withrel="nofollow" dan Show external links4. Kemudian tekan tombol check! untuk

melakukan proses.

108

PROOF


Hasil pengecekan link pagerank:

Cara berburu link pada halaman blogdengan PR tinggi:Jika ingin berburu link Blog dengan PRtinggi caranya cukup mudah yaitu tinggalmencari halaman blog yang mempunyaiblogroll yang banyak, disini saya meminjam

salah satu halaman blog yang cukup terkenal dengan blogroll yang sangat banyaknamun sayang sudah kena banned sama blogger http://afsyuhud.blogspot.com(permintaan maaf pada mas afsyuhud karena saya pinjam alamat blog-nya. walaupunsudah kena banned namum blog ini masih sangat berguna. Thanks)Sebagai contoh bisa klik halaman dibawah ini :http://www.iwebtool.com/visual/?domain=afsyuhud.blogspot.com&nofw=1&ex=1Jika rekan belum puas dengan halaman diatas rekan bisa berburu pada alamat yang laindengan blogroll yang banyak juga tentunya :)


Mengetahui kualitas artikel dengan Blog ratingsWednesday, October 24, 2007"Get Ratings on you blog with blog ratings"

Blogratings merupakan widgets yang digunakan untuk menampilkan ratings pada setiappostingan, widgets ini bekerja dengan cara mengambil nilai vote jika ada user yangmemberikan suara dengan melakukan klik pada Star icon. Dengan widgets ini kita dapatmengetahui penilaian para pembaca terhadap kekuatan artikel yang kita tulis, ada 5bintang yang bisa dipilih dengan nilai yang berbeda pula tentunya. Nilai bintang tersebutantara lain, * Bad ** Boring *** OK **** Good ***** Excellent. Widgets ini support padabeberapa blog diantaranya Blogger, TypePad, WordPress dan javascript untuk installasimanual. Keterangan lebih lanjut bisa dibaca disini

Contoh tampilan:

Cara daftar cukup klik disinihttp://www.outbrain.com/users/login.vm?r=login

Jika malas login bisa langsung kealamat inihttp://www.outbrain.com/new/pages/get_ratings.htmlPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

109


Blogger: Pencarian nama label dengan mudah


Friday, October 26, 2007Saya yakin kita dipersulit masalah manajemen label atau kategory pada blogger.merapikan penamaan label merupakan hal yang membosankan, hal ini tidak masalahjika postingan hanya 50 atau 100 tapi bagaimana jika sudah mencapai angka 1000? bisabayangkan sendiri betapa repotnya, pasti banyak nama label yang tidak dapat dianalisisdan terlewatkan. Yang jelas melakukan pencarian label pasti akan melelahkan. Untukmempermudah melakukan pencarian nama label kita bisa menggunakan browser Firefoxatau Flock atau browser lain yang mendukung text High Light.

Disini saya akan menyampaikan tips bodoh namum berguna yang biasa saya gunakan:

1. Untuk mencari nama label cukup klike d i t - f i n d p a d a b r o w s e r ( c o n t o hm e n g g u n a k a n F i r e f o x ) .2. Kemudian lihat diatas status bar makaakan tampil box pencarian, kemudian klikhighlight all3. Secara otomatis browser akan menujut e x t y a n g d i t e m u k a n d e n g a n

m e n a m b a h k a n H i g h L i g h t p a d a t e x t t e r s e b u t

Contoh tampilan diatas ketika kita mencari label dengan nama widgets maka browserotomatis mengarahkan pada text yang ditemukan, sebaiknya fokus kenama label sajadengan text warna hijau. Yang jelas dengan cara ini masalah manajemen label akanlebih mudah dan cepat dari pada kita melakukan pengecekan nama label satu persatu.Thanks


Akhirnya Google Update PageRankSunday, October 28, 2007"google pagerank update"

Setelah menunggu beberapa bulan lamanya akhirnya google melakukan updateterhadap PageRank nya. Banyak blogger baru seperti saya merasakan kegembiraan ininamum ada juga yang mengalami tragedi penurunan drastis terhadap nilai PR-nyamisalnya www.quickonlinetips.com yang semula ber PR 6/10 turun jadi jadi PR 3/10 danbeberapa web site lain juga mengalami penurunan. coba baca keluh kesahnya di GooglePagerank Drops PR6 to PR3!

Tadi malam sekitar jam 2.00 pagi setelah ngobrol banyak sama sahabat blogger diptaom sempat bertanya mengenai nilai PR nya apa juga mengalami peningkatan? diamenjawab" iya om punyaku naik jadi PR 4/10", syukur deh selamat juga ya dipta. Omsemula sempat cuek dan ragu juga sih jangan-jangan ada kesalahan dari googlemengenai nilai PR terhadap blog saya, mudah-mudahan om google gak salah ya!

110

PROOF


Cuma kok ada yang aneh ya, semula sekitar jam 4.00 sore kemaren blog oom sempatnaik PR 7/10, trus sekitar jam 8.00 PR nya jadi 5/10, trus sekitar jam 12 malam turun lagike pr 4/10 dan mentok disini dan entah turun berapa lagi..jangan dikasih 0/10 ya omgoogle :) . Maaf, bukanya saya gak terima dengan PR yang telah didapat, cuman masihragu aja yang jelas PR 4 juga udah bersyukur banget. Oom cuma ngucapin selamat ajabuat yang page ranknya naik, semua hasil yang didapat tidak lepas dari kerja keraskalian salama ini.

Bagi yang masih ragu dengan nilai PR nya bisa ngecek dibawah ini :http://livepr.raketforskning.com/http://www.iwebtool.com/pagerank_checker

Kalo mau ngecek semua link pagerank dalam blog bisa klik dibawah inihttp://www.iwebtool.com/visual_pagerank


38 freeware image toolsWednesday, October 31, 2007Dibawah ini merupakan kumpulan tools gratis yang bisa kamu gunakan untuk melakukanproses edit pada photo maupun gambar. Tentunya tools ini juga berguna dalam kegiatanblogging jika kita lebih banyak melakukan edit mengedit dan melakukan optimasi padagambar. Yang jelas tools ini sangat berguna jika kita sedang blogging diwarnet yangmemerlukan image editting dengan cepat dengan ukuran file yang kecil tentunya.

Dibawah ini kumpulan beberapa freeware image tools yang bisa digunakan:

Ai Picture Explorer 8.3Ai Picture Explorer (AiPICX) merupakan sebuah aplikasi grafis yang dapat difungsikanuntuk proses view, editing, manajemen dan organisasi file gambar.Info: http://appliedinsights.net/Harga: Freeware

AniMake 3.6Animake merupakan sebuah tool animasi yang akan membuat Anda lebih efesien untukmembuat beberapa tugas kedalam sebuah diagram untuk menjalankan sebuah file GIFanimasi.Info: http://www.animake.net/Harga: Freeware

Autostitch 2.187Autostitch merupakan sebuah tool 2D image stitcher yang dapat Anda gunakan untukmenyusun foto dengan efek panorama.Info: http://www.cs.ubc.ca/~mbrown/autostitch/autostitch.htmlHarga: Freeware

36-Image Converter 3.4.2.736-Image Converter merupakan sebuah tool konversi gambar untuk format BMP, GIF,

111



dan lebih dari 10 tipe gambar lainnya.Info: http://www.phoenxsoftware.com/36-ic.htmlHarga: Freeware

Cartoonist 1.3Cartoonist merupakan sebuah tool yang dapat digunakan oleh Anda untuk mengubahfoto atau gambar menjadi sebuah foto atau gambar kartun, dan hasilnya akan terlihatmenjadi lebih humoris atau lucu.Info: http://www.vicman.net/Harga: Freeware

CleanSkinFX 1.0CleanSkinFX merupakan sebuah tool image yang dapat digunakan secara otomatisuntuk mengubah objek wajah atau kulit manusia yang ada didalam foto menjadi lebihhalus.Info: http://www.mediachance.com/digicam/cleanskin.htmHarga: Freeware

CombineZ Movie 16 June 2007CombineZM merupakan sebuah program yang dapat digunakan untuk menjadikanbeberapa gambar koleksi Anda kedalam format yang berbeda, termasuk didalamnya still,efek 3D, movie, dan slide show.Info: http://www.hadleyweb.pwp.blueyonder.co.uk/Harga: Freeware

Dup Detector 3.0Dup Detector merupakan sebuah tool yang dapat membantu Anda untuk menemukan filegambar yang terduplikasi. Program ini sangat mudah digunakan dan untuk menemukanfile gambar yang terduplikasi didalam media penyimpanan, aplikasi ini menggunakanmetode pembacaan Image Pixel Data.Info: http://www.keronsoft.com/dupdetector.htmlHarga: Freeware

Foto-Mosaik 4.1.0Foto-Mosaik merupakan tool yang dapat membantu Anda untuk membuat gambardengan efek mosaik.Info: http://www.sixdots.de/mosaik/en/index.phpHarga: Freeware

FrameFun 2.0.0.5FrameFun merupakan sebuah aplikasi sederhana yang dapat digunakan oleh Andauntuk menambahkan frame kedalam sebuah gambar dengan format BMP, JPG, danPNG.Info: http://www.hochstrasser.org/wiki/pmwiki.phpharga: Freeware

GIMP 2.2.16GIMP merupakan sebuah GNU Image Manipulation Program. Aplikasi ini didistribusikansecara gratis untuk membantu Anda mengolah file gambar atau foto.Info: http://www.gimp.org/Harga: Freeware

112

PROOF


Hello 1.0Hello merupakan sebuah tool yang dapat digunakan untuk melihat sejumlah koleksigambar yang Anda miliki.Info: http://www.hello.com/Harga: Freeware

ImageSorter 1.01ImageSorter merupakan sebuah aplikasi image browsing yang dapat digunakan untukmensortir sejumlah gambar.Info: http://mmk.f4.fhtw-berlin.de/Harga: Freeware

Imazer 1.5Imazer merupakan sebuah aplikasi gratis yang sangat efektif digunakan untuk mengubahukuran file gambar.Info: http://www.exmont.com/Harga: Freeware

Irfan View plug-ins 4.00Info: http://irfanview.tuwien.ac.at/Harga: Freeware

IrfanView 4.00Apakah Anda mencari aplikasi viewer sekaligus editor gambar dengan kecepatan prosestinggi, berukuran kecil, dan simpel? IrfanView merupakan salah satu diantaranya. Hinggakini, IrfanView termasuk salah satu image viewer terbaik dan sudah banyak penggunasoftware yang mengandalkannya.Info: http://irfanview.tuwien.ac.at/Harga: Freeware

JAlbum 7.2JAlbum merupakan aplikasi web galeri yang dapat digunakan untuk membuat albumdigital dari sejumlah koleksi foto yang Anda miliki.Info: http://jalbum.net/Harga: Freeware

Light Artist 1.5Light Artist merupakan sebuah program yang dapat digunakan untuk menambahkan efekrealistik pada sebuah file gambar atau foto.Info: http://www.vicman.net/Harga: Freeware

Mobile Photo Enhancer 1.3Mobile Photo Enhancer merupakan sebuah tool yang dapat digunakan untukmengoptimalkan foto yang dihasilkan dari ponsel berkamera.Info: http://www.vicman.net/Harga: Freeware

Noiseware Community Edition Standalone 2.6Noiseware Community Edition Standalone merupakan tool yang dapat digunakan untukmereduksi noise pada sebuah foto dari hasil pemotretan yang dilakukan melalui kameradigital.

113



Info: http://www.imagenomic.comHarga: Freeware

Paint.NET 3.08Tentu Anda sudah mengenal aplikasi pintar dari Microsoft ini, bukan? Paint.NET, aplikasiopen source sekaligus gratis untuk mengedit dan memanipulasi gambar yang di desainuntuk sistem operasi Windows.Info: www.getpaint.netHarga: Freeware

Panorado Flyer 1.2Panorado Flyer merupakan sebuah tool sederhana yang dapat digunakan untukmengetahui dilokasi mana sebuah foto diabadikan dengan menggunakan bantuankoordinat geografi.Info: http://panorado.com/en/index.htmHarga: Freeware

Photocopier 3.03Photocopier merupakan sebuah tool yang dapat dikombinasikan dengan perangkatscanner dan dapat Anda manfaatkan layaknya mesin foto kopi. Dengan bantuan tool ini,Anda dapat melakukan proses scanner beberapa dokumen dan hasilnya langsungdicetak melalui printer.Info: http://www.nico2000.com/Harga: Freeware

PhotoFiltre 6.2.7PhotoFiltre merupakan sebuah program yang dapat digunakan untuk melakukan prosesretouch agar foto yang dimiliki terlihat lebih menarik.Info: http://photofiltre.free.fr/frames_en.htmHarga: Freeware

Picture-Shark 1.0Picture-Shark merupakan sebuah tool photo watermark yang dapat digunakan untukmenambahkan efek watermark kedalam sebuah foto atau gambar.Info: http://www.picture-shark.de/index.htmHarga: Freeware

Red Eye Remover Pro 1.2Red Eye Remover merupakan sebuah program professional yang dapat membantu Andauntuk memperbaiki masalah red-eye pada sebuah foto atau gambar.Info: http://www.vicman.netHarga: Freeware

RedField Face Control 1.20RedField Face Control merupakan sebuah tool yang dapat membantu Anda denganmudah mengubah ekpresi wajah atau mimik muka dari sebuah gambar digital.Info: http://www.redfieldplugins.comHarga: Freeware

RPM Beautifier 1.0RPM Beautifier merupakan sebuah tool yang dapat digunakan oleh Anda untukmempercantik foto atau gambar dengan mudah dan cepat.

114

PROOF


Info: http://www.redpawmedia.com/Harga: Freeware

Scan2PDF 1.4Scan2PDF merupakan tool yang dapat digunakan untuk membuat file PDF melaluiproses scanner.Info: http://www.koma-code.deHarga: Freeware

ShiftN 2.7ShiftN merupakan tool yang dapat digunakan untuk meluruskan beberapa garis yangterdapat dalam sebuah gambar digital.Info: http://www.shiftn.de/Harga: Freeware

Stepok's Raw Importer 1.1Stepok's Raw Importer merupakan sebuah tool konversi dan import file raw gratis yangcocok digunakan oleh berbagai model kamera digital. Dengan bantuan tool ini, Andadapat melakukan proses komversi file RAW kedalam beberapa format gambar, sepertiJPEG atau TIFF.Info: http://www.stepok.netHarga: Freeware

StripFile 1.0.1StripFile merupakan tool yang dapat melakukan proses kompresi file GIF, JPEG, PNG,dan HTML. Dengan bantuan tool ini, semua file gambar atau foto yang ditempatkankedalam website akan dapat dilihatatau terbuka lebih cepat.Info: http://www.nuetools.co.ukHarga: Freeware

The RasterbatorThe Rasterbator merupakan tool yang dapat digunakan untuk mengkalkukalis sebuah filegambar kedalam ukuran poster.Info: http://homokaasu.org/rasterbator/Harga: Freeware

TinyPic 3.12TinyPic merupakan sebuah tool yang dapat digunakan untuk mengubah ukuran filegambar atau foto digital dengan mudah dan cepat.Info: http://www.efpage.de/eTinypic.htmlHarga: Freeware

TKexe KalenderTKexe Kalender merupakan sebuah tool yang dapat digunakan untuk menambahkankalender kedalam sebuah gambar.Info: http://www.tkexe.de/kalender/index.htmHarga: Freeware

U.R. Celeb 2.00U.R. Celeb merupakan tool yang dalam waktu singkat dan mudah digunakan untukmenambahkan foto Anda kedalam sebuah cover majalah terkenal.Info: http://urceleb.oniton.com/

115



Harga: Freeware

WebImageGrab 4.0WebImageGrab merupakan sebuah 3D web image browser yang dapat ANda gunakanuntuk download file gambar dari google dan alltheweb.Info: http://www.sas21.de/htmlversion/home.htmHarga: Freeware

WinMorph 3.01WinMorph merupakan sebuah tool yang dapat digunakan oleh Anda untuk melakukanproses morphing pada sebuah file gambar atau foto digital.Info: http://www.debugmode.com/winmorph/Harga: Freeware

Sumber : Majalah Chip 09 2007


Auto save from bloggerThursday, November 01, 2007Autosave merupakan fasilitas yang digunakan untuk menyimpan posting otomatis dariblogger, Tentu fasilitas ini cukup berguna ketika sesuatu hal yang kita tidak inginkanterjadi misalkan listrik mati, browser craches atau komputer shutdown secara otomatisoleh virus. Fasilitas baru ini bekerja ketika kita membuat posting baru, maka bloggerotomatis akan menyimpan perubahan dalam waktu beberapa menit.Jika kita tidak sedang bekerja pada halaman posting kita bisa meng-clik "publis Post"untuk menyimpan sebagai draft atau clik "Return to list of post" jika ingin mengembalikandraft dan kembali ke halaman posting.

Namun auto save tidak dapat bekerja jika kita sudah melakukan publish posting ke blog:

Note: Autosave does not occur when you are editing posts that have previously beenpublished to your blog. This keeps your readers from seeing your edits until you're donewith them. When editing a published post, you can click "Publish Post" to republish thechanges to your blog, or click "Save as Draft" to unpublish the post and turn it into a draft.

Dari keunggulan auto save tersebut sayangnya fasilitas ini tidak bisa memberikan pilihanturn off service jika kita tidak ingin menggunakannya. thanks


116

PROOFBlogger Backup Utility (VB.Net open source)


Thursday, November 01, 2007"Blogger Backup Utility v1.0.7.16 merupakan tools Open Source, jadi kita bisamempelajari source codenya secara langsung"

Pada posting sebelumnya Oom telah membahas mengenai cara melakukan backupblogger, bagi yang belum membaca bisa lihat disini. Selain menggunakan carasebelumnya, alternatif lain yang bisa kita gunakan yaitu menggunakan tools BloggerBackup Utility yang beralamat padahttp://www.codeplex.com/bloggerbackup . Saatpertama kali mencoba tools ini tenyata cukup mudah, saya yakin kalian tidak akankesulitan. tools ini masih tersedia dalam versi beta yaitu v1.0.7.16 Beta Release(8/11/2007 8:30AM PDT). Penasaran? bisa download tools-nya disini

Tools ini bersifat open source yang dibuat oleh gduncan411 jadi kalian yang hobi sebagaiprogrammer bisa mempelajari sorce codenya secara langsung. Kalo tidak salahmenggunakan bahasa VB.net jadi kalian harus menginstall Visual basic Net jika inginmempelajarinya kodenya. jika masih bingung dengan codenya bisa tanyakan om secaralangsung ya. mungkin om bisa sedikit membantu. Source codenya bisa di downloaddisini

Untuk melakukan proses backup caranya cukup mudah:

Cara I :1. Pada tab Log into Blogger to get and add your blogs pilih Available blogs klikcombobox lalu pilih [Add/Update/Remome Blogs]2. Masukan User ID dan Password blogger3. Klik button Log into Blogger and Get Blogs4. Ada beberapa pilihan setting yang bisa kita gunakan , misalkan hanya melakukanbackup pada tanggal tertentu.5. Untuk proses backup tinggal klik button Backup Posts, begitu juga sebaliknya jika kitaingin mengembalikan data yang sudah di backup tinggal klik button Restore Posts

Cara II:1. Pada tab Or manualy Add a blogger blog2. Masukan Title blog3. Masukan Alamat blog4. masukan alamat feed url5. Kemudian Klik Add Blog

Published by Blogger Tutorials

117



Sponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Cara pasang jam di bloggerSaturday, November 03, 2007Banyak sekali sahabat blogger baru yang menanyakan bagaimana cara pasang jam diblogger, aksesoris ini ternyata banyak juga peminatnya terutama kau hawa yang sangatmengetahui akan arti kecantikan yang akan dituangkan dalam sebuah blog. Jujur omsangat tidak menyarankan untuk memasang jam pada blog kalian, selain bikin lambatpage load juga kurang terlalu berguna, coba baca artikel om sebelumnya 17 Tips agarhalaman blog tampil Profesional. Walaupun sudah banyak para blogger yang mengetauicara pasang jam ini tapi tidak begitu bagi blogger pemula yang baru memulai membuatblog tentu perlu tahapan dan bimbingan jadi gak ada salahnya untuk memasangaksesoris ini jika dirasa berguna :). Layanan gratis aksesori jam sangat banyak, namunkali ini om hanya menjelaskan cara pasang jam menggunakan layanan gratis dan palingbanyak digunakan http://www.clocklink.com/

Langkah-langkah pasang jam di blogger sebagai berikut:

1. Klik alamat http://www.clocklink.com/2. Kemudian pilih tab Gallery atau klik aja disini http://www.clocklink.com/gallery.php3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animal lalu klik link"animal" tersebut4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol"Accept"6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilihkode yang atas.7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuahElemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan janganlupa disimpan9. Selesai :) dan lihat hasilnya.

Contoh jam :

Selamat mencoba dan happy Blogging :)


Tampil sempurna disemua browserSunday, November 04, 2007Setelah bekerja keras melakukan penelitian di "oom laboratory" yang terletak di jantungkota yogyakarta tepatnya di kamar tidur hehehe akhirnya dari sekian banyak pengeditanyang dilakukan pada layout blog ini bisa tampil sempurna di semua web browser,memang masih ada sedikit perbedaan terutama pada penggunaan code javascript tapi

118

PROOF


hal ini tidak terlalu mencolok. jadi gak ada lagi kata-kata "tampil terbaik dengan IE atauFirefox".

Mengapa om melakukan hal yang kurang kerjaan ini, jelas ini berpengaruh besarterhadap pengunjung jika mereka menggunakan web browser yang berbeda. Tidaksemua pengunjung hanya menggunakan browser IE atau firefox, om sendiri sangatmencintai Mozilla Flock sebagai favorite browser, jadi sebisanya kita memberikantampilan yang terbaik dan support dengan semua web browser.

Uji coba yang di lakukan terutama pada 6 browser terkenal:

Internet Explorer V6.0.2900.2055Mozilla FireFox V2.0.0.9Mozilla Flock V1.0Mozilla V5.0Safari V3.0.3Opera V9.00

119



Nah dari uji coba tersebut jelas terlihat tidak ada perbedaan dalam tampilan khan :) kalomasih gak jelas pake kaca pembesar ya :)


Link Banner Exchange untuk bloggerTuesday, November 06, 2007"oom kenapa cuma pasang text link? saya khan udah pasang link banner oom"

Permintaan maaf om kepada rekan blogger semua untuk masalah link banner (Cat: LinkBanner ya bukan Link Text). Bukannya om tidak mau pasang Link banner kalian, tapialasan yang om terapkan cukup kuat, ya..om sangat mencintai kecepatan. jadibayangkan kalo semua banner om pasang bisa tambah lambat n berat nantinya. maaf yaatas ketidakadilan ini :)

Untuk itu dimohon pengertiannya...om tidak akan memasang link banner tapi hanya Linktext. om ngucapin terima kasih dan tanks sebanyak-banyaknya telah

120

PROOF


mempercayakan blog ini untuk dijadikan bahan tutorial buat sahabat semua. sekali lagithanks


Tips menambah informasi pada "Pesan FormulirKomentar"Wednesday, November 07, 2007Sudah tahu khan betapa ribetnya melakukan proses komentar pada blogger, tidakmasalah jika kita memang pengguna blogger, namun bagi pengunjung awam apalagibaru pertama kali membuka komentar blogger pasti akan sedikit kebingungan terutamapada pilihan Account Blogger. Untuk menghidari kebingungan terebut, sebaiknya kitasedikit memasukan informasi tambahan pada Pesan Formulir Komentar agar informasitersebut bisa sedikit membantu bagi pengguna awam agar tidak bingung pada informasipilihan yang akan dipilih.

Caranya membuatnya :

1. Masuk pada tab Pengaturan -> Komentar -> tuju ke "Pesan Formulir komentar"2. Tulis Informasi apa saja untuk memudahkan pemberi komentar, jangan lupa ya taghtml yang digunakan hanya berupa <b>, <i>, <a>3. Jangan lupa disimpan dan lihat hasilnya.

Lebih mudahnya lihat Gambar dibawah:

Atau Copy/Pate aja code dibawah ini:

<b>Informasi Pilihan Identitas:</b><b>Google/Blogger :</b> Khusus yang punya Account Blogger.<b>Lainnya :</b> Jika tidak punya account blogger namun punya alamat Blog atauWebsite.

121



<b>Anonim : </b>Jika tidak ingin mempublikasikan profile anda (tidak disarankan).


Cara buat daftar tabel seluruh posting (ShowTable of Contents)Friday, November 09, 2007"Cara buat Show Table of Contents di Blogger"

Mempunyai daftar tabel seluruh posting atau lebih keren dengan nama "Show Table ofContents" pasti mempunyai nilai plus tersendiri, selain mempermudah pengunjung dalammenjelajahi isi blog, cara ini juga dapat memberikan kecepatan pencarian dibandingkandengan menggunakan box search atau mencari suatu artikel berdasakan label. Kodeyang akan kita gunakan menggunakan javascript yang sedikit telah saya modifikasi,semula hasil tampilan bahasa kode ini mengunakan bahasa inggris dan terlihat kurangfamiliar, jadi saya modifikasi saja menggunakan bahasa indonesia dan telah sayatambahkan beberapa icon biar terlihat lebih fresh :). Pengen tau cara buatnya ikutitutorial dibawah ini.

Tampilan link sebelum di klik

Tampilan daftar seluruh posting

Langkah Pembuatannya sebagai Berikut:

Langkah Pertama:

Jangan lupa Backup template Blog sobat

Langkah Kedua:

Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript

Copy/Paste code dibawah ini

<d iv id=" toc l ink "> <a h re f=" javascr ip t : showToc( ) ; "> < img border="0"s rc="h t tp : / /www.geoc i t i es .com/oom_d i rec to ry / images /add2 .png" />< fon tco lo r="#808000"><b> L iha t Semua Daf ta r Pos t ing< /b>< / fon t>< /a></div>< s c r i p t s t y l e = " t e x t / j a v a s c r i p t "s r c = " h t t p : / / w w w . g e o c i t i e s . c o m / o o m _ d i r e c t o r y / b l o g t o c . j s " > < / s c r i p t ><script src=" http://namablogo.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Jangan lupa ganti dengan alamat blog sobat pada kode warna merah diatas

122

PROOF


Jangan lupa disimpan :)

Kemudian Tambahkan sebuah element halaman yang baru -> HTML/Javascript


<div id="toc"></div>


Langkah ketiga:

Langkah selanjutnya buka Template -> Edit Html

Copy/paste code dibawah ini pada deretan CSS code atau kalo masih bingung cari code<b:skin><![CDATA[/* lalu paste aja dibawah kode tersebut

/* Show Table of Contents-----------------------------------------*/#toc {border: 0px solid #78B749;background: #ffffff;padding: 5px;width:500px;margin-top:10px;}.toc-header-col1, .toc-header-col2, .toc-header-col3 {background: #cccccc;color: #444;padding-left: 5px;font-weight:bold;width:250px;}.toc-header-col2 {width:75px;}.toc-header-col3 {width:125px;}.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:95%;text-decoration:none;text-align: Left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cccccc;}.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {font-size:95%;text-decoration:underline;

123



text-align: left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cccccc;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding-left: 5px;text-align: left;font-size:95%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cccccc;}

Langkah Terakhir:Yup! udah selesai jangan lupa disimpan dan lihat hasilnya :)

Selamat mencoba and Happy Blogging :)

Kode sumber http://beautifulbeta.blogspot.com/2007/04/blogtoc-widget-released.html


Pencarian (Search Engine) di Blogger denganFlat Button Style dan F...Saturday, November 10, 2007"Cara buat Search engine di blogger"

Search Engine pada blogger merupakan proses pencarian untuk memudahkanmengunjung mencari suatu artikel sesuai dengan kata kunci yang digunakan. Walaupunsudah banyak yang mengetahui cara pembuatannya namun kali ini saya memberikansentuhan yang berbeda dari yang standar, yaitu menampilkan dengan gaya Flat ButtonStyle dan Flat Texbox Style.

Pengen tau cara buatnya ikuti langkah dibawah ini:

1. Pada Template -> Element Halaman -> Tambahkan sebuah Elemen Halaman ->HTML/JavaScript


<form action="http://NAMABLOG.blogspot.com/search" method="get"><input class="textinput" name="q" size="37" type="text"/><input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Jangan lupa ganti warna merah dengan alamat blog sobat, dan jangan lupa disimpan :)

124

PROOF


2. Langkah kedua pada Template -> Edit HTML

Copy/Paste code dibawah ini pada jajaran kode CSS pada blogger, kalo masih bingungcari kode body { lalu setelah tanda akhiran body ada tanda } letakan saja dibawah kodetersebut. jangan lupa disimpan. dan lihat hasilnya :)

.buttonreset {color: #333;background-color: #f3f3f3;border: 1px solid #999;padding: 1px;}

.buttonsubmit {color: #333;background-color: #f3f3f3;border: 1px solid #999;padding: 1px;}

.textinput {color : #333;background-color: #ffffff;border: 1px solid #999;padding: 1px;}

Hasilnya akan tampak seperti dibawah ini

Contoh menggunakan Flat Style

Contoh tampilan standar tidak menggunkan Flat Style

Selamat Mencoba and happy blogging :)


Cara konversi dan optimasi gambar dengancepatWednesday, November 14, 2007blogger yang sangat mencintai kecepatan loading page tentu memperhatikan masalahukuran gambar, Kenapa hal ini perlu diperhatikan? karena menurut beberapa penelitian,jika load page terlalu lama dan berat kita akan kehilangan 10% dari jumlah pengunjungsetiap detiknya dan setelah 5 detik berikutnya kemungkinan blog atau wesite kita akandilupakan pengunjung. Karena loading yang cukup lama ini lah akan memberikankesempatan pungujung untuk berpindah ke website atau berpindah kealamat blog yang

125



lain. untuk itu jangan sampai gambar yang berukuran jumbo merugikan kecepatanloading page kita, walaupun ukuran gambar yang besar tetap digunakan alangkahbaiknya kita berusaha mengoptimalkan gambar tersebut dengan cara melakukankonversi dan optimasi.

Untuk mengatasi hal diatas DynamicDrive telah membuat layanan "online imageoptimizer" agar konversi gambar bisa dilakukan dengan mudah dan cepat tanpa harusmempunyai tools image offline, apa lagi jika kita sedang online diwarnet yang minimdengan tools konversi gambar. tentu hal ini akan memberikan kemudahan dankecepatan dalam melakukan konversi dan optimasi pada gambar yang akan digunakan.

Langkah-langkah melakukan Konversi dan Optimasi gambar :

1. Klik http://tools.dynamicdrive.com/imageoptimizer/2. Kemudian akan ada 2 pilihan yaitu apakah kita akan mengkonversi gambar darialamat url atau melakukan konversi pada gambar yang tersimpan dalam komputer.3. Jika kita memilih konversi gambar dari komputer pilih "Conver to"4. Pilih format yang akan kita konversi misalnya gif ke jpg, jpg ke gif atau gif ke png dansebaliknya, jika kita tidak ingin mengubah apapun kita dapat memilih "same as inputtype"5. Selanjutnya jangan lupa beri tanda centang pada "Show all Result"6. Langkah terakhir pilih "optimize" untuk melakukan optimasi dan konversi pada gambar,jika sukses maka akan muncul hasil konversi yang kita inginkan7. Pada jejeran gambar kita dapat memilih hasil optimasi gambar yang menurut kitaterbaik, tentunya dengan size gambar terkecil. Untuk menyimpan gambar, kita cukupmengarahlan mouse ke gambar lalu klik kanan pada mouse dan "save image as.."

Tampilan tools image optimazi:Contoh hasil konversi dan optimasi padagambar:

Catatan : ukuran gambar yang akan di optimasi tidak lebih dari 300 KB.


126

PROOF


Editor ODP dmoz tolak google adsenseThursday, November 15, 2007Entah bener apa tidak, salah satu gagalnya mendaftar ODP DMOZ disebabkanterpasangnya google adsense pada blog. Hal ini saya ketahui ketika sahabat bloggermeenghubungi saya lewat yahoo messanger yang mengatakan bahwa dia telahmenerima email yang berisi pesan bahwa blognya tidak dapat terdaftar di OPD karenaterdapat google adsense

Hal yang membingungkan apa bener gara-gara adsense situs atau blog kita ditolak,karena ketika saya mendaftar ke ODPDMOZ blog saya memang bersih dari adsense,untuk masalah penolakan ini saya tidak berani memberikan opini yang salah, karenasaya sendiri bukan ahli adsense apalagi sebagai ahli SEO.

Melihat dari kenyataan yang ada memang ada kejanggalan, yang saya lihat dihalamanperaturan ODP DMOZ tidak ada sedikitpun yang menyinggung masalah adsense,padahal google juga meminjam direktori odp DMOZ untuk memaksimalkan searchenginenya, terlihat janggal bukan kalo sampai odp menolak google adsense atau sayasendiri belum mengetahui hal ini??

Untuk menjawab hal ini apakah sahabat blogger pernah mengalami hal diatas? jika ada,saya sangat senang menerima sumbangsih maupun mengalaman kalian mendaftar diODP DMOZ. Atas semua masukannya saya ngucapin terima kasih.


Lupa password blogger?Friday, November 16, 2007Apa yang terjadi ketika login ke blogger namun lupa password blogger dan nama user?pasti kita akan panik setengah mati. padahal sudah berusaha mencoba berbagaikatakunci namun hasilnya tetap saja nihil, ups sabar-sabar jangan panik pasti adasolusinya. pengen tau caranya lihat dibawah ini.

Cara mendapatkan kembali passoword dan user name di blogger:

1 . M a s u k a j a k eh t t p : / / w w w . b l o g g e r . c o m / f o r g o t . g2. Ada dua pilihan untuk mendapatkankembali password dan username, disinisaya hanya menjelaskan cara pertamay a i t u m e n g g u n a k a n a l a m a t u r lb l o g g e r / b l o g s p o t .3. Langkah selanjutnya kita tinggal ikutiinstruksi yang ada (karena menggunakan

bahasa indonesia saya tidak menjelaskan caranya secara mendetail, saya yakin kaliansemua pasti bisa)Catatan: Informasi alamat url blog akan dikirim kealamat email (gmail), jika dalam

127



beberapa waktu informasi tidak muncul dalam inbox, coba cek di folder spam. Nah padaemail yang diterima kita akan melihat beberapa informasi penting, diantaranya jika kitalupa nama sandinya tinggal klik link dibawah kalimat "Apabila lupa sandi Anda, Andadapat me-reset dengan meng-klik link ini:" kemudian akan muncul halaman bantuanpassword, masukan kode verifikasi sesuai dalam gambar, kemudian klik "dapatkankembali password". hal yang harus diperhatikan bahwa informasi password akan dikirimke alamat email sekunder ketika pertama kali mendaftar.

Semoga bermanfaat, happy blogging :)


Pasang icon smile (emoticon) di bloggerSunday, November 18, 2007Pengguna blogger pasti udah mengetahui icon smile yang banyak digunakan olehpengguna wordpress atau pengguna blog lain, dimana setiap ada kode teks icon smilemaka kode tersebut akan berganti dengan icon smile secara visual. Namun sayangnyablogger tidak support untuk icon smile ini..Ups jangan berkecil hati..banyak jalan menujuroma, semua pasti ada solusinya.

Coba lihat contohnya di blog ini, setiap ada penulisan text yang mengacu kepada codesmile pasti akan berubah secara visual. Sebagai contoh, saya mengetikan icon senyum:) dan tertawa :D dan ketika saya tersipu malu :$ yang jelas Icon smile ini akan tampilpada semua text yang ada pada blog kita di manapun letaknya (Nb: bukan dalamshoutbox, link dan gambar), yang paling menguntungkan icon smile ini dapatmemberikan keterangan emoticon pengujung ketika sedang memberikan komentar :o.

3 langkah mudah pasang icon smile di blogger :

1. Masuk ke template > edit HTML > Expand Widget Templates dan cari kode dibawahini:

]]></b:skin>

2. Jika sudah ketemu copy code javascript di bawah, dan letakan dibawah kode ini]]></b:skin>

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

3. Simpan dan lihat hasilnya.

Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikanstandar kode dari icon tersebut.

Standar kode smile yang bisa digunakan :

:) or :-):D or :-D:$ or :-$:( or :-(:p or :-p;) or ;-):k or :-k:@ or :-@:# or :-#:x or :-x:o or :-o

128

PROOF


Special thanks for Louiss Lim. Sumber : http//bloggingsecret.net


Widget Installer Generator for Blogger (V1.00 -Beta) by O'omFriday, November 23, 2007"Tool baru buatan oom, tool ini berguna untuk mempermudah membuat proses widgetinstaller pada blogger"

Pasti rekan sahabat sudah mengetahui button installer untuk blogger dimana button inijika diklik akan melakukan installasi otomatis ke blogger, Saya yakin sebagian bloggersudah bisa membuat installasi ini, namun bagaimana jika belum pernah berkenalansama sekali dengan coding HTML atau javascript? pasti akan bingung cara buat codingintallasinya. Nah untuk itu tool "Widget Installer Generator for Blogger v1.00 - beta" sayaciptakan (saya buat). Software ini bisa dikatakan sederhana namun manfaat dankemudahan yang didapat akan melebihi kesederhanaan tool ini. Agar mudahmempelajari tool ini saya buat se User Friendly mungkin. Please... jangan kritik mengenaitampilan ya..harap maklum tools ini saya buat dalam waktu singkat jadi terlihat asal jadi :)

Apa saja kemudahan dalam tool ini :1. Tanpa proses installasi yang rumit, hanyadengan melakukan ekstract dengan programunzip (winzip atau winrar) tool nya langsungbisa dijalankan.2. Karena file nya terhitung kecil hanya 1,1MB (sudah termasuk VB6 runtime) jadi bisadibawa kemana saja dengan flash disc(apalagi yang main diwarnet).3. Kemudahan yang lain bisa dicoba sendiriya..saya bilang mudah karena saya yangbuat hehehe, namun belum tentu kalian jugabilang mudah but di coba aja dulu.4. Karena baru versi beta alias baru uji cobatentu masih banyak kekurangan, jadi saya

perlu masukan yang banyak dari temansemua.5. Tools ini bisa digunakan secara offline,alangkah baiknya jika digunakan ketikasedang online mengingat proses ujicobanya langsung ke blogger.

Cara Penggunaan Program:

129



Agar mudah saya jelaskan dengan gambaraja ya :)

Gambar 1Ini merupakan judul witget yang nantinyaakan tampak sesudah proses instalasi.Kamu bisa memasukan kalimat apa sajayang sekiranya sesuai (contoh: Oomwidget). oh iya judul ini juga dapat diubahpengguna lain ketika melakukan instalasike blogger, jadi sifatnya tidak permanent.Gambar 2Ini merupakan text dalam button caption,kamu bisa masukan kalimat apa saya(misalnya "install link otomatis keblogger")Gambar 3Url banner atau logo bisa kamu masukansebagai logo indentitas pemilik installer

ketika pengguna lain melakukan installasi pada blognya, sebenarnya gak terlalu bergunasih. tapi jika dirasa perlu kamu bisa memasangnya. yang harus diingat kamu harusmengalamatkan ke url dimana gambar kamu disimpan secara online.Gambar 4Nah ini agak rumit sedikit..yang jelas kamu harus ngerti code html yang akan dimasukandalam paket installasi. tidak usah berpikir telalu jauh..cukup Copy/Paste aja kodenyamisalnya code link banner punya mu..beres khan :)Sebenarnya disini letak utama tools ini..bagi kamu yang udah ngerti code Html/Javascriptkamu bisa memasukan code apa saja kedalam paket kode installasi..bisa berupa linkgambar, alamat code widget milikmu misalnya "link banner" , "recent comment" , "recentpost" , "Alamat RSS Feed " dan lain-lain, kalo mau sekalian aja script google adsensepunyamu kali aja ada yang mau pasang di blognya :)

Gambar 5Disini kamu dapat mengatur letak text dan button misalnya rata tengah , rata kanandan...kayanya ga usah jelasin ya, saya yakin kamu udah mengerti.

Gambar 6Kamu dapat menambah text tambahan diatas button installasi, text ini akan memberikaninformasi kepada pengunjung mengenai apa yang akan mereka installasi. Selain itu sayatambahkan beberapa standar pengaturan text Html agar lebih rapi, disini saya sertakanjuga pilihan pada text.

Gambar 7Disini proses paket intallasi dibuat, jika sudah melakukan proses text input, settingswarna dan pengaturan yang lain kamu dapat menekan langsung tombol ini untukmembuat widget installer.

Gambar 8Bersihkan -> Hanya digunakan untuk meng clear semua text yang ada dalam semua

130

PROOF


textbox dengan satu tombol.

Gambar 9Sebelum kamu melakukan Copy/Paste coding installer pada blog ada baiknya kamumelihat hasilnya terlebih dahulu jika ada kesalahan atau kurang sreg kamu bisamemperbaikinya codenya.

Gambar 10Sebelum dipasang pada blog sebaiknya kamu bisa mencoba dulu proses instalasi nya,untuk mencoba proses instalasi saya menggunakan engine Internet Explorer. caramencobanya cukup mudah, cukup klik aja button installer yang dibuat, trus kamu akanmasuk kedalam proses login pada blogger.

Gambar 11AKHIRNYA SELESAI...tinggal kamu Copy/Paste codenya pada blog mu.

Gambar 12Jika kamu masih bingung cara menginput dan setting kamu dapat meng-klik tombolini..jika ingin membersihkan klik tombol bersihkan.

Contoh hasil :

Ini contoh dibuat dengan Installer generator





Cara download dan Installasi :

Sebenarnya tool ini berukuran sangat kecil cuma 23 kb dalam format zip, karena dibuatdengan Visual basic 6.0 jadi kamu harus punya VB runtime untuk menjalankan softwareini..gak usah dipikirin om sudah masukin dalam satu paket jadi tinggal download aja.

Untuk downlaod tool dibawah pilih salah satu yang mana kamu suka.

install blogger.zip (1MB)

Catatan : Tools ini jauh dari kesempurnaan..dan mungkin ada kesalahan dalam kodingjadi laporkan kepada saya jika menemukan error ke oom.avaco[at]gmail[dot].com

Tools ini bebas kamu sebarluaskan bersama artikelnya (Gratis)...Copy/paste aja sesuka

131



kamu....asal jangan lupa code sumbernya ya :). Thanks

- SELAMAT MENCOBA, HAPPY BLOGGING -


Cara buat gambar menjadi kartunMonday, November 26, 2007IntoCartoon Pro V3.0 - Profesional Edition, merupakan software yang dikhususkan untukmengubah gambar biasa menjadi gambar kartun. Menurut saya software ini cukupmenarik di banding tools sejenis, ini bisa dilihat dari tingkat kemudahan penggunaan dankelengkapan pengaturan pada gambar yang akan dibuat kartun, saat tulisan ini dibuatsaya menggunakan versi 3.0 yang telah direlease pada tanggal 1 November 2007.kunjungi situs-nya di http://www.intocartoon.com/index.html

New features:. A new algorithm for color reduction.. A new algorithm for sharping lines.. A fast algorithm for blur.. Added "Blur" to the Adjustments menu.. Supports Microsoft Vista.

Ajarin dikit cara buatnya dong om? ok, cara cepat aja ya..om juga masih belajarmemaksimalkannya :)

4 langkah mudah membuat gambar biasa menjadi gambar kartun:

PertamaPilih Menu File -> Open -> pilih gambar yang akan dijadikan kartun

KeduaPilih menu Cartoon -> disini kamu bisa melakukan pengaturan sendiri pada Into Cartoonatau langsung menggunakan bisa menggunakan 4 shortcut yang telah tersedia

KetigaUntuk pengaturan lebih lanjut kamu bisa pilih menu Adjustments kemudian pilih salahsatu pengaturan misalnya melakukan Contrast

KeempatApalagi ya..ya disimpan dah :)

Contoh gambar om yang dibuat kartun:

Gambar yang di ubah ke bentuk kartun

Gambar kartun mode Canvas

132

PROOF


Gambar diatas tentu belum maksimal..yang menjadi keliatan bagus kan memangorangnya kren...huewwkkk..huewwkkk...PD BGT ya hehehe, om yakin kalian bisamengedit lebih baik lagi :)

Software bisa di Download dialamat ini:

Download disini

Software sudah lengkap tinggal di install dan di pakai saja. thanks


Informasi : Ada perubahan nama domainWednesday, November 28, 2007Mulai hari ini alamat blog http://o-om.blogspot.com pindah ke http://www.o-om.com bagisahabat yang sudah memasang banner link atau text link saya, tidak perlu menghapuslinknya ya, karena alamat URL lama masih berfungsi dan tetap akan menuju ke alamatURL yang baru. namun jika sahabat mau meluangkan waktunya sedikit untuk mengubahnama url saya sangat berterima kasih sekali.

Bagi yang mau merubah link banner lama ke yang baru bisa gunakan kode dibawah atauklik install link otomatis ke blogger:


Cara pasang icon komentar sebelum link "postingsebuah komentar"Friday, November 30, 2007Om gimana cara pasang icon komentar sebelum link "posting sebuah komentar"?Pertanyaan diatas pernah ditanyakan oleh sahabat blogger di shoutbox yaitu bagaimanacara pasang icon komentar sebelum link "posting sebuah komentar"? untuk menjawabpertanyaan ini agar gak bingung kamu bisa melihat gambar dibawah:

Dari gambar diatas bisa dilihat icon komentar ini sangat berguna sekali. Kenapa kitaperlu memasang icon ini, jujur..untuk standar blogger link "posting sebuah komentar"sangat membingungkan apalagi jika link komentar tersebut nyempil dibawah komentardan tidak kelihatan, agar para pengujung dimudahkan memberi komentar ada baiknyaicon ini kita pasang.

Ikuti langkah dibawah untuk memasang icon komentar:

Pertama:Jangan lupa lakukan backup template

133



Kedua:Masuk ke Template -> Edit html - > beri tanda cek pada Expand Template Widget

Ketiga:Cari kode Dibawah ini :

<p class='comment-footer'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'></a></p></b:if>

Kemudian sebelum tag </a> kita masukan kode dibawah ini :

<b><font color='#444'>< i m g a l t = ' B u a t s e b u a h K o m e n t a r ' b o r d e r = ' 0 ' h e i g h t = ' 4 7 'src='http://www.geocities.com/oom_directory/images/comments.gif' width='61'/><data:postCommentMsg/></font></b>

Code diatas bisa kita edit sesuai keinginan, misalnya kita ingin mengganti icon miliksendiri, caranya cukup ganti alamat Url yang berwarna merah diatas dan ganti denganalamat dimana icon tersebut disimpan.

Keempat:Simpan dan lihat hasilnya


Cara buat "Random Image Header" pada BloggerSaturday, December 01, 2007Random image header pada blogger sebenarnya bisa kita ganti secara otomatis setiapkali halaman di Refresh atau di Reload. Tujuan tutorial kali ini tentu tetap membuat blogkita tampil lebih bergaya dan punya warna warni tersendiri. Selain membuat blog terlihatlebih hidup juga berguna menghilangkan rasa bosan pengunjung ketika mengunjungiblog kita, agar blog tidak monoton kita perlu menambahkan Random image header ini.pengen tau cara buatnya..

Cara pasang image pada blogger:

Buka Template -> Edit HTML

Cari kode <b:skin><![CDATA[

Kemudian Copy kode dibawah ini, letakan (paste) kode tersebut dibawah kode diatas,kemudian simpan dan lihat hasilnya.

</script>

134

PROOF


<script type='text/javascript'>var gambar= new Array()gambar[0]="http://alamat_url_gambar1"gambar[1]="http://alamat_url_gambar2"var acak=Math.floor( 2 *Math.acak());document.write("<style>");document.write("#header {");document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');document.write(" }");document.write("</style>");</script>

Gimana seandainya ada 5 atau lebih image?

</script><script type='text/javascript'>var gambar= new Array()gambar[0]="http://alamat_url_gambar1"gambar[1]="http://alamat_url_gambar2"gambar[2]="http://alamat_url_gambar3"gambar[3]="http://alamat_url_gambar4"gambar[4]="http://alamat_url_gambar5"var acak=Math.floor( 5 *Math.acak());document.write("<style>");document.write("#header {");document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');document.write(" }");document.write("</style>");</script>

Info: http://alamat_url_gambar => ini merupakan alamat gambar, caranya arahkan alamatURL dimana tempat gambar kamu disimpan

Selamat mencoba :)


Cara buat "Readmore" pada BloggerSaturday, December 01, 2007Banyaknya permintaan mengenai cara buat readmore membuat saya tetapmengharuskan artikel ini ditulis. walaupun tutorial cara buat readmore sudah banyakditulis oleh rekan blogger, sayangnya penjelasan yang diberikan kadang tidak mudahdimengerti dan malah membuat bingung, untuk itu tidak ada salahnya saya juga menulisartikel ini sebagai pelengkap agar mempermudah blogger baru bisa lebih mengerti caramembuat readmore serta cara penggunanan kode readmore pada posting.

Mungkin rekan blogger yang baru mulai membuat blog masih bingung apa itu readmore?Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan

135



halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya","Baca berikutnya","Selengkapnya" atau apalah namanya :). Readmore biasanyadigunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan,dan juga berguna mempersingkat halaman posting yang panjang. Pengen tau carabuatnya?

Contoh ReadMore :

Pernah menemukan pesan seperti diatas?...jika pernah jangan panik, ini hanya pesanpemberitahuan dari blogger kalau layanan sedang melakukan perbaikan maintenancepada server. pesan ini hanya berlangsung kurang lebih beberapa menit setelah itu akannormal kembali. Semoga informasi ini membantu :)Readmore.. »

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:

Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

Langkah Ketiga:

Cari kode dibawah ini:

<div class='post-header-line-1'/> <div class='post-body'>

Tips :Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertamakamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menuStart -> Proggram -> Accessories -> Notepad) kemudian kopy/paste kode HTML tadi kenotepad. kemudian pada notepad pilih Menu Edit -> Find. pada box find masukan kodeini <div class='post-header-line-1'/> kemudian klik tombol Find next. (jika masih gakketemu terpaksa kita melakukan pencarian secara manual)

Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakankode tersebut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style>

Kemudian dibawah kode diatas kita akan menemukankode:

<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Readmore»»</a>

136

PROOF


</b:if>

Tips:Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "BacaSelanjutnya", "Baca berikutnya","Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<div class='post-header-line-1'/><div class='post-body'><b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style><p><data:post.body/></p><a expr:href='data:post.url'>Readmore»»</a></b:if><div style='clear: both;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatassudah dilakukan perubahan, jangan lupa disimpan ya :)

Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kodepada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudianmasukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disinipengeditan kode selesai, jangan lupa disimpan.

Langkah Empat

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format ->cari "Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost"></div>


Langkah Kelima :

Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketikakita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost"></div>

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kitagunakan dalam pemenggalan posting nantinya.

Sebagai contoh lihat cuplikan kalimat dibawah:

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung

137



seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tipsmerawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tipsblogging karena dah punya om hehehe (emang siapa om ya :). (Dini rencana text yangakan dipenggal) Sebenarnya Tips of the day disini cuma istilah saja...tips yang akan kitabuat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketikapengunjung melakukan refresh atau reload pada halaman blog.

Bagaimana cara pemenggalan kode diatas? caranya tinggal kamu lihat 2 kodepemenggalan kalimat dibawah (ingat kode hanya bekerja pada halaman editor posting)

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjungseriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tipsmerawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tipsblogging karena dah punya om hehehe (emang siapa om ya :). <div class="fullpost">Sebenarnya Tips of the day disini cuma istilah saja...tips yang akan kita buat nanti bukandisampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukanrefresh atau reload pada halaman blog.</div>

Jadi hasil posting pada halaman browser akan tampai sebagai berikut:

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjungseriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tipsmerawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tipsblogging karena dah punya om hehehe (emang siapa om ya :). Readmore »»

Selamat mencoba :) happy blogging

Sebagai pelengkap Baca juga artikel dibawah ini :

Rahasia (read more) waktu yang tepat memenggal tulisan halaman posting


China melakukan pemblokiran terhadap RSSFEEDSSaturday, December 01, 2007Baru aja beli majalah baru PC media dah dikejutin dengan berita bahwa negeri chinatelah melakukan pemblokiran terhadap RSS FEED, mungkin sebagian dari kita telahmengetahui kalo china terkenal dengan penyensoran akses pengguna internet yangketat. Pengguna internet di negeri china yang pintar dapat menggunakan Rss Feedsagar dapat mengelabuhi kontrol akses pemerintah china.

Masa Rss feed telah berakhir karena pemerintah dinegeri china sudah memblokir tiapURL yang berawalan "Feeds", "Rss", dan "Blog". hal ini membuat pengguna di chinasangat sulit mengakses feed dibanyak situs, termasuk semua situs yang feeds-nyadisediakan oleh Feedburner. sepertinya pengguna komputer dichina telah mendulangsukses dengan online feed-readers, seperti newsgator, dan semoga pemerintah china

138

PROOF


tidak memblokir newsgator, dan pengguna internet di china akan lebih seringmenggunakan web browser dan webproxy alternatif seperti Tor.

Sumber : PC Media (12/2007)


Mencari informasi seseorang dengan "SearchEngine Spock"Sunday, December 02, 2007Pernah terpikirkan mencari informasi seseorang di internet? pasti jawabannya ya!. Sayayakin kadang kita ingin mencari seseorang namun tidak pernah menemukan jawabanyang benar-benar sesuai keinginan. Jangan putus asa..sekarang tidak perlu bingung lagikarena sekarang sudah ada Search Engine Spock yang akan mempermudah kita dalammelakukan pencarian informasi orang di dunia maya.

Dibandingkan dengan Google Image Search dan Yahoo Image Search, tentu spock lebihbaik dalam melakukan pencarian ke suatu obyek gambar secara mendetail danmenampilkan informasi secara rinci, search engine ini juga mengambil beberapainformasi mengenai sesorang melalui Wikipedia, Linkedin dan Facebook. Walaupunmasih relatif baru search engine ini tidak bisa di remehkan dalam urusan pencarianseseorang di internet. Untuk mendapatkan hasil pencarian yang lebih relevan kita mestiterdaftar pada layanan spock, untuk mendaftar kita tinggal melakukan sign-up padalayanan tersebut.

Untuk contoh misalkan kita ingin mencari informasi tentang penemu Isaac Newton

Dari gambar diatas dapat kita lihat informasi penting mengenai Isaac Newton besertagambar dan lokasi dirinya.Informasi lengkap tentang search engine ini bisa langsung baca sendiri pada situsnya ya.Selamat mencoba :)


139



Visual Search Engine "Kartoo" Layak dicobaMonday, December 03, 2007Kartoo merupakan Search Engine dengan tampilan secara visual tik .. tok .. tik ..tok..waktu berlalu.. bingung mau ngebahas apa? kayaknya semua search engine sama ajaya, sama-sama melakukan pencarian, namun yang ini berbeda karena hasil yangtemukan akan ditampilkan secara visual. untuk mencoba Search Engine ini jelas browserharus mendukung Adobe Flash Player jika belum ada bisa di download disini

Apa yang menarik dari Search Engine kartoo:Selain tampil secara visual SE ini juga mempunyai beberapa fitur yang lengkap yang bisakamu coba. Setiap kita sekali saja melakukan pencarian maka SE ini akan menganalisakembali mengenai keyword maupun topik yang berkaitan, Selain itu SE ini jugamenampilkan relasi url yang berhubungan satu dengan yang lain, dari sini kita bisamelihat kemana saja arah backlink alamat URL Blog atau Website.

Contoh gambar hasil pencarian:

Dari gambar diatas terlihat topik danbacklink yang saling berkatian.

Published by Blogger TutorialsSponsored Link by Blogger Templates |Free Blogger Templates | Zoom Application| Digital technology

Tips mudah blog walking pada shoutmix(shoutbox)Tuesday, December 04, 2007Ketika blogwalking adakalanya kita merasa kesal dan bosan setiap kali ingin menulispesan baru di shoutbox (shoutmix), terutama ketika memasukan nama dan alamatalamat URL setiap kali mengujungi blog sahabat. Sebenarnya ada tips mudah untukmengatasi masalah ini, caranya yaitu kita cukup klik icon admin untuk login padashoutbox (shoutmix), kemudian masukan password dan klik tombol login. sekarang kitasudah masuk admin area, pada area ini masukan nama dan alamat Blog kita sendirikemudian tulis pesan pertama jangan lupa klik shout! (kirim) -> cara ini digunakan untukmenyimpan history pada shoutbox (shoutmix) pertama kali.

Kalo masih bingung lihat gambar dibawah:

RALAT :

Ada sedikit kesalahan analisa pada tips diatas, ketika menganalisa saya sempatmelakukan clear history pada browser, sebenarnya kita bisa menyimpan history namadan alamat url tanpa perlu login, pengisian nama dan url harus pada shoutmix kitasendiri.

140

PROOF


Bagaimana jika kita perbaiki saja, halaman icon admin kita gunakan untuk masuk keadmin area guna menghapus beberapa pesan yang tidak dinginkan dan melaporkan jikapesan tersebut masuk dalam kategory spam ke pada pihak layanan shoutbox (shoutmix),setuju? setuju......


Cara pasang "Random Post" (menampilkanposting secara acak)Tuesday, December 04, 2007Random post adalah suatu cara menampilkan posting secara acak, Sebenarnya caramemasang random post sudah lama ada dan sudah banyak yang menulis, namunblogger yang baru memulai membuat blog masih saja bingung, mungkin tutorila yangdigunakan/ditemukan masih menggunakan bahasa inggris. Agar gak membuat sahabatblogger kecewa saya tulis aja artikelnya secara singkat.

Langkah mudah membuat Random Post:

Pertama:

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)

Kemudian Copy-paste kode dibawah ini biasanya atas tag </head>

<script type="text/javascript">//<![CDATA[var _yourBlogUrl = "http://www.o-om.com";

function randomPost() { var script = document.createElement("script"); script.setAttribute("type", "text/javascript"); v a r t h e U r l = _ y o u r B l o g U r l + " / f e e d s / p o s t s / s u m m a r y ? a l t = j s o n - i n -

sc r ip t&ca l lback=ge tTo ta lPos tsCa l lback&s ta r t - i ndex=1&max- resu l t s=1" ; script.setAttribute("src", theUrl); document.documentElement.firstChild.appendChild(script);};function getTotalPostsCallback(json) { var totalResults = json.feed.openSearch$totalResults.$t; if (totalResults > 0) { getRandomPostNumber(totalResults); }};function getRandomPostNumber(totalResults) { var randomNumber = Math.floor((Math.random() * totalResults) + 1); getRandomUrl(randomNumber);};function getRandomUrl(randomNumber) {

141



var script = document.createElement("script"); script.setAttribute("type", "text/javascript"); v a r t h e U r l = _ y o u r B l o g U r l + " / f e e d s / p o s t s / s u m m a r y ? a l t = j s o n - i n -

script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1"; script.setAttribute("src", theUrl); document.documentElement.firstChild.appendChild(script);};function getTheUrlCallback(json) { var theUrl = json.feed.entry[0].link[0].href; window.location.href = theUrl;}//]]></script>

=> Jangan lupa ganti warna merah diatas dengan nama blog kita, jika sudah jangan lupadisimpan

Kedua:

Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript

<a href="javascript:randomPost();">View Random Post</a>

Jangan lupa disimpan dan lihat hasilnya :)

Sumber: http://purplemoggy.blogspot.com/


Info: Blogger and Blog*Spot are unavailableWednesday, December 05, 2007

Pernah menemukan pesan seperti diatas?...jika pernah jangan panik, ini hanya pesanpemberitahuan dari blogger kalau layanan sedang melakukan perbaikan maintenancepada server. pesan ini hanya berlangsung kurang lebih beberapa menit setelah itu akannormal kembali. Semoga informasi ini membantu :)


142

PROOFCara buat random "Tips Of The Day"


Wednesday, December 05, 2007Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjungseriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tipsmerawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tipsblogging karena dah punya om hehehe (emang siapa om ya :). Sebenarnya Tips of theday disini cuma istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap harimelainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload padahalaman blog.

Memangnya Tips of the day ini berguna om? tentu saja, dari pengamatan saya selamaini banyak pengunjung menyukai tips singkat yang saya sampaikan di blog saya -> PDbgt ya he100x. Selain berguna menampilkan informasi singkat, coba bayangkan ketikakamu hanya ingin memposting artikel yang pendek misalkan hanya 250 karakter..masamau dipaksa dipanjang-panjangin khan malah terlihat aneh, disinilah untungnyamemasang Tips of the day. Pengen tau cara buatnya...

Untuk kodenya bisa kamu pelajari script dibawah ini:

<a href="http://www.o-om.com"><img border="0" style="float:left; margin:0 5px 5px 0;cursor:pointer; cursor:hand;"a l t = " h t t p : / / w w w . o - o m . c o m "s r c = " h t t p : / / w w w . g e o c i t i e s . c o m / o o m _ d i r e c t o r y / t i p s O f t h e d a y . g i f " / > < / a ><font color="#333333"><b>Did You Know...</b><script language="JavaScript">//store the quotations in arraystips = new Array(5);tips[0] = "<i>tips bla bla bla 1</i>";tips[1] = "<i>tips bla bla bla 2</i>";tips[2] = "<i>tips bla bla bla 3</i>";tips[3] = "<i>tips bla bla bla 4</i>";tips[4] = "<i>tips bla bla bla 5</i>";//calculate a random indexindex = Math.floor(Math.random() * tips.length);//display the quotationdocument.write("\n");document.write(tips[index]);//done</script></font><a href="javascript:location.reload(true)"> »»</a> <a target="_blank" href="http://www.o-om.com/2007/12/cara-buat-random-tips-of-day.html">(?)</a><br/>

Sedikit penjelasan kode :

Kode warna hijau merupakan text tips yang akan ditampilkan nantinya.

Kode warna pink merupakan icon/logo dari tips, kamu bisa mengganti sesuai keinginan(caranya tinggal arahkan saja alamat url dimana logo/icon kamu disimpan)

143



Kode warna merah merupakan kode singkat untuk melakukan refresh atau reloadhalaman, ketika kode ini di klik maka setiap halaman di refresh tips tersebut akanberganti secara otomatis (kode ini jangan di modifikasi ya)

Bagaimana Menambah Tips nya biar banyak?

Lihat contoh kode diawah, ini berarti kamu hanya menampilkan 5 tips.

tips = new Array(5);tips[0] = "<i>tips bla bla bla 1</i>";tips[1] = "<i>tips bla bla bla 2</i>";tips[2] = "<i>tips bla bla bla 3</i>";tips[3] = "<i>tips bla bla bla 4</i>";tips[4] = "<i>tips bla bla bla 5</i>";

Kalau pengen nambah 10 atau 100 tips tinggal tambahin aja script kodenya.

tips = new Array(10);tips[0] = "<i>tips bla bla bla 1</i>";tips[1] = "<i>tips bla bla bla 2</i>";tips[2] = "<i>tips bla bla bla 3</i>";tips[3] = "<i>tips bla bla bla 4</i>";tips[4] = "<i>tips bla bla bla 5</i>";tips[5] = "<i>tips bla bla bla 1</i>";tips[6] = "<i>tips bla bla bla 2</i>";tips[7] = "<i>tips bla bla bla 3</i>";tips[8] = "<i>tips bla bla bla 4</i>";tips[9] = "<i>tips bla bla bla 5</i>";

Yang harus diingat jumlah tips dihitung dari 0 (nol) bukan dari angka 1.

Cara memasang pada blogger:

Pilih Tempalate -> Elemen Halaman -> Tambahkan sebuah Elemen Halaman -> Copy-Paste kode script nya -> simpan dan lihat hasilnya :)

Agar gak bingung kamu bisa install langsung ke blogger :)

Did You Know... //store the quotations in arrays tips = new Array(5); tips[0] = "tips bla blabla 1"; tips[1] = "tips bla bla bla 2"; tips[2] = "tips bla bla bla 3"; tips[3] = "tips bla bla bla4"; t ips[4] = " t ips b la b la b la 5" ; / /ca lculate a random index index =Math.floor(Math.random() * tips.length); //display the quotation document.write("\n");document.write(tips[index]); //done »»

Installer diatas dibuat dengan tools buatan oom Tools bisa di download pada linkdibawah ini:

install blogger.zip (1MB)

Baca tutorial pembuatannya di bawah ini:

http://www.o-om.com/2007/11/widget-installer-generator-for-blogger.html

144

PROOF



Ucapan terima kasih kepada sahabat Blogger...Saturday, December 08, 2007Tidak terasa 5 bulan sudah berlalu, ternyata blog ini mendapat sambutan positif daribeberapa sahabat blogger. Rasa haru, senang telah bercampur menjadi satu. Melihatdari kenyataan yang ada terus terang saya tidak menyangka kalo blog ini juga dijadikansalah satu alternatif menjadi media tutorial blogger. Walaupun bukan yang terbaik sayasadar masih banyak kekurangan terhadap blog ini yang mesti saya tingkatkan. "Oomhanya anak ingusan dalam dunia blog" saya newbie yang juga baru belajar membuatblog, kemauan keras dan sedikit pengalaman di dunia IT yang membuat saya bisabertahan dan terus berusaha memajukan blog ini. Telah saya singgung pada profiledimana tujuan utama saya hanya satu yaitu memajukan dan mempermudah bloggerindonesia dalam belajar dan berkreasi pada blog. (saya bukan blogger master, apalagiseleb blog, dalam dunia blog saya hanya ingin menjadi pemain..bukan hanya menjadipenonton) "menjadi blogger tidak harus pintar, namun harus mempunyai imajinasi yangkuat" ini sebuah pesan yang saya sampaikan agar mendorong blogger baru bisa lebihtermotivasi menjadi blogger sejati.

Rasa terima kasih sahabat blogger yang disampaikan ke pada blog ini denganmelakukan review dan menghadiahkan blog ini sebagai link special di blog mereka, darisemua tanggapan positif yang ditujukan ke blog ini bukan lantas saya mengangkat daguatau membusungkan dada..malah sebaliknya saya hanya bisa tertunduk danmengucapkan doa rasa syukur yang mendalam, karna tulisan yang saya buat selama initidak sia-sia dan sangat bermanfaat buat banyak orang, terutama para sahabat blogger.Terus terang rasanya saya belum pastas mendapatkan pujian, semua yang saya lakukantidak lepas dari keiklasan saya semata untuk membantu mengatasi beberapa masalahdalam dunia bloggin. Dibawah ini sebagian review terhadap blog saya.

Yang melakukan review terhadap blog ini:

Ellyasa KH Darwis

Saya sangat Appreciate dengan tulisan mas Ellyasa KH Darwis yang telah melalukanreview habis-habisan terhadap blog ini. Beliau merupakan seorang penulis yang menurutsaya telah banyak makan asam garam, terlihat dari tulisan beliau yang menurut sayacukup berat. Tidak semua yang beliau tulis merupakan hal yang selalu baik, kritikmembangun juga beliau utarakan terhadap blog ini terutama pada gaya tulisan.Walaupun tidak mengenal secara langsung saya sangat yakin beliau bukan penulissembarangan...menurut om google beliau sudah banyak menulis di beberapa mediabahkan menjadi penulis tetap opini mingguan di sebuah tabloid dijakarta.

http://asa-nya.blogspot.com/2007/12/tutorial-oom-baru-dan-beda.html

Yang telah membuat link special ke blog ini:

Komunitas Tarakan

145



http://www.tarakankota.go.id/in/Komunitas_Tarakan.php

Terima kasih juga buat komitas blogger tarakan yang menjadikan blog ini sebagai salahsatu referensi/literatur cara membuat blog dan berbagai asesorisnya.

Iwan R

http://free-7.blogspot.com/

Yang telah memasang link special "Tips dan Triks interaktif untuk Blogging:Oom's Logs"

Syarief ToKonjo

http://tokonjo.blogspot.com/2007/12/belajar-belajar-dan-belajar-lagi.html

Yang telah melakukan review terhadat salah satu tutorial blog ini.

Nataludin

http://ahn-bidikcom.blogspot.com/2007/12/penjelajahan-blogger-di-akhir-pekan.html

Buat nataludin yang telah membidik blog ini..semoga bidikannya selalu tepat :)

Thanks juga buat semua sehabat blogger yang telah melakukan review namun belumsempat saya masukan didalam list diatas dan juga buat semua sahabat blogger yangtidak bisa saya sebutkan satu persatu (bisa dilihat di Blog Parkir), tanpa dukungan kalianblog ini tidak berarti apa-apa dan hanya akan menjadi sampah online semata :)


Mengucapkan : Selamat Idul Adha 1428 HSaturday, December 08, 2007Kepada rekan sahabat yang beragama islam, saya mengucapkan Selamat Hari RayaIdul Adha 1428H. Ya Allah , semoga teman2 diberi kesolehan seperti Nabi Ibrahim, diberiketaatan seperti Nabi Ismail, diberi keikhlasan seperti Siti Hajar, dan diberi keberkahanjunjungan kita Nabi Mohammad s.a.w. Amien.

Mungkin beberapa hari om gak bisa online karena merayakan hari raya idul adha di luarkota, namun sahabat bisa meninggalkan pesan di shoutbox atau komentar langsungdisini ya :) salam.Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

146

PROOFCara menampilkan halaman lain di blog (TabDocument Viewer)


Sunday, December 09, 2007"oya om gimana cara bikin "preview page" web lain di blog kita?"

Pertanyaan diatas disampaikan salah satu sahabat blogger di shoutbox, yaitu bagaimanamenampilkan halaman lain di blog kita, biasanya ini dinamakan Document Viewer.Gunanya buat apa om? *sambil garuk-garuk kepala* buat apa ya? mungkin buataksesoris tambahan aja. Menurut om kayaknya aksesoris ini gak terlalu berguna selainitu juga bikin lambat loading page. Namum tidak ada salahnya kita mencoba membuatDocument Viewer ini sekalian aja buat nambah ilmu untuk belajar koding :)

Agar gak bingung kita lihat gambar dibawah:

Contoh tampilan tab document viewer.

Halaman yang kita buat nantinya merupakan Tab Dokumen Viewer, setiap tab akanmempunyai link tersendiri yang bisa kita modifikasi.

Ikuti langkah dibawah ini:

LANGKAH I.

Buka Template -> Edit HTML -> masukan kode CSS dibawah diantara kode CSS yangada pada coding blogger kita, biasanya di antara code <head>....</head>

/*Eric Meyer's based CSS tab*/#tablist{padding: 3px 0;margin-left: 0;margin-bottom: 0;margin-top: 0.1em;font: bold 12px Verdana;}#tablist li{list-style: none;display: inline;margin: 0;}#tablist li a{

147



text-decoration: none;padding: 3px 0.5em;margin-left: 3px;border: 1px solid #778;border-bottom: none;background: white;}#tablist li a:link, #tablist li a:visited{color: navy;}#tablist li a:hover{color: #000000;background: #C1C1FF;border-color: #227;}#tablist li a.current{background: lightyellow;}

LANGKAH II

Kemudian masukan lagi kode javacript dibawah ini diantara code <Body>....</Body>

<script type="text/javascript">

/************************************************ Tabbed Document Viewer script- © Dynamic Drive DHTML code l ibrary(www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code***********************************************/

var selectedtablink=""var tcischecked=false

function handlelink(aobject){selectedtablink=aobject.hreftcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true :falseif (document.getElementById && !tcischecked){var tabobj=document.getElementById("tablist")var tabobjlinks=tabobj.getElementsByTagName("A")for (i=0; i<tabobjlinks.length; i++)tabobjlinks[i].className=""aobject.className="current"document.getElementById("tabiframe").src=selectedtablinkreturn false}elsereturn true}function handleview(){

148

PROOF


tcischecked=document.tabcontrol.tabcheck.checkedif (document.getElementById && tcischecked){if (selectedtablink!="")window.location=selectedtablink}}</script>

Jika sudah jangan lupa di simpan.

LANGKAH III

Buka Template -> Element Halaman -> Tambahkan sebuah Elemen Halaman ->Lakukan Copy-Paste Kode dibawah ini -> kemudian simpan dan lihat hasilnya.

<ul id="tablist">

<li><a class="current" href="http://www.o-om.com" onClick="return handlelink(this)">O-om's Blog</a></li><li><a href="http://www.google.com" onClick="return handlelink(this)">Google</a></li><li><a href="http://www.yahoo.com" onClick="return handlelink(this)">Yahoo</a></li><li><a href="http://www.msn.com" onClick="return handlelink(this)">MSN</a></li><li><a href="http://www.news.com" onClick="return handlelink(this)">News.com</a></li><li><a href="http://www.dynamicdrive.com" onClick="return handlelink(this)">DynamicDrive</a></li></ul>< i f r a m e i d = " t a b i f r a m e " s r c = " h t t p : / / w w w . o - o m . c o m " w i d t h = " 9 8 % "h e i g h t = " 3 5 0 p x " > < / i f r a m e ><form name="tabcontrol" style="margin-top:0"><input name="tabcheck" type="checkbox" onClick="handleview()" value="ON"> Open tablinks in browser window instead.</form>

URL yang berwarna biru bisa kita ganti sesuai dengan keinginan.

URL yang berwarna pink merupakan alamat yang akan ditampilkan pertama kali

Cara menambahkan Alamat:

Untuk menambahkan halaman kita tinggal menambahkan kode dibawah ini dibawahcode warna merah diatas :)

<li><a href="http://Alamat URL" onClick="return handlelink(this)">Nama URL</a></li>

Sumber : http://www.dynamicdrive.com/dynamicindex3/tabdocviewer.htm


149


Rahasia meningkatkan "Feedburner-Count"


Wednesday, December 12, 2007Mungkin pernah berpikir kenapa informasi jumlah pembaca pada Feedburner-Countsangat sedikit. Pengen mengetahui cara meningkatkannya?

(gambar diatas hanya sabagai ilustrasi peningkatan)

Perlu diketahui bahwa tidak semua pembaca Rss Feed selalu menggunakan alamatFeedburner untuk berlangganan posting dan komentar pada blog. Hal ini terjadi ketikapembaca melakukan akses ke alamat blog maka secara otomaris web browser akanmembaca alamat default Rss Feed pada blogger kita. Biasanya browser (seperti Firefox)akan langsung membaca Feed blog secara default. Hal ini tentu saja merugikan jikatujuan kita meningkatkan pembaca Feedburner-Count. Sebelum mencoba code dibawahmungkin kamu tidak percaya jika semula pembaca Feedburn-Count saya hanyaberjumlah 5, setelah beberapa minggu baru terlihat perbedaan, Feedburner-Count sayanaik menjadi 55. Nilai ini tidak permanent dan bisa berubah setiap saat, bisa saja besokhari nilai bertambah atau malah berkurang.

Yang perlu diperhatian bahwa cara ini nantinya tidak akan meningkatkan nilaiFeedburner-Count secara otomatis, semua tergantung banyak nya pembaca yangberlangganan postingan kita. dalam artian kita hanya mengarahkan pembaca selalumengakses kealamat feedburner, jadi pembaca kita tidak terbagi dengan alamat defaultRSS Feed blog kita.

Pengen tahu caranya ikuti langkah berikut ini :

Langkah Pertama.

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)

Langkah Kedua.

Cari kode dibawah ini.

<b:include data='blog' name='all-head-content'/>

Jika sudah ketemu ganti kode diatas dengan code dibawah ini.

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='true' name='MSSmartTagsPreventParsing'/><meta content='blogger' name='generator'/><link rel="alternate" type="application/atom+xml" title="Title Blog Kamu - Atom"href="Namablog.blogspot.com/feeds/posts/default" /><link rel="alternate" type="application/rss+xml" title="Title Blog Kamu - RSS"href="Namablog.blogspot.com/feeds/posts/default?alt=rss" /><link rel="service.post" type="application/atom+xml" title="Title Blog Kamu - Atom"href="http://www.blogger.com/feeds/8301582465326140745/posts/default" />< l i n k r e l = " E d i t U R I " t y p e = " a p p l i c a t i o n / r s d + x m l " t i t l e = " R S D "href="ht tp : / /www2.b logger .com/rsd.g?blogID=8301582465326140745" />

150

PROOF


Jangan lupa ganti Title dan ID blog mu pada code warna hijau diatas.

Langkah Ketiga

Cari kode dibawah ini

.feed-links {

Kemudian tambahkan code dibawah ini, tepatnya dibawah kode diatas

display: none;

Sementara ini jangan lupa di simpan

Langkah Empat

Masih pada Template -> Edit HTML -> beri tanda centang pada Expand Template Widget

Cari kode dibawah ini

<b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a c lass= ' feed- l ink ' expr :href= 'data: f .ur l ' expr : type= 'data: f .mimeType '

target= '_b lank '><data: f .name/> (<data: f . feedType/>)</a> </b:loop> </div></b:includable>

Jika sudah ketemu, ganti code diatas dengan kode dibawah ini

<b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <b:if cond='data:blog.pageType == "item"'>

< a c l a s s = ' f e e d - l i n k ' e x p r : h r e f = ' d a t a : f . u r l + " ? a l t = r s s " 't y p e = ' a p p l i c a t i o n / r s s + x m l ' > < d a t a : f . n a m e / > ( R S S ) < / a > <b:else/> <a class='feed-link' href='http://feeds.feedburner.com/YourFeedburnerFeed'type='application/rss+xml'><data:f.name/> (RSS)</a> </b:if> </b:loop> </div></b:includable>

Kode diatas berfungsi untuk mengubah alamat link ke Feedburner, biasanya padablogger ditandai dengan :

| Berlangganan: Posting (Atom)

151



atau

| Subscribe to: Posts (Atom)

Kode Sumber :

http://beautifulbeta.blogspot.com/2006/12/all-feeds-by-feedburner.html

http://purplemoggy.blogspot.com/2007/02/integrating-your-feedburner-feed.html


Analisis Google Keyword (Keyphrase/Tracking)dengan DigitalpointFriday, December 14, 2007Digital point Keyword Tracking merupakan alat bantu yang memungkinkan kita untukmelacak posisi situs atau blog dengan Keyphrase/ Tracking pada google, Yahoo, MSN.

Kata kunci (keyword) pada google merupakan hal yang harus tetap diperhatikan, melihatdari data trafik yang ada pengunjung blog saya cenderung lebih banyak dari SearchEngine, dari data trafik yang saya ambil dari Google analytics terlihat bahwa -> SearchEngines 611 (44.37%), Referring Sites 452 (32.82%), Direct Traffic 314 (22.80%)"sudah..cukup..om..kami gak butuh info ini...ok lanjut.." langsung pada malasah ya :).Mengamati langsung kata kunci (keyword) pada search engine Google merupakan halyang membosankan dan hanya membuang waktu, yang jelas kita pasti menemuikesulitan jika mengamati setiap saat perubahan yang terjadi terhadap keyword, andaikata kita mempunyai 30 kata kunci utama yang sekiranya bakal digunakan orang dalampencarian, apa bisa kita memantau perubahan keyword tersebut secara manual denganmencatat pada sebuah kertas atau hanya menggunakan daya ingat? suer..rasanya gakmungkin. Untuk mengatasi masalah ini kita bisa menggunakan alat bantu biasanyadinamakan Keyphrase atau Tracking. Alat bantu ini memungkinkan kita untuk melacakposisi situs atau blog dengan Keyphrase pada google, Yahoo, MSN.

Sekilas tentang kelebihan Digital point Keyword Tracking

Sebenarnya atat bantu Keyphrase atau Tracking sangat banyak, Google pun sebenarnyamempunyai layanan untuk menganalisis keyword secara lengkap Google Analytics.Entah kenapa saya tidak menyukai Google Analitycs dan saya jadikan sebagaialternative ke dua setelah Digital point. Saya tetap menyarankan kita menggunakanlayanan pada digital point sebagai pilihan utama, selain lebih mudah dimengerti,kemudahan dan kecepatan lah menjadi andalan, karena berbasis online jadi kita bisamengakses kapan saja kita mau, bandingkan jika kita harus membawa kemana sajaTools Rank Tracker :). Kelebihan pada layanan ini kita dapat mengamati perubahan katakunci (keyword) kita setiap saat, hasil analisis juga akan disimpan dalam bentuk tabel,dari sini dapat diketahui apakah rangking keyword kita pada pada search enginemengalami peningkatan atau malah mengalami penurunan. Selain melakukan analisakeyword, kita juga bisa mengamati situs atau blog yang berkenaan dengan backlink dan

152

PROOF


jumlah link pada Search Engine Google. Ups lupa, layanan ini juga support bahasaindonesia, trus yang paling saya sukai dari layanan ini...GRATIS!WARNING! Sayangnya untuk menggunakan layanan ini kita harus mempunyai kodeGoogle Api's (Daftar disini)

Untuk contoh saya beri penjelasan sedikit. Coba lihat analisis kata kunci (keyword) miliksaya dibawah ini:

Pada kolom nilai (lihat tanda panah diatas) merupakan posisi keyword kita pada Google.Analisis diatas berdasarkan pada google.com , yang perlu kita ketahui bahwa rankingpada google.com tidak akan sama jika kita menggunakan google.co.id, sebagai contohsalah satu kata kunci diatas pada posisi 25 setelah menggunakan google.co.id dengankata kunci yang sama ternyata posisinya berada pada posisi yang lebih baik (untukpenjelasan ini mungkin akan saya sampaikan pada artikel berikutnya)

Masih pada kolom nilai, jika ada informasi angka 1+2 ini berarti google menampilkan 2katakunci yang paling relevan dan ditampilkan secara berurutan.

Lihat juga analisis backlink dan jumlah link yang terdapat pada Search Engine Google.

Cara mendaftarkan situs atau blog pada layanan DigitalPoint:

153



Klik link dibawah ini untuk mendaftar pertama kali

http://www.digitalpoint.com/tools/keywords/?action=create&lang=indonesian

Catatan : Lihat tanda panah warna merah, sebelum mendaftar pada layanan ini kitaharus mempunyai kode Google Api's (Daftar disini) tanpa Google API kita tidak akanmendapat hak akses pada layanan ini.

Cara memasukan kata kunci (keyword)

Pada kota isian kata kunci kita bisa memasukin kata kunci yang akan di monitor, sebagaicontoh lihat gambar diatas (jika kita ingin memasukan banyak katakunci sekaligus,tinggal klik link "Tambahan Banyak"), yang menarik disini kita tidak hanya memonitorkata kunci milik kita saja, kita juga bisa memonitor blog atau website lain jika memangdigunakan sebagai analisis perbandingan kata kunci.

Tips : agar hasil maximal sebaiknya jangan hanya masukan 1 kata kunci, masukanminimal 2 - 4 kata kunci yang paling relevan sebagai keyword andalan yang akandimonitor nantinya.

Cara memasukan situs atau blog yang akan dimonitor

154

PROOF


Catatan : masukan alamat situ atau blog tanpa (http://), Yang menarik, kita juga dapatmemonitor blog atau situs lain sebagai analisis perbandingan. Saya beri rahasia sedikituntuk melihat perbandingan nilai PR. Seandainya kamu memasukan alamat blog/situsdengan PR 6/10 coba lihat berapa banyak back link terhadap alamat tersebut sertaperhatikan pula banyak jumlah link halaman search engine, ini bisa jadi hal yang menarikuntuk kita amati apakah PR 6/10 harus mempunyai banyak back link atau malahsebaliknya :)

Kita juga bisa melakukan perubahan terhadap arahan search engine, misalnyaMembatasi Peringkat Pada Salah Satu NegaradanMembatasi Peringkat Pada Salah SatuBahasa.

Cara menampilkan analisa dengan modus Grafik

Untuk menampilkan hasil analisa dalam modus grafik kita tinggal memilih kata kunci ataualamat url yang ada dalam daftar, mungkin tidak perlu dijelaskan secara rinci caranyasaya yakin kalian pasti bisa khan pake indonesia today hihihihi :)

Lihat contoh analisis keyword dalam modus grafik dibawah ini :

Setelah mencoba menganalisis mungkin rekan akan bertanya kepada saya kenapaYahoo.com dan Msn.com tidak bisa di gunakan, bukannya tidak bisa namun kita harusmengaktifkan fasilitas ini terlebih dahulu, selain itu kita harus mempunyai server yangsupport php (kayaknya ini gak terlalu diperlukan jika kita hanya menggunakan layananblogger) namun bagi yang menggunakan hosting sendiri tidah ada salahnya untukmencoba fasilitas ini.

Caranya : Tinggal Copy/Paste kode PHP dibawah ini, simpan dengan nama apasaja,jangan lupa menambahkan ektensi file .PHP, kemudian lakukan upload file ke server,k e t e r a n g a n s e l e n g k a p n y a b i s a d i b a c a d i s i n ih t t p : / / w w w . d i g i t a l p o i n t . c o m / t o o l s / k e y w o r d s / a d v a n c e d _ s c r i p t . h t m l

\n\n" . " \n" . "\n" . "\n" . "" . $_REQUEST['key'] . "\n" . "" . str_replace ("&", "&",$_REQUEST['q']) . "\n" . "" . ($start - 1) . "\n" . "10\n" . "true\n" . "" . $_REQUEST['country']

155



. "\n" . "false\n" . "" . $_REQUEST['language'] . "\n" . "\n" . "\n" . "\n" . "\n" . "\n\n"; fwrite($handle, "POST /search/beta2 HTTP/1.0\n"); fwrite ($handle, "Host: api.google.com\n");fwrite ($handle, "Content-Type: text/xml; charset=utf-8\n"); fwrite ($handle, "SOAPAction:\"urn:GoogleSearchAction\"\n"); fwrite ($handle, "Content-length: " . strlen($body) ."\n\n"); fwrite ($handle, $body); while (!feof ($handle)) { $string = fgetc ($handle); if($string == '<') break; } while (!feof($handle)) { $string .= fread($handle, 40960); }fclose($handle); return $string; } } if ($_REQUEST['t']) { $query_order = array(1); } else {$num = 10; if ($_REQUEST['se'] == 'y') $num = 50; for ($i = 1; $i <= $_REQUEST['d']; $i+= $num) { $query_order[] = $i; } if ($_REQUEST['l'] > 0 && $_REQUEST['l'] < 1001) { $x= $_REQUEST['l'] - 1; $y = $x - ($x % $num) + 1; $query_order[$y / $num] = 1;$query_order[0] = $y; $slice = array_slice($query_order, 1, max (0, ($y / $num) - 1)); rsort($slice); foreach ($slice as $array_key => $value) { $query_order[$array_key + 1] =$value; } } } if ($_REQUEST['se'] == 'g') { $error = ''; $fail_count = 0; for ($i = 0; $i <count($query_order); $i++) { @set_time_limit(30); $start = $query_order[$i]; $data =g e t _ g o o g l e ( $ s t a r t ) ; $ p a r s e r = x m l _ p a r s e r _ c r e a t e ( ' U T F - 8 ' ) ;x m l _ p a r s e r _ s e t _ o p t i o n ( $ p a r s e r , X M L _ O P T I O N _ S K I P _ W H I T E , 1 ) ;xml_parse_into_struct($parser, $data, $vals, $index); xml_parser_free($parser); if($index['FAULTSTRING'][0]) { $error = $vals[$index['FAULTSTRING'][0]]['value']; } elseif(!isset ($vals[$index['ESTIMATEDTOTALRESULTSCOUNT'][0]]['value'])) { $error ='Unknown Google server error'; } elseif (isset ($vals[$index['ENDINDEX'][0]]['value']) &&$vals[$index['ENDINDEX'][0]]['value'] == 0) { $error = 'Google gave no results'; } else { if($_REQUEST['u']) { unset ($results_detail); $position = $start; foreach ($index['URL'] as$array_key => $url_key) { if (substr_count ($vals[$url_key]['value'], $_REQUEST['u']))$results[] = $position; if ($_REQUEST['s']) { $results_detail[$position]['title'] =$vals[$index['TITLE'][$array_key]][ 'value']; $results_detail[$posit ion][ 'url ' ] =$vals[$index['URL'][$array_key]]['value']; } $position++; } } } $results_total =$vals[$index['ESTIMATEDTOTALRESULTSCOUNT'][0]]['value']; if ($error && $fail_count< 5) { unset($error); $i--; $fail_count++; } if ($results) break; } } elseif ($_REQUEST['se']== 'y') { $error = ''; $fail_count = 0; for ($i = 0; $i < count($query_order); $i++) {@set_time_limit(30); $start = $query_order[$i]; $data = get_page ('api.search.yahoo.com','/WebSearchService/V1/webSearch?appid=keywordtracker&query=' . urlencode($_REQUEST['q']) . '&start=' . $start . '&results=50'); $parser = xml_parser_create('UTF-8 ' ) ; xm l_pa rse r_se t _op t i on ($pa rse r , XML_OPTION_SKIP_WHITE , 1 ) ;xml_parse_into_struct($parser, $data, $vals, $index); xml_parser_free($parser); if($index['ERROR']) { $error = $vals[$index['MESSAGE'][0]]['value']; } if ($_REQUEST['u']) {unset ($results_detail); $position = $start; foreach ($index['URL'] as $url_key) { if($vals[$url_key]['level'] == 3) { if (substr_count ($vals[$url_key]['value'], $_REQUEST['u']))$results[] = $position; if ($_REQUEST['s']) { $results_detail[$position]['title'] =$vals[$url_key - 2]['value']; $results_detail[$position]['summary'] = $vals[$url_key -1]['value']; $results_detail[$position]['url'] = $vals[$url_key]['value']; } $position++; } } }$ r e s u l t s _ t o t a l =$vals[$index['RESULTSET'][0]]['attributes']['TOTALRESULTSAVAILABLE']; if ($error &&$fail_count < 5) { unset($error); $i--; $fail_count++; } if ($results) { if ($_REQUEST['s']) {$position_key = max(0, min ($results[0] - 4, count ($results_detail) - 10)); $results_detail =array_slice ($results_detail, $position_key, 10); foreach ($results_detail as $result) {$position_key++; $results_new[$position_key] = $result; } $results_detail = $results_new;} break; } } } elseif ($_REQUEST['se'] == 'm') { $error = ''; $fail_count = 0; for ($i = 0; $i <count($query_order); $i++) { @set_time_limit(30); $start = $query_order[$i]; $data =get_page ('search.msn.com', '/results.aspx?q=' . urlencode ($_REQUEST['q']) . '&first=' .$start . '&count=10&format=rss') ; $parser = xml_parser_create( 'UTF-8') ;x m l _ p a r s e r _ s e t _ o p t i o n ( $ p a r s e r , X M L _ O P T I O N _ S K I P _ W H I T E , 1 ) ;xml_parse_into_struct($parser, $data, $vals, $index); xml_parser_free($parser); unset

156

PROOF


($results_detail); $position = $start; foreach ($index['LINK'] as $url_key) { if($vals[$url_key]['level'] == 4) { if (substr_count ($vals[$url_key]['value'], $_REQUEST['u']))$results[] = $position; if ($_REQUEST['s']) { $results_detail[$position]['title'] =$vals[$url_key - 1]['value']; $results_detail[$position]['summary'] = $vals[$url_key +1]['value']; $results_detail[$position]['url'] = $vals[$url_key]['value']; } $position++; } } if($results) break; if ($error && $fail_count < 5) { unset($error); $i--; $fail_count++; } } } if(!$results) $results[] = 9999; $output['results'] = implode ('|', $results); if ($error)$output['error'] = $error; if ($_REQUEST['t']) { $output['total'] = $results_total; echoserialize($output); } elseif ($_REQUEST['s']) { $output['total'] = $results_total;$output['detail'] = $results_detail; echo serialize ($output); } else { echo serialize($output); } ?>

Jika ada pertanyaan saya mohon jangan di shoutbox ya tapi masukan di kolom komentaratau bisa kirim pertanyaan ke email saya. thanks

Selamat mencoba, Happy Blogging :)


Tambahan Add Url pada kolom komentarSunday, December 16, 20074 hari gak ngeblog alias merayakan hari raya kurban di kota cepu dan 2 hari di kotasurabaya ternyata banyak protes nih dari para sahabat berkaitan dengan alamat blogyang gak bisa diakses, sebenarnya ini cuma kesalahan kecil..sebelum berangkat ommelakukan perubahan alamat DNS server dan lupa melakukan setting pada domainmanager. Untung sempat kewarnet di kota cepu dan segera memperbaiki masalah DNS.Selamat deh .....cukup om melenceng dari judul nih hihihii

Ok, kembali ke pembahasan utama, Rencana semula team blogger melakukanperubahan pada komentar untuk menghindari spam ternyata tidak bertahan lama,mungkin banyak kritik tidak sedap yang di sampaikan para blogger berkaitan masalahsemula menghilangkan input Add url yang membuat team blogger menyerah jugahehehe. Kalo di sebelumnya para spammer tidak kehabisan akal yaitu tetap mengetikanalamat url pada text box nama panggilan, walaupun alamat tersebut tidak bisa di klikyang namanya manusia pasti penasaran ingin membukannya, mungkin ini yangmembuat team blogger sress dan tetap menambahkan alamat url pada kolom komentar(cat: ini hanya opini om saja bukan opini langsung dari team blogger).

Yah dengan melakukan penambahan input Add Url yang jelas yang bukan penggunablogger gak perlu pusing lagi mengenai masalah alamat URL ini, Team Blogger berisiorang-orang cerdas..mereka pasti tahu apa keinginan penggunanya :)

Thanks for blogger TeamsPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

157


Cara menampilkan semua judul posting


Monday, December 17, 2007Blogger sebenarnya mempunyai URL default untuk menampilkan semua posting maupunhanya posting dalam jumlah tertentu, Contoh URL default yang digunakan biasanyaditandai dengan code seperti ini http://{namablog.blogspot.com}/search?max-results={jumlah posting} Namunpenggunaan code ini sangat jarang saya temui dgunakan para sahabat blogger, mungkin alasan kurang efektif membuat blogger engganuntuk memasangnya. Pada tutorial sebelumnya saya juga pernah menyampaikan Carabuat daftar tabel seluruh posting (Show Table of Contents) namun cara ini juga saya akuikurang efektif karena load scriptnya cukup memakan waktu.

Sebagai contoh klik Link ini : Lihat semua daftar posting »»

Untuk mengoptimalkan penggunaan code http://{namablog.blogspot.com}/search?max-results={jumlah posting} saya tetap menyarankan kita tetap harus merubah Script/Htmlstandar blogger, lihat disini Cara menampilkan judul posting tanpa isi (halaman) postinghal ini bertujuan agar halaman posting yang ditampilkan nantinya bisa lebih singkat danloading page akan semakin cepat ketika membuka semua judul posting.

Untuk memasang kode ke blogger ada dua cara yang bisa kita gunakan (pilih salah satuya):

Cara Pertama:

Masuk ke Template -> Elemen Halaman -> Tambahkan sebuah Elemen Halaman ->kemudian pilih "Daftar Link"

Masukan url dibawah ini pada alamat situs.

http://{namablog.blogspot.com}/search?max-results={jumlah posting}

Masukan teks dibawah ini pada nama situs.

Lihat semua daftar posting »»

Cara Kedua:

Masuk ke Template -> Elemen Halaman -> Tambahkan sebuah Elemen Halaman -> pilih"HTML/JavaScript" -> Kemudian Copy-Paste code dibawah ini.

<a href="{namablog.blogspot.com}/search?max-results={jumlah posting}">Lihat semuadaftar posting »»</a>

Catatan:

{namablog.blogspot.com} => Ganti dengan nama alamat blog kamu.

{jumlah posting} => Jumlah dari posting yang akan ditampilkan, jika ingin menampilkanseluruh posting tinggal tentukan saja sesuai dengan banyaknya jumlah posting di blogkamu.

158

PROOF


Lihat semua daftar posting »»=> Terserah mau ditulis kalimat sendiri :)

Selamat Mencoba, Happy Blogging :)


Cara menampilkan judul posting tanpa isi(halaman) postingMonday, December 17, 2007Ketika melakukan pencarian atau membuka isi label (kategory) di blog saya pasti akanmelihat hasil tampilan berupa link judul posting beserta tanggal tanpa menampilkan isiposting sama sekali, tentu saja dengan cara ini sangat menguntungkan danmempermudah mengunjung ketika berselancar di blog kita, coba bayangkan ketikapengunjung membuka label atau kategory yang isinya ada 100 posting, tentu hal inimenjadi masalah nantinya dan membutuhkan waktu yang lama sampai halaman benar-benar terbuka sempurna.

Untuk mengatasi masalah diatas ada baiknya kita hanya menampilkan judul postingbeserta tanggal posting saja, selain mempermudah, tentu saja loading page kita akan50x lebih cepat dari biasanya ketika membuka halaman label.

Lihat contoh gambar yang hanya menampilkan judul posting dan tanggal:

Pengen tau cara buatnya ikuti langkah dibawah ini:

Pertama :

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :) -> kemudianberi tanda cek pada 'Expand Widget Templates'

Kedua :

159



Lihat kode dibawah ini:

 <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post '> <b:i fcond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2></b:if> <b:include data='post' name='post'/>

Kemudian cari kode warna merah diatas, jika sudah ketemu ganti kode warna merahdiatas dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType !="item"'> <a expr:href='data:post.url'> <data:post.title/></a><br/><br/> <b:else/><b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post'name='post'/> </b:if>

Ketiga :

Jangan lupa disimpan dan lihat hasilnya. selamat mencoba :)


Tanya-Jawab sebelum Custom Domain diBlogger (Blogspot)Monday, December 24, 2007Banyak sahabat blogger yang menanyakan bagaimana melakukan Custom Domain diblogger, pesan pertanyaan ini om terima melalui media shoutbox, Email dan YM, sempatkewalahan juga menjawab semua pertanyaan yang sama, dari pada om membuat kaliankecewa gak bisa menjawab semua pesan kalian, lebih baik om tulis disini aja ya :)

Penjelasan singkat, Custom Domain merupakan nama domain pilihan yang bisadigunakan sebagai alternative menggantikan nama blog mu diblogger (blogspot). Kitabisa menggantikan alamat namablog.blogspot.com dengan namablog.com. Denganmenggunakan domain sendiri tentu blog akan terlihat lebih profesional dan terlihat lebihserius dalam pengelolaannya, ingat ya..jangan salah mengartikan kata profesional, disinihanya sebagai kiasan saja bukan berarti dengan domain sendiri lantas blog langsungdikatakan profesional, namum tidak ada salahnya kita mencoba menuju ke arah inisebagai bukti kalau kita serius dalam mengelola blog milik kita sendiri..ok.

Sebelum melangkah lebih jauh tentang Custom domain mungkin tanya-jawab dibawah inibisa menjawab sebagian pertanyaan:

Blogger : Perlu ya om kita melakukan custom domain?

OOM : Ini pertanyaan yang abstrak buat saya, semua jawaban tergantung pada diri kitamasing-masing :) mungkin dengan menggunakan domain sendiri tentu blog kamu terlihatlebih serius dalam pengelolaannya.

160

PROOF


Blogger : Mahal gak beli nama domain?

Oom : Untuk membeli domain gak mahal, kita cuma butuh kocek sekitar 60-150 ribu /tahun ( Harga jasa hosting dan domain bisa berbeda ya tergantung dimana kitamelakukan pendaftaran)

Blogger : Apakah proses registrasi nama domain cukup sulit dan memakan waktu?

Oom : Tidak juga, setelah kita melakukan registrasi pada layanan tempat kita beli domainselanjutnya kita cukup meluangkan waktu sebentar ke ATM atau Bank terdekat untukproses pembayaran. (agar lebih mudah dalam proses pendaftaran dan pembayaranmending cari penyedia layanan hosting di kota sendiri)

Blogger : Saya dengar kalo dah punya domain kita juga harus Hosting?

Oom : Siapa bilang? kita cuma butuh domain saja khan hosting-nya tetap di blogger ( jikasudah punya hosting sendiri blogger memberikan kita kemudahan dengan mengarahkanke server FTP eksternal, ini mungkin saya jelaskan pada artikel selanjutnya)

Blogger : Cara ngecek nama domain dimana om?

Oom : Banyak sekali, coba search di om google dengan katakunci "domain lookup" atauklik aja disini

Blogger : Cara daftar nama domain dimana om?

Oom : Nah ini jawabannya relative, om tidak mungkin memberikan salah satu alamatkarena tidak ada hubungan langsung dengan jasa domain dan hosting yang bakaldigunakan, namum cara yang mudah yaitu mencari di om google dengan kata kunci"hosting murah" atau "nama domain murah" atau klik ajadisini

Blogger : Trus kalo dah beli, diapain om?

Oom : Tinggal melakukan setting ke penyedia layanan DNS server gratis dan sedikitmelakukan konfigurasi di blogger.


Keuntungan dan Kerugian Custom Domain diBlogger (Blogspot)Tuesday, December 25, 2007Melengkapi artikel sebelumnya (lihat disini) mungkin para blogger akan bertanya apasaja keuntungan dan kerugian setelah melakukan custom domain di blogger (blogspot).Agar para sahabat tidak ragu sebelum melakukan custom domain baca keuntungan dankerugian dibawah ini:

Keuntungan :

161



- Yang jelas kita memiliki alamat domain sendiri , tentu terlihat lebih menarik dan terlihatlebih serius dalam mengelola blog.- Gak perlu mikir hosting ke tempat lain cukup hosting di blogger saja.- Kita dapat menggunakan server FTP eksternal jika dinginkan.- Gak perlu mikir bayar hosting dan kehabisan Bandwidth, cukup bayar domain sajapertahun.- Kita tidak bakal kehilangan pengunjung, karena blogger tetap akan mengarahkan(redirect) pengunjung ke alamat domain yang baru (Contoh : http://o-om.blogspot.com )- Kita gak perlu dipusingkan masalah konfigurasi MySQL, PHP, Java, Flash dan lain-lain.- Tetap bisa melakukan setting penuh terhadap blogger.- Yang jelas cukup aman dari serangan Spy, Phishing, FTP hack, Deface, SQL Inject,Google Hack. Kita masih tetap aman selama pada zone blogger (blogspot) namunberbeda jika kita menggunakan server FTP eksternal dengan hosting pribadi -> Catatan :cukup aman belum tentu aman :)

Of course, FTP publishing is still available if you'd like to do your own hosting, but using acustom domain gives you a ton of advantages:Simpler to set up. You don’t have to muck around with FTP paths and file names.Fast publishing. There’s no waiting for files to upload to a hosting provider. Drag-and-drop template editing. You can use the new Blogger’s new template features. Access control. If you'd like, only let people you choose read your blog.

Kerugian :- Kita akan kehilangan nilai page ranking dari Google.- Kita perlu mengubah kembali link banner dengan alamat yang baru.- Akan kehilangan Ranking alexa, Ranking Technoraty dan Ranking yang lain.- Kita harus mendaftar ulang ke Search Engine.- Blog kita akan seperti bayi yang baru lahir- Ada sedikit masalah pada image header yang gak muncul setelah custom domain,tenang..pasti ada jalan keluarnya

Solusi:- Daftarkan ulang segera pada search engine dan directory (cukup Google, Yahoo,Dmoz), dan directory ranking lainnya jika diperlukan.- Mintalah segera pada blogger sahabat untuk mengganti nama blog lama dengandomain baru, jika tidak blog mu akan mengalami kebocoran nilai page ranking- Jangan takut kehilangan nilai Page ranking, sekali lagi nilai page ranking tidak terlaluberpengaruh pada ranking halaman search engine (teruma google),- Banyak blogger yang blognya sudah terkenal takut untuk melakukan custom domain,pemikiran yang salah memang, padahal pada kenyataannya mereka gak bakalkehilangan pengunjung sama sekali.- Jangan ragu untuk melakukan custom domain semua proses akan kembali sepertisemula setelah beberapa minggu, terutama pada index halaman search engine.

Semoga artikel diatas bisa jadi bahan masukan sebelum mencoba custom domain.ThanksPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

162

PROOFAnti Mail Spider/Grabber (Proteksi alamat email)


Tuesday, December 25, 2007Banyak cara yang bisa kita lakukan menghindari mail spider atau mail grabber sebagaiproteksi alamat mail pada halaman web/blog, salah satunya mengganti tanda @ dengan[at] atau tanda titik dengan [dot] namun cara ini tidak terlalu menjamin email kita bakalaman dari spider mail grabber. Kenapa menurut saya tidak aman? mungkin tulisandibawah ini bisa sedikit memberikan sedikit jawaban tentang pemahaman cara SpiderMail bekerja.

Lihat contoh proteksi alamat email yang banyak digunakan:

namaemail[at]domain[dot]comnamaemail@domain[dot]comnamaemail[at]domain.com

Biasanya progammer mail grabber akan mencari kata "mailto:" kemudian diikutipencarian tanda @ dan titik sebagai penanda alamat mail pada halaman web, mencarianbermula dari kata pertama sebelum tanda @ kemudian mencari tanda titik setelah tanda@, jika tanda @ dan titik sudah ditemukan tinggal mencari 3 - 4 huruf untuk namadomain setelah tanda titik (yang harus diingat format mail tidak pernah menggunakanspasi). Sekarang yang menjadi pertanyaan, bagaimana jika programmer menambahkanalgoritma pencarian untuk tanda ini [at] - [dot], at - dot, @ - dot, at - titik, yang jelas caradiatas tidak menjamin alamat email kita aman. Namun jika tetap berkeras menggunakancara diatas, solusi dari saya cukup tambahkan saja spasi untuk menghindari mail spider (contoh namaemail [at] domain [dot] com )

Sebenarnya ada cara proteksi email yang lebih baik dari cara diatas dimana spider mailtidak mampu melacak dengan baik, selain anti spider cara ini tetap menampilkan tanda@ dan titik pada alamat mail yang ingin di tampilkan pada halaman web/blog:

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>

Cara menggunakan kode javascript diatas cukup ganti kode warna merah dengan alamatemail milik kita sendiri.

Contoh tampilan mail bisa dilihat pada sebelah kanan profile, lihat gambar dibawah:

Catatan: Cara proteksi alamat email dengan javascript tidak akan berfungsi dengan baikjika kita melakukan disable javasript pada web browser


163




Monitoring Ranking Technorati dalam bentuk textThursday, December 27, 2007Melakukan monitoring Ranking Technorati kadang bikin kita malas untuk membukalangsung ke situs tersebut, jadi cara yang cepat sebaiknya memasang widget yangmampu memonitoring secara langsung Ranking Technorati di blog atau web kita,Technorati sebenarnya mempunyai widget yang lengkap namun entah kenapa sayakurang menyukainya, sebagai alternative sebaiknya kita mengunakan widget buatanPurpleMoggy dimana dalam menampilkan Ranking Technorati terlihat lengkap dansederhana. Lihat contoh tampilan dibawah:

Cara pemasangan widget ini sangat mudah, ikuti langkah dibawah ini:

Pertama masuk pada halaman Edit HTML -> Kemudian masukan kode CSS dibawah ini:

div.tec_name {display:none;}div.tec_rank {background: url(http://static.technorati.com/static/css/img/icn/talkbubble.png) 4px 3px no-repeat;padding-left: 25px;border:0;}div.tec_rank a:link, div.tec_rank a:visited {color: #390;text-decoration:none;font: normal 10px Verdana;}div.tec_rank a:hover {border-bottom:1px dotted #80000;}

Jika sudah, kembali ke element halaman, Kemudian masukan kode dibawah ini denganmenambahkan halaman elemen baru.

<script src="http://purplemoggy.clawsorpaws.com/technorati/rank.php?u=www.o-om.com" type="text/javascript"></script>

Jangan lupa ganti kode warna merah dengan alamat blog kamu. thanksPublished by Blogger Tutorials

164

PROOF



Setting Custom Domain di Blogger (Blogspot)Saturday, December 29, 2007"Custom Domain merupakan nama domain pilihan yang bisa digunakan sebagaialternative menggantikan nama blog kita diblogger (blogspot). Kita bisa menggantikanalamat namablog.blogspot.com dengan namablog.com atau .net, .info, .org, .web.id, ataudengan nama domain lainnya"

Pada artikel kali ini akan saya jelaskan cara konfigurasi untuk custom domain di blogger(blogspot). Sebelum melangkah lebih jauh ada baiknya membaca dahulu artikelsebelumnya tentang custom domain:

Tanya-Jawab sebelum Custom Domain di Blogger (Blogspot)

Keuntungan dan Kerugian Custom Domain di Blogger (Blogspot)

Sudah membaca? ok kita lanjutkan. Bahasan yang saya sampaikan nantinnya hanyapada setting custom domain di blogger, setting nama server pada domain manage dansetting pada DNS (Domain Name System) pada layanan gratis saja, kenapa yang gratisom? kenapa harus bayar biaya tambahan kalo gratis saja bisa dan siapa sih yang gakmau gratis :), tentu saja saya mengupayakan dan mengajarkan cara yang simple, tanpakeluar biaya tambahan sedikitpun.

Jika sudah membeli dan memiliki nama domain sendiri sekarang saatnya kita melakukankonfigurasi. Ada 3 hal utama yang harus kita perhatikan seperti yang sudah sayasebutkan diatas, yang pertama yaitu mendafar ke layanan DNS gratis, saya sarankansebaiknya kita memilih dan menggunakan layanan DNS gratis dibawah ini, jangankhawatir semua alamat dibawah langsung direkomendasikan oleh blogger.

• GoDaddy.com• ix web hosting• 1and1• EveryDNS.net• Yahoo!SmallBusiness• No-IP• DNS Park• Other hosting services

Baca selengkapnya http://help.blogger.com/bin/answer.py?answer=58317

Pada pilihan diatas saya sarankan menggunakakan DNS Park, saya sendirimenggunakan DNS Park sebagai server, karena saya lihat DNS Park mempunyai fituryang cukup lengkap).

3 langkah mudah melakukan Custom Domain:

Pertama, mendaftar pada layanan DNS gratis, atau pilih saja layanan DNS Park(rekomendasi dari saya):

165



1. Klik link ini untuk daftar https://www.dnspark.net/register/

2. Isikan identitas kita pada formulir yang disediakan..

3. Jika sudah tinggal lakukan proses login.

4. Kemudian pada Configuration Menu -> pilih DNS Hosting -> Add Domains

5. Pilih yang no 2 yaitu Enter a domain:

6. Kemudian pada Enter new domain: masukan nama domain kita tanpa www ( contoh:o-om.com.com)

7. Jika sudah lalu tekan tombol "Add now" sampai disini nama domain kita telahdisimpan.

8. Kemudian pada Domain List -> pilih nama domain yang baru kamu masukan.

9. Lalu klik Alias Records

10. Kemudian tuju ke tulisan Add new alias records for (contoh: o-om.com) masukanwwwpada Host Name dan ghs.google.com padaDestination Name

166

PROOF


11. Jika sudah klik tombol Add Alias

Contoh tampilan output dari nama alias:

12. Sampai disini konfigurasi untuk DNS sudah selesai.

Bagaimana jika sudah punya hosting sendiri?

Jika kamu dah punya hosting sendiri caranyapun hampir sama yaitu tinggal arahkan sajaCname (Canonical Name) Record dengan menambahkan www sebagai nama host/aliasdan memasukan value/destination yang tertuju ke ghs.google.com, nama alias yangdigunakan tidak mesti "www" kamu bisa menggunakan kata "blog", "agus", "cinta" atauapapun terserah, contoh: www.namadomain.com, blog.namadomain.com atauagus.namadomain.com. (jika kamu punya 3 blog atau lebih cukup tambahkan sajaCname record-nya)

Host Name/AliasValue/Destinationwwwghs.google.com

Catatan: Control Panel pada hosting mungkin berbeda-beda disini yang membuat sayasusah menjelaskannya secara mendetail.

Kedua, Setting pada Domain Manage:

Setelah kita melakukan setting pada DNS server sekarang yang dilakukan yaitumelakukan setting pada Domain Manage, yang harus diingat setting pada domainmanage biasanya berbeda tergantung layanan domain service dimana kita melakukanregistrasi, namun rata-rata pada domain manage mempunyai setting untuk mengarahkannama domain ke server tujuan yang akan digunakan.

Karena saya menjelaskan menggunakan layanan DNS Park maka nama server tujuanuntuk domain yang akan digukanan adalah sebagai berikut:

ns5.dnspark.net

ns3.dnspark.net

ns2.dnspark.net

ns1.dnspark.net

167



ns4.dnspark.net

Dibawah ini contoh input pada Domain manage milik saya o-om.com:

Ketiga, Setting pada Blogger

Pilih tab Pengaturan -> Publikasikan -> arahkan pada "Domain Anda" kemudianmasukan nama domain. contoh : www.o-om.com atau blog.o-om.com

Contoh setting pada blogger:

Pada tahapan ini semua proses telah selesai...dan selamat sudah punya nama domainsendiri :)

Informasi :

Setelah semua proses diatas kita tidak bisa langsung mengakses nama domain, waktuyang perlukan mungkin agak lama bisa sampai 1x24 jam bahkan pada beberapainformasi ada yang sampai 48 jam. sering-sering saja melakukan ping atau melakukan

168

PROOF


pengecekan berkala dengan mengetikan manual pada web browser atau bisamengunakan tools WinMTR jika diperlukan.

Revisi:

Memperbaiki tulisan sebelumnya ternyata ada banyak perubahan setting pada inputlayanan DnsPark. Tentu perubahan ini terlihat sangat berbeda dengan yang pernah sayajelaskan. Jika pada menu lama terdapat Alias Record sekarang sudah tidak ditampilkanlagi. Sebagai gantinya Pihak DNSPark mengganti menu yang lebih simple dan tidakberbelit-belit seperti dulu.

Kenapa ada pesan Dormant?

This domain is currently dormant. Please contact your registrar and have the domainproperly delegated to the nameservers listed for the domain domainkamu.com andensure the services will not be suspended. All free services will remain dormant until thenameservers at your registrar recognize DNS Park as authoritative for the zone.

Jika kamu menemukan pesan diatas berarti kamu diminta untuk segera mengubah arahDNS server pada DOMAIN milikmu dengan alamat Dibawah ini

ns5.dnspark.net

ns3.dnspark.net

ns2.dnspark.net

ns1.dnspark.net

ns4.dnspark.net

Lalu bagaimana Setting Nama Alias pada menu baru?

Untuk memasukan nama alias kita tinggal menuju ke Add Record [help?]

Contoh proses input bisa dilihat dibawah ini (jangan lupa mengganti A pada type denganCNAME)

Alias name -> masukan dengan www

TTL -> biarkan dengan 7200

Type -> CNAME

169



Destination Name -> ghs.google.com

Jika ada pertanyaan silahkan masukan pada kolom komentar, terima kasih


Widget Rangking dan Backlink dari Popuri.usWednesday, January 02, 2008

Tidak ada habis-habisnya saya berusaha untuk mempercantik blog rekan semua denganterus memberikan informasi terbaru seputar widget, kali ini satu lagi widget yangberalamat pada popuri.us yang bisa digunakan untuk menampilkan status ranking danbacklink terutama Google, Alexa, Yahoo, dan Technorati. Selain menampilkan widget,layanan ini juga memberikan fasilitas gratis untuk melakukan mengecekan ranking danbacklink pada banyak layanan sekaligus. Untuk widget yang di pasang pada blog/siteada 2 pilihan warna yang bisa digunakan yaitu hitam dan sylver. Asyiknya lagi kita gakperlu melakukan registrasi cukup langsung memasang kode script saja.

Cara pasang pada blog, cukup Copy-Paste aja langsung code dibawah ini:

For this Use this <a href="http://popuri.us"><img alt="My Popularity (by popuri.us)"src="http://popuri.us/widgets/?type=light"/></a> <a href="http://popuri.us" ><imgal t="My Popular i ty (by popur i .us) "src="http://popuri.us/widgets/?type=dark"/></a>

Selamat mencoba dan selamat tahun baru2008. Thanks


170

PROOF


Who's Ellyasa KH Darwis?Friday, January 04, 2008Siapa Ellyasa KH Darwis? Kenapa saya melakukan review khusus terhadap beliau?tentu hal ini tidak terlepas dari keingintahuan saya terhadap beliau yang telah relamelakukan review habis-habisan terhadap blog saya Tutorial Oom: 'Baru' dan 'Beda' (?).Walau tidak mengenal langsung dan hanya lewat media Chat, sekian lama mengenalmas elly (begitu saya memanggil namanya) saya semakin yakin kalau beliau bukanorang sembarangan dalam dunia jurnalis. hal ini bisa dilihat dari tulisan beliau yangterlihat berat (menurut saya pribadi), tentu saja dengan gaya tulisan beliau yang terlihatkhas, tegas dan berisi.

Menurut beberapa informasi beliau dulu pernah rajin menulis di media massa, Sebut sajadiantaranya di Kompas, Media Indonesia, Surya dan beberapa jurnal serta beberapamedia cetak lainnya dan telah menyunting serta menjadi kontributor beberapa buku.Diantaranya Agama, Demokrasi dan Keadilan (Gramedia), Anarkhi Kepatuhan (LKiS),Gus Dur NU dan Masyarakat Sipil (LKiS). Beberapa kali terlibat dalam penulisan buku,diantaranya buku Amuk Tasikmalaya;Konflik di Basis Islam (ISAI), Menata Politik PaskaReformasi (KIPP), dan Pengorganisasian dan Intervensi Komunitas (Dipertais).

Sampai saat ini, Beliau ternyata juga masih menjadi mengasuh rubrik refleksi padatabloid mingguan Opini Indonesia yang naskahnya telah dikumpulkan dalam blog EllyasaKH: A Weekly Personal Journal dan bergabung sebagai peneliti lepas pada SwamediaResearch and Communication (SRC).

Dari banyak obrolan yang saya lakukan pada mas Elly dan melihat deskripsi pada profile,beliau termasuk dalam katagori kaum urban yang ikut arus urbanisasi ke Jakarta. Beliaujuga pernah lama tinggal di kota Gudeg Yogjakarta. Di kota gudeg itu beliau banyakbelajar, belajar banyak hal. Dari mulai sastra, social dan politik. Beliau juga suka politikmeski tak tertarik untuk bergabung dengan partai politik, setidaknya sampai kini. Sukajalan-jalan, beliau juga pernah dijuluki Santri Kelana oleh Martin van Bruinessen (kiniguru besar di Leiden). Julukan itu kemudian dilekatkan oleh teman-tekan di LKIS(Lembaga Kajian Islam dan Sosial) kepada beliau, yang katanya sekarang menetap diBekasi.

Akhir kata yang membuat saya salut, dalam kesibukan yang padat beliau masihmenyempatkan diri untuk menulis blog (sekarang terlihat sangat aktif), jika ada waktuluang beliau juga menyempatkan diri mengunjungi blog saya atau sekedar meluangkansedikit waktu ngobrol lewat YM. Semakin mengenal beliau saya semakin tertarik untukbelajar menjadi penulis yang baik, hal ini tidak terlepas dari beliau yang pernahmelakukan kritik terhadap gaya tulisan saya, tentu saja kritik ini tidak sedikitpun membuatsaya down malah menjadi masukan sebagai kritik membangun buat saya pribadi. Thanskya mas elly yang telah memberikan masukannya selama ini.

Blog mas Ellyasa KH Darwis bisa dikunjungi di:

http://asa-nya.blogspot.com/

http://ellyasa.blogspot.com


171




Cara pasang photo Author di setiap komentarFriday, January 04, 2008"Tanya om, Gimana pasang photo Author pada setiap komentar kaya punya mas oom?"

Ada beberapa email yang masuk dan menanyakan hal yang sama seperti diatas, yaitubagaimana memasang photo Author pada setiap komentar? untuk menjawab pertanyaanyang sama saya post disini saja. Sedikit penjelasan, blogger sebenarnya jugamenampilkan photo Author pada setiap komentar, namum photo yang ditampilkan bukanpada halaman komentar yang tepatnya dibawah posting, melainkan menampilkan padakolom komentar terpisah.

Sebagai contoh kita bisa melihat pada pengguna wordpress dimana kita dapat melihatphoto siapa saya yang memberikan komentar. Masih bingung? coba buka halamanposting milik saya disitu pasti rekan bisa melihat photo yang telah memberikan komentar,namum photo ini hanya tampil jika pemberi komentar dalam modus login saja, jika tidakmaka yang tampil hanya gambar kosong atau tanda tanya seperti milik saya. Coba lihatgambar dibawah:

Langkah pasang kode (script) pada blogger:

Pertama:

Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada ExpandTemplate Widget

Cari kode dibawah ini (cari yang warna hijau, bukan warna merah), jika sudah ketemu,kemudian masukan kedua kode warna merah dibawah ini diantara kode warna hijau.

<dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' expr:id='"comment-" + data:comment.id'><div class='commentphoto' style='float:right;'/> <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> <data:commentPostedByMsg/> </dt> <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>

172

PROOF


<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><div style='clear:both;'/> </b:loop> </dl>

Penjelasan:

Kode float:right; berati kita memasang photo sebelah kanan, jika ingin meletakan photopada sebelah kiri tinggal ganti saja dengan float:left;

Kedua:

Tetap pada halaman Template -> Edit HTML -> jangan lupa beri tanda centang padaExpand Template Widget

Tinggal Copy/Paste lalu masukan kode javascript dibawah ini, agar gak bingung caricode </head> kemudian paste kode scriptnya diatas kode </head>.

<script src='http://www.geocities.com/oom_directory/photos.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[BloggerProfiles.noimage = 'http://oom.blog.googlepages.com/nopoto.gif';BloggerProfiles.imageWidth = 30;BloggerProfiles.imageHeight = 30;addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});//]]></script>

Penjelasan:

BloggerProfiles.noimage = 'http://oom.blog.googlepages.com/nopoto.gif';

Kode ini merupakan gambar/photo default yang akan tampil jika pemberi komentar tidakdalam modus login

BloggerProfiles.imageWidth = 30;BloggerProfiles.imageHeight = 30;

Kode ini merupakan ukuran photo yang ditampilan, contoh diatas berarti ukurannya30x30, kalian bisa mengubah ukuran sesuai selera misalnya dengan ukuran 50 agargambar tampil lebih lebar.


173




Random Photo tanpa reload page (Slideshow)Saturday, January 05, 2008Informasi : Code ini tidak suport pada blogger sebaiknya jangan digunakan, thanks

Pada artikel sebelumnya sudah saya jelaskan bagaimana cara membuat RandomBanner Pada Satu Area dimana kita dapat menampilkan gambar banner secara random(acak) pada area yang sama, sayangnya untuk menampilkan gambar dengan cara inikita harus melakukan reload page atau refresh page, kali ini kita akan membuat kodejavascript untuk menampilkan gambar "Random Photo tanpa reload page (Slideshow)"yang berarti kita akan menampilkan gambar pada satu area tanpa perlu melakukanreload page sama sekali.

Mungkin rekan akan bertanya apa hubungannya "Random Photo tanpa reload page(Slideshow)" dengan "Manajemen iklan : Random Banner Pada satu Area" kesamaanyang tampak tentu saja kedua cara ini sama-sama untuk menampilkan gambar secaraRandom, yang membedakan hanyalah kegunaan saja, bisa untuk manampilkan Photo,Banner atau apalah terserah mau di pasang gambar apa saja :)

Contoh Penggunaan Kode:

Kode I:

<SCRIPT LANGUAGE="JavaScript"></script>

Kode II

<div id="banner" style="position:absolute; top:0; left:0;"></div>

Penjelasan

['Alamat URL', 'Alamat URL Gambar''], ->>Untuk menambah gambar yang ditampilkankita tinggal menambahkan saja alamatnya

5000 -->> ini merupakan durasi tampilan gambar yang berarti gambar akan berubahsetelah 5 detik berikutnya.



Live Monitoring Visitor untuk banyak Blog/Site(whos.amung.us)Sunday, January 06, 2008Memasang widget layanan whos.amung.us memberikan kita kemudahan untukmengamati berapa banyak visitor yang sedang mengakses blog/site, selain itu kita jugabisa memonitor apa saja yang dibuka pengunjung pada saat yang besamaan. Kadangmonitoring visitor hanya berlaku pada pengamatan satu blog/site saja, yang menjadikendala bagaimana jika kita mempunyai banyak blog/site yang ingin di monitor setiapsaat? apakah dengan membuka blog satu persatu? atau melakukan refresh (reload)halaman berulang kali? yang jelas cuma buang2 waktu saja.

Untuk mengatasi masalah monitoring visitor diatas, solusinya sebaiknya kita menginstallwidget whos.amung.us pada Browser Firefox Plugin. Dengan cara ini monitoring visitorpasti akan terasa lebih mudah, kita juga tidak perlu membuka blog/site jika tujuan hanyamelakukan pemantauan visitor.

Contoh tampilan monitoring visitor padastatus bar Firefox

Visiting another site? Not a problem. With our firefox plugin you can always keep an eyeon your site's visitors from the convenience of your browser.

175



Cara installasi dan setting:

1. Download di firefox plugin (widget ini juga support pada Browser Flock)

2. Jika sudah, pada browser Firefox klik Tools -> Add-ons

3. Pada Extensions pilih whos.amung.us -> klik Options -> Masukan 8 karakter kodewhos.amung.us milik kamu sendiri.

Disini ada 2 pilihan, pertama "Simple" jika hanya ingin menggunakan satu alamat saja,jika punya 5 alamat pilih "Advanced"

contoh input kode dan alamat yang ingin di monitor


Published by Blogger TutorialsSponsored Link by Blogger Templates | Free BloggerTemplates | Zoom Application | Digital technology

Cara mengontrol jumlah posting pada halamanLabel (Kategori)Tuesday, January 08, 2008Label (kategory) pada New blogger secara default biasanya hanya menampilkan 20Posting perhalaman, dalam hal ini jika ingin membaca posting sebelumnya kita dimintauntuk membuka link biasanya ditandai dengan nama "Older Posts" atau "Posting Lama".Sebenarnya ada cara lain dimana kita bisa mengubah jumlah posting default untukmenampilkan jumlah posting yang lebih banyak (Contoh : 50 sampai 200 postingperhalaman).

Sebelum mengubah jumlah default post pada label new blogger, ada hal yang perlu diperhatikan bahwa perubahan kode dengan menampilkan jumlah halaman yang melebihi20 posting tentunya akan membuat loading page semakin berat, sebagai solusimengatasi masalah ini, sebaiknya kita menggunakan cara dimana kita hanyamenampilkan halaman judul saja, tutorial bisa dibaca disini Cara menampilkan judulposting tanpa isi (halaman) posting

Untuk mengubah jumlah default post pada label, ada 2 cara pencarian yang bisa kitagunakan:

Cara Manual:

176

PROOF



Cari kode ini dbawah ini (ingat kode dibawah yang akan di cari tidak hanya satu saja)

data:label.url

Kemudian ganti semua kode diatas dengan kode dibawah ini

data:label.url + "?max-results=50"

Catatan: jumlah posting tidak mesti 50, jumlah bisa disesuaikan misalnya 100 atau 200

Cara Otomatis (lebih cepat) :

Pada halaman Edit HTML -> Copy semua kode, kemudian Paste semua kode tersebutpada tools Edittor (misalnya: Notepad, Wordpad, Notepad++).

Sebagai contoh kita menggunakan Notepad pada MS windows saja agar lebih mudah :)

Pada Notepad klik Edit -> kemudian klik Replace -> masukan kode yang akan di ubah(replace), caranya lihat input dibawah, jika sudah lalu klik "Replace All"

Jangan lupa Copy-Paste ulang kodenya dari notepad tadi ke halaman Edit HTML.

Selamat mencoba, Happy Blogging?


Attention Please...Thursday, January 10, 2008Beberapa kali saya menerima pesan email dari rekan blogger yang isinya mengatakanbahwa terjadi pesan kesalahan pada blog mereka setelah mencoba beberapa tutorialmilik saya, pesan yang disampaikan rata-rata rada aneh (maaf), salah contoh pesan"masa gara-gara pasang Read more semua gambar diblog jadi hilang" dan ada jugayang menyampaikan pesan yang membuat saya tersenyum "oom, gara gara pasangsocial bookmarking elo, google adsense gua jadi gak keluar alias kaga muncul???" yanglebih lucu lagi si pengirim dengan cueknya ngirim pesan kedua yang isinya "om kok gakdibalas sih, jangan menghindar dong...dasar gak tanggung jawab!!". Alamak....apa yangharus saya jawab dan apakah pantas tutorial saya disalahkan dalam hal ini mengingatsecara tidak langsung tidak ada hubungannya sama sekali dengan pesan kesalahan(Privasi: nama pengirim sengaja tidak saya cantumkan)

Rekan semua mungkin bisa memahani dan memaklumi kenapa saya tidak akanmembalas pesan tersebut dengan alasan apapun. Bukannya saya pelit memberipenjelasan dan pencerahan, Saya menyadari blogger baru biasanya mengalamikepanikan jika terjadi kesalahan, namun sebelum menyalahkan tutorial saya sebaiknyabertanya dulu kepada sahabat blogger yang sudah mencoba, apakah mereka juga

177



mengalami hal yang sama, jika jawabannya "ya" barulah berikan informasi kepada sayamengenai pesan kesalahan tersebut, maka dengan senang hati akan memperbaikinyadan sekali lagi saya memaklumi kepanikan sebagai blogger baru.

Sebagai blog tutorial personal, blog saya hanyalah tempat berbagi ilmu dan sebagaimedia informasi saja, blog saya bukan E-Learning sebagai media belajar secara resmi.Blog tutorial saya bukanlah guru, dosen apalagi sebagai staff pengajar pribadi, sayaberpikir dan bekerja keras menyajikan informasi yang menurut saya pantas disampaikandan tidak asal-asalan, dibidang ini saya bukanlah profesional karena saya tidak dibayarsecara khusus. Mengenai pemikiran berupa ide, opini dan gagasan dari saya boleh sajadi protes dan dikritik dan sebaiknya dibenarkan jika salah, tapi tidak untuk disalahkandengan alasan yang tidak jelas. Dalam hal materi tulisan yang disampaikan mungkin adakesalahan dan jauh dari kesempurnanan, namun sebelum kita menyalahkan sebaiknyaharus punya alasan yang kuat ya, walaupun hanya dalam media blog ini juga perludiperhatikan karena sangat berpengaruh terutama pada kualitas mutu pribadi kita dikemudian hari.

Sedikit informasi, sebagian tutorial yang saya sampaikan memang bukan murnipemikiran pribadi..terutama pada koding blogger hack, semua referensi saya kumpulkandan dirangkum jadi satu, semua sudah mengalami seleksi terutama dalam hal modifikasipembaharuan guna mendapatkan tutorial yang lebih simple dan berbobot, begitu jugamateri yang saya sampaikan dengan penjelasan yang di buat sesederhana munkin agarbisa lebih dimengerti, semua koding dan info yang saya sampaikan telah mengalamitahapan uji coba, jadi tidak hanya asal tulis :) sebenarnya jika mengikuti intruksi denganbenar saya yakin kesalahan dalam koding bisa lebih diminimalkan.

Akhir kata, mudah-mudahan pesan ini bisa jadi hikmah buat kita semua dan bisa jadibahan masukan buat blog tutorial lain jika mengalami hal yang sama. Buat yang merasapesannya saya sampaikan diatas saya yakin bisa memakluminya. Saya sangat menjagaprivasi, jadi saya tidak akan pernah mempublikasikan nama pengirim pesan. Kalaungerasa tulisan diatas rada menyinggung saya minta maaf yang sebesar-besarnya,walau sesungguhnya dalam hal ini saya pribadi lebih tersinggung, tapi inilah oom :)


Manajemen Iklan: Random Banner Pada SatuAreaFriday, January 11, 2008Ada sesuatu yang lucu jika ingat minggu lalu ketika sahabat karib (bukan blogger)menanyakan kepada saya bagaimana menampilkan iklan secara acak (Random banner)dalam satu area. Pertama kali ditanyakan hal ini saya juga kebingungan mau jawab apa,wong blog ini gak pernah ada iklan-nya apalagi mengelola pemasang iklan. Setelah lamabercuap-cuap sahabat saya langsung nyeletuk "katanya blogger mania masa buat kodinguntuk iklan aja gak bisa" Gubraaakkkk, gila.. nantang bener nih orang. saya balasbertanya "kalo om bisa dikasih apa??" teman saya menjawab "saya traktir makan di cakkoting (tempat makan terkenal di yogya)" OK, kasih om waktu satu hari, kemudian kamipun bersalaman tanda sepakat. (akhirnya..om ditraktir makan hehehe)

178

PROOF


Back ke laptop....sebenarnya membuat Iklan (Banner) satu tampilan dalam satu areatidak terlalu sulit, kita hanya tinggal mengarahkan saja ke lokasi gambar, namun yangjadi masalah bagaimana jika kita mempunyai 10 pemasang iklan yang ingin ditampilkandalam satu lokasi area, ini yang munkin menjadi kendala utama pengelola iklan. Perludiketahui bahwa banner yang kita buat nanti hanya pada Image Banner bukan sebagaiText Banner, iklan ini akan tampil secara acak jika pengunjung melakukan reload ataurefresh pada halaman. Lihat Random Banner dengan iklan Dmoz dibawah sebagaicontoh:

Contoh kode Dengan Javascript :

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>

179



Penjelasan:

Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya, contohdiatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana menambah 1 iklanlagi jangan lupa juga menambahkan nilai baru dengan 4, begitupun seterusnya. Lihatcontoh kode dibawah:

if (pasang_iklan==4) {txt="Tulis Title";url="Alamat URL";alt="Alamat URL";banner="Alamat URL Gambar";width="468";height="60";}

Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan, Contoh: varjumlah_iklan = 4;


ADA YANG MAU PASANG IKLAN DI BLOG INI ?? bisa hubungi saya via email: oom [at]o-om [dot] com


New! Tips of the day : Tips harian tampilberdasarkan tanggalMonday, January 14, 2008Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjungseriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tipsmerawat mobil, Tips money online, Tips bercinta dan lain sebagainya. (Banyak rekansahabat blogger yang sudah memasang tips of the day dengan code yangpertama..sudahkah anda...?)

Tutorial sebelumnya sudah kita pelajari bagaimana membuat Random tips of the daydimana tips tersebut akan tampil secara acak ketika pengunjung melakukan refresh ataureload pada halaman, yang membedakan tips of the day sekarang dengan sebelumnyakali ini kita benar-benar membuat tips of the day yang dapat tampil berdasarkan tanggalhari ini, jadi selama 31 hari pengunjung akan menerima tips yang berbeda dalam jangkawaktu satu hari selama 1 x 24 jam. Sedikit saya beri masukan, sebenarnya tips ini tidakhanya digunakan sebagai tips harian, rekan sebenarnya bisa menggunakan tips inimisalnya, sebagai jadwal pengingat (alarm harian) jika pada tanggal tertentu merupakantanggal yang dirasa penting.

Cara memasang kode Tips of the day pada blogger :

180

PROOF


Pada halaman Template -> klik Tambahkan sebuah Elemen Halaman -> Copy-Pastesemua kode dibawa ini.

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>

<SCRIPT>writeTip();</SCRIPT>

Catatan : Jangan lupa mengganti dengan memasukan 31 tips pada code warna merahdiatas.

181





Subdomain: Alternatif alamat blog lebih dari satu(penjelasan pada ...Wednesday, January 16, 2008Subdomain adalah bagian dari sebuah nama domain induk. Subdomain umumnyamengacu ke suatu alamat fisik di sebuah situs contohnya: wikipedia.org merupakansebuah domain induk. Sedangkan id.wikipedia.org merupakan sebuah sub domain.Subdomain juga sebagai Third level domain. ( kutipan dari id.wikipedia.org)

Bagi rekan yang punya blog lebih dari satu sebaiknya tidak perlu melakukan registrasidomain baru, cukup gunakan saja Subdomain sebagai solusinya. selain tidakmengeluarkan tambahan biaya, cara ini juga praktis dan tentu saja Gratis. Namunsebelum melakukan Subdomain tentu saja kita harus memiliki minimal satu namadomainaktif. Sebagai contoh saya mengambil nama domain saya o-om.com ini merupakandomain induk dan www.o-om.com sebagai nama Subdomain utama, perlu diketahuikarena kita menggunakan Free DNS jadi kita tidak bisa bisa melakukan redirect ke o-om.com jadi kita harus membuat alias records (CNAME) dengan menambahkan www(www.o-om.com) sebagai subdomain. Sama halnya dengan alamat blog contoh: cinta-oom.blogspot.com yang akan diredirect ke subdomain cinta-oom.o-om.com. Agar lebihmudah lihat contoh dibawah ini

Contoh Subdomain untuk o-om.com, ini ibarat saya punya 4 alamat blog yang berbedapada blogger:

BlogUtama.blogspot.com -> menjadi -> www.o-om.com

namablog1.blogspot.com -> menjadi -> namablog1.o-om.com

namablog2.blosgpot.com -> menjadi -> namablog2.o-om.com

namablog3.blosgpot.com -> menjadi -> namablog3.o-om.com

Praktis khan kita tidak perlu membeli domain baru dan hanya cukup menggunakan satudomain saja.

Bagaimana cara menambah subdomain?

Karena saya menggunakan Free DNS pada DNSPark jadi penjelasan hanya padalayanan ini saja. Dan tentu saja kita sudah memiliki minimal satu domain aktif yangterdaftar pada DNSpark.

1. lakukan proses login.

2. Kemudian pada Configuration Menu -> pilih DNS Hosting -> Add Domains

182

PROOF


3. Pilih yang no 2 yaitu Enter a domain:

4. Kemudian pada Enter new domain: masukan nama domain kita tanpa www ( contoh:o-om.com.com)

5. Jika sudah lalu tekan tombol "Add now" sampai disini nama domain kita telahdisimpan.

6. Kemudian pada Domain List -> pilih nama domain yang baru kamu masukan.

7. Lalu klik Alias Records

8. Kemudian tuju ke tulisan Add new alias records for (contoh: o-om.com) masukan wwwpada Host Name dan ghs.google.com pada Destination Name (www -> sebagaisubdomain utama) untuk subdomain baru tinggal tambahkan saja alias recordnya sepertimemasukan alamat subdomain www.

9. Jika sudah klik tombol Add Alias

10. Sampai disini konfigurasi untuk DNS sudah selesai.

Cara Setting Subdomain pada blogger:

Pilih tab Pengaturan -> Publikasikan -> arahkan pada "Domain Anda" kemudianmasukan nama domain sesuai dengan subdomain yang telah dibuat. ( ingat! alamat blogyang akan diganti dengan subdomain tentu saja harus bener-benar sesuai alamat tujuan)


Pada tahapan ini semua proses telah selesai...dan selamat sudah punya namasubdomain sendiri :)


183



Cara menampilkan posting yang berkaitan(Related Posts)Friday, January 18, 2008Related Posts atau biasa disebut "link yang bekaitan", "artikel pada kategori yang sama","artikel yang bertautan", "postingan terkait" atau apa aja namanya, merupakan bagianjudul posting terkait dan biasanya ditampilkan berdasarkan penamaan label (kategori),Realated Post ini biasanya berupa link yang tampilkan dibawah postingan tunggaltepatnya di bawah kolom komentar. Keuntungan dengan pemasangan post yangberkaitan tentu saja akan mempermudah pengunjung blog kita untuk menemukan artikelterkait tanpa harus menuju dan membuka satu persatu halaman dalam link label. Agargak bingung lihat gambar dibawah ini:

Kayaknya gak usah dibahas panjang lebar ya, pasti rekan semua dah ngerti maksudnya.OK langsung aja ke proses pemasangan :)

Langkah I:

Masuk pada Template -> Edit HTML -> kemudian masukan kode javascript dibawah inidiantara kode <head>..</head> atau lebih mudahnya cari kode </head> saja, kemudianletakan kodenya diatas kode </head> -> jangan lupa disimpan

<script type="text/javascript">//<![CDATA[var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;

184

PROOF


} } }}function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; } } relatedTitles = tmp2; relatedUrls = tmp;}function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; } document.write('</ul>');}//]]></script>

Langkah II:

Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada ExpandWidget Template -> cari kode dibawah ini.

<b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast!= "true"'>,</b:if> </b:loop> </b:if>

185



Jika sudah ketemu, masukan kode berwarna merah dibawah diantara kode diatas.

<b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast!= "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/></b:if> </b:loop> </b:if>

Pada proses ini pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan

Langkah III:

Masuk pada Template -> Elemen halaman -> kemudian buat elemet baru atau klik"Tambahkan sebuah Elemen Halaman" -> copy-paste kode dibawah ini dan jangan lupamemberikan nama judul misal, "Artikel pada kategori yang sama" -> kemudian janganlupa disimpan.

<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();</script>

Langkah IV:

Agar related post ini tidak tampil pada halaman utama dan hanya tampil pada halamanposting tunggal maka kita perlu penambahan beberapa kode, caranya:

Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada ExpandWidget Template -> cari kode dibawah ini, sebisanya cari sesuai dengan title yang kitamasukan, sebagai contoh, tadi saya memberi mana dengan Artikel pada kategori yangsama, jika sudah ditemukan masukan ke dua kode berwarna merah dibawah.

Catatan: dibawah ini ada kode HTML13 ini jangan dijadikan patokan pencarian,sebaiknya abaikan saja karena setiap elemen pasti berbeda-beda, cukup cari title saja.

<b:widget id='HTML13' locked='false' title='Artikel pada kategori yang sama'type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType == "item"'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div>

186

PROOF


<b:include name='quickedit'/></b:if></b:includable></b:widget>



5 jam akses blogger error (sebaiknya lakukanbackup data)Saturday, January 19, 2008Dari kemaren sampai hari ini sering terjadi masalah mulai dari Feedburner count yangkacau ( tapi kren ya dari 98 ke 830) , sitemeter dan extreme tracker yang tidak bisamelakukan tracking dengan baik dan yang parah blog http://www.o-om.com gak bisadiakses sekitar 5 jam (kemaren pagi), ini juga terjadi pada beberapa blog rekan yang lain. Hanya sekedar mengingatkan sebaiknya ambil langkah lakukan backup datasecepatnya, kita gak bakal tau apa yang terjadi selanjutnya.

Baca cara backup data:

Solusi Backup Blogger (Posting, Komentar, Template)

Backup Blogger menggunakan layanan (BlogBackupOnline)

Blogger Backup Utility (VB.Net open source)

Untuk backup element halaman -> Copy-Paste aja kodenya ke notepad dan simpan dikompi kalian :)

Saran :

Sebaiknya backup data ke wordpress karena prosesnya lebih mudah (semua post dankomentar juga masuk dalam proses backup)

Cara Backup :

Pada halaman masuk ke tab Kelola -> ke tab Impor -> pilih Blogger -> ikuti intruksi yangada

Semoga info ini bermanfaat dan don't panic ok -> kayaknya cuma om ya yang panic :)


187


Cara menampilkan pesan pada jam tertentu(Time Message)


Tuesday, January 22, 2008Pernah terpikirkan untuk menampilkan pesan pada jam tertentu (Time Message) padablog kita? tentu saja ya, Ada kalanya ketika sedang tidak online kita ingin memberikanpesan kepada pengunjung mengenai keadaan kita saat ini misalkan, "maaf, saya jam 1ada rapat jadi gak bisa online" atau "jangan lupa ya sekarang pukul 13.00 jadi acarakumpul blogger akan dimulai" atau sebagai alarm plus pesan pengingat berguna.

Menampilkan pesan pada jam tertentu (Time Message) tentu saja sangat membantu,disisi lain pengunjung juga akan mengetahui informasi apa yang ingin kita sampaikanpada jam berikutnya tanpa harus online sekedar menulis pesan. Selain menambah nilaiplus berupa pesan singkat, blog kita juga tentu saja terlihat berbeda :). Ok ikuti terustutorial ini untuk cara pemasangan kodenya:

Cara Pasang Time Message:

Cara pasang pada blog tinggal copi-paste aja kode dibawah ini dengan menambahkanelemen halaman baru, kemudian jangan lupa mengedit pesan yang ingin ditampilkanyang ditandai dengan teks berwarna merah dibawah ini.

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>

Kemungkinan yang ditanyakan:

if ((hr == 7) || (hr == 8) || (hr == 9) || (hr == 10))document.write("pesan jam ini berlangsung pada jam 7,8,9,10 pagi")

Penjelasan code diatas, ini berarti kita membuat pesan yang sama pada jam yang sudahdi tentukan misalnya pada jam 7,8,9,10 pagi. Jika ingin menampilkan pesan pada jamberbeda tinggal di lakukan sedikit perubahan pada kode seperti dibawah ini :

if ((hr == 7)

document.write("pesan jam 7 pagi")

if (hr == 8)

document.write("pesan jam ini 8 pagi")

if (hr == 9)

document.write("pesan jam ini 9 pagi")

if (hr == 10))

document.write("pesan jam 10 pagi")

Menambahkan permintaan teman kita mengenai bagaimana jika menampilkan ketikacontoh jam antara 1:00 - 1:20 atau hanya tampil jam 1:20?

Berikut kode yang ditambahkan pada script sebelumnya:

now = new Date()

if (now.getMinutes() < 10) {document.write("ini tampil jam antara jam 1:00 - 1:10")}else if (now.getMinutes() == 20) {document.write("ini tampil jam 1:20")}else if (now.getMinutes() < 30) {document.write("ini tampil jam antara jam 1:00 - 1:30 ")}else {

189



document.write("pesan jam 1 pagi")}

Kode Selengkapnya:

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>

Tinggal ditambah dan di modifikasi ya untuk jam yang lain. kalo masih bingung bisatanya lagi :)

Selamat mencoba, Happy blogging :)


Download Gratis Free Blogger TemplatesWednesday, January 23, 2008Dibawah ini merupakan URL kumpulan Free Blogger template dan Layout Blogger Gratisyang bisa digunakan untuk mengganti template standar milikmu:

Special Template by o-om.com:

http://www.zoomtemplate.com

http://green Revolution Blogger Template

http://almost-spring-blogger.blogspot.com

http://elegant-style-template.blogspot.com

Alamat lain yang bisa kamu kunjungi:

http://charmskins.com/blogger-themes

http://freeskins.blogspot.com

http://free-blogger-templates.zeventina.com

http://www.blogskins.com

http://www.pyzam.com/bloggertemplates

http://www.geckoandfly.com/blogspot-templates

Selaman mencoba :)


191


O - M a i l : F r e e 6 G B e - m a i l a c c o u n t( n a m a k a m u @ o - o m . c o m )


Wednesday, January 23, 2008O-Mail (O-OM Mail) merupakan layanan E-mail gratis dari o-om.com yangdipersembahkan kepada pengunjung setia O-OM'S BLOG. Account di O-MAILmerupakan kerja sama o-om.com dengan Google Mail (Gmail), karena mengunakanengine Gmail jadi jangan ragu dengan masalah keamanan data berupa "Spam" atau"virus" dan sejenisnya. Daftarkan segera E-mail gratis dari O-Mail dengan account [email protected]. Sebelum mendaftar sebaiknya baca syarat pendaftaran dankebijakan dari O-Mail sebagai berikut:

Syarat penggunaan dan kebijakan dari O-Mail:

• Semua kesalahan dan penyalahgunaan account email yang dilakukan merupakantanggung jawab sendiri pengguna free account di O-Mail.

• Pengguna tidak diperbolehkan menggunakan account email untuk tujuan spam,email bomb, mail virus, email carding dan sejenisnya.

• Nama account email tidak dapat diubah, jadi pertama kali daftar harus benar-benaryakin.

• Satu user hanya bisa mendapatkan 1 Account email.• Jika lupa password atau ingin mengganti password, anda harus mempunyai ID

Code, tanpa kode tersebut O-Mail tidak akan pernah memberikan password andayang baru.

• O-Mail berhak menghapus Account email anda jika diketahui disalahgunakan.• Kebijakan dan perysaratan dari O-Mail bisa berubah sewaktu-waktu tanpa

konfirmasi terlebih dahulu.Cara Mendaftar ke O-Mail:

Kirim E-mail ke [email protected] berupa input data yang tertera dibawah ini, email yangdikirim akan diproses dalam waktu 1x24 jam atau mungkin lebih (proses dilakukansecara manual), jika terjadi penerimaan maupun penolakan tetap akan di konfimasikanbalasan ke email anda.

Contoh Input Pendaftaran:

Nama lengkap: Agus ramadhani

Alamat blog/site: namablog.blogspot.com

Lokasi anda sekarang: Yogyakarta

Nama email yang diminta: [email protected]

Password yang diminta: tulis minimal 6 karakter

ID Code : Tulis 5 angka acak Contoh 73634 (ini digunakan sebagai bukti verifikasi jikaanda lupa password, Harus dicatat dan diingat!!)

Warning ! Password yang dikirim harus benar-benar baru dan belum pernah digunakan

192

PROOF


sebelumnya, jangan kirimkan password email lama atau password adsense ataupassword penting yang pernah anda gunakan. hal ini untuk menghidari hal yang tidakdinginkan di kemudian hari. Password juga dapat diganti oleh anda sendiri kapan sajaketika anda dalam keadaan aktif login email, dalam hal ini password anda akan tetapaman)

Selamat bergabung di O-Mail.


Search engine Zuula bikin ketagihan :)Saturday, January 26, 2008Sudah seminggu ini saya jarang menggunakan mesin pencari Google, karena sekaranglagi keranjingan Zuula, ya Zuula..aneh ya namanya :) tapi jangan remehkankemampuannya sebagai mesin pencari, jangan salah dulu Zuula bukanlah mesin pencaritunggal karena zuula tidak mempunyai index database sendiri.

Mesin pencari ini cukup cerdik karena ia dapat memanfaatkan beberapa Search engineterkenal sebagai enginenya, diantanya Google, Yahoo, MSN, Gigablast, Exalead, Alexa,Accoona dan Mojeek. jadi bisa dikatakan zuula adalah semacam portal yang bergunadalam memudahkan pencaian.

Zuula tentu saja memberikan kita kemudahan cepat dalam melakukan pencarian,terutama kita hanya melakukan perpindahan tab untuk melakukan pencarian ke searchengine yang lain, kelebihan lainnya pada meta search engine dimana zuula akanmenampilkan pencarian terpisah dalam kategori yang berbeda, yaitu web, images, video,news, blog, jobs. Kunjungi zuula di sini http://www.zuula.com


193



Tutorial Google Custom Search Engine (Beta)Monday, January 28, 2008

Google Custom Search Engine mempunyai keunggulan lebih dari pada search enginestandar yang biasa kita gunakanpada site/blog, dimana pada layanan ini kita dapatmemberikan kemudahan pencarian pada alamat web/blog tunggal maupun padabeberapa situs web bahkan pada halaman web tertentu.

Bagaimana merangkum pencarian pada banyak website, Blog, Group dalam satumanajemen pencarian? Dengan Google Custom search Engine kita akan membuatmesin pencari untuk melakukan kebutuhan tersebut.

Lalu bagaimana Google Costom Search Engine ini bekerja?

Dari skema cara kerja yang saya buat, tentu saja Google Custom search Engine inisangat cocok bagi rekan yang memiliki banyak blog/site dengan tema yang sama(misalnya blog programming dengan bahasa program yang berbeda) dimana kita tetapbisa memberikan acuan serta arahan kepada pengunjung agar tetap bisa menemukanapa yang mereka cari.

Baca Keunggulan lainnya:

Situs Web, blog, atau grup minat khusus Anda• Bantu pengunjung Anda menemukan apa yang mereka cari

194

PROOF


• Undang teman dan komunitas Anda untuk berkontribusi• Mendapatkan penghasilan dengan AdSense untuk Pencarian• Secara otomatis membuat mesin pencari berdasarkan link di situs Web atau blogroll

menggunakan Pencari Kustom dengan cepat

Bisnis atau perusahaan Anda• Manfaatkan Edisi Bisnis Custom Search untuk keunggulan tambahan seperti

dukungan kelas perusahaan, halaman hasil bebas iklan, dan XML API• Letakkan logo Anda pada halaman hasil pencarian• Bantu pelanggan menavigasi situs Anda dan menemukan produk yang akan mereka

beli

Organisasi Anda yang berupa nirlaba, pemerintah, atau pendidikan• Tampilkan hasil pencarian tanpa iklan

Cara Daftar dan pasang code padasite/blog:

Klik http://www.google.co.id/coop/cse/Kemudian tekan tombol "Buat Custom Search Engine" lalu Login dengan username danpassword dengan google account masing-masing. Kemudian masukan beberapainformasi data acuan pencarian sesuai dengan arahan.

Cara pasang kode pada blog/site:

Setalah kita memasukan beberapa informasi data acuan pencarian sekarang saatnyamemasang kode paada blog/site. cara pasang pada kode ada 2 pilihan yang pertamakita dapat memilik link "Situs" ini merupakan cara cepat untuk memasang code padasite/blog. Cara kedua jika kita ingin melakukan konfigurasi pencarian kita bisa memilihlink "Panel Kontrol" kemudian ikuti petunjuk yang ada.

Untuk blogger (blogspot) tambahkan "element halaman baru" kemudian Copy /paste ajakodenya.

Semua pertanyaan bisa ditulis pada kolom komentar atau secara private ke mail saya,thanks :)


195



Cara transfer blog ke account berbeda (Blogger)Wednesday, January 30, 2008"Bagaimana memindahkan sebuah blog dari satu user ke user lainnya dengan login ygberbeda. Karena saya punya beberapa blog yang dibuat dengan dua username yangberbeda. Sekarang saya ingin menyatukannya menjadi satu username sehinggamemudahkan dalam maintenancenya" (Penggalan pertanyaan dari rekan nurpatriaherryanto di email oom)

Punya Account Blogger yang berbeda tentu saja susah untuk melakukan manage,kadang hanya untuk memposting blog dengan account lainnya kita harus melakukanlogoff terlebih dahulu (kecuali kita login menggunakan web browser berbeda juga), tidakseperti wordpress, blogger tidak mempunyai fasilitas untuk melakukan transfer blog keaccount berbeda, sangat disayangkan memang, masa sekelas blogger tidak ada fasilitasini. Trus gak mungkin dong melakukan transfer blog di blogger? siapa bilang..tentu sajabisa, dengan adanya fasilitas mengundang penulis lain di blogger, ini yang akan kitamanfaatkan sebagai transfer antar blog dengan account berbeda.

Cara melakukan Transfer blog dengan account berbeda:

Contoh : Andai kata kita mempuanyai 2 account berbeda sebut saja Account-A danAccount-B, rencana kita ingin melakukan transfer salah satu blog di Account-A keAccount-B, hal yang harus diperhatikan bahwa Account yang memberi kuasa (Accountyang mengundang/Account-A) adalah account yang blog-nya akan ditransfer, dengankata lain Account-B inilah yang akan menerima kuasa penuh terhadap blog di Account-A.

1. Login ke account yang akan di transfer (contoh Acount-A)

2. Kemudian pada "Panel Kontrol" pilih salah satu blog dengan melakukan klik link"Pengaturan"

3. Pada tab pengaturan pilih sub tab "ijin"

4. Klik Tombol "Menambah Penulis"

5. Masukan Alamat Account Gmail anda yang lain (Account -B), dalam hal ini accountgmail yang kita undang merupakan account yang akan menerima transfer blog.

6. Jika sudah, kita harus login ke alamat gmail yang di undang (Account-B) dan akanmenerima sebuah suran pengundanga untuk bergabung di Account-A.

7. Pada email yang kita terima disitu terdapat link, klik link tersebut bahwa kita setujuuntuk berkontribusi ke blog pengundang, jangan lupa masukan kata sandi sebagai tandapersetujuan.

8. Pada halaman "Panel Kontrol" sudah terlihat ada blog baru yang berasal dari account-A

9. Selanjutnya kembali lagi ke Account-A atau kembali ke proses no 1,2 dan 3

10. Pada halaman ini terlihat Account-B yang telah di undang, jangan lupa mengklik link

196

PROOF


"Berikan hak istimewa setingkat admin" dan menekan tombol "Berikan hak istimewasetingkat admin" pada popup yang muncul.

11. Jika kita tidak ingin menggunakan Account-A dan hanya memberikan hak adminpada Account-B kita dapat menghapus hak akses Account-A dengan mengklik link"memindahkan".

12 Selesai..dan selamat kita sudah melakukan transfer blog dari Acount-A ke Acount-B,untuk transfer blog yang lain caranya sama dengan proses diatas.

Catatan : jika masih ragu bisa tanyakan saya dulu di kolom komentar agar bisa kitadiskusikan bersama. thanks


Setting POP/IMAP dan SMTP Gmail untuk OmailThursday, January 31, 2008Ada beberapa email yang masuk dalam inbox saya menanyakan apakah Omail[[email protected]] bisa dibaca menggunakan POP atau IMAP melalui eMail Client, tentusaja bisa khan Omail menggunakan engine Gmail. Sebenarnya melakukan setting untukmembaca OMail dengan POP/IMAP pada email client tidak ada bedanya dengan settinguntuk Gmail, yang membedakan hanyalah nama domainnya saja. Selain itu yang harusdiingat setting untuk POP diarahkan ke pop.gmail.com dengan tujuan port 995 (pilihuntuk SSL) dan untuk IMAP diarahkan ke imap.gmail.com dengan tujuan port 993 (pilihuntuk SSL) sedangkan untuk SMTP tetap sama yaitu smtp.gmail.com dan port tujuan587 (pilih untuk TSL). Agar gak bingung saya tulis aja cara lengkapnya, penjelasan yangsaya tulis hanya pada email client Thunderbird dan tentu saja rekan sudah memiliki mailaccount Omail dengan [email protected], jika belum bisa daftar di sini.

Contoh Tampilan Omail pada Thunderbird:

Untuk penjelasan ada dua pilihan settingemail client yang bisa digunakan yaitu bisamenggunakan POP dan IMAP, silahkandip i l ih tergantung kebutuhan, caraselengkapnya bisa dibaca dibawah ini:

Setting untuk POP

Pengaturan pada Omail untuk POP (Gmail)

1. Pertama login ke Omail

2. Kemudian pada pojok kanan atas klik link "acuan email"

3. Pada halaman pengaturan klik "Meneruskan dan POP/IMAP"

4. Pada halaman Download dengan POP: pilih sesuai kebutuhan ya mau mengambil

197



semua eail atau Email yang diterima mulai dari sekarang, jangan lupa disimpan.

Pengaturan Pada Thunderbird Untuk POP

1. Buka Thunderbird, lalu pilih Tools > Account Settings.

2. Klik Add Account.

3. Pilih Email account dan klik "next"

4. pada The Identity masukan nama lengkap. lalu masukan alamat Omail([email protected]) pada Email Address, lalu klik Next

5. Pilih POP lalu masukan pop.gmail.com dalam incoming server

6. Set Outgoing Server ke smtp.gmail.com, lalu klik Next

7. Kemudian masukan User name Omail kamu ([email protected]) di IncomingUser Name dan Outgoing User Name, dan klik Next

8. Masukan nama untuk account email kamu di Account Name laluk klik Next

9. Pada account informasi klik finish

10. Pada folder list klik Server Settings sesuia dengan account yang dipilih

11. Pada Port value masukan 995

12. pada Security setting, pilih SSL pada pilihan Use secure connection

13. Pilih Check for messages at startup and Automatically download new messages

Setting untukIMAP

Pengaturan pada Omail untuk IMAP (Gmail)

1. Pertama login ke Omail

2. Kemudian pada pojok kanan atas klik link "acuan email"

3. Pada halaman pengaturan klik "Meneruskan dan POP/IMAP"

4. Pada halaman Akses IMAP: pilih dengan memberikan tanda centang pada "AktifkanIMAP", jangan lupa disimpan.

198

PROOF


Pengaturan Pada Thunderbird Untuk IMAP

1. Buka Thunderbird, lalu pilih Tools > Account Settings.

2. Klik Add Account.

3. Pilih Email account dan klik "next"

4. pada The Identity masukan nama lengkap. lalu masukan alamat Omail([email protected]) pada Email Address, lalu klik Next

5. Pilih IMAP lalu masukan imap.gmail.com dalam incoming server

6. Set Outgoing Server ke smtp.gmail.com, lalu klik Next

7. Kemudian masukan User name Omail kamu ([email protected]) di IncomingUser Name dan Outgoing User Name, dan klik Next

8. Masukan nama untuk account email kamu di Account Name laluk klik Next

9. Pada account informasi klik finish

10. Pada folder list klik Server Settings sesuia dengan account yang dipilih

11. Pada Port value masukan 993

12. pada Security setting, pilih SSL pada pilihan Use secure connection

13. Pilih Check for messages at startup and Automatically download new messages

Setting untukSMTP

Pengaturan Pada Thunderbird untuk SMTP

1. Klik Outgoing Server (SMTP) pada folder list

2. Pilih smtp.gmail.com (Default) atau masukan jika belum

3. Masukan smtp.gmail.com pada Server Name dan set port ke 587

4. Pada Use name and password dan masukan username Omail/Gmail ([email protected])

5. Pilih TLS pada pilihan Use secure connection

6. Klik OK untu menyimpan Account Settings dialog

Setting email client lainnya bisa baca dialamat dibawah ini:

199



Untuk POP:

Mail Clients

• Outlook Express (Windows)• Outlook 2003 (Windows)• Outlook 2007 (Windows)• Apple Mail• Apple Mail 3.0 (Leopard)• Windows Mail• Thunderbird 2.0• Other*

Wireless Devices

• iPhone• Blackberry*• Symbian*• Windows Mobile*• SnapperMail*

Untuk IMAP:

Mail Clients

Apple Mail 2.0Outlook ExpressOutlook 2002Outlook 2003 (see our animated demo)Thunderbird 1.5Other

Wireless Devices

BlackBerry® Internet ServiceiPhone



Blog2print: Mengkonversi Blog menjadi sebuahbukuSaturday, February 02, 2008Beruntunglah bagi pengguna blogger (blogspot) karena sekarang ada layanan Blog2printyang bisa memindahkan blog kita menjadi sebuah buku, bagaimana tidak hanya dengansekali klik blogger kita langsung menjadi sebuah buku yang siap dijual atau hanyamenjadi koleksi pribadi. Bukan hanya blog kita yang di konversi, blog sahabat atau bloglainya juga bisa di konversi dengan mudah.

200

PROOF


Blog owners on Google's Blogger platform and their readers can now use the Blog2Printwidget to turn posts into a printed book with a single click. (Compatibility with otherplatforms coming soon!)

Blog2print untuk saat ini hanya tersedia untuk versi google blogger, untuk pengguna bloglain seperti wordpress, blogsome mungkin harus nunggu dulu ya. Untuk memcobalayanan ini caranya tinggal masukan alamat blog kita namablog.blogspot.com dan janganlupa mengubah RSS Feed ke mode Full.

Pasang widget dan dapat penghasilan dengan Blog2print

Bagai mana kita dapat penghasilan tambahan dari blog2print? ketika Blog2Print telahditambahkan ke blog, kita akan menerima penghasilan jika setiap kali buku itu terjual dankita akan menerima 20% dari penjualan buku dari blog kita. Untuk pasang witget klikDisini


Pasang Yahoo ! Messenger StatusSaturday, February 02, 2008Dengan memasang Offline/Online Yahoo Messenger status, pengunjung dapatdimudahkan untuk melihat apakah pemilik blog sedang online atau tidak dengan YahooMessenger. Untuk memasang Yahoo Messenger Status caranya sangat mudah, rekantinggal memasang saja kode dibawah ini, Jangan lupa juga menggantikan kode warnamerah dibawah dengan identitas milik yahoo kamu (ID merupakan nama depan emailyahoo kamu)

< a h r e f = " y m s g r : s e n d I M ? I d _ y a h o o _ k a m u " > < i m gs rc="h t tp : / / op i . yahoo .com/on l i ne?u= Id_yahoo_kamu&m=g&t=0& l=us " /></a>

Yahoo status online Icon:

Untuk menganti icon YM status kita tinggal mengubah kode diatas yang ditandai warnahijau, ID kode yang bisa digunakan mulai dari 0-9.


Dropdown Label pada New BloggerTuesday, February 05, 2008"Gimana cara buat menu dropdown label seperti dropdown archive pada new blogger?"kutipan dari pertanyaan pada email oom.

Pernah terpikirkan mengganti tampilan nama label dengan style dropdown label? tentu

201



saja ya :) karena semakin banyak artikel yang kita tulis tentu semakin banyak pula labelatau kategori yang ditambahkan, tidak masalah jika nama label kita cuma 5 atau 10nama label, lalu bagaimana jika sampai 20 atau lebih sedangkan label dalam standarblogger akan tampil tersusun kebawah dan tentu saja cara standard ini akan memakantempat pada halaman blog kita nantinya.

Tidak seperti menu arsip pada blogger yang bisa diset dalam tampilan dropdown, labeldalam blogger tidak memiliki fasilitas ini. Jangan khawatir karena para pemikir jeniusdiluar sana sudah memikirkan hal ini (bukan om lho hihihi :). Sedikit tambahan, sebelumkita menggunakan kode dibawah ini pastikan bahwa element label sudah terpasang padablog, jika tidak jangan harap menemukan kodenya :)

Contoh tampil menu dropdown label:

Ikuti tutorial dibawah ini untuk membuat dropdown label:

(sebelum mencoba jangan lupa backup code dengan menekan link Download TemplateLengkap)

Langkah pertama, masuk pada tab template -> Edit Html -> jangan lupa beri tanda cekpada Expand Template Widget -> kemudian cari kode dibawah ini:

Tips : Agar mudah dalam pencarian sebaiknya cari kode (<data:label.count/>)

<ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url ==d a t a : l a b e l . u r l ' > < d a t a : l a b e l . n a m e / > < b : e l s e / > < aexpr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li></b:loop> </ul>

Jika sudah ketemu ganti seluruh kode diatas dengan kode dibawah ini:

<br /> <select onchange='location=this.options[this.selectedIndex].value;'><option>Select a label</option> <b:loop values='data:labels' var='label'> <optionexpr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop></select>

Warna merah <option>Select a label</option> bisa kita ganti dengan kalimat sendiri.

Selamat mencoba, happy blogging with o-om's blog :)


202

PROOF


Setting Cname Record pada EveryDNS (BloggerCustom Domain)Thursday, February 07, 2008Melihat respon pembaca yang begitu antusias mengenai Custom Domain di bloggermembuat saya ingin mengulas lebih lanjut tentang pilihan DNS gratis lainnya, padatulisan terdahulu sudah saya jelasin secara rinci mengenai konfigurasi DNS padalayanan DNSPark.net (baca disini) kali ini pilihan DNS gratis jatuh pada layananEveryDNS.net, pilihan ini mengingat banyak rekan yang mengeluh rumitnya prosessetting dan pendaftaran pada DNSPark.

Pada kenyataanya memang konfigurasi pada EveryDNS terlihat lebih mudah dan tidakberbelit-belit dari pada DNSPark namun tetap saja menurut saya fitur Everydns tidakselengkap layanan DNSpark. Dibalik kekurangan everyDNS tentu saja ada kelebihan,Yang jelas untuk rekan yang mau Custom Domain di blogger dengan cepat dan mudahEveryDNS merupakan pilihan yang tepat.

Custom Domain di blogger tentu saja tidak luput dari bahasan seputar konfigurasi CnameRecord, CNAME (Canonical Name) adalah domain name alias, yaitu salah satu syntaxyang dipergunakan dalam DNS untuk mengarahkan Domain ke alamat tertentu. Untukmemudahkan setting Cname pada EveryDNS ikuti saja tutorialnya di bawah ini:

Cara Daftar Domain dan Setting Cname Record:

1. Lakukan pendaftaran terlebih dahulu http://www.everydns.net

2. Pada kolom Signup, masukan data yang diminta berupa user name, alamat email danpassword.

3. Jika sudah terdaftar kemudian lakukan proses Login.

4. Kemudian tuju ke kolom Add new domain:(basic)

5. Masukan alamat domain kamu (contoh: domainkamu.com) kemudian klik button >>(basic)

6. Jika tidak ada kesalahan, maka pada kolom Primary Domains: akan tampak namadomain yang telah dibuat.

7. Klik nama domain yang ingin di konfigurasi.

8. Pada kolom Add a record:

-Fully Qualified Domain Name: -> masukan www

- Record Type: -> pilih Cname

- Record Value: -> masukan ghs.google.com

9. Kemudian klik button Add Record

203



10. Pada tahapan ini semua proses sudah selesai. Lihat pada kolom Current Record: jikatampak seperti gambar dibawah maka setting Cname kita sudah berhasil.

Setting pada Domain Manage:

Setelah kita melakukan setting pada DNS sekarang yang dilakukan yaitu melakukansetting pada Domain Manage, yang harus diingat setting pada domain manage biasanyaberbeda tergantung layanan domain service dimana kita melakukan registrasi, namunrata-rata pada domain manage mempunyai setting untuk mengarahkan nama domain keserver tujuan yang akan digunakan.

Karena saya menjelaskan menggunakan layanan EveryDNS maka nama server tujuanuntuk domain yang akan digukanan adalah sebagai berikut:

ns1.everydns.net

ns2.everydns.net

ns3.everydns.net

ns4.everydns.net

Setting pada Blogger



Pada tahapan ini semua proses telah selesai...dan selamat sudah punya nama domainsendiri :)

Informasi :

Setelah semua proses diatas kita tidak bisa langsung mengakses nama domain, waktuyang perlukan mungkin agak lama bisa sampai 1x24 jam bahkan pada beberapainformasi ada yang sampai 48 jam. sering-sering saja melakukan ping atau melakukan

204

PROOF


pengecekan berkala dengan mengetikan manual pada web browser atau bisamengunakan tools WinMTR jika diperlukan.


Fasilitas baru "Subscribe To Feeds" dari blogger.Saturday, February 09, 2008Pada draft blogger telah disediakan fasilitas baru berupa elemen halaman untukmenambahkan widget "subscribe to feeds" dengan style dropdown. Karena masih dalammodus konsep, fasilitas ini belum ditemukan dalam element halaman standar blogger,namun kita bisa menjajal versi ujicoba-nya. Lihat contoh tampilan widget "subscribe tofeeds" disamping kanan:

Cara pasang pada blog:

1. Masuk ke http://draft.blogger.com/

2. Jika belum Login, silahkan login terlebih dahulu.

3. Kemudian pada tab Template "Tambahkan sebuah Elemen Halaman"

4. Pilih Link Berlangganan (Baru!) Lalu tambahkan ke blog.

5. Selesai, selamat mencoba :)


Hasil karya dari Dzofar (ndop).Sunday, February 10, 2008Membuat gambar jadi kartun dengan software khusus itu dah biasa, namun yang luarbiasa membuat nya secara manual. walaupun ada situs yang menyediakan jasa untukkeperluan tersebut tapi harganya masih mahal. Untungnya om punya teman yang jagomengubah gambar menjadi kartun dengan waktu yang cepat, kalo tidak salah hanyabeberapa kurang lebih 3 jam jadi, udah gitu gratis lagi hehehe memang om suka yanggratisan.

Dzofar (ndop) merupakan nama panggilan yang punya gawean gambar dibawah. walauhanya kenal sebatas dunia maya namun om yakin nih orang punya keahlian yang layakdi acungi jempol karena kemampuannya menguasai Corel Draw. Lihat saja kemampuanolah gambar dibawah dengan goresan tangannya yang terlihat sangat piawai dan detailyang sangat rapi, sudah barang tentu seorang Dzofar tidak bisa diremehkan dalambidangnya. Penasaran pengen kenal Dzofar lebih jauh atau pengen belajar buat gambarkamu jadi kartun kunjungi aja blognya di http://ndop.blogspot.com/

205



Thanks ya sobat dah buatin gambar om jadikartun dan teruslah berkarya.Published by Blogger TutorialsSponsored Link by Blogger Templates | FreeBlogger Templates | Zoom Application |Digital technology

URL Blog sebagai identitas OpenIDMonday, February 11, 2008OpenID bisa dikatakan sebagai sistem login terpusat, OpenID bertujuan untukmempermudah system login dengan hanya menggunakan satu username untuk loginkebanyak situs. Dengan openID kita tidak perlu melakukan banyak registrasi ke situsberbeda, cukup satu kali registrasi, kita sudah bisa login ke banyak situs dan tentu sajasitus yang bisa dilakukan login merupakan situs yang support terhadap OpenID.

Setelah Google (blogger) mendukung OpenID provider, ini merupakan keuntungan buatpengguna blogger karena hanya dengan mengaktifkan OpenID pada profile blogger, kitasudah bisa menggunakan URL blog untuk melakukan otentifikasi ke banyak situs yangtelah mendukung OpenID 1.1.

Cara mengaktifkan URL blogger sebagai identitas OpenID



3. Pada halaman Panel Kontrol masuk pada Edit Profil kemudian beri tanda centangpada pilihan Aktifkan OpenID untuk blog.

4. Jangan lupa disimpan

Mulai sekarang Url blog kita sudah bisa digunakan untuk login ke berbagai situs yangsupport dengan OpenID login. thanks

Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |

206

PROOF


Digital technology

Mendelegasikan Blogger OpenID ke URL lainTuesday, February 12, 2008Berita pada blogger draft semula tidak memberikan dukungan OpenID kepada URLBlogger yang menggunakan blogspot custom domain dan server FTP eksternal, namunsemua ini tidak jadi kendala karena sekarang kita bisa menggunakan OpenID Delegationdimana kita dapat mendelegasikan alamat url blogger kita pada domain atau alamat URLkita yang lain. Jadi bisa dikatakan kita meminjamkan identitas OpenID blogger agar biasadi gunakan oleh url lain yang kita berikan hak akses.

Sebagai contoh, kita memiliki alamat blog http://namakamu.blogspot.com sebagaiidentitas OpenID, kemudian kita juga memiliki http://www.namakamu.com, lalubagaimana kita menggunakan url blogger kita pada http://www.namakamu.com sebagaiidentitas OpenID? caranya cukup tambahkan kode dibawah ini dibawah kode <head>yang terdapat dalam http://www.namakamu.com.

<link rel="openid.server" href="http://draft.blogger.com/openid-server.g" /><link rel="openid.delegate" href="http://namablog.blogspot.com" />

Sekarang kita sudah bisa menggunakan http://www.namakamu.com. sebagai indentitasOpenID Blogger ke banyak website yang mendukung OpenID authentication danselanjutnya setiap kali kita menggunkannya kita akan diarahkan ke blogger sign in.

Sebenarnya pendelegasian ini tidak hanya dengan url blogger OpenID, saya sendirimenggunakan myopenid.com pada alamat blogger custom domain saya, pendelegasiandibawah ini saya temukan pada blog maseko.com silahkan dicoba.

Mendelegasikan OpenID Myopenid

<link rel="openid.server" href="http://www.myopenid.com/server" /><link rel="openid.delegate" href="http://ooms.myopenid.com/" /><meta http-equiv="X-XRDS-Location" content="http://ooms.myopenid.com/xrds" />

Mendelegasikan OpenID Wordpress

<link rel="openid.server" href="http://ooms.wordpress.com/?openidserver=1" /><link rel="openid.delegate" href="http://ooms.wordpress.com/" /><meta http-equiv="X-XRDS-Location" content="http://ooms.wordpress.com/">

Warna merah diatas jangan lupa ganti dengan alamat kamu sendiri. Selamat mencoba :)


207



Pasang Meta Tags di BloggerWednesday, February 13, 2008Meta tags merupakan cara menyampaikan infomasi penting ke search engine (MesinPencari) mengenai informasi suatu halaman, Ada banyak meta tag sesuai denganstandar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betuldipakai oleh search engine hanya 3, description, keyword, dan robots. Mengenaipenjelasan meta tags karena sudah terlalu banyak yang menulis hal ini jadi om pilih ajasalah satu situs terbaik yang bisa dipercaya, informasi yang om ambil berasal dari alamatini http://www.promosi-web.com/ (semua penjelasan tidak ada pengeditan sebagaimanaaslinya)

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi darihalaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakanagar description ini bisa menjadikalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contohpenulisan meta tag description adalah sebagai berikut :<meta name="description" content="Promosi-web.com is a search engine tutorial thatexplain how to gettop rangking in all major search engine and get high traffic for your web site. Available inBahasaIndonesia.">

Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tagssebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awalyang ada pada halaman tersebut.Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tagdescription sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupasebuah menu, maka deskripsi yangditampilkan pada hasil pencarian Northern Light adalah seperti ini :Home | Products and Service | Contact Us | About Us ...welcome to our online store, thebest place on theweb to...

Meta Tag Keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apayang bisa menemukan halaman web tersebut pada search engine. Sintak dasar darimeta tag keyword adalahsebagai berikut :<meta name="keywords" content="keyword1 keyword2 keyword3 ...">atau ada juga yang menulis dengan pemisah tanda koma :<meta name="keywords" content="keyword1, keyword2, keyword3, ...>

Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuanpemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perludiperhatikan disini adalah janganmengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contohpemakaian meta tag keyword yang salah adalah :

208

PROOF


<meta name="keywords" content="bali, bali hotels, travel in bali, bali island, baliweather>Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh berikut ini tidakakan dianggap spamming oleh search engine :<meta name="keywords" content="bali hotels travel bali island bali weather">Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yangtidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggapspamming. Misalkan web Andamemuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan "MP3"atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini merupakankeyword favorit di internet danbanyak dicari orang.

Meta Tag Robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman webyang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangatberguna sekali terutama jika seuatuwebsite memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robotsadalah sebagai berikut :<meta name="robots" content="index | noindex | follow | nofollow">Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semualink yang ada maka tambahkan perintah berikut ini :<meta name="robots" content="index follow">Dengan perintah ini spider akan meng-index main page Anda dan menjadwalkan untukmengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">).Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupunmenelusuri link yang ada pada suatu halaman web.<meta name="robots" content="noindex nofollow">

Lalu bagaimana memasang Meta Tags di Blogger :

Untuk memasang Meta tag diBlogger caranya cukup mudah, pertama masuk ke EditHTML kemudian copy paste kode dibawah ini, biasanya kode meta tags diletakandibawah kode <title><data:blog.pageTitle/></title> dan jangan lupa merubah kode warnamerah di bawah sesuai dengan deskripsi blog kamu.

<meta content=' Tulis deskirpsi disini' name='description'/><meta content='keyword1 keyword2 keyword3 ...' name='keywords'/><meta content='INDEX, FOLLOW' name='ROBOTS'/>

Selama Mencoba, Happy Blogging :)


209



Blog List: alternatif pengganti Blogroll?Thursday, February 14, 2008Blogger Draft telah menambahkan daftar fitur baru dengan nama Blog List. Konsep BlogList sebenarnya mengacu pada Blogroll, yang membuatnya berbeda Blog List lebihmenonjolkan link/title disertai Rss Feed yang berguna dari pada sekedar menampilkandaftar link blog (Blogroll). Ketika menambahkan URL pada Blog List, secara otomatisBlogger akan mencoba mendeteksi apakah link tersebut memiliki Atom atau Rss Feed,jika tidak blogger tetap akan menambahlan link tersebut dalam daftar. Kita juga dapatmenambahkan sendiri alamat blog apa saja yang ingin ditampilkan atau dapatmengimpor langsung dari alamat Google Reader.

Selain itu kita juga bisa menetapkan berapa banyak blog yang dimasukan dalam daftar,kemudian melakukan penyortiran serta dapat mengatur sendiri sesuai urutan. Yangmembuatnya lebih istimew BlogList akan menampilkan icon sesuai alamat link tujuan.

Sesuai konsep yang saya lihat bisa disimpulkan Blog list ini bertujuan menampilkanalamat Rss Feed berbeda lalu mengelompokannya kedalam satu list manajemen Feed.(tolong diralat jika salah)

Contoh tampilan Blog List:

Cara pasang Blog lisl pada blog:



3. Kemudian pada tab Template "Tambahkan sebuah Elemen Halaman"

4. Pilih Daftar Blog (Baru!) kemudian masukan daftar link tujuan yang diinginkan, alamatbisa berupa link blog atau langsung pada alamat link Rss Feed.

5. Jangan lupa disimpan.

Selamat mencoba :)


Blog Glossary (Kamus Blogger dan Istilah IT)Friday, February 15, 2008Melengkapi beberapa istilah Blog dan istilah IT dalam tulisan saya tentu saja diperlukansebuah daftar kata khusus untuk mempermudah kita semua memahami istilah-istilahyang mungkin masih asing didengar. Untuk itu saya akan menambahkan daftar kata(Glossary) pada blog ini. Semua istilah lama maupun baru akan terus diperbaharui danditambahkan dalam dalam daftar kata. Rekan semua juga dapat meminjam istilah dalamdaftar kata, karena menggunakan metode Bookmarks rekan tinggal mengarahkan saja

210

PROOF


langsung ke link tujuan, Contoh:http://www.o-om.com/blog-glossary.html#A (untukmengarahkan ke dalam kelompok istilah tertentu sesuaikan saja huruf pada abjad Asampai Z)

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

A

Alamat IPAlamat IP (IP address atau Internet Protocol Address) adalah rangkaian angka unik yangdigunakan untuk mengidentifikasi komputer di Internet. Rangkaian angka tersebut terdiridari angka yang dipisah dengan titik, sepert 202.032.123.113

Attachmentattachment ( lampiran )adalah file yang dihubungkan dengan pesan email. Beberapapaket pengelolaan pesan menggunakan pengkodean MIME untuk melampirkan file.

AvatarAvatar adalah representasi grafis yang dapat dipilih untuk dunia chating atau komunitasdigital lainnya. Representasi ini dapat berupa gambar manusia, obyek, dan binatang.

AdvertiserSama artinya dengan Merchant, yaitu pedagang atau perusahaan yang memberikankomisi.

ASCII (American Standard Code for Information Interchange)Standar huruf dan tanda baca untuk komputer. ASCII merupakan kode berupa karakter 8bit berbentuk angka 1 dan 0 untuk mewakili karakter-karakter alpha numerik.

AttachmentFasilitas pada sebuah program e-mail baik program komputer maupun webmail yangdapat digunakan untuk mengirimkan file, atau gambar, yang di ikutsertakan pada e-mailyang akan di kirim.

AttachPerintah untuk melacak dan memasukkan program ke dalam memori. Pada jaringankomputer berarti perintah untuk memasuki server dalam suatu jaringan.

Back to Index

B

BackupSalinan dari file program atau file data yang dibuat untuk memberi jaminan agar datayang ada tidak hilang atau terhapus apabila terjadi sesuatu pada file aslinya.

BlogBlog merupakan singkatan dari "web log" adalah bentuk aplikasi web yang menyerupaitulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Posting-posting tersebut seringkali dimuat dalam urutan secara terbalik (isi terbaru dahulu barukemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web

211



semacam itu biasanya dapat diakses oleh semua pengguna internet sesuai dengan topikdan tujuan dari si pengguna blog tersebut

BandwidthBandwidth menunjukan kapasitas dalam membawa informasi. Istilah ini dapat digunakandalam banyak hal: Telepon, jaringan kabel, bus, sinyal frekuensi radio, dan monitor.Paling tepat, bandwidth diukur dengan putaran perdetik (cycles per second), atau hertz(Hz), yaitu perbedaan antara frekuensi terendah dan tertinggi yang dapat ditransmisikan.Tetapi juga sering digunakan ukuran bit per second (bps).

BandwithKapasitas transmisi dari sambungan elektronik seperti jaringan komunikasi, buskomputer dan komputer channel. Biasa dilambangkan dengan bit per second atau Hertz.Jika dituliskan dalam Hertz, maka bilangannya menjadi lebih besar dibanding jikadituliskan dalam bit per second. Sebagai contoh bila dituliskan dalam bit per secondadalah 64 Kbps, yang artinya adalah 64 kilobit per detiknya atau 8 KiloBytes perdetiknya. Hal ini biasanya digunakan untuk mengukur kecepatan Internet yang sedangkita gunakan. Catatan 1Bytes = 8 bit

BitmapSebuah image grafis yang disusun dari pixel-pixel dan dikonversikan ke dalam bits. Biasadigunakan dalam Microsoft Windows.

BodySuatu tag HTML yang digunakan untuk membuka dan menutup semua isian (text, grafik,dll) dalam dokumen HTML.

Bookmark1. Dalam lingkungan Windows berarti memberi tanda pada hal tertentu untukmemudahkan saat pencarian.2. Suatu catatan elektronik di dalam browser yang berisi alamat-alamat ke tempat yangkita senangi di Internet.

Back to Index

C

Custom Domain Custom Domain merupakan nama domain pilihan yang bisa digunakansebagai alternative menggantikan nama blog kita diblogger (blogspot). Kita bisamenggantikan alamat namablog.blogspot.com dengan namablog.com atau .net, .info,.org, .web.id, atau dengan nama domain lainnyaCNAME CNAME (Canonical Name)adalah domain name alias, yaitu salah satu syntax yang dipergunakan dalam DNS untukmengarahkan Domain ke alamat tertentu. CSSCSS (Cascading Style Sheets) adalah cara yang memungkinkan pengembangmengendalikan gaya dan layout banyak halaman Web sekaligus. Sebelum ada CSS,pengubahan elemen yang terdapat pada banyak halaman Web harus dilakukan perhalaman. CSS bekerja seperti halnya template, yang dapat dipilih oleh pengembang Webuntuk diaplikasikan ke halaman-halaman Web yang diinginkan.

ChatLayanan percakapan online yang biasa digunakan pengguna Internet untuk berbicaradengan pengguna lain. Untuk bisa menggunakan fasilitas ini biasanya bisa melalui

212

PROOF


sebuah situs atau dengan meng-install sebuah aplikasi khusus untuk ber-chat-ria.Biasanya layanan ini digunakan untuk ajang kenalan, mencari teman baru, hinggamenjadi solusi komunikasi yang murah dan mudah. ClickIstilah untuk mewakili pemilihan obyek/menu dengan menekan salah satu tombol mouse.Back to Index

D

DomainDefinisi dari alamat di Internet, yang juga merujuk ke sebuah negara di mana situs webtersebut digunakan. Misalnya co.id untuk Indonesia. Sedangkan co atau com untuklembaga komersial dan net untuk lembaga yang berhubungan dengan Internet.Domain NameBagian dari URL atau alamat situs yang menunjukkan kepemilikan, misalnyaandinomaseleno.com menunjukkan alamat itu dimiliki oleh andinomaselenoDomain Name ServiceSistem database terdistribusi yang tidak akan banyak terpengaruh oleh bertambahnyadatabase.Domain Name Sistem1. Sistem yang menerjemahkan antara alamat IP dan host name Internet.2. Sistem pemberian alamat yang digunakan dalam lingkungan Internet. Intinya memberinama lain pada alamat Internet Protocol yang terdiri dari dua bagian, yaitu identitasorganisasi (nama organisasi) dan jenis organisasi (.com, .edu, .net, dsb).DHTMLDHTML (dynamic HTML) adalah HTML dengan tambahan formatformat khusus danscript untuk membuat halaman-halaman Web lebih interaktif. Meski baik MicrosoftInternet Explorer 4.0 dan Netscape Communicator 4.0 mendukung fitur-fitur DHTML,kedua cara yang digunakan tidak kompatibel, sehingga sebuah halaman yang ditulisdengan DHTML mungkin terlihat baik pada salah satu browser tetapi tidak bisa dibukadengan baik pada browser lainnya. Back to IndexEEditKegiatan memodifikasi format suatu keluaran atau masukan dengan jalan menyisipkanatau menghapus karakter.

Editor ProgramProgram khusus yang mempermudah pengguna melakukan koreksi, ,penyisipan,modifikasi, penghapusan dalam program atau data yang ada.

Electronic Bulletin BoardPapan pengumuman elektronik yang terdapat di suatu system jaringan. Umumnya berisiberita-berita terbaru. Pengguna dalam sistem jaringan tersebut dapat membacanyaataupun menempatkan berita ke dalamnya untuk dibaca pengguna lain.

E-mailSurat menyurat melalui Internet. Pengguna dapat saling bertukar berita. Berita-berita ituakan dikumpulkan dalam sebuah file untuk pengalamatan yang berupa mailbox,sehingga pengguna dapat membaca berita yang ditujukan kepadanya kapan saja.

E-mail AddressAlamat yang dipakai

213



EmoticonSimbol yang dibuat dengan keyboard untuk menjelaskan emosi pengguna komputeryang bersangkutan dengan lambang-lambang.

EncryptionPenerjemahan data menjadi kode rahasia. Enkripsi adalah cara yang paling efektip untukmemperoleh pengamanan data. Untuk membaca file yang di-enkrip, kita harusmempunyai akses terhadap kata sandi yang memungkinkan kita men-dekrip pesantersebut. Data yang tidak di-enkrip disebut plain text, sedangkan yang di-enkrip disebutcipher text.

EnterTombol pada keyboard yang fungsinya untuk memerintahkan komputer melakukan suatuinstruksi, atau sekedar untuk membuat baris berikutnya sekaligus memindahkan kursorke baris tersebut.Back to IndexFForumforum adalah grup diskusi online. Layanan online dan buletin board service (BBS)menyediakan beragam forum. Dimana peserta merupakan minat yang sama dapatbertukar pesan. forum kadang disebut Newsgroup.FileFile terdiri dari sekumpulan record-record yang saling berhubungan. Setiap recordmemiliki nomor yang disesuaikan dengan posisinya dalam file.

File NameNama yang diberikan pada sebuah file oleh pembuatnya. Tujuannya adalah supayamudah diingat dan mudah pula mencarinya.

File SharingKemampuan suatu jaringan untuk mengijinkan pemakaian file oleh beberapa penggunapada saat yang bersamaan.

File SystemMetode pemberian nama file dan cara menempatkannya ke dalam media penyimpan,termasuk penempatan file pada struktur direktori. Setiap sistem operasi memiliki metodeyang berbeda-beda untuk menempatkan file dalam struktur hirarki.

File TransferKegiatan pengiriman file dari satu komputer ke komputer lain melalui jaringan komputer.

File TypeSetiap file dalam media penyimpan memiliki tanda pengenal atau ciri-ciri yangmenyatakan jenis file tersebut. Umumnya pengenal tipe file tertera pada nama filetersebut, yaitu tiga huruf paling kanan setelah titik. Misalnya file dengan nama XXX.comartinya file command, file XXX.BAT adalah file batch, dan sebagainya.

File UnitFile yang menyimpan kode sumber bagi elemen-elemen dari aplikasi yang ada di fileForm. Sebuah file Form akan selalu berpasangan dengan satu file Unit.

Filename ExtensionTiga karakter terakhir pada nama sebuah file yang menentukan jenis file itu sendiri.

214

PROOF


FilterAlat atau rutin program yang dipakai untuk memisahkan sinyal atau data berdasarkankondisi tertentu.

FindPerintah pada pengolah kata ataupun dalam pemrograman untuk melakukan pencariankata, teks atau file tertentu.

Fine IndexIndeks sekunder yang bertindak sebagai penunjang indeks utama yang tidak terperinci,untuk pengenalan semua field yang sedang diindeks.

FingerUtilitas dari UNIX yang bertugas melaporkan informasi mengenai pengguna lain yangmemiliki account UNIX. Finger berupa aplikasi yang menampilkan informasi tentangpengguna tertentu atau semua pengguna yang sedang login pada local system ataupada remote system. Yang ditampilkan biasanya nama panjang pengguna, waktu loginterakhir, waktu idle, terminal line dan lokasi terminal.

FirewallSebuah software program yang dipasang pada sebuah jaringan dan bertugasmemproteksi sistem komputer dengan tujuan mengamankan Network Internal. Kadang-kadang membutuhkan layanan Proxy untuk mengizinkan suatu akses pada Web.

FORMAT1. Pada DOS merupakan perintah untuk membentuk sector pada disket atau harddisksehingga dapat digunakan untuk menyimpan data.2. Pengaturan hasil keluaran computer, meliputi penentuan jumlah baris per halaman,spasi antarbaris, batas tulisan (margin), huruf yang dipakai, dll.

Back to IndexGGooglebotGooglebot adalah nama yang diberikan oleh spider utama Google yang melakukanpenjelajahan sekitar sebulan sekaliGlossaryDaftar istilah berikut penjelasan pengertian istilah-istilah tersebut.

GPRS (General Packet Radio Service)Layanan komunikasi berbasis paket, tanpa kabel sebagai media komunikasi. Layanan inidiperuntukkan bagi komputer jinjing (notebook). Dasar dari GPRS adalah komunikasiGSM (Global System for Mobile Communication). Kecepatan yang ditawarkan mulai dari56 Kbps sampai dengan 114 Kbps, memungkinkan untuk mengakses Internet denganlebih cepat.

GIFFormat file untuk menyimpan data berupa gambar. Format GIF dikembangkan pertamakali oleh Compuserve. Format GIF 89a dapat menyimpan beberapa gambar sekaligusdalam satu file untuk dijadikan animasi. File GIF terkompresi, sehingga sangat kecil dansesuai untuk penggunaan di Internet.

Back to Index

215



H

HTTP (hypertext transfer protocol)Protokol yang memungkinkan bermacam-macam komputer saling berkomunikasi denganmenggunakan bahasa HTML,.HomepageHalaman pertama dari suatu Web Site.

HostIstilah yang digunakan untuk menunjuk sebuah komputer yang memungkinkanpenggunanya terhubung ke Internet.

Host NameNama dari komputer dalam Internet, digunakan untuk menunjukkan skema penamaanURL.

Hosting Service ProviderBiasa disebut dengan Web-Hosting, adalah perusahaan yang menyediakan layanan danpenyimpanan Web bagi perorangan atau perusahaan. Ada tiga tipe utama dalamlayanan hosting yaitu shared, dedicated dan colocation. HTML (Hyper Text MarkupLanguage)Format dokumen yang digunakan dalam World Wide Web (WWW). HTML merujuk padatampilan halaman, jenis, huruf, elemen grafis, juga link hypertext ke dokumen lain diInternet.

HTTP (Hyper Text Transfer Protocol)Sebuah metode atau protokol untuk mendowload file ke komputer. Protokol ini berbasishyper text, sebuah format teks yang umum digunakan di Internet.

HyperlinkLink atau sambungan ke sumber lain (bisa file atau halaman yang berbeda). Biasanyadigunakan dalam membangun sebuah Web.

HypertextDokumen online yang terdiri atas tulisan dan gambar dan berhubungan dengan dokumenlainnya. Biasanya untuk melihat hubungan dengan dokumen lain, kita harus menekantombol mouse pada tampilan layar.

Back to IndexIIndexIndex adalah istilah yang digunakan untuk menandai database yang menyimpaninformasi tentang masing-masing halaman web untuk setiap website yang dikunjungiSearch engine.IconSebuah lambang kecil berupa gambar yang tampak pada layar komputer. Biasanyadipakai untuk melambangkan dokumen atau program lain dan disk drive.

InternetIstilah umum yang dipakai untuk menunjuk Network tingkat dunia yang terdiri darikomputer dan layanan servis atau sekitar 30 sampai 50 juta pemakai komputer danpuluhan sistem informasi termasuk e-mail, Gopher, FTP dan World Wide Web.

216

PROOF


Internet Sharing PCSebuah komputer yang menyimpan banyak sumber daya seperti file, data dan koneksiInternet yang bisa diakses oleh komputer lain yang terhubung ke jaringan.

Internet Sharing SoftwareSoftware Pcnet-Home yang memungkinkan pembagian akses ke Internet denganmenggunakan satu account ISP dan satu buah modem, serta koneksi DSL, ISDNataupun kabel modem. Internet sharing software ini bisa digunakan untuk membuatInternet sharing PC.

Back to IndexJ

JavaBahasa pemrograman untuk menciptakan isi yang aktif dalam halaman Web, juga dapatdijalankan dalam semua komputer. Applet Java diambil/diakses dari halaman Web dandijalankan secara total.

Java appletSebuah program Java yang didownload dari server dan dijalanan melalui programbrowser. Java Virtual Machine dibundle di dalam browser dan memberikan instruksinya.

JavaScriptBahasa script interpreter untuk menciptakan isi yang aktif dalam halaman Web. Back to IndexKKeyboardKeyboard adalah piranti yang terdiri dari serangkaian tombol yang digunakan untukmemasukan data ke komputer. Tombol pada keyboard dapat diklasifikasikan sebagaiberikut:* tombol alfanumerik (alphanumeric keys) yang terdiri dari huruf dan angka.* tombol tanda baca (punction keys) yang terdiri dari tanda-tanya, titik, titik koma, dansebagainya.* tombol khusus (special keys) seperti tombol fungsi, tombol Control, tombol panah,tombol Caps Lock, dan sebagainya.Layout standard tombol-tombol pada keyboard disebut dengan keyboard QWERTY,karena enam huruf pertama pada baris teratas tombol huruf adalah QWERTY. TIdak adakeyboard komputer standard. Namun, pada dasarnya terdapat tiga macam keyboard PC:yaitu keyboard PC dengan 84 tombol (keyboard XT), keyboard AT dengan 84 tombol,dan keyboard AT yang telah ditingkatkan dengan 101 tombol. Ketiga keyboard iniberbeda pada layout tombol fungsi, tombol Control, tombol Enter, dan tombol Shift.Keyboard yang dikembangkan oleh Microsoft juga berbeda dan menambahkan tombol-tombol yang lain yang terkait dengan fungsi Windows. Di negara-negara yangmempunyai huruf atau karakter khusus juga dikembangkan keyboard yang memudahkanpengetikan atau pemasukan data.

Back to IndexLLocalhostDi dunia Networking, Localhost merupakan istilah yang digunakan untuk host itu sendiri.Nama localhost digunakan untuk konfigurasi aplikasi sebelum benar - benarmendapatkan hostname dari hostmasternya.

Log

217



Catatan yang merekam segala aktifitas suatu aplikasi dijalankan. terkadang Log jugadigunakan untuk menganalisa status suatu aplikasi.

LoginProses untuk masuk ke dalam sebuah layanan online yang berisi nama dan password.

Log outKeluar atau menutup, sama artinya dengan sign out.

layanan onlineLayanan online (online service) adalah bisnis yang menyediakan beragam data yangditransmisikan melalui saluran telekomunikasi kepada para penggunanya. Layananonline menyediakan insfratuktur yang dapat di gunakan para penggunanya untuk salingberkomunikasi ,mengirim data menerima pesan e -mail atau berpartisipasi pada forumyang tersedia. Di samping itu, layanan dapa menghubungkan pengguna denganinformasi lain yang disediakan pihak lain. Pengguna mendapatkan harga saham terbaru,berita-berita terhangat, serta artikel dari majalah atau jurnal. Semua informasi ini disediakan dalam bentuk digital. Perbedaan antara layanan online dan BBS (bulletin boardservice) adalah pada layanan yang ditawarkan dan laba yang diharapkan olehpenyedianya. Layanan online menyediakan beragam informasi dan layanan, sedangBBS biasanya hanya berkonsentrasi pada layanan tertentu yang lebih terbatas. Disamping itu, BBS biasanya dioprasikan atas dasar nirlaba, sedang layanan online untukmencari laba. Tiga layanan online terbesar yang ada saat ini adalah Amerika online,Compuserve dan MSN.Linus TorvaldsLinus Torvalds adalah yang menulis bagian inti sistem operasi Linux pada tahun 1991.Torvalds tidak berniat mendaftarkan Linux untuk mendapatkan copyright sehingga Linuxbisa didapatkan secara gratis. Banyak pengguna yang telah meningkatkan kemampuansistem operasi ini karena kode sumber Linux juga didistribusikan (open source). Sampaisaat ini, kira-kira hanya 2% program pada Linux yang ditulus oleh Torvalds.

LinuxLinux adalah implementasi sistem operasi UNIX yang didistribusikan dengan gratis danopen source. Linux kompatibel dengan berbagai platform hardware, termasukmikroprosesor Intel dan Motorola. Pertama kali dikembangkan oleh Linus Torvalds.Karena bisa dedapatkan dengan gratis dan dapat berjalan pada banyak platform,termasuk PC dan Macintosh, Linux menjadi sangat populer. Versi lain UNIX yang populerdan dapat dijalankan pada mikroprosesor Intel adalah FreeBSD.

Back to IndexMMailing listMailing list adalah cara melakukan diskusi atau berbagi informasi pada kelompok tertentudengan bantuan email yang dikirimkan ke mailing list secara otomatis dikirimkan kepadasemua anggota mailing list tersebut. Lalu lintas email ini diotomatisasikan dan diatur olehprogram yang disebut mailing list manager (MLM). Dua MLM yang paling banyakdigunakan adalah Listserv dan Majordomo.

MovieKumpulan beberapa scene. Movie berisi scene, object, effect, dan action karena semuaunsure inilah sebenarnya yang membentuk animasi pada movie.

218

PROOF


MP3Sebuah file ekstensi yang diasosiasikan kepada Mpeg Audio Layer 3. Jenis file inimemungkinkan penyimpanan file audio/musik dalam ukuran byte yang relatif kecil tanpaberkurangnya kualitas yang berarti.

MPEG (Motion Picture Expert Group)Suatu standard dan format file untuk video bergerak dalam komputer.

MPEG (Motion Picture Expert Group)Standar dari format file untuk Video bergerak dalam komputer.

MultimediaSuatu PC, sistem dokumen, dll yang mengkombinasikan teks, grafik, suara, film ataumedia lain.

Back to IndexNNetworkSekelompok komputer yang terhubung yang bisa saling berbagi sumber daya (sepertiprinter atau modem) dan data.

NewsletterLembar warta, semacam bulletin. Di Internet berarti lembar warta yang disebarkan mail,dengan tata letak menyerupai halaman web, sehingga link-nya bisa di klik.Back to IndexO

OpenID OpenID bisa dikatakan sebagai sistem login terpusat, OpenID bertujuan untukmempermudah system login dengan hanya menggunakan satu username untuk loginkebanyak situsBack to IndexPPertamax KomentarPertamax komentar merupakan istilah dalam dunia blogger, dimana pemberi komentarakan menuliskan kata pertamax jika dia merasa berada dalam posisi pertama dalamkolom komentar (masih kontroversi) PingPacket Internet Groper. Suatu program test koneksi yang mengirim suatu paket datakepada host dan menghitung lamanya waktu yang dibutuhkan untuk proses pengirimantersebut.

Proxy ServerProxy server bekerja dengan menjembatani komputer ke Internet. Program Internetseperti browser, download manager dan lain-lain berhubungan dengan proxy server, danproxy server tersebut yang akan berkomunikasi dengan server lain di Internet.

Public Domain SoftwareProgram yang diberikan oleh pengembang (pembuat) kepada seseorang dan orangtersebut diberikan hak penyalinan serta kepemilikan sepenuhnya.

Public Key EncriptionSistem enkripsi (penyandian) yang menggunakan dua kunci, yaitu kunci publik dan kunciprivat. Kunci publik diberitahukan oleh pemilik dan digunakan oleh semua orang yangingin mengirimkan pesan terenkripsi kepada pemilik kunci. Kunci privat digunakan olehpemilik kunci untuk membuka pesan terenkripsi yang ia terima.

219



Back to IndexQBack to IndexRResizeMengubah resolusi atau ukuran horizontal dan vertika suatu citra.

ResolusiJumlah detail yang ditunjukkan dalam gambar, baik di layar monitor atau hasil cetakan.Untuk monitor atau webcam, adalah jumlah pixel yang bisa di-display (biasanya1.024x768 untuk monitor 17 inchi).Back to IndexSSearch engineTool untuk mengkatalogkan isi Internet dan untuk membuat indeks dari isi internet.Toolini bisa mempercepat pencariaan di internet.Saat ini sudah banyak terdapat searchengine di internet,seperti:yahoo, Infoseek, lyos, Alta vista, dan lain-lain,.Subdomain Subdomain adalah bagian dari sebuah nama domain induk. Subdomainumumnya mengacu ke suatu alamat fisik di sebuah situs contohnya: wikipedia.orgmerupakan sebuah domain induk. Sedangkan id.wikipedia.org merupakan sebuah subdomain. Subdomain juga sebagai Third level domain. ( kutipan dari id.wikipedia.org)Simple Mail Transfer Protocol (SMTP)Protokol ini untuk memproses pesan teks yang hanya berisi rangkaian karakter ASCII (A-Z, angka, dan tanda baca keyboard standar) serta alamat sasaran. ScriptProgram yang ditulis dalam bahasa pemrograman khusus dan biasanya terdiri dariserangkaian perintah. Script biasanya bekerja bila suatu program aplikasi dijalankan.

SendmailSalah satu “mail transport agent” (MTA) yang paling banyak digunakan di sistem UNIX.Tugas dari sendmail adalah untuk menerima e-mail dari luar maupun dari sistemsetempat dan mengirimkannya ke tujuan (misalnya menambahkan e-mail tersebut kemailbox dari pemakai atau mengirimkannya ke server yang dituju.

Server1. Sebuah komputer di Internet atau di jaringan lainnya yang menyimpan file danmembuat file tersebut tersedia untuk diambil jika dibutuhkan.2. Sebuah aplikasi jaringan komputer yang digunakan untuk melayani banyak penggunadalam satu jaringan.

Shared HostingLayanan hosting diberikan dengan meletakkan file-file pelanggan dalam satu serverbersama dengan pelanggan lainnya. Cara ini memang lebih hemat dalam investasi awal,akan tetapi menjadi masalah pada saat situs pelanggan menjadi semakin besar sertasemakin banyak pengaksesannya. Apalagi bila ditambahkan dengan file besar sepertistream-video. Keterbatasanshared hosting ini adalah pada bandwith dan kecepatan processor servernya untukmelayani pengguna dalam jumlah banyak.

SharewarePerangkat lunak yang bisa didapatkan secara bebas, yang didasarkan atas percobaan.Program-program shareware membutuhkan biaya atau registrasi bila ingin melanjutkanpemakaiannya.

220

PROOF


ShortcutFasilitas yang terdapat pada Windows 95 dan Windows 98. Merupakan tipe spesial darisebuah file yang merujuk pada file lain pada device. Pengguna komputer dapatmeletakkan shortcut pada desktop untuk memudahkan akses pada file-file yang letaknya'jauh' di bawah struktur directory.

Source CodeKalimat-kalimat dan instruksi pemrograman yang ditulis oleh programmer.

Sign inMendaftarkan diri (menjadi member).

Sign outKeluar atau menutup, sama artinya dengan log out.

SignatureCiri khusus informasi pribadi yang digunakan dalam e-mail atau news group, biasanyaberisi file atau secara otomatis terkait dengan mail atau post.

SitusSebuah komputer yang terhubung oleh Internet, dan menyajikan informasi atau layanan,seperti newsgroups, e-mail, atau halaman web.

SkinTampilan antar muka suatu program di layar monitor yang dapat diganti-ganti.

SpamPesan tidak diinginkan yang masuk melalui e-mail, bisa berupa pesan yang tak berartiatau iklan yang kurang berguna.

Statistik WebFasilitas yang mencatat data dari sebuah web.

SubmitMengirim form yang telah diisi ke dalam server Web. Back to IndexTTransparent GIFTransparent GIF adalah salah satu fitur standard GIF89a. Transparent GIF tetapmenampakan latar belakang yang tidak tertutup bagian citra yang dipilih. Ketika dibuat,perancang dapat memilih salah satu warna transparan pada palette citra. Ketikaditampilkan, warna transparan yang dipilih dihilangkan.

TelnetTelnet adalah protokol yang digunakan untuk menghubungi host yang berada jauh darisebuah terminal. Koneksi ke host dari sebuah terminal yang menggunakan telnetdilakukan melalui internet. Setelah koneksi dilakukan, maka pengguna pada teminaldapat mengakses dan bekerja pada mesin yang dihubungi dengan Telnet

TCP/IPTCP/IP Transmission Control Protokol adalah dua buah protokol yang dikembangkanoleh militer AS yang memungkinkan komputer pada jaringan dapat saling berhubungan.IP digunakan untuk memindahkan paket data antarsimpul. TCP dugunakan untuk

221



memverifikasi pengiriman dari client ke server. TCP/IP adalah dasar internet dan dapatditemukan pada semua system operasi modern, seperti Unix dan Windows.

TagKode HTML yang digunakan untuk menunjukkan jenis teks, link, grafik atau elemenHTML lainnya.

TaskbarSebuah on-screen toolbar pada layar yang menunjukkan task atau aplikasi yang sedangaktif/berjalan. Jika kita mengklik tombol taskbar, hal ini akan mengakibatkan aplikasiyang sedang berjalan kembali pada startup-nya/posisi awalnya.

TemplateDokumen berisikan model-model tampilan yang muncul pada saat proses pembuatandokumen lain.

ThemeKesatuan visual unik yang terdiri atas warna, huruf, gambar dan suara, dalam sebuahaplikasi.

TitleTag HTML yang digunakan untuk memberikan judul tiap dokumen HTML.

TutorialProgram petunjuk untuk menjalankan sebuah aplikasi.

Back to IndexUUploadProses mentransfer informasi dari sebuah komputer ke komputer lain/server melaluiInternet.URL (Uniform Resource Locator)Sebuah alamat yang menunjukkan rute ke file pada Web atau pada fasilitas Internet yanglain. URL diketikkan pada browser untuk mengakses suatu situs Web. URLURL uniform resorce locator atau universal resource locator adalah alamat internet.Alamat internet tersebut diterjemahkan dari yang umum ke yang khusus (seperti sewaktumenelepon, mulai dari kode negara, kode wilayah dan nomor telepon). Contoh URLadalah http://www.microsoft.com/info/index.

USBUSB Universal Serial Bus adalah port standard yang digunakan untuk menghubungkanpiranti eksternal (seperti kamera digital, scanner, dan mouse) kekomputer denganwinadows 98 atau Machintosh. Standard USB mendukung kecepatan transmisi samapidengan 12 Mbps. Piranti USb dapat juga dihubungkan atau lepas tanpa merestartkomputer.

UpgradeUpgrade adalah program yang dirilis untuk meningkatkan kemampuan programsebelumnya. Banyak perusahaan software meningkatkan kemampuan produksoftwarenya secara berkala dengan menambahkan fitur dan fungsi baru

UNIX

222

PROOF


UNIX adalah sistem operasi yang mendukung multi-user dan multitasking yangdikembangkan di Bell Labs pada awal tahun 1970-an. UNIX adalah salah satu sistemoperasi pertama yang ditulis dengan bahasa pemrograman tingkat tingkat,yaitu C. BellLabs mendistribusikan sistem opersi ini dengan kode sumbernya sehingga dapat diubahdan disesuaikan dengan kebutuhan yang khusus. Pada akhir tahun 1970-an terdapatbanyak versi UNIX. Pada tahun 1982, AT&T memulai memasarkan UNIX. Karenabanyaknya versi yang ada, ada kesulitan untuk membuat UNIX versi standard. Sampaisaat ini, terdapat dua macam UNIX di pasaran: satu di produksi oleh AT&T yang dikenaldengan System V dan lainya dikembangkan oleh Barkeley University dan dikenal denganBSD4.x (x=1, 2, 3).Karena portabilitas, fleksibilitas, dan ketangguhannya, UNIX menjadi sistem operasipilihan untuk workstation. Linux adalah versi lain UNIX yang banyak digunakan untuk PC.Back to Index

VVisual basicVisual basic adalah bahasa pemrograman tingkat tinggi dari Microsoft yang berarahgrafis dan relatif mudah untuk dipelajari. Visual basic dapat digunakan untuk membuataplikasi basisdata sederhana sampai paket perangkat lunak komersial.Visual C++Visual C++ adalah alat bantu pengembangan aplikasi yang dikembangkan oleh Microsoftyang diperuntukkan untuk programmer C++. Visual C++ mendukung pemrogramanberarah objek untuk aplikasi 32 bit pada lingkungan Windows. Pada Visual C++disertakan pula intergrated development environment (IDE), kompilator C/C++, dan classlibrary yang disebut Microsoft Foundation Classes (MFC). IDE terdiri dari AppWizard,ClassWizard, fitur-fitur pengujian yang memudahkan pemrograman. Visual C++ pertamakali dirilis pada 1993.

VoIPVoIP (Voice over Internet Protocol) adalah nama lain internet telephony. Lihat internettelephony. Back to IndexWWeb HostingPenyediaan ruang untuk menyimpandapat diakses 24 jam via Internet.Web ServerPerangkat keras dan perangkatdokumen HTML untuk digunakan dalam WorldWeb SiteSuatu koleksi dokumen HTML pribadiWeb dapat berisi lebih dari satu situs. WYSIWYGIstilah WYSIWYG what you see is what you get merujuk kepada teknologi yangmemungkinkan menampilkan citra atau format teks pada laayr persis jika citra formatteks tersebut dicetakWi-FiWi-Fi Wireless Fidelity adalah nama dagang resmi untuk IEEE 802.11b yang dibuat olehWireless Ethernet Compatibility Aliance (WECA). Istilah Wi-Fi menggantikan 802.11bseperti halnya istilah Ethernet menggantikan IEEE 802.3. Produk yang disertifikasi olehWECA sebagai Wi-Fi dapat beroperasi bersama meskipun dibuat oleh perusahaan yangberbeda. Web portalWeb portal adalah situs Web atau layanan yang menawarkan beragam sumberdaya danlayanan. Seperti e-mail, forum, mesin pencari, dan tempat belanja online. Web portalpertama adalah layanan online, seperti AOL dan MSN, yang menyediakan akses ke web,tetapi sekarang banyak mesin pencari tradisional yang diubah menjadi Web portal untukmenarik lebih banyak pengguna.

223



Web serverWeb server adalah komputer yang mengirimkan halaman-halaman Web. Setiap Webserver mempunyai alamat IP dan nama. Komputer dapat dijadikan sebagai Web serverdengan diinstal software server dan menghubungkannya dengan internet. Terdapatbanyak software server, baik yang gratis, seperti yang dibuat oleh NCSA dan Apache,maupun yang komersial, seperti yang dibuat oleh Microsoft dan Netscape.

WebmasterWebmaster adalah orang yang bertugas memelihara situs Web. Tugas tersebuttermasuk menulis File HTML, membuat dan mengatur program yang lebih rumit, danmembalas e-mail yang masuk. Back to Index

XBack to IndexYBack to IndexZ

Back to Index

SUMBER ISTILAH:

http://id.wikipedia.org/wiki/Blog

http://www.ictcentre.net

http://www.ilmukomputer.com (Kamus: Andino Maseleno)


Tips memilih HostingSunday, February 17, 2008Banyaknya pertanyaan mengenai cara Tips memilih Hosting membuat ommengharuskan artikel ini ada. Terus terang om lagi malas nulis tentang Hosting, selainagak ragu, karena menurut saya pribadi tulisan ini agak vital dan om gak mau disalahkannantinya. untuk itu om pilih aja tips dari pa Onno W. Purbo dan om yakin tulisan pa OnnoW. Purbo gak bakal ada yang protes hihihihi. Ok dibawah ini merupakan cara Tipsmemilih Hosting yang baik.

Pada saat kita memutuskan untuk membangun situs web, pada saat itu kita memutuskanuntuk mencari rumah untuk situs web yang akan di bangun. File web tersebut mau tidakmau harus di letakan di sebuah server web yang tersambung ke internet 24 jam se hari.Komputer / server tersebut dapat berupa komputer di rumah atau kantor, ataumenggunakan servis web hosting yang marak di Internet. Memang servis web hostingakan menangani berbagai hal teknis yang berkaitan dengan web server, sehingga kitabisa mengkonsentrasikan diri pada pengembangan content. Pada masing-masing pilihanselalu ada pro dan kontra yang harus di perhitungkan baik-baik.

224

PROOF


In-House vs. Out-of-HouseMemang web server semakin hari semakin mudah untuk di jalankan di dan konfigurasi,akan tetapi masih membutuhkan pengorbanan waktu & kemampuan teknis yanglumayan untuk me-manage server tersebut, belum termasuk biaya yang perlu dikeluarkan untuk peralatan. Jika anda baru saja start atau merupakan situs yang masihkecil, rekomendasinya adalah menggunakan hosting service. Kemungkinan ISP kitadapat memberikan hosting servis yang di maksud. Memang kemungkinan solusi awalyang ekonomis bagi perorangan atau start-up company adalah menggunakan hostingservis yang relatif ekonomis. Dengan semakin besar dan kompleks-nya situs yang kitamiliki, mungkin kita perlu melihat alternatif mana yang lebih baik.

Dengan hosting servis memang akan menghindarkan kita untuk melakukan pengeluaranbagi perangkat keras & perangkat lunak yang berharga antara Rp. 4 juta s/d puluhan jutatergantung dari tipe peralatan-nya. Belum lagi sekedar alat tidak cukup, kita juga harusmembayari administrator situs. Tentunya dengan menyewa web hosting semua inimenjadi tidak di perlukan, akan tetapi kemungkinan kita masih perlu menyewa konsultanpart-time untuk membantu pemeliharaan.

Dengan cara di atas maka biaya yang dikeluarkan pada tahun pertama akan sangatbeda sekali daripada menggunakan server / staff sendiri. Perlu kita menyadari bahwaapapun yang kita lakukan, kita masih harus bertanggung jawab untuk membayar tagihan& menjaga content dari situs. Biaya yang perlu kita keluarkan biasanya bervariasitergantung lokasi, ISP, berbagai paket yang di berikan ISP, jenis saluran komunikasi dll.Semakin kompleks situs yang kita bangun maka akan semakin tinggi biayapengembangan & pemeliharaannya. Semakin banyak trafik yang akan di generate jugaakan semakin mahal biaya-nya untuk menggunakan out-of-house provider. Sayang biayatelekomunikasi di Indonesia masih terlalu mahal, jika saja kompetisi terjadi diantara paraoperator telekomunikasi, maka akan lebih murah jika kita bisa mempunyai leased line2Mbps ke rumah & mempunyai server web di rumah tentunya jika kita mempunyaitenaga tetap untuk mengadministrasi web server tersebut. Untuk detail tentang seni &pengetahuan tentang webmaster ada baiknya mengunjungi web referencehttp://webreference.com.Pilihan lain adalah co-location. Dengan servis co-location, si provider akan menyediakantempat dan fasilitas pemeliharaan kepada server milik kita yang secara fisik di letakan disitus mereka. Pilihan ini merupakan pilihan yang baik jika kita dapat membeli perangkatkuat yang baik akan tetapi tidak mau memelihara & menjalankan sistem 24 jam.

Package ProvidersBeberapa hosting servis menawarkan paket turnkey, mulai dari perencanaan,perancangan, pemrogramman hingga secara fisik memelihara situs yang kita akan miliki.Jika anda akan menggunakan paket turnkey ini ada baiknya mengevaluasi secaraseksama semua pilihan yang ada. Pastikan untuk memperoleh estimasi harga secaratertulis dengan tarif jam-jam-an maupun rekap biaya untuk setiap fase proyek.

Memilih Servis HostingJika kita memutuskan untuk memilih hosting servis, mencari servis yang stabil, hargapantas, customer friendly. Berikut adalah beberapa pertanyaan yang dapat membantuanda:

Berapa cepat & stabilkah sambungan mereka ke Internet? Apakah mereka bisamenggaransi servis & support 24 jam? Apakah mereka mempunyai uninterrupted powersupplies (UPS) dan sistem backup yang baik?

225



Tentunya akan sangat menyakitkan jika kita sudah mengeluarkan uang puluhan jutauntuk membangun sebuah situs tapi yang di peroleh hanya keluhan dari pengaksesbahwa situs kita lambat. Hosting servis tersebut sebaiknya minimal mempunyai dua (2)buah sambungan ke internet pada kecepatan tinggi 2Mbps atau lebih. Lebih baik lagi jikamempunyai sambungan langsung ke Indonesia Internet Exchange (IIX) jika di targetkanuntuk audience di Indonesia.

Berapa lama mereka sudah beroperasi? Berapa pegawai yang mereka punyai?

Untuk situs yang serius mau tidak mau sebaiknya menghindari start-up company.Memang start-up company akan menguntungkan untuk mencari servis yang murah.Akan tetapi kalau kita ingin serius menjalankan usaha, mau tidak mau kita harus memilihservis yang baik yang mempunyai programmer yang profesional, spesialis jaringan danstaff pelayanan pelanggan yang baik.

Apakah mereka memberikan servis domain name yang penuh (contohnyawww.usahaku.com)?

Beberapa hosting servis memang tidak mau pusing untuk membuatkan alias yangdibutuhkan untuk mendukung berbagai domain name yang berbeda. Sebagai gantinyaser ing ka l i mereka menawarkan bentuk a lamat seper t i www.prov ider-hosting.com/usahaku/ yang tentunya tidak se keren www.usahaku.com. Maka sebaiknyajika ISP atau provider hosting anda tidak bisa mensupport domain name secara penuh,ada baiknya berfikir untuk mencari yang lain saja.

Berapa megabyte data yang boleh di simpan? Apakah ada biaya tambahan untuk trafikyang besar yang melalui situs anda?Coba mencari provider yang dapat memberikan minimal 25 Mbyte yang umumnyastandar sekarang ini. Untuk situs yang lebih besar kemungkinan besar akanmembutuhkan tempat penyimpanan yang lebih besar. Umumnya provider / servis hostingakan meminta bayaran tambahan untuk kelebihan bandwidth setelah melewati batasantertentu. Oleh karena itu kita perlu merencanakan berapa besar data yang ditransfersetiap bulan & berapa biaya yang dibutuhkan jika kita melebihi batas yang di tentukan.

Bagaimana bentuk laporan trafik yang diberikan oleh hosting servis?Tentunya kita harus memperoleh laporan trafik yang berisi kunjungan ke situs kita. Akanbanyak sekali data yang bisa kita peroleh dengan adanya laporan trafik, berdasarkanlaporan yang ada akan sangat membantu dalam men-tune situs kita berdasarkankebutuhan & permintaan pembaca.

Bagaimana cara anda meng-update halaman web? Apakah anda mempunya akses FileTransfer Protocol (FTP)?Cara update yang paling umum & paling mudah adalah meng-edit halaman web tersebutdi komputer kita & meng-upload (men-transfer) file tersebut ke server Web menggunakanprogram FTP.Apakah servis hosting mendukung CGI sehingga kita dapat menggunakan formulir,pencari database dan image map?Jika anda ingin mempunyai formulir / image map maka anda harus mempunyai aksespenuh ke direktori cgi-bin. Direktori CGI (Common Gateway Interface) tempat meletakanscript & berbagai program yang dijalankan oleh Web di simpan. Umumnya hosting servisakan memberikan layanan ini.

226

PROOF


Apakah ada penjaga keamanan yang menjamin h4cker / cr4cker tidak masuk?Tidak bisa di sangkal bahwa keamanan adalah salah satu hal yang termasuk palingpenting dalam usaha di Internet. Pada saat ini memang tidak ada satu teknologipun yangdemikian sempurna yang mampu menahan serangan para cr4cker ini. Bagaimana kitadapat meminimisasi kemungkinan serangan ini? Cara yang paling sederhana adalahmenanyakan apakah di provider tersebut menyediakan orang yang ahli dalam bidangsecurity / keamanan jaringan. Yah apa boleh buat, jika tidak ada orang yang ahlikeamanan jaringan di provider tersebut ada baiknya pindah ke provider yang lain.Biasanya yang ingin kita dengan adalah bagaimana cara mereka memonitor aktifitas dijaringan selama 24 jam yang dapat mendeteksi aktifitas yang tidak wajar sebelumaktifitas tersebut membuat kerusakan. Biasanya mereka mempunyai program untukfirewall atau untuk mengatasi masalah-masalah security yang umum. Bagi anda yangingin secara serius mempelajari masalah security ini ada baiknya mulai membaca-bacaNational Institute of Computer Security Resource Clearinghouse http://csrc.nist.gov;SANS Institute http://www.sans.org; Rootshell http://www.rootshell.com.

Apa Sebenarnya Domain Name?Sebuah domain name (www.usahaku.com) adalah identitas anda yang unik di Internet.Setelah anda mempunyai domain maka sebetulnya dapat dengan mudah mendaftarkanalamat IP situs anda ke InterNIC http://www.internic.net atau berbagai servis domainregistration. Beberapa servis hosting akan menawarkan "pseudo domain name" yangartinya mereka akan meletakan alias di komputer mereka supaya tampaknya sepertidomain name betulan, padahal tidak. Masalahnya jika domain name tersebut tidak diregistrasikan di InterNIC maka akan ada saja orang yang akan mencuri domain tersebut -padahal anda sudah menggunakannya selama beberapa bulan atau tahun.Biaya pendaftaran domain name sekitar US$70 untuk dua tahun pertama dan US$35untuk setiap tahun selanjutnya. Banyak ISP yang dapat membantu anda untukmeregistrasikan domain yang anda inginkan dengan meminta sedikit uang jasa.

Penulis : Onno W. Purbo


Scheduled Posts (Posting Terjadwal)Sunday, February 17, 2008Fasilitas baru lagi dari blogger.com yaitu Scheduled Posts, dengan adanya fasilitasScheduled Posts (Postingan Terjadwal) kita akan dimudahkan melakukan pengaturanpenjadwalan posting kapan saja kita mau. Misalkan kita ingin tulisan saat ini dipublikasikan minggu depan caranya tinggal mengatur saja waktu postingan.

227



Cara melakukan Setting Scheduled Posts:



3. Pada halaman posting pilih "Pilihan Posing" atau “Post Options” lalu arahkan kePosting tanggal dan waktu

4. Silahkan atur tanggal dan jam kapan postingan kita akan diterbitkan

Ketika kita menekan tombol Mempublikasikan secara otomatis postingan kita akanterjadwal dan akan diterbitkan sesuai waktu yang sudah tentukan. Jika inginmenghentikan penjadwalan tinggal simpan saja sebagai draft. Selamat Mencoba :)


Keluh kesah BlogaholicSunday, February 17, 2008Bosan banget dengan gaya tulisan oom yang kaku dan rada formil, rada gimana gitu..jadimalas sendiri melihatnya...dasar dodol hihihi !!. ngomongin masalah dodol jadi ingat suhuiwan Free-7 karna hampir tiap malam chat sama iwan pasti gak jauh dari bahasan dodol:). Menurut om pribadi, nih orang bukan blogger sejati tapi lebih pantas dibilang masterjaringan sejati..nah loh kok jadi ngomongin iwan heheheh ok iwan kapan2 om traktirminum teh :)

Langsung kebahasan aja ya..om yakin selama ini kita ngeblog pasti nemuin titik jenuh,gimana gak ya kalo tiap hari yang dipelototin itu itu doank, kalo gak mainin tikus, papanketik dan pasti liat kaca yang ada warnannya. kalo cuma begini setiap hari tentu ajangebosanin..jangan2 om dah bosan ngeblog nih? munkin saja..iya lah sebagai manusiawajar dong om punya rasa bosan. Bosan bukan berati berenti ngeblog khan..hanya jamterbangnya saja yang om batasin, lagian masa mau di depan blog seharian, tul nggak?.Mau tau hal paling om benci dari dunia blog?

Kenapa saya benci sebagai Blogaholic:

1. Blog kadang benar-benar menghabiskan waktuku.

2. Blog kadang menguras kantongku.

3. Rokok dan kopi selalu menggodaku (sampai kangker rasanya)

4. Aku seakan menzinahi laptop ku setiap hari.

228

PROOF


5. Aku kadang lupa makan dan minum.

6. Aku selalu begadang tiap malam demi pacar keduaku, jadi kasian sama yayank kuLULU :(

7. Aku dikenal di dunia blog -> PD BGT YA :), namun selangkah saja aku beranjak darilaptopku...siapa yang kenal aku??

8. Aku jarang mandi karena blog.

9. Aku seperti wartawan yang haus akan berita.

10. Kacamataku semakin tebal saja minusnya. (belum tau khan sebenarnya om pakekacamata minus)

11. Aku banyak duduk dan jarang berolah raga.

12. Pengeluaranku lebih besar dari pendapatanku.

13. Aku lagak seorang ilmuan yang selalu meneliti hal baru di laboratorium kecildikamarku.

14. Sampai kapan aku ngeblog?? cuma waktu aja yang bisa ngejawabnya :)

14. tapi kalo dipikir2 Blogger dan Search Engine lah yang menjadi sahabatku satu-satunya tempatku mengadu dan berbagi cerita..I love u Google

Nah begitu tuh keluh kesah om. kayaknya giliran kalian lagi yang nulis kenapa kalian jadiblogaholic dan kadang sampai bisa benci dunia blog, silahkan tulis di komentar okay.


Account email domain sendiri (Tutorial GoogleApps)Wednesday, February 20, 2008Setelah beberapa hari berkeluh kesah sebagai Blogaholic kini saatnya bangkit kembalisebagai blogger terjadwal, ternyata istirahat sejenak dari blogging bikin otak fresh jugalho..malah ide baru semakin banyak bermunculan :). Trus sekarang apalagi yang baruom? sesuai judul diatas, om akan memberikan tutorial tentang Google Apps yaitu caramembuat account email gratis sesuai dengan nama domain kita sendiri. Ok Lanjut....

Penjelasan singkat tentang Google Apps.

Google Apps merupakan layanan perangkat komunikasi dan kolaborasi sederhananamun bisa dibilang sangat canggih. Dimana layanan ini ditujukan untuk memberikankemudahan kepada suatu organisasi yang membutuhkan layanan Powerfull denganharga murah bahkan gratis. Dengan memiliki account gratis di Google Apps berarti

229



sudah memiliki beberapa layanan yang siap diberikan kepada penguna atas namadomain kita, layanan yang diberikan berupa satu paket yaitu AccountGmail, GoogleCalendar, Google Talk dan Docs & Spreadsheets. (info lengkap bisa dibaca pada GoogleApps)

Diantara layanan yang diberikan tentu saja layanan Account Gmail yang paling menarik,dimana dengan layanan ini kita bisa memiliki alamat account email sesuai dengan namadomain kita sendiri, perlu diingat email account yang diberikan hanya terbatas pada 100account jika dirasa kurang kita dapat menambah account baru dan tentu saja dikenaibiaya tambahan. Contoh nyata Google Apps bisa dilihat pada domain saya (http://www.o-om.com ) dimana saya memberikan fasilitas email gratis dengan [email protected]. Sampai saat ini sudah ada 60 anggota pengguna email yangmendaftar, jadi masih ada 40 account lagi yang tersisa, udah jadi anggota? kalo belumburuan daftar :)

Sebelum mendaftar ke layanan Google Apps pastikan bahwa kita sudah memiliki alamatdomain sendiri, jikapun belum ada jangan berkecil hati..kamu tetap bisa melakukanpendaftaran :)

Ikuti langkah-langkah membuat email account Pada di Google Apps:

1. Pertama klik http://www.google.com/a/org/?hl=id

2. Pada halaman "Inovasi Google. Solusi canggih. Tanpa biaya" Tekan tombol Sign up.

3 Pada halaman "Pilih edisi yang sesuai dengan kebutuhan Anda" sebaiknya pilih Edisistandar lalu tekan tomblog Sign up .

4. Akan tampil halaman "Selamat datang ke Google Apps" tuju ke "Pilih nama domain(langkah 1 dari 3)" pilih Saya sudah punya sebuah domain

Langkah I : Pilih nama domain

Masukan nama domain milik kita sendiri (domainkamu.com). jika sudah pilih tombol"Gunakan domain saya"

Langkah II : Mendaftar ->Sign up for Google Apps Standard Edition (step 2 of 3)

Disini kita diminta untuk mengisikan form isian, isikan sesuai petunjuk yang ada, jikasudah tekan tombol Lanjutkan

Langkah III : Set up - Create your first administrator account (step 3 of 3)

Disini peran kita sebagai administrator, masukan beberapa isian data sesuai petunjukyang ada. Jika sudah tekan "i accept. Continue with set up"

230

PROOF


5. Kita akan menerima email Confirmasi, check email tersebut atau jika malas buka emailbisa langsung masuk form login pertama kali.

6. Setelah login kita akan dihadapkan pada halaman Dashboard, karena saya hanyamenjelaskan cara mengaktifkan email, jadi rekan bisa menuju icon Email lalu klik icontersebut, Perlu diingat nama default yang diberikan google untuk mengakses maildomain kita adalah http://mail.google.com/a/namadomain.comnamun kita dapatmengubah sendiri nama mail custom domain sesuai keinginan asal jangan gunakan subdomain dengan "www". Saran saya sebaiknya tetap gunakan nama "Mail" saja. Jadinama mail domain kita nantinya seperti ini http://mail.namadomain.com. jika sudahmelakukan setting untuk nama alamat sub mail domain, jangan lupa klik save changesdan kembali lagi ke halaman dashboard.

7. Tuju kembali icon Email lalu pilih link "Activate email" Pada halaman Set up emaildelivery Disini kita diminta untuk melakukan setting Mail Exchange (MX) records (MX-Record merupakan alamat Mail-eXchange server. Jadi berguna untuk menunjukkanalamat Mailbox domain-name bersangkutan) Mail Exchange (MX) rekord akan

231



mengontrol bagaimana email masuk kemudian diarahkan kedomain kita. SebelumGoogle bisa mengarahkan ke email, kita perlu mengubah Mail Exchange (MX) Record iniuntuk menunjuk kepada server Google.

Catatan : Sebelum kita melakukan setting pada Mail Exchange (MX) jangan tekan dulutombol "I have complete these step"

Pada pilihan Showing instructions for kita bisa memilih alamat Hosting atau DNS gratisyang saat ini kita gunakan. karena saya pribadi menggunakan layanan gratis DNSParkjadi saya hanya menjelaskan pada layanan ini saja.

Setting Mail Exchange (MX) Pada layanan DNSPark:• Log in ke account DNS Park.• Klick DNS Hosting.• Pilih nama domain kamu yang akan digunakan untuk Google Apps.• Click Mail Records (MX).• Pada MX Resource records, pertama kali masukan data dibawah:

Mail Domain Priority Hostname (auto-filled) 1st ASPMX.L.GOOGLE.COM.• Klik Update.• Ulangi seperti langkah pertama untuk masukan data MX record dibawah ini:

Mail Domain Priority Hostname (auto-filled) 2nd ALT1.ASPMX.L.GOOGLE.COM.(auto-filled) 3rd ALT2.ASPMX.L.GOOGLE.COM. (auto-filled) 4thASPMX2.GOOGLEMAIL.COM. (auto-filled) 5th ASPMX3.GOOGLEMAIL.COM.(auto-filled) 6th ASPMX4.GOOGLEMAIL.COM. (auto-filled) lastASPMX5.GOOGLEMAIL.COM.

• Jika sudah klik update kembali

Pada DNSPark setting akan tampaksebagai berikut:

8. Sampai tahapan ini setting MX recordpada DNSPark sudah selesai.

9. Kembali lagi ke halaman Google Apps, Tuju kembali icon Email lalu pilih link "Activateemail" karena kita sudah melakukan setting untuk Mail Exchange (MX), langkah terakhirtekan tombol "i have complete these steps"

Selamat kamu dah punya alamat account email dengan nama domain sendiri, untuksetting lengkap mengenai cara menambah account akan saya tulis pada artikelberikutnya. Selamat Mencoba Happy blogging :)


232

PROOF


Custom URL pada Google AppsFriday, February 22, 2008Artikel sebelumnya sudah om jelasin bagaimana mendaftar ke layanan Google Apps, kaliini om akan jelasin bagaimana mengaktifkan dan mengganti alamat URL standar GoogleApps ke Custom URL. Bingung maksudnya? om jelasin dikit ya. Pertama kali kitamendaftar pada layanan Google Apps maka kita akan diberikan alamat default,contohnya http://partnerpage.google.com/domainkamu.com alamat URL ini menunjukanakses standar menuju ke email kita. Bagusnya lagi Google App membolehkan kitamengubah a lamat URL Defau l t ke Custom URL, contoh h t tp : / /nama-mail.domainkamu.com caranya tinggal menambahkan nama alias pada CNAME(Canonical name) Record. Jika kita menggunakan layanan DNS gratis ataumenggunakan hosting sendiri caranya hampir sama yaitu tetap menambahkan namaalias pada CNAME Record serta Destination Host ke tujuan ghs.google.com

Setting URL default Google Apps sebagai Custom URL:

1. Login ke Google Apps atau gunakan http://www.google.com/a/domainkamu.com

2. Pada halaman Dashboard pilih salah satu service yang ingin kamu ubah URL-nya.

3. Pada Web address pilih link Change url.

4. Pada pilihan custom beri tanda centang kemudian masukan nama yang kita ingingunakan misalkan untuk alamat mail kita bisa memasukan nama sebagai "mail".

5. Klik Continue, Selanjutnya Google Apps meminta kita untuk melakukan Custom URLterlebih dahulu dan sebaiknya jangan klik tombol "I've complete these stetp".

6. Untuk menambahkan nama alias pada CNAME Record jika menggunakan layananDNSPark bisa di lihat sini.

Contoh input Nama Alias pada DNSPark:

233



7. Kembal ke step 5 kemudian klik "I've complete these stetp".

8. Selesai, Selamat mencoba.

Untuk pertanyaan bisa di tulis pada kolom komentar. thanks


Melacak pembaca "Feedburner via email'?Sunday, February 24, 2008Om tau gak gimana caranya biar kita tau siapa yang berlangganan Feedburner via mail?

Pertanyaan diatas sering ditanyakan beberapa rekan blogger di pesan singkat dan emailom. Untuk menjawab pertanyaan yang sama om post disini aja ya. Ok Langsung omjawab..sebenarnya untuk mengetahui siapa saja yang berlangganan caranya sangatmudah. Kok mudah om? ya..khan udah ada fasilitasnya di Feedburner :) ayooo jadiketahuan kalo jarang login ke Feedburner ya hehehe

Contoh tabel email pembaca feedburner:

Lihat caranya dibawah ini:

1. Login ke Feedburner

2. Klik salah satu Feedburner kamu

3. Masuk tab Publicize

4. Pada Service pilih menu Email Subscriptions

5. Kemudian tuju kebawah, disitu kita dapat melihat jumlah yang berlangganan. untukmelihat detail email tinggal klik View Subscriber Details

Sekalin om tambahin, di tabel View Subscriber Details kita dapat menghapus,mengaktifkan dan dan menonaktifkan pengiriman feed dengan cara memilih icon yangdisetiakan dalam kolom Action. semoga informasi ini bermanfaat :)


234

PROOFSolusi redirect domain tanpa www (Web GuidingDNSPark)


Tuesday, February 26, 2008Kendala utama domain tanpa hosting apa lagi menggunakan DNS pihak ketiga pastibanyak kekurangannya, terutama pada redirect domain tanpa www (world wide web)d i tambah lag i custom domain d ib logger yang gak b isa mengarahkannamadomainkamu.com ke www.namadomainkamu.com. Paling kentara kalo kitamenggunakan web browser Internet Explorer, beda sekali jika menggunakan Firefox danFlock karena sudah otomatis melakukan redirect ke domain menggunakan www.

Untuk mengatasi masalah redirect domain tanpa www sebenarnya ada pada DNSParkdan sudah disediakan fasilitas Web Guiding, fasilitas Web Guiding sebenarnyadigunakan untuk melakukan redirect alamat domain kita ke alamat lain. Namun kita bisamenggunakan fasilitas ini untuk mengarahkan domain kita jika penguna hanyamengetikan nama domain http://domainkamu.com tanpa menggunakan wwwhttp://www.domainkamu.com baca tutorial selengkapnya dibawah...

Setting Web Guiding pada DNSPark

1. Log in ke account DNS Park.

2. Klick DNS Hosting.

3. Pilih nama domain kamu yang akan digunakan.

4. Click Web Grudding.

5. Pada Add web guiding for masukan domain seperti dibawah ini

contoh masukan milik saya:

Hostname : (dikosongkan)

Destination URL : masukan alama URL lengkap (http://www.namadomainkamu.com)

Stealth : (dikosongkan)

Mungkin rekan akan menanyakan fungsi Stealth, fungsi ini jika diaktifkan pengunjungakan diarahkan ke domain asli tanpa www.

5. Meta tags For : Meta tags for hanya berfungsi jika kita mengaktifkan fungsi stealth, kitabisa membuat dan menampilkan meta tag berbeda jika pengujung mengetikan domaintanpa www.

Lihat masukan untuk penggunaan Meta Tags:

235



6. Klik Add Guide

Jika tidak ada kesalahan akan tampak seperti dibawah ini:

7. Selesai :) Perlu om tambahin redirect domain bisa memakan waktu lama, mungkinbisa memakan waktu sampai 1x24 jam bahkan lebih. semoga bermanfaat :)


Kategori Baru: Sesi Tanya-JawabWednesday, February 27, 2008Setiap pertanyaan bagus dan berguna yang di terima pada imel akan om tempatkandalam Kategori Sesi Tanya-Jawab. Layaknya sebuah Forum ini memungkinkan kitauntuk saling berinteraksi dan tentu saja bisa mendapat jawaban terbaik, jadi bukan hanyamendapat jawaban dari pemikiran saya pribadi. Untuk kedepannya sebelum rekanbertanya ada baiknya membuka Kategori ini terlebih dahulu, siapa tau sudah mendapatjawabannya disini :). Selain itu pertanyaan yang ditampilkan tentu saja dapatkeuntungan, yang jelas pasti dapat backlink dari om juga meningkatkan trafik si penanya.jadi jangan sungkan2 untuk bertanya :)

Ok kita buka sesi tanya jawab untuk pertama kali.

TANYA:

Pertanyaan dari sodara Opini Hery

Sebelumnya saya mau bilang makasih buat Oom Guru atas semua ilmunya selama ini.Makasih juga atas kunjungan dan komentarnya di Opini Herry. Itu jadi spirit tersendiribuat saya belajar lebih serius membangun blog yang baik.

Berikut ada beberapa pertanyaan yang bikin saya penasaran. Tolong dijawab ya OomGuru...1. Apa sih beda antara website dan weblog? Trus terang saya masih gak mudeng.2. Adakah batasan kapasitas dari blogger buat satu blog. Kalau ada, berapa yaa...3. Adakah perlakuan beda dari search engine buat blog dan website?

Itu dulu deh. Tar kalau semua dikeluarin bisa bikin Oom Guru pusing...(Herry cerewet

236

PROOF


amat sih !) He...hee Makasih sebelumnya. Sukses selalu buat O-om.com.

JAWAB:

1. WebSite dan WebBlog sebenarnya hampir sama saja, website lebih cenderung kesesuatu yang komersil, focus dan sedikit lambat dalam update content dan karena jarangmenggunakan kolom komentar jadi pembaca tidak bisa berinterakasi dengan penulis,contohnya website info dan berita.Sedangkan webblog awalnya didesain buat diary online namun kayaknya sekarang udahgak sebagai diary online lagi. isi blog biasanya lebih lugas, jujur dan apa adanya dan kitajuga bisa berinteraksi dengan penulis. contoh jika berita om salah pasti banyak yangprotes..bedakan dengan website berita yang hanya dari sudut pandang satu orangsaja..contoh wartawan..jelas kita cuma bisa nerima aja beritanya.

2. Ini masih abstrak, jika menggunakan FTP external (hosting sendiri) tentu sajatergatung dari kapasitas ruang simpan pada directory kita masign2, untuk kapasitas FreeBlogger om juga kurang tau pasti tapi jika kita upload gambar disitu tertulis kapasitaspenyimpanan gambar kita (Saat ini Anda menggunakan 8MB (0%) dari 1024MB Anda) ->ini contoh kapasitas penyimpanan gambar milik om. mungkin saja informasi tersebut jugatermasuk dalam kapasitas posting :)

3. Dimata Search Engine blog dan website gak ada bedanya semua tergantung kekuatancontent, keyword dan meta tags, menurut mengamatan om di halaman pencarian, blogsekarang banyak mendominasi dari pada website karena konten blog lebih terupdate.Dari meta content, keyword dan meta tags sama saja, apa yang ada diwebsite juga adadiblog.

Kurang puas dengan jawaban diatas, keluarkan pemikiran rekan semua pada kolomkomentar. Terima kasih


FeedBurner Stats Pro: Tracking Feed dan VisitorFriday, February 29, 2008Feedburner sebenarnya juga menyediakan sistem Track untuk melakukan monitorterhadap statistik pengunjung, Service yang diberi nama FeedBurner Stats Pro juga tidakkalah dengan sistem tracking yang sering kita gunakan, malah menurut saya pribadimenggunakan sistem track layanan ini sangat menguntungkan karena kita bisamelakukan dua pengamatan sekaligus yaitu traking pada Feed dan Traking padaBlog/Site.

Keuntungan selain melakukan traking, pengunjung juga diudahkan untuk melakukansubscribe feed per posting karena kode yang di letakan pada blog/site juga menampilkanbeberapa pilihan Subscribe ke beberapa layanan.

237



Sebenarnya banyak keunggulan yang ditawarkan jika kita mengaktifkan sistem trakingini, untuk lebih jelasnya bisa lihat keterangan dibawah :

Untuk melihat statistik feed dan visitor lihat gambar dibawah ini:

Cara Mengaktifkan FeedBurner Stats Pro:

1. Login ke Feedburner

2. Klik salah satu Feed yang ingin dikatifkan

3. Pada tab Analyze, lalu klik FeedBurner Stats Pro

4. Disini ada beberapa pilihan yang bisa kita gunakan, silahkan rekan centang apa sajayang ingin diaktifkan

5. Untuk memasang kode script traks, pilih Get the HTML code to collect stats on yoursite:

6. Jika menggunakan Blogger jadi pada pilhan Combobox rekan tinggal pilih Blogger

7. Pada jendela baru ada dua pilihan script yang bisa digunakan yaitu untuk New Bloggerdan Untuk Blogger Classic, silahkan Copy paste kode yang ada sesuai dengan versiblogger yang rekan gunakan (Cara pasang kode pada blog sudah dijelaskan cukuplengkap)

8. Jangan lupa untuk menekan tombol "Save" untuk mengaktifkan layanan FeedBurnerStats Pro

Cara menambah dan mengurangi Subscribers :

238

PROOF


1. Masuk Pada tab Optimize, lalu pilih FeedFlare

2. Silahkan pilih apa saja Subscribers yang ingin digunakan

3. Jangan Lupa tekan tombol "Save"

4. Jika rekan tidak ingin menampilkan Subscriber ini tinggal tekan tombol Deactive

Selamat Mencoba :)


Google Sites: layanan baru dari Google AppsSaturday, March 01, 2008

Google Sites merupakan layanan terbaru dari Google, layanan ini merupakan cara palingmudah untuk membuat informasi yang dapat di akses oleh pengguna yang memerlukanakses up-tu-date. Karena layanan ini merupakan salah satu bagian dari Google Apps,pengguna dapat melakukan sharing (berbagi) file atau berbagi informasi dengan GoogleApps Lainnya seperti Google Docs, Google Calender, YouTube dan Picassa atau free-form content terbaru.

Dengan layanan Google Sites pengguna dapat menciptakan situs dan mengeditdokumen secara bersama-sama dengan cara yang mudah. Jika pengguna sebagaiadmin di Google Apps maka ia bisa mengendalikan akses secara penuh terhadaplayanan, apakah hanya digunakan untuk sendiri, bersama kelompok saja, atau bisadipublikasikan secara global, jadi semua orang bisa mengakses situs tersebut darimanasaja si seluruh dunia.

Perlu diketahui bahwa layanan Google Sites hanya bisa digunakan jika kita sudahmendaftar di Google Apps dan tentu saja kita harus mempunya domain sendiri untukdapat mengaksesnya. (cara daftar Google Apps)

Untuk melihat beberapa contoh Google Sites bisa dilihat disini:

* Company intranet -- http://sites.google.com/a/organic-city.com/intranet/Home* Team project -- http://sites.google.com/a/altostrat.com/project-eggplant/Home* Employee profile -- http://sites.google.com/a/altostrat.com/jkraus/Home* Classroom -- http://sites.google.com/a/googleclassrooms.org/mrs-richau/Home* Student club -- http://sites.google.com/a/googleuniversity.org/ski-club/Home

Jika kita sudah terdaftar di Google Apps kita bisa mengakses layanan Google Sites pada

239



alamat:

http://sites.google.com/a/namadomainkamu.com


Tips memilih nama domainTuesday, March 04, 2008Memilih nama domain tentu saja bukan perkara yang mudah, selain harus gampangdiingat juga harus mencerminkan isi blog atau website. Jika kita memilih nama domainuntuk bisnis sebaiknya harus benar-benar diperhatikan, sebisanya nama domain tersebutharus berhubungan dengan nama bisnis yang di jalankan, hal ini akan berbeda jika kitahanya memilih nama domain untuk personal. Agar tidak salah dalam memilih namadomain, dibawah ini merupakan tips singkat yang bisa rekan pelajari terlebih dahulusebelum menentukan pilihan nama domain terbaik..

14 Tips memilih nama domain :

1. Gunakan nama domain yang singkat dan gampang diingat, jagalah agar nama domainanda tidak panjang namun juga tidak terlalu pendek

Contoh : o-om.com | google.com | yahoo.com | detik.com | astaga.com

2. Gunakan nama domain ya unik, aneh bahkan yang lucu layak dipertimbangkan

Contoh : o-om.com | google.com | yahoo.com | detik.com | astaga.com

3. Nama domain sekiranya gampang di tebak, nama domain yang gampang ditebakmerupakan keuntungan sendiri buat pemilik domain

Contoh : download.com | sex.com | antivirus.com

4. Nama domain juga bisa menggunakan singkatan.

Contoh : multilevelmarketing.com bisa disingkat menjadi mlm.com

5. Nama domain sebaiknya mencerminkan isi blog atau website.

Contoh : berita.com sudah jelas kan isinya pasti berita

6. Gunakan tanda penghubung "-" sebagai alternatif

Nama domain hanya boleh menggunakan huruf, angka dan tanda minus "-". Spasi dansimbol lainnya, seperti garis bawah "_" tidak diperbolehkan. Domain tidak boleh diawalimaupun diakhiri dengan "-". Nama domain pada umumnya selalu huruf kecil semua.Maksimum jumlah karakter adalah 63, dan tidak termasuk extension (.com .net .org,dsb).

240

PROOF


7. Jika domain digunakan untuk personal sebaiknya gunakan nama kita sendiri atau bisajuga nama panggilan.

Contoh: o-om.com | agusramadhani.com | kangrohman.com | totoks.com

8. Sebaiknya pilih nama domain dot com terlebih dahulu karena dot com lebih populer

Mungkin saya sarankan rekan memilih nama domain dengan extension .com terlebihdahulu, jika sudah digunakan rekan bisa menggunakan alternatif lain .net | .org | .web.id |.co.id dan lain-lain (sebaiknya jangan membeli nama domain dengan nama yang samawalaupun extension berbeda)

9. Hindari pengulangan kata lebih dari 3 kali dalam nama domaun, ini akan dianggapsebagai spam

Contoh : berita-berita-berita.com akan lebih baik jika seperti ini berita-berita.com

10.Daftar dan beli nama domain yang mewakili nama perusahaan, nama produk atau idewebsite anda.

Contoh : kita memiliki usaha penjulan makanan dodol alangkah baiknya nama domainkita menjadi Dodol.com | Dodolenak.net

11. Pertimbangkan nama domain yang mirip dan salah ketik dari nama domain pilihan,dan gunakan Domain Forwarding untuk mengarahkan semuanya ke domain pilihantersebut.

Contoh : Klikbca.com ada baiknya kita juga membeli domain yang mirip klik-bca.com |bcaklik.com | bca-klik.com

12. Belilah extension lain untuk nama domain yang sudah kita gunakan.

Contoh : misalnya kita mempunyai namadomainkamu.com ada baiknya kita jugamembeli namadomainkamu.net | namadomainkamu.org | namadomainkamu.info

13. Perhatikan Keyword dalam nama domain.

Walau bukan hal utama, keyword pada nama domain perlu rekan perhatikan, beberapapengamatan om selama ini nama domain yang mempunyai keyword yang bagusbiasanya lebih dominan berada pada halaman utama pencarian, sebagai contoh ketikakalian kita mengetikan keyword "free download" ada baiknya kita menggunakan kerwordtersebut sebagai nama domain f reedownload.com, f ree-download.com,downloadfree.com dan berbagai kemungkinan lainnya yang baik digunakan.

14. Dimana saya bisa ngecek nama domain saya?

Hampir semua jasa hosting dan domain memberikan layanan untuk melakukan domainname check, saya sarankan coba disini http://www.register.com/

Semoga tips diatas membantu :)


241




Recent Post di BloggerTuesday, March 04, 2008Posting terbaru atau biasa disebut Recent Post merupakan informasi singkat dari judulposting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjungmelihat urutan posting yang telah kita buat. Untuk membuat recent post kita bisamenggunakan source code dibawah.

Caranya pasang tinggal copy paste code tersebut dan masukan pada halaman elementblogger.

< s c r i p t s t y l e = " t e x t / j a v a s c r i p t "src="http://www.geocities.com/oom_directory/recentpost.txt"></script><scriptstyle="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary= true;var numchars = 100;var standardstyling = true;</script><script src="http://o-om.b logspo t . com/ feeds /pos t s /de fau l t ?o rde rby=pub l i shed&a l t= j son - i n -sc r i p t&ca l l back=showrecen tpos t s ">< / sc r i p t>


Pada warna pink : Ganti dengan alamat blog mu





Pasang Video Clip di blogger (Youtube danGoogle Video)Wednesday, March 05, 2008

242

PROOF


Untuk menampilkan video clip di postingan maupun di element halaman caranya sangatmudah, saya akan mengajarkan bagaimana kamu bisa menampilkan Video Clip dariyoutube atauGoogle Video Tidak banyak yang perlu saya jelaskan, pada intinya kamuhanya mencari kode dari kedua layanan Video diatas kemudian melakukan Copy-Pastedengan mudah.

Kode Video di Youtube:

Ketika kamu menemukan salah satu video di youtube kemudian disebelah kanan videokamu akan menemukan kode yang bisa kamu Copy-paste. perhatikan gambar dibawahagar lebih mudah.

Kode Video di Google Video:

Hampir Sama dengan Youtube, ketika menemukan salah satu Video di Google Videokamu tinggal klik saja link Embed kemudian akan tampil kode yang siap kamu copy pasteke blog-mu.

Bagaimana memasang kodenya di blog?

Jika ingin menampilkan video di halaman postingan kamu tinggal Copy-Paste sajacodenya, sedangkan jika ingin menampikan di element halaman lain, tinggal klik Add aPage Element lalu pilih HTML/JavaScript kemudian dengan cara yang sama tinggalCopy-Paste dan jangan lupa simpan.

243




Menghilangkan NoFollow Comments BloggerWednesday, March 05, 2008NoFollow merupakan attribute yang memerintahkan Spider Search Engine untuk tidakmengindex link dan text yang ada pada kolom komentar, tujuan utama dari NoFollowsebenarnya untuk mengurangi Spam. Namun bagi rekan yang membolehkan SpiderSearch Engine melakukan index pada isi komentar bisa menghapus tag NoFollow padakode template blogger.

Cara menghilangkan NoFollow komentar Blogger:

1. Pilih tab Layouts

2. Pilih Edit Html (jangan lupa backup template)

3. Beri tanda centang pada "Expand Widgets Template"

4. Pada comments code, cari kode ini :<a expr:href='data:comment.authorUrl' rel='nofollow'>

5. Hapus rel=’nofollow’

6. Simpan template

Sekarang kita membolehkan Spider Search Engine untuk mengindex link dan text yangada komentar, jika rekan ragu untuk menghilangkan NoFollow sebaiknya abaikan saja :)


Blogger's Choice AwardThursday, March 06, 2008Lagi iseng nyoba ikutan Blogger's Choice Award gak berharap menang sih cuman carikesenangan aja, siapa tau aja ada mukzizat turun dari langit bikin blog ini juara hihihi.Sekedar informasi kategori yang om daftarin cuma 2 Best Blog About Blogging dan BestBlog Design habisnya content blog om yang nyangkut cuma kategori ini aja. Untukpenilaian kalo gak salah berdasarkan jumlah vote terbanyak, untuk itu mohon dukunganteman semua ya memberikan vote dan komentar untuk blog o-om. Upss... hampirlupa..untuk bisa memberikan vote rekan semua tentunya juga harus terdaftar jadianggota.. .itung2 sekalian daftar sekalian juga nyoba ikutan nominasi ya siapa tau malahrekan yang jadi juara :)

Welcome to the Blogger's Choice Awards, the most popular user-generated blog votingsite on the planet! We are now accepting nominations for the 2008 competition. Sign up

244

PROOF


and vote for your favorite (and least favorite) blogs to help determine the winners for nextyear. (http://www.bloggerschoiceawards.com/)

Jika berkenan memberikan vote untuk blog o-om bisa klik banner dibawah ini:

Vote untuk Nominasi Best Blog Design

Vote untuk nominasi Best Blog About Blogging

Thanks untuk dukungannya.


Recent Comment di BloggerFriday, March 07, 2008Komentar terbaru atau biasa disebut Recent Comment merupakan informasi singkat dariKomentar pengunjung yang ditampilkan secara berurutan. Untuk membuat RecentComment kita bisa menggunakan source code dibawah. Caranya pasang tinggal copypaste code tersebut dan masukan pada halaman element blogger.

< s c r i p t s t y l e = " t e x t / j a v a s c r i p t "src="http://www.geocities.com/oom_directory/recentcomments.txt"></script><scriptstyle="text/javascript">var numcomments = 5;var showcommentdate = true;varshowposttitle = true;var numchars = 100;var standardstyling = true;</script><scripts r c = " h t t p : / / o - o m . b l o g s p o t . c o m / f e e d s / c o m m e n t s / d e f a u l t ? a l t = j s o n - i n -s c r i p t & c a l l b a c k = s h o w r e c e n t c o m m e n t s " > < / s c r i p t >

Jangan lupa mengubah kode pada warna pink : Ganti dengan alamat blog mu





FeedJournal: Membuat Koran Digital(NewsPaper)Monday, March 10, 2008

245



Artikel sebelumnya pernah saya jelaskan bagaimana mengkonversi blog menjadi buku,kali ini kita akan membuat sesuatu yang berbeda yaitu mengkonversi Rss Feed Blogatau Website menjadi sebuah Koran Digital (Digital NewsPaper). Ternyata bukanlah halyang mustahil kita bisa mencetak lalu menerbitkan koran made in sendiri dan ini hanyaberbekal RSS Feed atau Atom, bayangkan jika rekan sebagai pencari berita secaraonline mengumpulkan beberapa Feed jadi satu lalu mencetaknya hanya beberapa kliksaja, klik disini untuk sample Koran. Selain itu untuk berburu feed bukanlah hal yang sulitkita tinggal mengunjungi saja beberapa layanan yang memang sudah dikhususkan untukurusan ini coba sambangi http://www.plazoo.com atau menggunakan beberapa formatfeed pada blog dan website yang bertebaran di jagat maya, contoh Feed bloggerht tp : / /namablog.b logspot .com/atom.xml a tau / rss .xml , Feed wordpressh t t p : / / n a m a b l o g . w o d r p r e s s . c o m / R s s . x m l , F e e d B u r n e rhttp://feed.feedburner.com/namafeedkamu dan layanan Feed pihak ketiga lainnya.

FeedJournal merupakan layanan yang memungkinkan kita untuk mencetak feed menjadisebuah Koran Digital (Digital NewsPaper), hampir semua format Rss feed atau Atombisa digunakan.

With FeedJournal you decide what gets printed in your daily newspaper!Why spend more time than necessary reading on your computer screen? Print out yourfavorite content in a time-tested, elegant format. You read 25% faster on paper!FeedJournal is an award-winning solution for converting Internet content to a newspaper

Cara kerja layanan ini cukup simple dimana layanan ini akan mengkonversi danmenggabungkan beberapa Feed yang ada (default) atau Feed yang di input oleh usersendiri kemudian mencetak menjadi Koran yang siap di terbitkan.

Cara Membuat Koran digital (Digital NewsPaper)

1. Pertama klik http://www.feedjournal.com

2. Lalu pilih FeedJournal Reader

3. Kita akan masuk Form login, jika belum memiliki Account bisa pilih Register new user

246

PROOF


4. Pada kolom Sign Up isikan beberapa data yang diminta.

5. Pada Personal detail kita akan diminta mengisikan data pribadi, alamat dan ukurankoran yang akan dibuat.

6. Sampai disini proses pendaftaran selesai.

7. Sekarang saatnya kita membuat koran, pada halaman ini kita disuguhkan beberapaFeed default.

8. Untuk mencoba pertama kali coba pilih sembarang Link Feed yang ada pada Usearticles published.

9. Setelah memilih Feed di sebelah kanan akan muncul tabel baru yang berguna untukmenentukan judul mana saja yang ingin di terbitkan, jangan lupa beri tanda centang padaPublish pilihan.

10. Jika ingin mengikutsertakan gambar beri tanda centang pada Use Images danInclude images in newspaper.

11. Sekarang saatnya mencetak menjadi koran digital, tekan tombol GenerateNewspaper.

247



12. Perlu rekan ketahui format yang dicetak sebagai ekstensi PDF dan ketika rekanmenekan tombol Generate Newspaper setelah proses selesai rekan menerima file yangbisa langsung di download. silahkan di donload untuk melihat hasil cetakannya :)

Cara Menambah Feed

1. Pilih New Feed pada Use articles published

2. Kemudian akan muncul form isian, isikan alamat valid feed yang ingin kita gunakan,contoh Feed blogger http://namablog.blogspot.com/atom.xml

3. Pilih Section untuk menentukan kriteria yang sesuai, jika tidak ada kita bisamenambahkan sendiri dengan memilih New Section.

4. Lalu klik tombol Submit.

Cara Menghapus Feed

1. Pilih salah satu link Feed pada Use articles published

2. Kemudian pilih Delete Feed

3. lalu tekan OK


Auto Hide pada Navbar BloggerTuesday, March 11, 2008Sudah saya informasikan sebelumnya bila menghilangkan navbar blogger (NavigationBar) merupakan salah satu pelanggaran TOS Blogger, solusi lainya kita bisamenggunakan Auto hide navbar Blogger. Cara kerja Auto hide, ketika pengunjungmengarahkan mouse ke bagian atas maka navbar asli akan muncul begitu jugasebaliknya jika pengunjung penggeser mouse ke bawah (tidak dalam area navbar) makasecara otomatis navbar tersebut akan di hilangkan.

Cara memasangnya:

Pada halaman Edit HTML, cari kode body { kemudian letakan kode dibawah ini diataskode body {

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

Selamat mencoba :)


248

PROOFKiriman kaos dari Jogja Bootcamp 2008


Wednesday, March 12, 2008Hari ini lumayan dapat kiriman kaos gatis dari Indonesiabootcamp.com, kaos yang omterima bergambar wanita sexy serigala api sesuai dengan browser favorite om Firefox.Duh..gak sempat poto kaosnya jadi om ambil aja dari gambar aslinya...ya seperti itugambar kaos yang om terima. Untuk dapat kaos ini rekan tinggal memasang LogoJogjaBootcamp 2008 namun harus memenuhi beberapa syarat panitia tentunya, syaratdan logo bisa dilihat disini

Rekan blogger pasti sudah gak asing dengan Indonesiabootcamp yang mempunyaitujuan meningkatkan keahlian di bidang internet marketing dengan tujuan akhir makemoney online. Misi yang diusung membangun, menuju Indonesia Emas dengan sumberdaya manusia berkualitas melalui internet.

Setelah sukses menggelar Indonesiabootcamp diBali kini giliran kota Jogja yang jadi tuanrumah dan rencananya akan dilaksanakan 18-20 April 2008, materi yang dibahas berupa"Eksplorasi Kerja & Strategi SEO Top 10 Google dan Yahoo!, Smart Online Business"untuk para panitia dan pembicara om rasa gak usah diragukan lagi, yang jelas pasti paramaster yang memang ahli dibidangnya.

Tidak ada salahnya jika rekan yang serius bergelut di bidang Internet marketing dan SEOuntuk bergabung di acara ini. Biaya pendaftaran om rasa memang agak mahal untukukuran kantong mahasiswa ...namun sangat sebanding dengan fasilitas yang di sediakanapalagi dengan ilmu yang rekan dapatkan.

Akhir kata semoga acara JogjaBootcamp 2008 bisa berjalan dengan sukses :)


Pasang kotak pencarian di bloggerThursday, March 13, 2008

249



Untuk memudakan pengunjung melakukan percarian Navbar blogger sebenarnya sudahmenyediakan fasilitas kota pencarian. namun ada kalanya kita ingin menambahkansendiri kotak pencarian buatan sendiri, tentu saja dengan alasan kita bisa meletakanSearch box tersebut dimana kita inginkan.

Contoh Kotak Pencarian :

Dibawah ini code pencarian yang bisa kamu gunakan:

< fo rm i d= "sea rch th i s " ac t i on= "h t t p : / / namab log .b l ogspo t . com/sea rch "s t y l e= "d i sp lay : i n l i ne ; " me thod="ge t "><input id="b-query" maxlength="255" name="q" size="20" type="text"/><input id="b-searchbtn" value="Search" type="submit"/>

Jangan lupa ganti warna merah diatas dengan nama blog kamu sendiri

Untuk mengganti tombol search standar dengan Icon :

Contoh dengan tombol icon:

Code yang bisa kamu gunakan :

<form id="searchthis" action="http://namablog.blogspot.com/search" style="display:inline;" method="get"><tr><td nowrap="nowrap" valign="top" height="16" align="left"><input id="b-query" maxlength="255" class="textinputsearch" value="" name="q"size="22" type="text"/>< i n p u t i d = " b - s e a r c h b t n " a l t = " S e a r c h " w i d t h = " 1 8 "src="http://oom.blog.googlepages.com/search.gif" height="19" align="top" type="image"/></form>

Jangan lupa ganti warna merah diatas dengan nama blog kamu sendiri, Untuk menggantigambar icon kamu bisa mengganti kode warna pink diatas sesuai dengan alamat tempatkamu menyimpan gambarnya.

250

PROOF



Menampilkan Top Comment di BloggerFriday, March 14, 2008Top Comment di Blogger merupakan infromasi dari jumlah terbanyak pemberi komentardi blog kita, Selama ini banyak yang menanyakan ke pada om bagaimana menampilkanTop Comment di Blogger , nah akhirnya terpecahkan juga cara membuatnya, informasiini saya temukan di blog mas Anangku selengkapnya bisa dibaca disini. Seperti informasidari mas Anang, pembuat kode pertama kali di munculkan disini kemudian diedit disini,sebagai tambahan Top comment ini dibuat oleh Ionut Alex Chitu dialah yang membuatdengan menggunakan aplikasi dari bantuan online yahoo pipes info selengkapnya bisadilihat di http://pipes.yahoo.com/googlesystem/topcommentators

Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenyasangat mudah tinggal masukan saja pada element halaman:

function pipeCallback(obj) { document.write("

1. "); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; varitem = "

2. " + "" + obj.value.items[i].title + ""; document.write(item); } document.write(" "); }

Apa saja yang perlu diedit?

filter=nickname : Masukan nama yang ingin kamu beri filter, sebaiknya filter nama sendiri.

namablog.blogspot.com : Ganti sesuai nama blog sendiri

num=10 : Jumlah maksimal komentator yang ingin ditampilkan

Pada tampilan awal akan tampil urutan jumlah komentator, jika rekan tidakmenginginkannya tinggal hapus aja ke dua kodedocument.write("<ol>"); dandocument.write("</ol>"); pada kode diatas

Thanks buat Anang untuk Infonya.


Hot Video: Cara pembelian dan setting CustomDomainFriday, March 14, 2008

251



Untuk mempermudah rekan semua belajar cara pembelian dan setting Custom Domaindi blogger, Blogger Buzz menginformasikan telah menyediakan Video tutorialnya secarastep by step. Silahkan di simak dan belajar melalui videonya tutorialnya di bawah ini :)

Sumber : Purchasing and Setting Up a Custom Domain through Blogger


Video Tutorial BloggerSaturday, March 15, 2008

Mulai sekarang O-OM akan menambahkan kategori baru yaitu Video Tutorial, hal inimengingat kemudahan penyampaian melalui media gambar dan suara yang bisa cepatdipahami, walaupun beberapa tutorial menggunakan bahasa planet, om yakin denganhanya melihat gambar rekan semua pasti ngerti apa maksud yang ditampilkan dilayar.

252

PROOF


Selain itu Video yang O-OM masukan tentu saja bukan hanya Video tutorial bloggersemata, tetapi semua tutorial yang dirasa bermanfaat untuk rekan pelajari, yang jelasbukan Video Porno artis atau Video cara buat Dodol loh hehe3x.

Ya udah langsung aja, untuk rekan yang pertama kali belajar membuat blog denganblogger bisa menyimak Video Tutorial Blogger di bawah ini secara step by step :

Sumber : How to Create a Blog with Blogger


Cara Menghilangkan Tanggal PostingSaturday, March 15, 2008menghilangkan tanggal posting blogger, mau tau caranya? pertama masuk halaman EditHTML kemudian cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden;diantara kode tersebut. lihat contoh kodenya dibawah:

h2.date-header {margin:.3em 0 0;padding:0;font-size:80%;color:#777;height: 0px;visibility: hidden;}

Selama mencoba, Happy Blogging :)


Pengertian RSS FEED dan cara berlanggananSaturday, March 15, 2008RSS adalah sebuah file berformat XML untuk sindikasi yang telah digunakan(diantaranya dan kebanyakan) situs web berita dan weblog. Teknologi yang dibangundengan RSS mengijinkan kita untuk berlangganan kepada situs web yang menyediakanumpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara reguler. Untukmemanfaatkan teknologi ini kita membutuhkan layanan pengumpul. Pengumpul bisadibayangkan sebagai kotak surat pribadi. Kita kemudian dapat mendaftar ke situs yangingin kita tahu perubahannya. Namun, berbeda dengan langganan koran atau majalah,untuk berlangganan RSS tidak diperlukan biaya, gratis. Tapi, kita biasanya hanyamendapatkan satu baris atau sebuah pengantar dari isi situs berikut alamat terkait untukmembaca isi lengkap artikelnya. (wikipedia.org)

Berlangganan melalui RSS FEED

253



Untuk memudahkan anda berlangganan RSS FEED dari O-OM.COM, silahkan pilihsalah satu umpan RSS yang tersedia dibawah ini:

RSS FEED untuk artikel terbaruRSS FEED untuk komentar terbaru

Berlangganan RSS FEED melalui Email

Setiap O-OM.COM melakukan pembaharuan terhadap tulisan, maka anda akanmendapatkan kiriman artikel terbaru melalui Email dan semua ini gratis (tidak dipungutbiaya), caranya anda cukup memasukan alamat email pada kotak text dibawah ini:


Ubah gambar menjadi Vector (Vector Magic)Saturday, March 15, 2008Mengubah gambar ke bentuk kartun atau lebih tepatnya ke bentuk Vector tentu bukanpekerjaan mudah, apa lagi dilakukan secara manual, selain butuh ketelitian kita jugadipaksa untuk menguasai software pengolah gambar seperti CorelDRAW dan Adobe-Photoshop, walaupun ada tools yang dikhususkan untuk mempermudah prosesmembuat gambar jadi kartun tetap saja hasilnya kurang maksimal.

Vector Majic merupakan layanan online yang memberikan kemudahan dalam melakukanproses gambar menjadi vertor dalam sekejap dengan hasil yang sangat memuaskan,pasalnya kita hanya peng-upload gambar dan tunggu beberapa saat maka hasil akanlangsung ditampilkan di halaman website. Dukungan format yang dapat digunakan yaituJPEG, GIP, PNG, BMP dan TIFF, dan dapat kita download dalam format EPS, SVG,PDF dan PNG. Jika belum puas dengan gambar vektor yang dihasilkan rekan dapatmengedit sendiri gambar secara manual.

Tutorial Singkat Vector Magic:

1. Lakukan pendaftaran dengan menekan link Sign up

2. Kemudian isikan Email dan Password

3. Bukan email untuk Verifikasi

4. Kemudian lakukan proses login (biasanya pertama kali taftar kita langsung masukhalaman login)

5. Untuk membuat vector, klik tombol Browse kemudian pilih gambar

6. Tekan tombol Upload kemudian tunggu proses loading....

254

PROOF


7. Sampai disini gambar telah mengalami proses vector

8. Jika hasil vector kurang maksimal silahkan diedit

9. Gambar yang sudah di vector siap rekan download dan jangan lupa melakukanverifikasi alamat email.

Semoga tutorial ini berguna :)


Tampilan beda untuk komentar pemilik blogMonday, March 17, 2008

Membedakan tampilan komentar pemilik dengan pengujung atau istilah kren-nya AuthorComment Highlight tentu akan mempermudah pengunjung lain untuk melihat manakomentar dari pengunjung blog dan mana komentar pemilik blog.

Tanpa banyak cuap-cuap langsung aja ya ketahap pembuatannya?

Pertama:


cari kode <dd class=’comment-body’> atau lihat arahan kode warna hijau dibawah ini,jika sudah ketemu kode <dd class=’comment-body’> tambahkan kode dengan warnamerah di atas kode tersebut. kemudian tambahkan juga kode </b:if> seperti tampak padakode dibawah.

<dl id=’comments-block’> <b:loop values=’data:post.comments’ var=’comment’>

255



<b:if cond=’data:comment.author == data:post.author’><dt class=’owner-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><data:commentPostedByMsg/></dt><b:else/> <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> <data:commentPostedByMsg/> </dt></b:if>

<b:if cond=’data:comment.author == data:post.author’><dd class=’owner-Body’><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>

<b:if cond=’data:comment.author == data:post.author’><dd class=’owner-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:else/>

Kemudian tambahkan kode CSS dibawah ini

Cari kode dengan warna hijau, jika sudah ketemu tambahkan kode dengan warna merahdibawahnya.

256

PROOF


#comments-block .comment-body p {margin:0 0 .75em;background:#f3f3f3 no-repeat left bottom;}

.owner-Body {margin:0;padding:0 0 0 20px;}.owner-Body p {font-size:100%;margin:0 0 .2em 0;color:#FF0000;text-decoration:bold;}

Selamat mencoba..ups hampir lupa ucapan terima kasih buat mas anang yang menulislebih dulu tutorial ini.


Cara menghilangkan "Navbar Blogger"Monday, March 17, 2008Sebelum menghilangkan navbar blogger (Navigation Bar) ada baiknya saya informasikanbahwa cara ini salah satu pelanggaran TOS Blogger, jika etap ingin menghilangkannyabisa gunakan script dibawah ini:

/* CSS to hid navigation bar */

#navbar {height:10px;visibility:hidden;display:none;}

Cara pasang:

Pada halaman Edit HTML kemudian letakan kode diatas dibawah kode<b:skin><![CDATA[/* kemudian simpan template.


257



Membuat Recent Post via FeedMonday, March 17, 2008

Sebelumnya sudah saya jelaskan cara membuat Recent Post dengan Javascript disini.Nah sekarang akan saya jelaskan bagaimana membuat Recent Post Via Feed. Mungkinrekan akan bingung memilih yang mana...keduanya tentu mempunyai kelebihan dankekurang. Yang jelas Recent post via JavaScript mempunyai kelebihan dalam tampilansedangkan Recent Post dengan Feed dalam hal tampilan terlihat lebih sederhana namundalam masalah loading tentu dengan feed akan terasa lebih cepat.

Cara menggunakan Feed:

Pertama masuk Layout -> Element halaman -> Add a Page Element -> Feed kemudianpada Add Url masukan alamat Feed kamu, ada 2 pilihan feed yang bisa digunakan:

1. Mengunakan Feed Default Blogger

http://namablog.blogspot.com/feeds/post/default

2. Feed dengan FeedBurner

http://feeds.feedburner.com/NamaFeedPost

Jangan lupa mengganti warna merah dengan nama blog / nama feed post kamu.Selamat mencoba :)


258

PROOF


Membuat Recent Comment via FeedMonday, March 17, 2008

Sebelumnya sudah saya jelaskan cara membuat Recent Comment dengan Javascriptdisini. Nah sekarang akan saya jelaskan bagaimana membuat Recent Comment ViaFeed. Mungkin rekan akan bingung memilih yang mana...keduanya tentu mempunyaikelebihan dan kekurang. Yang jelas Recent Comment via JavaScript mempunyaikelebihan dalam tampilan sedangkan Recent Comment dengan Feed dalam hal tampilanterlihat lebih sederhana namun dalam masalah loading tentu dengan feed akan terasalebih cepat.

Cara menggunakan Feed:

Pertama masuk Layout -> Element halaman -> Add a Page Element -> Feed kemudianpada Add Url masukan alamat Feed kamu, ada 2 pilihan feed yang bisa digunakan:

1. Mengunakan Feed Default Blogger

http://namablog.blogspot.com/feeds/comments/default

2. Feed dengan FeedBurner

http://feeds.feedburner.com/NamaFeedComment

Jangan lupa mengganti warna merah dengan nama blog / nama feed comment kamu.Selamat mencoba :)


259



Berburu URL Paling PopulerTuesday, March 18, 2008Berita apa yang paling top hari ini? URL apa yang paling banyak di klik? Gambar, Audiodan Video apa yang paling Hot saat ini? Gimana berburu konten URL Terpopuler? Mautau jawabannya kunjungi aja POPURLS.COM

POPURL merupakan website yang menyajikan konten berupa URL paling Populer, bisadikatakan POPURLS.COM adalah sindikasi berita dari blog popular / sosial bookmarkingseperti Digg, Reddit, Del.icio.us, flickr, tailrank, metafilter dan sebagainya, Dengan katalain web site ini merupakan aggregator untuk link-link terpopuler pada website dan blogterkemuka. Dari sini kita akan mudah mencari artikel, berita, Gambar, audio podcast danvideo terpopuler saat ini.


Mau jadi Cover Majalah Top Dunia ?Thursday, March 20, 2008Jadi cover majalah Top dunia tentu saja idaman semua orang, namun sayang impian inimustahil dan kayaknya gak bakal pernah terwujut hehehe dari pada menghayal yang gakmungkin lebih baik kita mencoba bikin teman blog kita iri aja..bayangin aja ketikamembuka blog pertama kali lalu melihat kita berada dalam tampilan cover majalah bekenpasti dia langsung tercengang atau bisa juga dipasang di dekstop windows kalian yangjelas hari ini kalian bakal top dan jadi penipu sejati hihihi.

Lihat aksi om dalam cover majalah top dunia :)

260

PROOF


MAGMAYPIC.com merupakan situs yang memungkinkan kita menampilkangambar/photo tampil sebagai Cover beberapa majalah top dunia. Layanan gratis ini bisadigunakan langsung tanpa harus melakukan registrasi sama sekali. Pilihan cover yangdisediakan juga banyak, kita tinggal memilih salah satu cover atau biarkan layanan inilangsung membuatkan sekaligus. Sudah siap beraksi pada cover majalah Top?Cameraaaaa...Actioooon!!!


Mengganti text link "Post a Comment"Thursday, March 20, 2008

Default Blogger biasanya menampilkan link "Post a Comment" dibawah kolom komentar,meskipun blog tersebut sudah di set ke dalam bahasa indonesia, jika anda inginmengubah tulisan tersebut dengan gaya anda sendiri misalkan "Tulis sebuah komentar"atau "Ingin becuap-cuap" atau dengan tulisan lainya. Cara mengubah text tesebut sangatmudah ikuti caranya dibawah ini:

1. Masuk halaman Edit Html

2. Beri tanda centang pada Expand Template Widget

3. Cari Kode dibawah ini :

<p class='comment-footer'>< a e x p r : h r e f = ' d a t a : p o s t . a d d C o m m e n t U r l 'exp r :onc l i ck= 'da ta :pos t . addCommen tOnc l i ck '><b>< fon t co lo r= '#444 '>< i m g a l t = ' P o s t a C o m m e n t ' b o r d e r = ' 0 ' h e i g h t = ' 4 7 's r c = ' h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / c o m m e n t s . g i f ' w i d t h = ' 6 1 ' / ><data:postCommentMsg/></font></b></a></p>

261



Ganti tulisan ditandai warna merah diatas sesuai keinginan anda.

4. Kemudain simpan template anda, Selamat mencoba :)


Belajar mengedit CSS tanpa masuk halaman EditHTMLFriday, March 21, 2008Bagaimana melakukan ujicoba mengedit CSS Template Blogger tanpa harus membukadan menyimpan halaman Edit HTML berulang kali?

Pengaturan CSS template blogger merupakan hal utama untuk mempercantik tampilanhalaman blog, namun acap kali mengedit CSS kadang melelahkan dan membosankan,terutama terlalu seringnya melakukan bongkar pasang kode, edit sana sini, belum lagikita membuka dan menyimpan halaman Edit HTML berulang kali, tentu saja buang2waktu..yang jelas kita tidak pernah puas sampai menemukan tampilan terbaik. Tuntutanutama tampilan blog tentu saja tidak lepas dari bagaimana agar blog kita bisa tampilsempurna di semua browser, Mengambil kata para WebMaster "untuk apa tampil cantikdi browser Mozilla dan koloninya tapi tampil ancur ancuran di browser lainnya", jelas satupoint akan berkurang dan tentu rekan gak mau hal ini terjadi kan.

Apakah kita tetap memaksakan cara classic diatas?

Ups tentu saja tidak...Pasti saya akan berusaha mencari solusi terbaik untuk pembacasetia blog ini. Cukup cuap-cuapnya OM...OK lanjut...Sebenarnya ada cara yang sangatmudah mengedit CSS tanpa harus masuk bolak balik ke halaman Edit HTML, dimanakita hanya perlu membuka halaman blog lalu mengedit kode CSS secara live (Online)tanpa perlu takut terjadi kesalahan dan error, yang kita perlukan hanyalah tools buatanChrispederick yang di beri nama Web Developer tools ini lah yang akan membantumeringankan tugas kita mengedit Code CSS di blogger. Cuma blogger? tidak hanyablogger, hampir semua dukungan pada kode CSS bisa digunakan. Perlu rekan ketahuitools ini hanya support untuk Browser Seamonkey, Firefox dan Flock (Firefox extention).Tools Web Developer juga tidak hanya untuk mengedit CSS, namum masih banyakfungsi lain yang bisa digunakan.

Bagaimana mengedit CSS dengan Web Developer?

1. Aktifkan Browser Firefox atau Flock lalu Download Web Developer

2. Kemudian lakukan installasi sesuai petunjuk, jika sudah terinstall maka akan munculToolbar Web Developer dengan munculnya menu icon

3. Untuk mengedit CSS tuju saja ke icon CSS -> lalu klik Edit CSS maka akan munculjendela baru Edit CSS

4. Ada beberapa tab pilihan yang bisa digunakan untuk mencoba mengedit CSS,

262

PROOF


sebaiknya langsung tuju ke Embedded Styles disinilah Code CSS Blogger yang siap kitaacak-acak tanpa takut terjadi kesalahan.

5. Untuk mempermudah mengetahui lokasi kode CSS yang ingin di edit, rekan tinggalmengaktifkan saja fungsi Style Information caranya klik icon CSS -> lalu klik StyleInformation.

6. Jangan lupa arahkan mouse untuk mencari lokasinya, pada jendela baru akan munculinformasi dari kode CSS yang ditemukan

7. Silahkan diacak-acak kode CSS kalian sampe ancur, kalo masih ada kesalahan daningin mengedit kembali, tinggal tutup saja lalu buka kembali Edit CSS-nya, mudah khan :)

Sekali lagi yang perlu rekan perhatikan bahwa tools diatas hanyalah alat bantu untukmempermudah kita mencoba mengedit CSS, Tools diatas bukan otomatis melakukanperubahan, untuk hasilnya akhir kode CSS yang sudah diedit tetap harus di simpansecara manual pada halaman Edit HTML. Maaf kalo saya tidak memberikan infomasilengkap mengenai Cara Coding CSS Syntax pada template blogger, jika ada pertanyaansilahkan tulis pada kolom komentar :)


Google Adsense mulai dukung bahasa IndonesiaMonday, March 24, 2008Sudah beberapa hari ini banyak yang menginformasikan kalo Google Adsense mulaisupport bahasa indonesia, salah satunya informasi yang om terima dari blognya BayuMukti beritanya bisa baca disini walau belum ada berita resmi dari pihak Google Adsensesetelah iseng om coba ternyata bisa, bukti nyata bisa dilihat di blog saya. Kalo biasa nyacuma iklan layanan masyarakat yang muncul sekarang sudah rada mendingan,walaupun iklan yang muncul kadang gak sesuai dengan konten blog, ah bodo amatya..yang penting keluar iklan aja udah syukur hehehe ya udah bagi rekan yang belumdicium alias account-nya belum kena banned sama om google bisa buruan pasang. Hati-hati dengan click fraud dan selamat meraup pundi-pundi Dollar. (kalau masih ragusebaiknya gak usah dipasang resiko tanggung sendiri ya....)


Video Blogger "Setting Privacy"Thursday, March 27, 2008 Melengkapi Video tutorial blogger sebelumnya disini, Video kali ini menampilkan carasetting privacy pada blogger. Yang masih bingung mengenai setting privacy di bloggervideo ini pasti sangat membantu. silahkan dipelajari :)

263




Lagi "merajuk" ngepostingSaturday, March 29, 2008Sudah hampir seminggu ini koneksi internet di rumah lagi gak stabil, Gila bener nihkoneksi kaya kura-kura...kadang connect kadang enggak..mau ke warnet juga lagimalas, makanya om jadi merajuk nih buat postingan baru..jangankan mau nge-post YMaja gak bisa login, padahal sudah ada beberapa tulisan baru yang masuk daftar antriandan siap di santap sahabat semua "cemilan kali ya". Sayang post baru banyak disertaigambar untuk di upload ..jadi di tunda dulu ..maaf ya om lagi kesulitan Blog Walking buatngebalas pesan sahabat semua dan thanks atas pengertiannya :)

Pesan buat ISP tempat om langganan:Buruan di perbaiki ya mas...maaf..kalo bulan inimasih down om bakal close aja dah..


Manage kapasitas ruang simpan di bloggerSunday, March 30, 2008Blogger sebenarnya tidak pernah menghapus gambar anda meskipun gambar tersebuttidak anda gunakan, gambar yang di upload melalui blogger biasanya otomatis tersimpanpada Google Picasa

264

PROOF


Sampai saat ini belum ada kepastian mengenai kapasitas ruang simpan postingan diFree Blogger, jika menggunakan FTP external (hosting sendiri) tentu saja tergatung darikapasitas ruang simpan pada directory hosting masing-masing. Lalu bagaimana dengankapasitas penyimpanan gambar di blogger? berbeda dengan kapasitas ruang simpanpada posting, ruang simpan gambar di Blogger yang bisa dilihat secara langsung danbiasanya gambar di Blogger otomatis tersimpan pada Google Picasa.

Untuk melihat kapasitas simpan di blogger bisa dilakukan dengan langkah mudah, Cobaperhatikan ketika Upload gambar pada halaman posting, disitu tertulis informasikapasitas penyimpanan gambar (Saat ini Anda menggunakan 9MB (0%) dari 1024MBAnda) -> Contoh kapasitas penyimpanan gambar milik saya mungkin saja informasitersebut juga termasuk dalam kapasitas posting :)

Berapa kapasitas ruang simpan gambar di Picasa?

Cara yang cepat dan mudah melihat berapa kapasitas gambar yang telah digunakandengan melakukan pengecekan langsung di Google manage storage ada 2 informasikapasitas yang ditayangkan yaitu kapasitas pada Gmail dan Picasa web Album.

Manage kapasitas simpan gambar di Album Picasa.

Saya yakin kita sering upload gambar, kemudian membatalkannya lalu menggantidengan gambar yang baru, sekalipun gambar tidak di gunakan tetap saja gambartersebut akan tersimpan. Dalam keadaan login di Account Google kita bisa buktikandengan melihat gambar tersimpan pada Google Picasa disinilah dengan mudah kita bisamelakukan manage pada gambar. Menghapus beberapa gambar yang tidak digunakan,berarti terjadi pengembalian pada kapasitas ruang simpan (Catatan : gambar yangdiupload melalu blogger biasanya ditandai dengan icon blogger bergambar kecil dikiribawah)


265


Hosting Murah di rumahweb.com


Tuesday, April 01, 2008Banyak sekali perusahaan web hosting Indonesia yang menawarkan layanan hostingdengan harga yang sangat murah. Tapi maukah Anda membeli kucing dalam karung?

Rumahweb termasuk jasa hosting murah yang terbaik, sebaiknya anda memilih jasahosting mereka. Rumahweb juga menyediakan program affliate dimana jika Andamemiliki website, Anda tinggal memasang text link atau banner mereka di website Anda.Ketika pengunjung website Anda mengklik text link atau banner tersebut, pengunjungakan di redirect ke website Rumahweb. Jika pengunjung tersebut kemudian melakukanorder dan membayar pada produk - produk yang kami jual untuk afiliasi, maka Anda akanmendapatkan komisi Rp. 10.000,- setiap penjualan. Segala sesuatunya akan tercatatdalam database Rumahweb.

Jika Anda tidak memiliki website, Anda dapat mempromosikan website Rumahwebmelalui website - website iklan, Google, dan e-mail ke rekan - rekan Anda. Ketikamempromosikan, Anda akan diberikan sebuah URL dimana Anda harusmencantumkannya pada setiap link yang dibuat. Untuk lebih detailnya silahkan klik disini!


Page Element Directory (Unified Gadget)Saturday, April 05, 2008Page Element Directory merupakankumpulan dari beberapa pilihan Elementhalaman terstruktur dengan menambahkanbeberapa fasilitas multi fungsi berupaRibuan Gadget yang siap digunakan.

Jika saya diminta memilih antara SearchEngine dengan Web Directory tentu sajapilihan saya langsung tertuju ke Directorydengan halaman web terstruktur, samahalnya jika saya di hadapkan kepadapilihan antara Page Element Standardengan Page Element Directory Bloggertentu pilihan saya akan tertuju ke PageElement Directory Blogger. Seperti biasaBlogger tidak pernah habis-habisnyamemanjakan penggunanya dengan menghadirkan fasilitas terbaru mereka yang diberinama Page Element Directory.

How is it working for you? Does the new presentation, and the new icons, make addingstuff to your blog easier?

Page Element Directory merupakan kumpulan dari beberapa pilihan Element halaman

266

PROOF


dengan menambahkan beberapa fasilitas multi fungsi berupa Ribuan Gatget yang siapdigunakan. Seperti halnya directory yang terstruktur kita akan dihadapkan kepada pilihanmenu untuk memudahkan kita mencari, memilih dan mengunakan Gadget mana yangakan digunakan. Karena masih dalam daftar tahap uji coba fasilitas ini hanya bisa jumpaipada Blogger in draft

Cara menggunakan Page Elemet Directory:



3. Pada halaman klik tab "Layout" kemudian pilih "Add a Gadget"

Selamat mencoba :)


Membuat menu DropDownSunday, April 06, 2008Menu Dropdown atau Menu Pull-down merupakan kumpulan beberapa data (berupa textdan link) yang di ringkas menjadi menu tunggal, Menu dropdown bisa digunakan sesuaikebutuhan anda, selain bisa digunakan sebagai alternatif Blogroll, bisa juga andagunakan untuk memuat banyak alamat Link ke situs tujuan. mau tau carapembuatannya?

Cara Buat Menu Dropdown Standar

Menu1 Menu2 Menu3

<form name="jump">< s e l e c t n a m e = " m e n u "onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"><option value="http://alamat-url1.com">Menu1</option><option value="http://alamat-url2.com">Menu2</option><option value="http://alamat-url3.com">Menu3</option></select></form>

Cara Buat Menu Dropdown dengan Tombol

Menu1 Menu2 Menu3

<form name="jump"><select name="menu"><option value="http://alamat-url1.com">Menu1</option><option value="http://alamat-url2.com">Menu2</option>

267



<option value="http://alamat-url3.com">Menu3</option></select>< i n p u t t y p e = " b u t t o n "onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK"></form>

Cara Buat Menu Dropdown dengan Tombol Gambar

Menu1 Menu2 Menu3

<form name="jump"><script>function jumpMenu(){location=document.jump.menu.options[document.jump.menu.selectedIndex].value;}</script><select name="menu"><option value="http://alamat-url1.com">Menu1</option><option value="http://alamat-url2.com">Menu2</option><option value="http://alamat-url3.com">Menu3</option></select><a href="Javascript:jumpMenu()"><IMG SRC="http://oom.blog.googlepages.com/Go.gif"border=0></a></form>

Catatan : kode ditandai warna merah bisa diganti sesuai keinginan anda.


Ubah atau hapus Angka Label (Count)Monday, April 07, 2008Label pada standar blogger biasanya menampikan jumlah dari banyaknya posting dalamsatu kategori, tanda ini biasanya ditandai dengan tanda kurung ( ) jika anda inginmencoba mengubah atau menghapus angka dalam label (Label Count) ikuti tutorialnyadibawah ini:

Gambar dibawah hanya sebuah contoh bagaimana anda ingin mengubah tanda label(100) menjadi [100] atau <100> atau sekaligus tidak menampilkannya.

Caranya:

1. Masuk pada menu Edit HTML

2. Jangan lupa beri tanda centang pada Expand Template Widget

3. Kemudian cari kode seperti dibawah ini

268

PROOF


(<data :label.count/>)

4. Silahkan anda ganti tanda ( dan ) dengan apa saja.

Contoh :

[<data :label.count/>]

atau

{<data :label.count/>}

5. Jika anda tidak ingin menampilkannya tinggal hapus aja semua kode(<data:label.count/>)

6. Jangan lupa disimpan :)


Proteksi dari serangan "Blogger Mail PostBackdoor"Tuesday, April 08, 2008Google's Blogger site is being used by malicious hac*kers who are posting fake entries tosome blogs

Suatu hari anda bisa saja terhenyak tiba-tiba melihat postingan terbaru anda dengan title"Koleksi Foto Cinta laura" atau "Mana ujan, ga ada ojek, becyekkk" atau dengan titleaneh lainya padahal anda sendiri tidak pernah merasa mempostingnya. Yang lebih parahmungkin saja posting tersebut berisi hinaan, kritik, cacian, politik bahkan berisi viru5 atauw0rm yang tidak pantas untuk di publikasikan.

Kejadian diatas bisa terjadi tidak lepas dari celah keamanan Post Blogger yang bisa disusupi dengan cara melakukan mengirim Posting terbaru melalui Blogger Post FromMail, sebenarnya berita ini pernah di ramai dibahas di BCC News pada tahun 2007dengan judul Bloggers battered by viral storm dimana viru5 bisa dengan mudahmelakukan spider mail pada blog target kemudian mencoba melaukuan beberapakombinasi lalu melakukan aksi penyerangan. Ups sekali lagi jangan tanyakan sayabagaimana cara kerjanya..saya tidak mengerti apapun dunia underground...jadi lupakansaja..

Celah terbuka di Mail Post Blogger

Sebelum anda berpikir terlalu jauh, ada baiknya saya menjelaskan kenapa ini bisa sajaterjadi pada postingan anda. Ketika anda login ke blogger anda bisa melihat dalampengaturan dimana pengaturan tersebut mengijinkan kita melakukan posting denganmengirimkan tulisan teks dan gambar melalui alamat Mail-Ke-Blogger. Sekarang cobamasuk ke halaman Pengaturan -> Email -> Alamat Mail-ke-Blogger

269



Gambar diatas merupakan Setting Mail di Blogger yang bisa anda maanfaatkan untukm e n g i r i m p o s t i n g m e l a l u i e m a i l t a n p a h a r u s l o g i n . L i h a t t a n d aXXXX([email protected]) diatas itu merupakan nama identitas usertambahan sesudah nama account email anda. Ketika anda memilih "Publikasikan segeraemail" berarti anda membolehkan posting terbaru langsung bisa dipublikasikan. Bisadibayangkan jika seseorang mengetahui alamat mail blogger anda..lalu melakukan Bombpost mail dengan subject yang tidak anda inginkan sama sekali..lalu bagaimanaseseorang bisa mengetahui alamat user XXXX diatas? sekali lagi maaf.......saya jugatidak tau jawabannya..

Bagaimana melakukan proteksi untuk menghindai serangan "Blogger Post Backdoor"?

1. Cara konfigurasi Alamat Mail-ke-Blogger

Jika anda mengaktifkan "Publikasikan segera email" Untuk nama user XXXX sebaiknyagunakan 8 karakter atau lebih, bisa huruf dan angka, sebisanya gunakan kombinasi yangrumit dan jangan mudah ditebak..sekali lagi untuk mengetahui account mail anda tidaksulit..ada baiknya anda berusaha melakukan proteksi pada nama XXXX sesudah namaacount gmail.

Perlu juga diketahui setiap blog anda pada blogger mempunyai nama mail yang unik,format alamat mail untuk posting bukanlah seperti [email protected] melaikanseperti ini [email protected], jadi jangan takut jika anda mengosongkannama XXXX diatas karena tidak ada efek sama sekali.

2. Pilihan "Simpan email sebagai posting konsep"

Cara proteksi teraman yaitu memilih dengan menyimpan alamat post dari mail sebagaikonsep, namun cara ini memiliki kekurangan karena kita tidak bisa mempublikasikanposting secara langsung.

3. Setting Privacy pada blogger

Blogger juga menyediakan Setting Privacy, Agar lebih mudah lihat video tutorialnya disini

4. Jangan gunakan nama login sebagai nama blog.

Seorang hack*er bisa saja menebak alamat email anda melalui nama blog, kebanyakanpengguna menggunakan alamat yang sama sebagai login di blogger, ada baiknya andamembuat nya berbeda. mungkin cara dibawah ini bisa membantu:

270

PROOF


Untuk mengubah nama email yang diberikan kepada pembaca, anda bisa masukhalaman blogger -> Pengaturan -> Email -> Alamat BlogSend kemudian masukan alamatemail lain yang ingin anda publikasikan, alamat email tidak harus gmail anda bisa sajamenggunakan Yahoo mail anda atau lainya.

Cara yang salah:

Nama blog: namauser.blogspot.comNama login: [email protected] email yang diberikan pada pembaca: [email protected] user: namauser atau nama inisial anda

Password : tanggal lahir, nama pacar atau lainya sangat tidak disarankan

Cara yang benar:

Nama blog: namablog-lain.blogspot.comNama Login: [email protected] email yang diberikan pada pembaca: [email protected] user: Sebainya tidak ada kaitannya dengan nama mail dan blog

Password : Gunakan minimal 8 karakter (coba cari di google dengan keyword "TipsMembuat Password yang Baik" atau klik disini

5. Proteksi terbaik lainya

Lakukan setting security pada browser yang anda gunakan dan jangan lupa memasangAnti Virus dan Firewall.

Tulisan diatas tidak bermaksud untuk mengajarkan rekan semua untuk melakukankejahatan, saya tidak bertanggung jawab atas informasi diatas dengan alasanapapun..semua hanya info bodoh yang tidak harus di pelajari. semoga anda bisa segeramemproteksi blogger anda sekarang juga. Thanks, OOM


Kekurangan komentar Blogger "Status Login"Thursday, April 10, 2008

271



Memberikan identitas asli ketika berkomentar dengan status login tentu mempunyaikelebihan dari pada hanya memasukan alamat URL blog, kelebihan utama yang jelasmenunjukan identias asli kita sebagai komentator. Selain itu kita juga diberi hak untukmenghapus komentar kita sendiri jika dinginkan. Namun komentar dengan status loginjuga mempunyai kekurangan ketika pengunjung menuju ke alamat URL pengirimkomentar, kekurangan yang sangat mengganggu bisa dilihat ketika kita dihadapkan kehalaman profile pemilik blog dimana kita di hadapkan lebih dari satu URL, tidak masalahkalo alamat blog yang di tampilkan hanya satu..bagaimana jika kita di hidangkan 10alamat blog sekaligus? mana yang harus kita pilih? URL mana sebagai blog utama-nya?bingung khan :)

Gambar diatas merupakan contoh nyata dimana ketika profile akan ditampilkan ketikasaya memberikan komentar dengan status login, mungkin anda bisa menebak yangmana blog utama saya, yang jadi masalah bagaimana seseorang bisa mengetahuialamat blog utama anda jika mereka dihidangkan 15 alamat blog sekaligus? yang jelassaya sendiri tidak akan mengujungi satu persatu alamat tersebut..sampai akhirnya sayaenggan melihanya dan segera menutupnya. Jangan sampai kejadian ini menjadihambatan yang membingungkan.

Bagaimana Solusinya?

1. Untuk solusi terbaik saya sarankan anda lebih baik langsung memasukan alamat blogutama saja tanpa harus login..cara ini juga sangat menguntungkan dari segi kemudahankunjungan, yang jelas user bisa diarahkan ke blog anda langsung tapa harus diberipilihan.

2. Jika anda memang ingin berkomentar dengan status login, Blogger sebenarnyamenyediakan menu Kontak dimana menu ini memberikan informasi berupa Link"Halaman Web Saya" menu ini lah yang sering saya jadikan pilihan terakhir ketikamengunjungi blog utama anda.

1. Pertama masuk halaman Panel Kotrol

2. Pilih "Edit Profil"

272

PROOF


3. Pada halaman Edit Profile User tuju ke URL Homepage

4. Masukan alamat URL blog utama anda (contoh: http://www.o-om.com)

5. Jangan Lupa di Save.

Semoga solusi diatas bisa membantu mengatasi masalah komentar dengan status login.Selamat mencoba :)


Rahasia dibalik "Meta Title Tag" BloggerMonday, April 14, 2008

Jika anda perhatikan Title diblog o-om.comsekilas tidak ada kejanggalan, namumdibalik Title Blog o-om.com sebenarnyatersimpan rahasia yang jarang diketahuipara Blogger.

Keyword pada Meta Title Tag Bloggermempunyai peranan cukup vital, hampirseluruh Search Engine memberikanpenekanan pada pengunaan Title (judul).Judul sebaiknya mewakili 2 sampai 3 katakunci, semakin dekat posisi kata kuncipada awal judul maka akan semain baik.Jika anda mempunyai penekanan padajudul yang pendek in i t idak ter la lubermasalah, namun ada kalanya judul yang

anda masukan lebih dari 10 kata dan terlihat panjang. Terus terang ini menjadi masalahserius jika anda benar-benar fokus pada penggunan title, pengunaan title yang panjangakan merusak judul postingan anda di Search Engine. ini disebabkan keberadaankeyword pada judul postingan anda akan dirampas oleh title blog anda. Perlu andaketahui search engine tidak akan menampilkan result percarian text keseluruhan tapiakan memotong keyword anda dengan tanda [....] sebagai text lanjutan.

Jika anda perhatikan Title diblog o-om.com sekilas tidak ada kejanggalan, namum dibalikTitle Blog o-om.com sebenarnya tersimpan rahasia yang jarang diketahui para blogger.walau anda View Source pada browser, anda tidak akan melihat apapun perubahan kodepada meta title blog ini karena browser sudah melakukan konversi Html ke modus defaultstandar, jadi bukan menampilkan Html seperti Script default pada Edit Html Blogger.

Bisa anda lihat Title utama blog ini terbilang panjang, dimana O-OM'S BLOG merupakanJudul blog, kemudian diikuti beberapa kata kunci utama. Lalu apa yang terjadi pada

273



result pencarian search engine ketika saya menggunakan Title yang panjang pada titlestandar blogger, sebagai contoh keyword "Cara membuat Favicon" masalah utama jelaspengguna tidak akan pernah menemukan kata kunci dengan judul tersebut, sudah jelasterlihat punggunaan Title yang panjang akan menjadi masalah vital dimana anda akankehilangan kata kunci pada judul posting.

Contoh masalah pada Title yang panjang:

O-OM'S BLOG | Tips dan Trik Blogger untuk Pemula: Cara....

Lihat perbedaan hasil pencarian diatas dengan hasil pencarian dibawah ini, manamenurut anda yang terbaik?? Tentu saja yang dibawah, jelas sekali keyword judulposting berada dibelakang Judul blog sebelum kata kunci utama. klik Disini untuk lebihjelasnya

Contoh Title yang panjang setelah dimodifikasi:

O-OM'S BLOG: Cara Buat Favicon | Tips dan Trik Blogger ....

Bagaimana saya memanipulasi agar judul posting berada diantara antara Judul blog danKata kunci utama, ikuti cara dibawah ini agar anda mengetahui perbedaannya.

1. Masuk Pada Layout -> Elemen halaman -> tuju pada Header kemudian klik Edit.

2. Pada Judul Blog masukan nama blog anda (Sebaiknya gunakan 2 kata saja)

3. Kemudian Masuk ke halaman Edit HTML lalu cari kode dibawah ini.

<title><data:blog.pageTitle/></title>

Lalu tambahkan katakunci anda seperti contoh text warna merah dibawah ini (silahkanganti dengan kata kunci anda sendiri)

<title><data:blog.pageTitle/> | katakunci1, katakunci 2, katakunci3</title>

4. Silahkan di Simpan dan lihat hasilnya.

Title terlalu panjang "No Problem" sekarang anda tidak perlu takut menggunakan Titleyang panjang, apalagi kehilangan keyword judul postingan pada search engine...silahkanmencoba melakukan experimen sendiri. Thanks O-OM


274

PROOF


Blogger Classic "Jadul"Tuesday, April 15, 2008Mengenang Blogger jaman dulu (jadul)..Ayo tebak ini tampilan Blogger Classic tahunberapa?? silahkan di comment :) Ups hampir lupa gambar yang sebelah kiri kiriman darirekan Eko Priyanto thanks atas kiriman gambarnya.


10 Free Blog ToolsWednesday, April 16, 2008Semua Engine Blog sebenarnya sudah menyediakan text editor dan image upload,sayangnya anda tidak akan leluasa karena keterbatasan dari editor standar, belum lagianda harus login setiap kali ingin memposting artikel terbaru. Mungkin Free Blog tools dibawah ini bisa memudahkan kegiatan blogging anda, tools ini rata-rata sudah supportupload gambar, drag and drop serta dukungan WYSWYG Editor(what you see is whatget). Namun untuk bisa menggunakannya tentu anda harus mendownloadnya terlebihdahulu.

Free Blog tools yang bisa anda gunakan:

QUMANA

Qumana merupakan desktop blog editor yang mudah digunakan (easy-to-use), diimanakita dapat menggunakannya saat offline lalu menyimpannya ke hard drive dan meng-uploadnya kapan saja kita inginkan. yang lebih menarik qumana menyediakan programPPC artinya jika kita menampilkan iklan dari mereka dan setiap kali pengunjungmelakukan klik maka kita akan dapat bayaran dan dollar pun langsung mengalir keaccount kita.

www.qumana.com | Download

WBLOGGAR

Tools desktop blog editor yang sangat power full, mendukung hampir semua engine blogdan juga dukungannya terhadap banyak bahasa, kelebihan lainnya tools ini juga supportbahasa indonesia. Menurut saya pribadi Tools ini yang terbaik dan layak dicoba.

http://wbloggar.com/download.php | Download

SCRIBEFIRE

ScribeFire merupakan Mozilla FireFox Extensions, jadi tools ini berjalan diatas enginebrowser Firefox dan Flock. tools ini memudahkan anda untuk memposting, mengedit danupload gambar ditambah kemudahan drag and drop.

http://www.scribefire.com/ | Download

275



POST2BLOG

Tool ini merupakan salah satu Plugin Firefox , karena menggunakan firefox extention jadikita harus mempunyai Browser Firefox. Selain untuk melakukan posting, tool ini dapatmelakukan kemudahan lainnya, beberapa fitur pada tool ini, sebagai berikut:

• Melakukan proses Ping secara otomatis kepada beberapa layanan situs yangdipilih.

• Pengeditan text cukup mudah, bisa dalam mode text atau Html• Cara pengeditan anda tinggal mengambil beberapa isi content secara online

mengenai isi text yang akan diedit.• Mendukung WYSWYG Editor.• Dapat mengedit ke banyak blog sekaligus (jika anda mempunyai lebih dari satu

blog)• Mendukung beberapa blog diantarnya blogger dan wordpress• Dan masih banyak fitur lainnya yang bisa anda coba :)

http://bytescout.com/post2blog.html | Download

FLOCK BLOG EDITOR

Anda yang menggunakan Browser Flock sebenarnya Flock Blog Editor sudah tersediasatu paket dalam instalasi yang bisa langsung anda gunakan, tools ini hanya supportuntuk blogger, wordpress dan Typepad. Kemudahan yang diberikan terutama pada editmengedit posting serta dukungan upload photo.

www.flock.com/user-guide/blog/posting.html | Download

Jika Free tools blog diatas masih kurang anda bisa mencoba tools lainnya:

BlogJetZoundryBlog DeskMars EditEcto

Selamat mencoba, Happy Blogging with o-om.com :)


Parah ! semua akses ke Google di blokir?Thursday, April 17, 2008Entah kenapa beberapa hari ini banyak laporan yang om terima katanya hampir semualayanan Google, Blogspot, Gmail, Adsense dll gak bisa diakses. Apa pemerintahmemblokir layanan ini ya? kalo sampai di blokir ampun dah..untuk apa tutorial o-om.comdibuat kalo blogger (blogspot) juga di blokir... no traffik - no click - no sales - no profitbakal gulung tikar nih?

Tips akses lewat bawah kolong jembatan:

276

PROOF


1. Bisa gunakan web proxy coba Web Proxy (Anonymous)

2. Coba gunakan Toonel (java)

3. Kalo Google masih bisa coba pakai Google Translate

4. Coba Lagi pakai http://www.unblocked.org


Tukeran Link Feed dengan Friendfeed.Friday, April 18, 2008Saling bertuker link feed mampu meningkatkan pembaca feed reader anda, Friendfeedmempunyai kelebihan dibandingkan dengan Rss Feed reader standar, dimana layananini memiliki kemampuan untuk menampilkan music dan video.

FriendFeed bisa dikatakan sebagai feed aggregator layanan online yang memungkinkananda menyimpan halaman web, Rss Feed, foto, video dan musik milik teman dankeluarga anda ketika mereka membagikannya. Layanan ini juga menawarkan cara unikuntuk mengetahui dan mendiskusikan informasi terbaru dengan teman anda, selain ituanda juga dapat mengamati setiap perubahan yang terjadi pada banyak situs dan blogteman anda secara realtime tanpa harus mengunjunginya.

Saling bertuker link feed akan meningkatkan pembaca feed reader anda, Friendfeedmempunyai kelebihan dibandingkan dengan Rss Feed reader , dimana layanan inimemiliki kemampuan untuk menampilkan music dan video, sampai saat ini Friendfeedmendukung 35 service layanan online diantaranya Digg, Del.icio.us, Twiter, Youtube,Flickr, termasuk Blogger juga dong tentunya :) Penasaran dengan layanan ini? segeraaja sambangi dan jangan lupa add oom jadi teman mu http://friendfeed.com/oom


Huruf besar di awal kalimatSaturday, April 19, 2008Membuat huruf besar di awal kalimat mungkin bisa menjadi ciri khas tersendiri, sebagaicontoh lihat awal kalimat yang ditandai dengan huruf "M" pada artikel ini..tampak bedakhan! jika anda ingin artikel anda tampak seperti itu anda bisa mencoba membuatnya.

Pertama, buka halaman Edit HTML anda kemudian cari code CSS dibawah ini

.post-body {

.....}

277



Jika sudah ketemu, tambahkan kode dibawah ini dibawah kode diatas (pastikandibawahnya, bukan diantaranya)

.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

Cara menggunakannya :

Ketika anda menulis di halaman posting pastikan pada awal kalimat tambahkan<bt></bt>

Contoh :

<bt>M</bt>embuat huruf besar di awal kalimat mungkin jadi ciri khas tersendiri

Sumber : http://beautifulbeta.blogspot.com/


Pasang multi bahasa (translator) di blogSunday, April 20, 2008Ada dua pilihan widged multi bahasa (translator) yang bisa anda gunakan untuk men-translate blog anda ke bahasa lain, widged ini telah disediakan oleh Google Translatedan Babelfish Translator. Sayangnya widget ini belum support bahasa indonesia, jikablog anda berbahasa inggris tidak ada salahnya anda untuk mencoba widget ini :)

Contoh widged Google Translate

Tekan button dibawah untuk installasi

Contoh widged Babelfish Translator

Tekan button dibawah untuk installasi

Special thanks for http://betabloggerfordummies.blogspot.com/ for this widged.


278

PROOF



Mengambil keputusan yang berat, tega danterkesan pelitSunday, April 20, 2008Keputusan yang berat bahkan mengecewakan, dengan alasan kuat saya terpaksamenghilangakan shoutbox karena sudah beralih fungsi menjadi ladang spam...malahbeberapa kali ada yang coba menyebarkan v1ru5 dan sejenisnya..disamping itu sayatidak ingin membuat rekan semua kecewa, saya tidak mungkin mengunjungi blog rekansemua satu persatu..ditambah blogger rada bermasah saat ini..terus terang saya merasaberutang dan sungguh kecewa jika tidak bisa BlogWalking ke sahabat semua, sayasadar hanya manusia yang mempunyai batasan kemampuan, suatu saat rekan semuapasti mengerti keputusan ini.

Yang lebih sulit saya terpaksa menghilangkan Blogroll, keputusan yang sama jugadiambil sahabat saya kang rohman saya menyadari tindakan saya dengan kang rohmanmerupakan keputusan yang sulit tapi ini tetap kami lakukan demi nyawa blog kami bisaterus bernafas. Sekali lagi rekan gak pernah saya rugikan jika dihitung dari jumlahblogroll om selama ini lebih banyak bersedekah backlink. Tidak terasa blog ini sudahberumur 1 tahun, sebelumnya blog ini beralamat di o-om.blogspot.com dengan jumlahblogroll sekitar 350 ketika saya mengganti dengan domain baru saya sekalipun tidakpernah menghapus blogroll link yang lama..dalam artian om selama ini sudahmembacklink 350 link secara cuma-cuma, bisa dibandingkan setetah custom domain(link dihitung dari link exchange, bukan dari tujuan link ke blog ini) pastaskah ommenghilangkannya?? sangaja om tulis masalah ini biar kita sama-sama memahaminya.sekali lagi semua ini untuk menghindari LINK FARM om tidak ingin blog ini dianggapspam apalagi di cap sebagai jual beli link sama om google.

Semoga keputusan ini bisa memberikan semangat baru buat blog http://www.o-om.combisa terus berkarya, jangan berpikir saya tidak lagi mengunjungi blog sahabatsemua..silahkan berkomentar dan bertanya melalui email, saya pasti akan berusahamembalasnya dan dijamin saya akan mengunjungi balik blog rekan semua melalui linkkomentar.

Maafkan saya atas keputusan ini..sulit namum harus dijalankan. Kunjungi selalu blog o-om.com jika kalian rasa berguna, saya jamin untuk berusaha tidak akan mengecewakansahabat semua. Salam Blogger :)


279



Membuat Top Post (popular artikel) di blogspotTuesday, April 22, 2008Top Post merupakan statistik yang menunjukan seberapa populer artikel yang pernahkita publikasikan, kebanyakan top post di nilai dari jumlah klik atau nilai dari banyaknyakomentar. Secara default Wordpress mempunyai widged untuk menampilkan Top Post,Gimana dengan Blogspot?

tentu saja bisa, walau standar Blogspot tidak memilikinya kita juga bisa menampilkannya.Top Post diblogspot yang akan dibuat nantinya dihitung dari jumlah banyaknya komentar,widget ini buatan blogger wanita berparas cantik Amanda Fazani wanita ini bisadikatakan sebagai penulis tutorial blogger terkenal, o-om saja sampai geleng-gelengkepala dengan kemampuan bloggingnya :). Widget Top artikel ini dibuat dengan bantuanYahoo Pipes bisa dilihat di Blogger Popular Posts/Most Commented Pipe page,penjelasan selengkapnya kunjungi aja blog Amanda disini

Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenyasangat mudah tinggal masukan saja pada element halaman baru:

function pipeCallback(obj) { document.write('

1. '); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; varitem = "

2. " + "" + obj.value.items[i].title + ""; document.write(item); } document.write(' '); } Widget by Blogger Buster


namablog.blogspot.com : Ganti dengan nama blog sendiri.

num=10 : Jumlah maksimal Top Post yang ingin ditampilkan

Untuk yang custom domain tinggal gukanan www.domainkamu.com

Cara menghilangkan nomor urut:

Pada tampilan awal akan tampil urutan jumlah top post, j ika rekan tidakmenginginkannya tinggal hapus aja ke dua kodedibawah ini

document.write('<ol style="text-transform: capitalize;">'); dan document.write("</ol>");pada kode diatas

Selamat mencoba, happy blogging with o-om.com


280

PROOF


Template baru semangat baruThursday, April 24, 2008Hampir setahun ini template oom gak pernah ganti baju, kalau isitilah jawane "wesmbladus" dan ngebosanin, setelah edit sana sini bingung juga gak ada konsep designyang pas...akhirnya om coba aja membuat template (layout) baru yang mirip denganblogger terkenal Problogger.net emang gak sama persis sih cuma ambil konsep-nya sajahehe siapa tau aja ketiban rejeki n berduit kaya Darren Rowse, Mohon beri masukankritik dan sarannya. terima kasih


Setting FTP External di blogspotMonday, April 28, 2008Saya sering ditanyakan mengenai cara setting FTP External di blogspot, walaupun sudahdijelaskan pada help blogger namun mungkin penjelasan tersebut masihmembingungkan anda, sebelum kita melakukan setting FTP external ada baiknya andamembaca pertanyaan umum seputar FTP disini. OK sampai disini saya rasa anda sudahmengerti apa itu FTP external, jika anda masih bingung FTP external adalah cara laindari custom domain dimana file anda tidak di host di blogger (blogspot) melainkan andabener-benar menyimpan file post anda di server milik anda sendiri. Apa saja syaratutama menerbitkan FTP external? Anda harus memiliki Domain dan Hosting sendiri danpastikan anda menggunakan Template Classic (Ftp external blogspot tidak support untuknew blogger) bagi yang belum memiliki hosting sendiri saya sarankan andamenggunakan hosting murah di Rumahweb.com atau di namadomain.com

Setting untuk menerbitkan sebuah FTP external

Kunjungi Pengaturan | Publikasi dan pilih metode koneksi. Lalu, masukkan pengaturanAnda. Setelah Anda selesai, simpan rincian server Anda lewat tombol SimpanPengaturan di bagian bawah, dan publikasikan ulang blog Anda. Harap ingat bahwanomor port default akan digunakan (:21 untuk FTP dan :22 untuk SFTP); penetapan portalternatif tidak akan bekerja. Jangan menyertakan http:// atau ftp:// di dalam alamatserver atau pengaturan lintasan. selengkapnya lihat mengaturan dibawah ini :

1. Pertama pada Pengaturan pilih Publikasikan

2. Pilih FTP (penerbitan di server ISP anda)

3. Menerbitkan melalui FTP

a. Server FTP : Masukan namadomain tanpa http:// (contoh : namadomainkamu.com)

281



Penting :

Server FTP adalah sebuah komputer yang menggunakan FTP untuk menerima file yangdi-upload oleh pengguna. Alamat server FTP Anda biasanya terlihat seperti berikut:ftp.example.com

Ketika Anda membeli layanan hosting, Anda harus memiliki alamat server FTP untukdigunakan. Apabila Anda tidak memiliki informasi ini atau Anda ragu tentangnya, hubungipenyedia hosting Anda.

Catatan:

* Nomor port deafult akan digunakan (:21 untuk FTP dan :22 untuk SFTP). Menetapkanport alternatif tidak akan bekerja.* Dan jangan menyertakan http:// atau ftp:// di dalam alamat server.

b. URL Blog : Masukan nama URL domain utama, harus menggunakan http:// (misalkanhttp://namadomainkamu.com atau http://namadomainkamu.com/blog)

Catatan: Pastikan alamat domain sesuai dengan lokasi path FTP, misalkan andamempublikasikan di public_html/blog/ berarti anda mengarahkan domain anda kehttp://namadomainkamu.com/blog

c. Path FTP: Public_html/ atau Public_html/blog/

Penting :

Lintasan FTP memberitahu Blogger di mana file blog Anda ditempatkan di dalam server.Lintasan FTP harus berformat seperti di bawah ini: directory/directory/ (pastikanmenyertakan garis miring di belakang)

Apabila Anda sudah mengenal FTP, lintasan Anda adalah direktori web Anda yang dapatdiakses. Misalnya, ini mungkin berupa 'htdocs' atau 'www' atau 'public_html,' atau,apabila Anda ingin menempatkan blog Anda pada sebuah subdirektori, 'htdocs/blog/' dst.

Apabila semua penjelasan ini terkesan rumit, coba hubungi penyedia hosting untukbantuan. Mereka dapat memberitahu Anda bagaimana menyiapkan server khusus.

282

PROOF


Catatan:

* JANGAN gunakan http://, ftp:// atau alamat server pada lintasan.* Direktori yang Anda tentukan harus sudah ada di dalam Server FTP Anda.* Direktori tidak boleh berupa lintasan absolut - direktori harus relatif terhadap lokasi akarftp di server.

d. Nama File Blog : index.html

Catatan: seperti informasi pada gambar jika diserver anda sudah ada index.html makasecara ototmasis file tersebut akan ditimpa..saran saya sebaiknya anda mencoba Ftpexternal pada subdirectory sebelum bener2 mencoba pada directory utama.

e. Nama file feed: atom.xml

Catatan: seperti informasi pada gambar jika diserver anda sudah ada atom.xml makasecara ototmasis file tersebut akan ditimpa..baca catatan sebelumnya di (d. Nama FileBlog)

f. Username dan FTP

Catatan : Masukan username dan Password FTP sesuaikan dengan di alamat hosting,bukan username dan password di blogger

g. Jangan lupa di Simpan, selamat mencoba

Pertanyaan Yang mungkin di tanyakan:

Apakah perbedaan antara publikasi ulang indeks dan publikasi ulang seluruh blog?

Apabila Anda memiliki blog FTP, Anda masih harus mempublikasikan kembali blog Andasecara berurutan untuk mencerminkan pembaruan Anda. Publikasikan Ulang IndeksSaja artinya hanya halaman indeks (dan feed situs, apabila diaktifkan) yang akandipublikasikan ulang.

Publikasikan Ulang Seluruh Blog akan mempublikasikan seluruh blog - halaman indeks,feed, arsip & halaman posting. Ini akan memberlakukan perubahan template terbaruAnda ke semua halaman blog Anda. Ini akan berlangsung beberapa saat apabila Andatelah memiliki banyak posting.

Penulis :Agus ramadhani (o-om.com)

283




Simple blog di Weblog.comTuesday, April 29, 2008Dari semua layanan free blog service yang saya coba weblog.com merupakan layananfree blog yang paling mudah digunakan. Weblog diluncurkan pertengahan 2006-2007,tidak seperti kakak tertua Blogger dan Wordpress yang membuat anda seharianberlama-lama duduk di depan komputer, weblog relative sangat mudah dan cepatdiaplikasikan. Layanan Sevice weblog juga lengkap dari Post Edittor, Rss Feed,Comment moderation dan tentu saja pilihan ubah template. Pemberian nama URL samaseperti Blogger dan Wordpress yaitu nama user terletahk di depan nama blog servicenamablog.weblog.com, yang lebih menarik Editor CSS dan HTML juga disediakan untukdi modifikasi. Yang jelas aplikasi weblog ini sangat cocok buat teman dan saudara andayang baru membuat blog tanpa harus disuguhi makanan berat seperti Blogger danWordpress. Lihat sample weblog milik saya di ooms.weblog.com


Prediksi nilai Page Ranking (28-04-08)Tuesday, April 29, 2008Menurut prediksi saya beberapa Blog bakal turun nilai PR nya dan ada juga yangnaik...walau belum ada kepastiannya kemungkinan prediksi ini belum akurat..sekali lagiini hanya sebuah prediksi saya saja mohon jangan di benarkan.

Dibawah ini saya mencoba memprediksikan nilai PR dari beberapa blogger terkenal:

Isnaini.com = Tetap pada PR 6

Cosaaranda.com = Dari PR 4 turun ke PR 3

Bayumukti.com = Dari PR 3 naik ke PR 4

Thegadgetnet.com = Tetap bertahan di PR 4

Afatih.wordpress.com = Naik dari PR 4 ke PR 5

Enda.goblogmedia.com = Tetap pada PR 3

Kolom-tutorial.blogpspot.com = Dari PR 6 turun ke PR 5

Edittag.blogspot.com = Dari PR 6 turun ke PR 5

Free-7.blogspot.com = Dari PR 4 turun ke PR 3

284

PROOF


Anangku.blogspot.com = Tetap di PR 5

Alixwijaya.com = Dari PR 4 naik ke PR 5

Totoks.com = Turun dari PR 5 ke PR 3

Problogger.net = Tetap pada PR 6

Entrepreneurs-journey.com = Tetap pada PR 6

Lalu o-om.com = turun juga dari PR 5 ke PR 4/3 :)

Maaf untuk sahabat blogger lainnya yang belum bisa saya prediksikan..juga permintaanmaaf buat nama diatas jika terlalu lancang dan belum minta ijin sepenuhnya..yahnamanya juga ramalan kita tunggu saja kepastiannya :)


Membangun Bisnis Web ProxyWednesday, April 30, 2008Pemblokiran pada blogspot bener-benar membuat stress, sampai hari ini masih saja omterima laporan yang sama. kebanyakan yang memberikan laporan pengguna Speedy.Tips akses lewat bawah kolong jembatan yang om sampaikan ternyata tidakberpengaruh banyak, ini yang membuat mas iwan Free-7.net turun tangan danmemberikan beberapa alternatif Web Proxy tambahan untuk membuka situs yangdiblokir dengan sangat kompleks.

Jika saya dan mas iwan memberikan alternatif web Proxy pilihan gratis, ini berbedadengan Cosaaranda.com yang lebih memfocuskan web proxy ke arah bisnis, dimanabung Cosa mengajarkan kita untuk membangun Web proxy domain pilihan.. mungkinlebih tepat Web Proxy (Anonymous). Cara membangun Bisnis Web Proxy yang diusungbung Cosa sangat komplit dan terdiri dari beberapa tahapan yaitu Tahap Pendahuluan,Persiapan dan tahap promosi untuk selengkapnya bisa pelajari diblognya beliau. Yangjelas saya benar-benar kagum dengan sosok Cosa Aranda apapun masalahnya beliaupasti menemukan solusinya. Thanks info bisnis Proxy-nya bung Cosa .

Nah..dari pada menghabiskan waktu memikirkan masalah pemblokiran kenapa andatidak mencoba membangun bisnis ini, selain bisa digunakan sendiri juga bermanfaatkhan buat yang lain, saya rasa tidak ada salahnya anda untuk menjajalnya..sukses ataugagal itu mah soal nanti yang penting berani mencoba dan yang penting usaha. (o-om.com)


285


Cara pasang "OOM TabView Widget"


Saturday, May 03, 2008Tabview Widget merupakan cara mudah untuk memberikan informasi pada halamanmultiple, Tabview Widget sangat cocok digunakan pada ruang terbatas karena satu tabdalam tabview akan mewakili satu halaman. Penggunaan Tabview Widget pada bloggerpernah di populerkan oleh Hoctro dengan menggunakan bantuan dari Yahoo! UI Librarysetelah mencobanya, jujur.. saya kurang menyukainya, mungkin karena waktu loadingyang begitu lama ditambah proses pemasangannya yang terbilang ribet.

Karena kurang puas dengan widget sebelumnya, saya mencoba membuat TabviewWidget sederhana yang mudah diaplikasikan, widget ini support buat blogger, websitedan platform lainya, Coding yang digunakan mengusung pada penggunaan Html Form,CSS dan Javascript. Mengenai Support tidaknya di browser, jangan khawatir saya sudahmencobanya di Opera v9.00, Internet Explorer v6.0, Firefox v2.0.0.14 dan Flock v1.0.8semua berjalan dengan baik. Lihat display sample Tabview dibawah:

Twitter Blogroll Recent PostContoh Tabview untuk Twitter:

Follow me on Twitter

Contoh Tabview untuk Blogroll:

• Free-7.net• Ellyasa.blogspot.com• Kangrohman.com• Info-baru.com

Diatas merupakan contoh Tabview widget sederhana, pada Tabview anda bisamengubah warna, menambahkan jumlah tab dan mengubah sendiri ukuran dari tabviewsesuai dengan kebutuhan. Agar lebih mudah saya akan menjelaskannya caramenggunakannya.

Pertama Copy-Paste semua kode dibawah ini ke tools edittor (misalkan Notepad, MSFrontPage)

<style type="text/css"> div.TabTampil div.TTs {height: 24px; overflow: hidden; }div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active { background-color:#FFE16C; } div.TabTampil div.Halamans { clear: both; border: 1px solid #FFCC00;overflow: hidden; background-color: #FFFFB7;} div.TabTampil div.Halamansdiv.Halaman { height: 100%; padding: 0px; overflow: hidden; } div.TabTampildiv.Halamans div.Halaman div.Alas { padding: 3px 5px; } div.TabTampil div.TTs a {border-left:1px solid #FFCC00; border-right:1px solid #FFCC00; border-top:1px solid#FFCC00; border-bottom:0px solid #FFCC00; float: left; display: block; width: 100px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none;font-family: "Arial", Serif; font-size: 12px; font-weight: 900; color: #222} </style> <formaction="tabtampil.html" method="get"> <div class="TabTampil" id="TabTampil"> <divclass="TTs" style="width: 330px;"> <a>Tab1</a> <a>Tab2</a> <a>Tab3</a> </div> <divclass="Halamans" style="width: 330px; height: 250px;"> <div class="Halaman"> <divclass="Alas"> Tab1 Tab1 </div> </div> <div class="Halaman"> <div class="Alas"> Tab2Tab2 </div> </div> <div class="Halaman"> <div class="Alas"> Tab3 Tab3 </div> </div>

286

PROOF


< / d i v > < / d i v > < / f o r m > < s c r i p t s t y l e = " t e x t / j a v a s c r i p t "src="http://oom.blog.googlepages.com/o-omdotcom_tabview.js"></script> <scripttype="text/javascript">tabtampil_inisial('TabTampil');</script>

Langkah selanjutnya anda belajar cara memasang kode pada tiap Tabview,selengkapnya silahkan baca caranya dibawah:

Cara memasukan kode dalam Tabview:

Lihat contoh Tab1 Tab2 Tab3 dibawah, ini merupakan tempat dimana halaman akanditampilkan. Silahkan masukan apa saja yang ingin anda tampilkan (misalkan Adsense,Blogroll, Recent comment, Recent post, Search box dan lain-lain)

<div class="Alas">Tab1Tab1</div></div><div class="Halaman"><div class="Alas">Tab2Tab2</div></div><div class="Halaman"><div class="Alas">Tab3Tab3</div>

Gimana mengubah warna dan tampilan TabView?

Untuk mengubah tampilan jadi lebih menarik anda bisa mengubah warna berdasarkancode CSS dibawah ini. Code dengan warna merah kode yang bisa anda modifikasi. (jikaanda sudah mengerti Code CSS tentu anda bisa membuatnya lebih menarik lagi)

<style type="text/css">div.TabTampil div.TTs{height: 24px; overflow: hidden; }

div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active{ background-color: #FFE16C; }

div.TabTampil div.Halamans{ clear: both; border: 1px solid #FFCC00; overflow: hidden; background-color: #FFFFB7;}div.TabTampil div.Halamans div.Halaman

{ height: 100%; padding: 0px; overflow: hidden; }div.TabTampil div.Halamans div.Halaman div.Alas

{ padding: 3px 5px; }div.TabTampil div.TTs a

287



{ border-left:1px solid #FFCC00; border-right:1px solid #FFCC00; border-top:1px solid#FFCC00; border-bottom:0px solid #FFCC00; float: left;display: block; width: 100px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif;font-size: 12px; font-weight: 900; color: #222}</style>

Gimana menambah jumlah Tabview, mengubah ukurannya dan menganti tulisan di tiapTabview?

Untuk mengubah jumlah tabview caranya sangat mudah tinggal anda pelajari pada kodewarna merah yang telah saya tambahkan. Selanjutnya untuk mengubah ukuran tab andabisa mengedit sesuai dengan warna kuning dan untuk mengganti judul tab1 tab2 tab 3tinggal mengubah sesuai contoh warna pink dibawah:

<form action="tabtampil.html" method="get"><div class="TabTampil" id="TabTampil"><d iv c lass="TTs" s ty le="w id th : 330px ; "> <a>Tab1< /a> <a>Tab2< /a><a>Tab3< /a><a>Tab4< /a>< /d iv><div class="Halamans" style="width: 330px; height: 250px;"><div class="Halaman"><div class="Alas">Tab1Tab1</div></div><div class="Halaman"><div class="Alas">Tab2Tab2</div></div><div class="Halaman"><div class="Alas">Tab3Tab3</div></div><div class="Halaman"><div class="Alas">Tab4Tab4</div></div></div></div></form>

Gimana cara pasang di Blogger?

Kode yang telah anda modifikasi bisa langsung digunakan, caranya tinggal Copy-Pasteaja langsung semua kodenya ke Element halaman Blogger :)

288

PROOF


Perhatian : saya membolehkan anda menggunakan kode javasrcipt tabview widget asaljangan mengedit alamat pembuatnya. Thanks

Selamat mencoba, happy blogging with o-om.comPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Rss Submit : Cara sukses promosi Rss FeedTuesday, May 06, 2008

Rss Submit merupakan cara mudahmendaftarkan Rss anda secara masal keberbagai Rss search engine.

Mungkin selama ini Rss search engineanda berasal Tenhnorati, Mybloglog, Digg,Del.icio dan Directory indonesia lainnya.Jika anda hanya berharap dari situ lalul in tas t ra f i k anda t idak akan adapeningkatan. Bayangkan ketika andamembuat konten menarik dan telahmembuat duplikasi Rss ke Feedburnerkemudian tanpa anda sadari tidak adasatupun orang yang membacanya. Apajadinya jika Feedcount anda tidak adapeningkatan, Disini bukan konten anda

yang jelek tapi anda kurang gencar melakukan promosi rss anda.

Suatu cara mudah dimana anda bisa meningkatkan trafik dengan mendaftarkan RssFeed secara masal ke berbagai Rss search engine. Lupakan cara manual, janganhabiskan waktu anda melakukan hal tersebut, Agar proses pendaftaran menjadi mudah,saya sarankan menggunakan bantuan Rss submit, dengan tools ini berarti anda telahmelakukan submit rss anda ke 80 directories sekaligus. Bisa dikatakan Feedcount andamengalami peningkatan sebanyak 80 readers dan ini belum termasuk pembacadidalamnya. Sayang tools ini tidak gratis, anda harus mengeluarkan kocek yang tidaksedikit, jangan khawatir anda bisa mencoba versi trialnya dengan submit rss ke 18directories. silahkan download disini

Jika anda keberatan dengan harga tools diatas saya coba memberikan alternatif lainya.anda bisa menggunakan Allscoop Rss Submit dimana anda diberikan kesempatanmelakukan rss submit ke 50 directories, karena gratis tentu saja fasilitasnya sangatminim..jadi jangan berharap banyak dengan tools ini. silahkan download disini

Sebagai tambahan saya sarankan anda hanya melakukan submit rss sekali saja, jangandilakukan berulang kali, ini menghindari tindakan spam..pilih salah satu tools diatas yangcocok buat anda. Sebenarnya masih banyak tools sejenis yang bisa anda coba..jika andaingin berburu tools ini silahkan di search aja atau bisa klik disini


289



Digital technology

eBook: Kiat Sukses Promosi BlogFriday, May 09, 2008Dapatkan eBook "Kiat Sukses Promosi Blog" - Free (Promo Edition)

Tujuan dari promosi blog tidak lain untuk mengenalkan keberadaan blog anda agar lebihdikenal banyak orang. Dalam eBook(buku elektronik) ini anda akan belajar bagaimanamendapatan trafik ribuan pengunjung perhari melalui Search Engine, Metode promosiapa sebaiknya anda gunakan. Dalam buku elektornik ini anda juga akan menemukan kiatsukses dan point penting dalam kegiatan promosi blog serta bagaimana etika promosiyang terkandung didalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dantentu saja materinya lebih berbobot dari Free Edition. Jadi segera download dan pastikananda pertama yang membacanya.

Via BOX | Download Now [617 KB] - PDF

Via Ziddu | Download Now [617 KB] - PDF

Jika di rasa bermanfaat silahkan pasang eBook ini di blog/website anda:


Teman chating jam 12 malamSunday, May 11, 2008Refresh Otak sejenak....

Jika melihat judul diatas kayaknya kurang kerjaan banget ya, masa chating jam 12malam. Tapi itulah hampir tiap malam om jabanin bersama kelelawar blogger (BATMANkali he3x). Sebut saja Kang Rohman dan Eko Priyanto mereka dua ini lah yang seringmenghidupkan suasana malam, dari online jam 12 malam acara canda tawa pun dimulai,ejek-ejekan, ngalur ngidul dan sampai yang serius ke masalah Online Bisnis pun tidakluput dari bahasan...sayang ada yang kurang biasanya ada kehadiran suhu IwanRachmanto kayaknya teman kita ini lagi sibuk bener (ditungguin terus tuh wan samatemen2...ngacir mode on hehehe)

Temen om yang juga sering online jam 12 malam biasanya ada mas Anangku kadangobrolan ringan pun terjadi, ternyata blogger top satu ini OL nya juga malam trus ya. Ohiya mas Ellyasa KH kemana ya? kok jarang OL mas...tapi om maklum pasti sibuk"ngamen ya"...bapak kita satu ini bener2 ahli dalam Analisis dan Refleksi Politik..suksesselalu mas Elly :)

Kalau diperhatian kenapa suka ngeblog malam2 ya.. mungkin jam segini otak parablogger bisa jalan dan berpikir jernih, kalau om sendiri terus terang karena memangsudah kebiasaan..Enaknya lagi kalau ada temennya Rokok and Kopi sama Indomiegoreng pake telor wow nikmatnya :) hehehe jangan diikutin lho kebiasaan buruk ini. ya

290

PROOF


udah deh refresh otaknya..Ups hampir lupa, Thanks juga buat sahabat blogger yangsering ngajak om chat jam 12 malam maaf gak sempat nulis semua linknya disini,maklum namanya juga OOM = OUT OF MEMORY :)


Blogger FundamentalTuesday, May 20, 2008Blogger Fundamental merupakan istilah dengan menekankan pada materi sebagai pokokpikiran dari dasar membangun blogger berkualitas

Konsep dasar blog sebagai online diary begitu penomenal, blog telah merubah caraberpikir masyarakat kearah cerdas. Menuangkan ide melalui tulisan dengan konseppublic viewing merupakan sarana aktualisasi, dimana seseorang dapat melakukanmutasi diri dari seorang gaptek menjadi seorang yang mempunyai kemampuan berpikirmodern dengan menuangkan ide dan pemikiran cemerlang pada sebuah blog.

Pada kenyataanya konsep awal sebagai online diary lambat laun semakin ditinggalkan,jika saya boleh menganalisa ada dua tujuan dalam dunia blog yaitu tujuan personal dankepentingan bisnis. Tujuan blog personal merupakan kepentingan non-ekonomis dimanaseseorang blogger mampu menuangkang ide, kreativitas dan pikiran tanpa menerimaimbalan. Tujuan utama lebih ditekankan pada sharing pengetahuan, kepuasan, sampaiPopularitas. Sedangkan blog dengan tujuan Bisnis lebih cenderung ke arah ekonomis,dimana blog dimanfaatkan sebagai sarana promosi, pengembangan usaha dan caramurah, cepat meraih penghasilan.

Melihat dua kepentingan diatas tentu salah satunya merupakan tujuan anda membuatblog, sebelum melangkah lebih jauh perlu anda sadari membangun blog berkuatias tidaksemudah membalikan telapak tangan, tidak peduli apapun tujuan anda ngeblog, disinianda mau tidak mau harus mempunyai pondasi blog yang kuat atau hanya akan menjadikambing congek melihat keberhasilan blogger lain..percayalah ini realita, dunia blog itutidak berbeda jauh dengan hukum rimba.

Saat anda membaca tulisan ini mulailah memfocuskan diri membangun blog dengankonten berkualitas, buatlah artikel pillar sebagai pondasi blog anda mulai sekarang,sebaiknya buat artikel murni hasil pikiran buah tangan anda sendiri. Stop! denganmenghabiskan waktu anda mengedit blog, lebih baik habiskan waktu anda menulis artikeldan ambil langkah cepat mempopulerkannya, jika perlu download ebook kiat suksespromosi blog yang saya tulis sebelumnya.

Perlu diketahui Blogger Fundamental hanyalah buah pikiran saya pribadi dan mungkinanda asing dengan kata ini atau bahkan belum pernah mendengarnya sama sekali.Blogger Fundamental merupakan istilah dengan menekankan pada materi sebagai pokokpikiran dari dasar membangun blogger berkualitas, serta bagaimana anda membuatkeseimbangan antara blog taktik dan strategi ke depan dalam menghadapi persainganrimba blogger.

Penulis : Agus ramadhani (o-om.com)

291




eBook Step-By-Step Blogspot Custom DomainSaturday, May 24, 2008Dapatkan Segera Free eBook - Full Version(Revisi : perbaikan link dan gambar)

Custom Domain merupakan nama domain pilihan yang digunakan sebagai alternativemenggantikan nama blog anda diblogger (blogspot). Anda bisa mengubah alamat Urldari namablog.blogspot.com ke namablog.com atau dengan nama domain lainnya.

eBook Step-By-StepBlogspot Custom Domain merupakan kompilasi dari tulisan o-om.com yang disusun sedemikian rupa demi memudahkan anda belajar sendirimelakukan setting custom domain, pembahasan yang dirancang cukup lengkap mulaidari Tanya-Jawab, keuntungan dan kerugian, Tips memilih hosting murah dan masihbanyak lagi. Segeralah anda mengunduhnya dan pastikan teman anda iri karena andayang pertama membacanya :)

Via BOX | Download Now [433 KB] - PDF

Via Ziddu | Download Now [433 KB] - PDF

Jika di rasa bermanfaat silahkan pasang eBook ini di blog/website anda:


iComment : Cara lain mengomentari blog danwebsiteWednesday, May 28, 2008Memberi komentar di postingan mungkin hal biasa, bagaimana jika anda langsungmemberikan komentar dan bersama mendiskusikannya setelah anda mengunjungi blogatau website tersebut. iComment merupakan plugin untuk IE dan Firefox, dengan pluginini kita dapat dapat membaca dan memberi komentar terhadap situs atau blog manapunyang kita inginkan.

Dengan iComment kita dapat mengembalikan Internet menjadi bulletin board forum danjaringan sosial. Di informasikan pada situsnya hampir setiap hari orang banyakmenggunakan button iComment untuk membaca dan mengirimkan pendapat, mengenaisudut pandang, gagasan, pikiran, nasehat dan pengalaman mereka. Gimana, andatertarik menggunakannya? Mungkin ini juga salah satu tujuan dari konsep Web 2.0..mungkin lho :)

292

PROOF


Cara memberi komentar di iComment cukup mudah, pertama anda harus mengunduhplugin-nya terlebih dahulu disini, lakukan proses installasi seperti biasa. Selanjutnya akanmuncul sebuah button kecil pada toolbar browser yang siap digunakan untukberkomentar.

1$ untuk 50 komentar. Untuk setiap 50 komentar anda mendapat hadiah uang sebesar$1 USD. Untuk minimum payout ialah $5 USD setiap bulan. Maksimum payout ialah$100 USD setiap pemakai. Sayang komentar harus mengunakan bahasa Inggris, 10 ataulebih kata, di topik, dan ditempatkan ke situs web berpangkalan di AS dan minimalmempunyai 50.000 Alexa USA Website Ratings di waktu payout..selengkapnya bisaanda baca di How do I earn Cash Rewards?

Selamat mencoba, jangan lupa langsung komentari blog ini dengan iComment :)


Web IndonesiaWednesday, May 28, 2008Membangun Komunitas Link Web Indonesia

Ada sebuah Filosofi politik yang mengatakan "Tidak ada teman dan tidak ada musuhyang abadi, yang ada adalah kepentingan bersama" . Mungkin filosofi ini yang meng-ilhami perushaan IBM bekerja sama dengan komunitas open source untuk menghadapidominasi Microsoft dalam aplikasi sever.

Ter-inspirasi dari filosofi itu dan dari membaca dan berusaha memahami masalah linkbuilding dari posting Darren Rowse di problogger.net-nya (12 Tools and Techniques for

293



Building Relationships with Other Bloggers) juga dari membaca ebook link building secretyg saya temukan , maka saya mencoba menarik kesimpulan intinya dan mencobamembangun ide untuk mengajak para blogger Indonesia bersama-sama menciptakansuatu komunitas online bagi blogger indonesia , untuk saling mengenal dan membangunsuatu kerjasama win and win bukan win and lose (menang dan menang bukan menangdan kalah) dalam hal traffic , untuk menghadapi apa? yah boleh kalau di bilang untukmenghadapi web-web full komersil yang memiliki budged cukup untuk membeli segalafasilitas mendatangkan traffic , atau paling tidak ini adalah suatu cara untuk berkenalandan saling mengenal dengan para blogger Indonesia yang lain dan kelak bisa kita jadikanKatalog Pribadi Web/Blog Indonesia.

Yap, ini bicara promosi blog , yang saya rasa lebih efektif di banding sekedar bertukarlink lalu memasangnya di sidebar sebagai blogroll, karena umumnya pengunjung blogkita tidak melirik sama sekali link-link dalam blogroll kita.

1.FREE-7.NET- http://www.free-7.net

2.O-OM.COM - Http://www.o-om.com

3. Title Anda - URL Blog Anda


3. Seterusnya....

Oke, yang saya maksud di sini adalah menyebarkan posting saya ini secara berantai,karena posting utama akan paling menjadi perhatian pengunjung blog kita.

Yap ini ajakan suka-rela ,silahkan yang tertarik, dan yang tidak abaikan saja, bagi rekan-rekan senior yang trafficnya sudah tinggi juga silahkan jika ingin berbagi bersama, dibawah ini langkahnya:

1.Buat sebuah posting dengan judul Web Indonesia.

2.Copy-paste seluruh isi posting ini untuk isi posting anda.

3.Pada bagian atas kumpulan kode dalam teks area di atas ,masukan url-judul web andadi bawah url-judul web saya dan menambahkan nomor urut setelah web saya, jadi angkanomor urut anda adalah setelah no urut web saya....dan seterusnya secara berantai.

4.Setelah itu abadikan link url posting misalnya di letakan di sidebar, supaya kelakgampang di cari.

Salah satu tujuan utama saya adalah dalam rangka menyebarkan budaya ngeblog,saling mengenal dan membantu traffic bagi rekan2 pemula .

Anda tidak akan saya curangi untuk memasang anchor text atau link web saya atau weblain-nya, tak ada satu link pun yang menuju alamat web atau blog saya atau lain-nya ,tapi hanya sekedar alamat dalam bentuk teks untuk saling mengenal. juga logo webindonesia di atas cuma sekedar logo bersama, tak ada link atau keyword yang sayasisipkan.

294

PROOF


Dan jika masih ada pemikiran di akali karena web saya ada di urutan atas dari link anda ,maka abaikan tulisan ini.

Jika berjalan lancar, saya rasa cara promosi ini tidak kalah efektif di banding berburu linkdan mencari RSS submissions sebanyak banyaknya dengan melelahkan, bahkan RSSatau tukar link banyak kemungkinan link anda akan terhapus karena banyak sebab, tapiposting secara umum akan tetap ada sampai kapanpun .

Dan ini bisa menjadi acuan untuk pelacakan hubungan link secara berantai melalui darimana anda mendapatkan posting ini.

Hasil dari copy-paste dan penyebaran posting ini seterusnya adalah persis seperti isiposting ini dengan daftar link di bawah logo Web Indonesia yang semakin bertambah.

Jika ingin copy-paste kode HTML secara langsung klik di sini (paragraf terakhir initerserah anda mau di ikutkan atau tidak )

atau Copy paste code dibawah ini :

Membangun Komunitas Link Web Indonesia

1.FREE-7.NET- http://www.free-7.net

2.O-OM.COM - Http://www.o-om.com


Ada sebuah Filosofi politik yang mengatakan "Tidak ada teman dan tidak ada musuhyang abadi, yang ada adalah kepentingan bersama" . Mungkin filosofi ini yang meng-ilhami perushaan IBM bekerja sama dengan komunitas open source untuk menghadapidominasi Microsoft dalam aplikasi sever.

Ter-inspirasi dari filosofi itu dan dari membaca dan berusaha memahami masalah linkbuilding dari posting Darren Rowse di problogger.net-nya (12 Tools and Techniques forBuilding Relationships with Other Bloggers) juga dari membaca ebook link building secretyg saya temukan , maka saya mencoba menarik kesimpulan intinya dan mencobamembangun ide untuk mengajak para blogger Indonesia bersama-sama menciptakansuatu komunitas online bagi blogger indonesia , untuk saling mengenal dan membangunsuatu kerjasama win and win bukan win and lose (menang dan menang bukan menangdan kalah) dalam hal traffic , untuk menghadapi apa? yah boleh kalau di bilang untukmenghadapi web-web full komersil yang memiliki budged cukup untuk membeli segalafasilitas mendatangkan traffic , atau paling tidak ini adalah suatu cara untuk berkenalandan saling mengenal dengan para blogger Indonesia yang lain dan kelak bisa kita jadikanKatalog Pribadi Web/Blog Indonesia.

Yap, ini bicara promosi blog , yang saya rasa lebih efektif di banding sekedar bertukarlink lalu memasangnya di sidebar sebagai blogroll, karena umumnya pengunjung blogkita tidak melirik sama sekali link-link dalam blogroll kita.

Oke, yang saya maksud di sini adalah menyebarkan posting saya ini secara berantai,karena posting utama akan paling menjadi perhatian pengunjung blog kita.

295



Yap ini ajakan suka-rela ,silahkan yang tertarik, dan yang tidak abaikan saja, bagi rekan-rekan senior yang trafficnya sudah tinggi juga silahkan jika ingin berbagi bersama, dibawah ini langkahnya: 1.Buat sebuah posting dengan judul Web Indonesia. 2.Copy-pasteseluruh isi posting ini untuk isi posting anda. 3.Pada bagian atas kumpulan kode dalamteks area di atas ,masukan url-judul web anda di bawah url-judul web saya danmenambahkan nomor urut setelah web saya, jadi angka nomor urut anda adalah setelahno urut web saya....dan seterusnya secara berantai. 4.Setelah itu abadikan link urlposting misalnya di letakan di sidebar, supaya kelak gampang di cari.

Salah satu tujuan utama saya adalah dalam rangka menyebarkan budaya ngeblog,saling mengenal dan membantu traffic bagi rekan2 pemula .

Anda tidak akan saya curangi untuk memasang anchor text atau link web saya atau weblain-nya, tak ada satu link pun yang menuju alamat web atau blog saya atau lain-nya ,tapi hanya sekedar alamat dalam bentuk teks untuk saling mengenal. juga logo webindonesia di atas cuma sekedar logo bersama, tak ada link atau keyword yang sayasisipkan.

Dan jika masih ada pemikiran di akali karena web saya ada di urutan atas dari link anda ,maka abaikan tulisan ini.

Jika berjalan lancar, saya rasa cara promosi ini tidak kalah efektif di banding berburu linkdan mencari RSS submissions sebanyak banyaknya dengan melelahkan, bahkan RSSatau tukar link banyak kemungkinan link anda akan terhapus karena banyak sebab, tapiposting secara umum akan tetap ada sampai kapanpun .

Dan ini bisa menjadi acuan untuk pelacakan hubungan link secara berantai melalui darimana anda mendapatkan posting ini.

Hasil dari copy-paste dan penyebaran posting ini seterusnya adalah persis seperti isiposting ini dengan daftar link di bawah logo Web Indonesia yang semakin bertambah.

Jika ingin copy-paste kode HTML secara langsung klik di sini (paragraf terakhir initerserah anda mau di ikutkan atau tidak )

Sumber awal berasal dari sahabat oom suhu Iwan (Free-7.Net)

Bisa kunjungi di http://free-7.net/2008/05/28/web-indonesia/


Modifikasi Tampilan MyBlogLog Recent ReadersSunday, June 01, 2008Sebelumnya mas cosa aranda pernah menulis tips untuk meningkatkan komunitaspembaca MyBlogLog (MBL), apa yang ditulis mas cosa om rasa sudah lebih dari cukup.Baca salah satu kutipan tulisan-nya dibawah ini :

Letakkan widget di tempat yang jelas terlihat sehingga yang belum bergabung dengan

296

PROOF


MBL pun akan tertarik. Kalau perlu tambahkan kalimat ‘hasutan’ di bawahnya :)

Namun ada satu hal yang tidak saya sukai, bukan dari tulisan mas cosa, tapi daritampilan standar widgets MBL yang kurang nyaman memberikan kemudahan dalammengajak pembaca bergabung dalam komunitas. Anda bisa melihat tampilan widgetMBL anda saat ini, terasa sangat kental dengan nuansa MBL-nya dan bandingkandengan MBL milik saya. Lihat sample gambar dibawah:

Gambar diatas tidak perlu saya jelaskan panjang lebar, anda pasti memahaminya. Nahdemi meningkatkan jumlah komunitas pembaca tentu harus ada sedikit perubahan,terutama pada modifikasi tampilan, selain MBL hanya tampak seperti thumbnails, andajuga bisa menambahkan sendiri kalimat berupa ajakan atau menghasut pengunjung agartergabung dalam komunitas.

Cara Modifikasi tampilan MyBlogLog:

Sebelum memodifikasi tampilan, pastikan widget MBL yang anda gunakan merupakanversi lama, karena versi terbaru sudah jauh berbeda. Jika perlu anda bisamengembalikan script baru anda ke versi lama, baca caranya: Copy paste kode dibawahini, jangan lupa mengganti ID_MBL dengan code ID anda sendiri.

< s c r i p tsrc="http://pub.mybloglog.com/comm2.php?mblID=ID_MBL&c_width=330&c_sn_opt=n&c_rows=2&c_img_size=h&c_heading_text=&c_color_heading_bg=eeeddf&c_color_heading=111&c_color_link_bg=eeeddf&c_color_link=c13a10&c_color_bottom_bg=ffffff"type="text/javascript"></script>

Selanjutnya pada Element halaman Blogger pilih Edit-HTML, masukan kode CSSdibawah ini dibawah kode <b:skin><![CDATA[

td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display:none}th.mbl_h{display:none;}

Untuk menambah link berupa kalimat ajakan, anda dapat menggunakan kode dibawahini, ganti warna merah NamaUserMBL danID_MBL sesuaikan dengan nama user dan IDMBL anda dan pastikan kode diletakan dibawah javascript MLB.

< p a l i g n = " c e n t e r " > < a t a r g e t = " _ b l a n k "h r e f = " h t t p : / / w w w . m y b l o g l o g . c o m / b u z z / c o m m u n i t y / N a m a U s e r M B L / " >Lihat pembaca yang tergabung komunitas</a></p>< p a l i g n = " c e n t e r " > < a t a r g e t = " _ b l a n k "h r e f = " h t t p : / / w w w . m y b l o g l o g . c o m / b u z z / y j o i n / ? r e f _ i d = I D _ M B L & r e f = w " >Gabung dalam komunitas ini</a></p>

Untuk lebih maksimal, anda bisa mengatur sendiri kombinasi warna dalam Script,sebaiknya sesuaikan warna background MBL dengan background template anda.Selamat Mencoba..happy blogging with o-om.com

Anda sudah bergabung dalam komunitas MBL o-om.com? klik disini untuk bergabung


297



Digital technology

Seri wawancara via mailWednesday, June 04, 2008Kali ini blog o-om.com dapat jatah wawancara dari blog kombor.com via Mail, Seriwawancara yang dilakukan oleh mas Moh Arif Widarto dengan blog o-om.commembahas seputar dunia blogger dan perkembangannya, masalah klasik blogger VSwordpress, masalah duit online dan masih banyak lagi bahasan lainnya. Janganlewatkan, segera sambangi dan berimasukan disana.


Blogger New DashboardFriday, June 06, 2008Berita terbaru dari Blogger in Draft mengatakan Blogger telah melakukan perubahanpada halaman Control panel (New Feature: New Dashboard). Walau masih dalam Draftblogger, kemungkinan ini salah satu alasan pengembang untuk tidak mau ketinggalandengan Platform lain yang telah melakukan perubahan Dashboard terlebih dahulu.

Alasan perubahan Dasboard, karena pihak pengembang merasa Dashboard lamaterlihat penuh dan sesak, jika diperhatikan halaman default hanya menampilkan duapublished blog dan selebihnya kita dapat menekan tombol "Tampilkan .. blog sekaligus".Selain itu perubahan yang kentara terlihat pada letak Profile Blogger yang sebelumnya disebelah kanan sekarang dipindah disebelah kiri. Penasaran? untuk bisa melihatperubahan anda bisa login dulu di Blogger in draft. Berita selengkapnya bisa anda bacadisini.


298

PROOF


Posting menggunakan Gadget iGoogleFriday, June 06, 2008Setelah sebelumnya melakukan perubahan New Feature: New Dashboard tidak selangsatu hari Blogger juga menginformasikan telah meluncurkan layanan terbaru merekayang diberi nama Posting Gadget for iGoogle. Dengan Gadget ini kita dapat menulis,menyimpan dan melakukan publish posting ke semua blog dengan perantara iGoogle.

Yang menarik dari Posting Gadget for iGoogle kita dapat langsung memilih blog manasaja yang ingin kita gunakan. Dari segi tampilan, Gadget terlihat sangat mini dan hanyamenyediakan box Title, Body dan label. Untuk urusan posting jika kita tidak inginpostingan langsung di publikasikan kita dapat menyimpannya terlebih dahulu, cukupdengan memilih tombol Save Draft.

Untuk mencoba layanan ini anda tinggal klik kemudian lakukan login sesuai denganaccount blogger anda. Untuk selengkapnya bisa anda baca New Feature: PostingGadget for iGoogle.


Firefox Add-ons real time monitorMonday, June 09, 2008

Selain Toolbar Google, Alexa dan RSS Feed Readers mungkin anda juga membutuhkanFirefox Add-ons real time Monitor yang lain untuk mempermudah kegiatan blogginganda. Dibawah ini merupakan beberapa Firefox Add-ons real time Monitor pilihan yangbiasa saya gunakan.

Feedburner Subscribers

Hampir semua Blogger mengunakan fasilitas Feedburner. Dan untuk memonitor Feed

299



biasanya kita memasang Feed count reader di blog. Untuk mempermudah andamemantau Feed Count Reader secara real time, saya sarankan anda menggunakanFeedburner Subscribers.

TwitterFox

Untuk urusan mengirim dan membaca pesan masuk pada Twitter saya sangat nyamanmenggunakan TwitterFox

Gmail Notifier

Selain Yahoo! Messenger dan Google Talk untuk memantau email dan komentar baruyang masuk inbox om biasa menggunakan add-ons Gmail Notifier

Whos.amung.us

Add-ons yang satu ini jangan sampai dilewatkan..anda yang menggunakanwhos.amung.us bisa memantau pengunjung secara real time, cara menggunakannyasudah saya bahas lengkap disini

Semoga Add-ons diatas dapat mempermudah kegiatan blogging anda. Happy bloggingwith o-om.com


300

PROOF


Meningkatkan Trafik bermodal eBook ?Thursday, June 12, 2008Jika anda menulis artikel berseri, kenapa tidak anda kompilasi saja jadi ebook, selainmenguntungkan, hanya dengan bermodal ebook anda akan memanen trafik sebagaihasilnya.

Siapa sangka kedua eBook saya bisa laku keras bak kacang goreng, padahal kalo bolehjujur eBook itu di buat dalam waktu singkat..cukup 2 jam. Kok bisa? khan itu cumakompilasi dari tulisan yang sudah ada..malahan yang bikin lama membuat desainbannernya, maklum lah saya bukan ahlinya dalam hal desain. Yang jelas "Cepat Selesai"bukan berarti asal jadi khan..yang penting harus tetap jaga kualitas hehehe.

Ya sudah lupakan tulisan diatas..kali ini saya akan berbagi pengalaman bagaimana andabisa menuai trafik lalu menerima lonjakan pembaca Feed hanya dengan bermodaleBook. Sebenarnya promosi lewat eBook bukanlah hal baru dan ini sudah sering diulas,tapi gak apa2 lah, khan ini ala o-om.com :)

Apa hanya dengan modal eBook bisa meningkatkan trafik?

Yaro Starak pernah mengatakan, menulis eBook Blog Profits Blueprint miliknya akanbanyak mendatangkan traffik daripada sekedar menulis satu artikel. Artikel pillar yangbesar akan memberikan sesuatu yang lebih besar dan sebagai imbalannya mendapatperhatian yang lebih besar (tapi sayangnya bukan bayaran yang besar).

Apa yang dikatakan Yaro Starak memang terbukti benar, dengan ebook kita bisamendapatkan trafik besar namun bukan bayaran yang besar, yah lupakan dulu masalahbayaran..bagaimana mau di bayar kalo blog kita tidak menjual..iya khan?. hal yang benarterbukti ketika saya pertama meluncurkan eBook kiat sukses promosi blog kemudian disusul ebook kedua Step by step blogspot custom domain hanya dari kedua ebook initrafik pengunjung saya benar2 mengalami peningkatan..sebagai bukti nyata jika andabenar2 mengamati Feedburner reader count dan Feedblitz milik saya yang tiap hari terusbertambah..dan saya yakin ini salah satu efek dari penyebaran ebook tersebut.

Jika anda menulis artikel berseri, kenapa tidak anda kompilasi saja jadi ebook, selainmenguntungkan, hanya dengan bermodal ebook anda akan memanen trafik sebagaihasilnya. Artikel yang sekarang anda baca mungkin merangsang anda juga untukmembuatnya, mulai sekarang cobalah membuat ebook sederhana terlebih dahulu,kemudian lihat respon pembaca dan amati terus statistik download, jika memang perluanda catat sekalian. Jika ebook tersebut benar berkualitas, anda dapat bayangkan ebookanda akan terus didownload dan hasil download akan dibagikan ke pembaca lainnya, iniakan terus berlangsung dalam waktu lama..yang jelas ebook tersebut akan beranakpinak kaya kelinci, sebagai imbas dari penyerbaran ebook saya yakin blog/site andapada saatnya pasti akan jadi terimal utama.

Untuk tulisan yang akan datang saya akan menyampaikan bagaimana cara efektifmembuat ebook, menentukan judul ebook, memilih format ebook dan cara terbaikmempromosikannnya...


301



Digital technology

"Free eBook" Langkah efektif menjaring trafikTuesday, June 17, 2008

Melanjutkan tulisan sebelumnya Meningkatkan Trafik bermodal eBook ternyata banyakyang tertarik untuk membuatnya. Namun tujuan tulisan kali ini bukan tutorial membuatElectronic Book (eBook) tapi lebih focus kebahasan bagaimana cara efektif membuat"Free eBook" sebagai penjaring trafik. Sebelum kita membuat eBook tentu harusmengetahui manfaat eBook itu sendiri. Dari banyaknya informasi seputar manfaat eBook,menurut saya yang paling utama tentu saja ukuran eBook relatif kecil dari pada bukubiasa, selain itu proses pembuatan eBook relatif singkat, apalagi eBook sangat mudahuntuk di didistribusikan. Walah kalo ini semua juga udah pada tau om? ok kalogitu..sampai disini saya anggap semua mengerti manfaat dari eBook :) Lanjut...

Jika kita berbicara tentang eBook tentu ada 2 tujuan yang ingin dicapai daripembuatannya.

1. eBook Gratis (Free eBook) sebagai media promosi dan penghasil trafik.

Pada kenyataannya eBook gratis biasanya lebih focus pada penyebaran, tidak pedulieBook ini bagus apa tidak, biasanya semua penilaian diserahkan pada pembaca, karenadasar tujuan hanya sebagai media berbagi informasi. Tapi dibalik "kata berbagi" tentuada tujuan lain yang ingin dicapai pembuatnya. Jika tujuan utama sebagai promosi danpenghasil trafik, eBook jenis inilah yang harus mendapat perhatian lebih dari calonpembuatnya.

2. eBook berbayar untuk mencari keuntungan (Profit)

Berbeda dengan eBook gratis, membuat eBook yang dijual terasa lebih rumit dalamproses pembuatan. Disini calon pembuat mau tidak mau mengerahkan semuakemampuan, tenaga dan pikirian. eBook yang dijual tentu lebih mengoptimalkan padakekuatan materi sesungguhnya. eBook semacam ini bukan target penghasil trafik yangbaik, tapi lebih bagus dari segi keuntungan (Profit). Selain keuntungan..eBook berbayarjuga memiliki kerugian, teruma pada masalah pembajakan. Tidaklah sulit melakukan

302

PROOF


duplikasi pada eBook berbayar. Sangat berbeda dengan tujuan Free eBook yangmeminta pembajak melakukan menduplikasi sebanyak-banyaknya :)

Membuat Free eBook sebagai artikel pillar.

Mengapa saya menganjurkan untuk membuat Free eBook terlebih dahulu dari padaeBook berbayar. Pertama, tentu saja tujuan kita sebagai media promosi dan kedua,menurut pengalaman saya pribadi hasil yang didapat juga lebih besar pengaruhnya padatrafik. Lalu apa untungnya? dapat duit? stop!! lupakan dulu masalah profit dan finansialanda, pada kenyataannya blog/site yang tidak memiliki nama besar akan susah menjualsesuatu yang besar, meskipun anda merasa eBook yang anda tulis paling top sedunia.Berpikirlah terlebih dahulu melempar produk ada kepasaran meski harganya murah.Dalam hal ini promosi besarlah yang lebih diprioritaskan, bukan ukuran Font-nya yangdibesarkan :). Jika blog/site anda sudah memiliki nama baik, jangankan eBook, apapunyang anda jual pembaca pasti lebih percaya dan mudah menerimanya.

eBook yang bagaimana menjadi penghasil trafik?

Tidak bisa dipungkiri eBook gratis tentu lebih dominan sebagai penghasil trafik. Manusiamana yang tidak suka dengan kata "gratis" dan yang saya sukai dari eBook gratis tentutidak ada batasan dalam membuatnya, kita bisa lebih leluasa dan mampu berkreasitanpa takut terjadi kesahan kecil pada kualitas materi..istilah kasarnya "salah sedikit yamaklum..di baca ya syukur, jika tidak buang aja ke bak sampah..beres! hehehe"ups..dalam hal ini bukan berarti Free eBook merupakan produk asal jadi, yang pentingkualitas kontenlah yang diutamakan.

eBook penghasil trafik biasanya merupakan kumpulan artikel yang paling di minati saatini, karena topik setiap blog berbeda berarti anda sendiri yang bisa menentukankeinginan pembaca . Saya ambil contoh blog anda berisi tentang "resep masakan" darisebagian resep terbaik yang anda tulis tentu bisa anda kompilasi jadi ebook sederhanaatau misalkan "Blog tentang otomotif" anda bisa membuat ebook mengenai "tipsmerawat mobil" atau "kumpulan lengkap alamat bengkel modifikasi di yogyakarta" daricontoh sederhana ini tentu anda bisa menyimpulkan sendiri mana yang terbaik untukdijadikan ebook.

Cara efektif membuat eBook.

Cara cepat dan mudah membuat eBook tentu dengan melakukan kompilasi dengantulisan yang sudah ada, apalagi jika anda membuat artikel berseri sebelumnya, tentu iniakan lebih mudah. Jika anda belum memiliki artikel berseri buatlah mulai dari sekarang,jika masih terasa sulit coba menggunakan cara instan dengan mengumpulkan bahanatau referensi dari internet, kemudian susun ulang dan kompilasi menjadi satu. Cara inisebenarnya ilegal, yang penting tujuannya bukan komersil (nonprofit) dengan syarat tidakmengurangi dan menambahkan original kontennya. Namun saya sarankan anda lebihbaik menghindari cara ini, akan lebih baik anda membuat artikel murni hasil buah tangananda sendiri. (tentu anda tidak ingin malu di kemudan hari khan?)

Free eBook sebagai Viral Marketing.

Menyebarkan eBook yang berkualitas dan bermanfaat kepada pembaca lainya samadengan menyebarkan virus menular, Jika eBook tersebut benar berkualitas, anda dapatbayangkan eBook anda akan terus didownload dan hasil download akan dibagikan ke

303



pembaca lainnya, entah ini promosi dari mulut kemulut, duplikasi masal atau melaluirekomendasi site, ini akan terus berlangsung dalam waktu lama..yang jelas eBooktersebut akan beranak pinak seperti kelinci..sebagai imbas dari penyebaran ebook initentu akan meningkatkan popularitas dan trafik juga khan sebagai hasilnya.

Level Pembaca eBook.

Sebelum membuat eBook tentu anda harus mempunyai target pembaca, dalam hal iniada 3 jenis keterampilan yang harus anda tentukan yaitu Tingkat pemula, Tingkatmenengah dan Tingkat mahir..disini cuma anda sendiri yang bisa menentukan. Saransaya jangan sampai membuat ebook dengan memasukan istilah2 asing dan terlampautehnis jika target anda untuk pemula, apalagi berlagak pintar dan jenius. eBook yangberkualitas bukan dilihat dari gaya tulisan..tapi lebih menekankan pada informasi yangterkandung didalamnya. Sehebat apapun gaya tulisan anda kalau pembaca tidakmengerti maksud informasi yang di sampaikan khan sama aja bo'ong. yang harus andaingat level pembaca itu berbeda, tulisan bagus belum tentu mudah dimengerti pembacaawam. Sebelum anda protes, saya sendiri juga bukan penulis yang baik hehehhe *ngacirmode on* :)

Memilih Format eBook.

Sampai saat ini ada beberapa format dari eBook. Tentu saja masing-masing memilikikelebihan dan kekurangan. dengan adanya banyak format ini kadang membingungkanbagi pembaca dan juga penulis eBook. Dibawah ini beberapa contoh format eBook yangbiasa digunakan:

• Executable (Exe)• Plain Text (ASCII)• Microsoft Word (doc) dan RTF• HTML dan XML• Adobe PDF

Dari pilihan diatas, format eBook yang paling banyak digunakan tentu saja Executable(exe) dan Adobe PDF.

Menentukan Judul eBook.

Menentukan Judul eBook bukan perkara gampang, disini anda harus benar-benar bisamerangsang pembaca, anggap saja judul sebagai keyword yang anda cari dalam searchengine, singkat dan padat. Sebisanya cari judul yang paling banyak dicari dan dimininatipembaca saat ini. Sebagai contoh "kiat sukses promosi blog" dari judul ini bisa andabayangkan siapa yang tidak ingin blognya sukses dan banyak pengunjung :)

Pilihan bahasa menentukan target promosi.

Anda membuat eBook berbahasa indonesia berarti eBook anda cuma dikonsumsi olehorang indonesia saja. Jika anda ingin dikenal lebih luas lagi, alternatif bahasa lain bisaanda coba atau kenapa anda tidak membuat eBook multi bahasa saja, tentu efeknyaakan lebih hebat lagi khan :)

Perhatikan Penggunaan Link.

Kelebihan eBook dibanding buku konvesional tentu saja cara penyampainnya, buku

304

PROOF


biasa hanya bisa menunjukan informasi berupa link tujuan, tentu berbeda dengan eBookdigital yang bisa langsung menuju informasi link yang disampaikan. eBook memudahkanmenyampaikan informasi secara interaktif, jadi dalam hal ini link tujuan yang diinformasikan sebaiknya bukan broken link atau dead link (alamat kosong dan sudahmati)

Membuat Halaman Peraturan.

Sejelek dan sebagus apapun Free eBook yang anda buat tentu anda berhak membuathalaman peraturan, untuk memudahkan anda membuat kalimat peraturan, ada cukupcopy-paste aja kalimat dibawah ini :

"E-Book ini dapat anda sebarkan secara bebas untuk tujuan bukan komersial (nonprofit)dengan syarat tidak mengurangi dan menambahkan isi kandungan didalamnya. Tidakdiperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu darinama-url-anda.com"

Dibalik pembuatan Free eBook, 2 informasi dibawah inilah yang menjadi juruspamungkas sebagai rahasia penjaring trafik:

1. Menambahkan "Informasi Profile" pembuat eBook.

eBook yang berkualitas dan mempunyai manfaat besar bagi pembaca tentu akanmembuat rangsangan balik, yang jelas pasti ada rasa penasaran ingin mengetaui siapadibalik penulis eBook tersebut. Cara yang umum dilakukan adalah denganmenambahkan Nama, alamat URL blog/site dan alamat E-mail anda. Untuk membuathalamat profile anda bisa merancangnya sendiri, yang penting jangan terlalu berlebihan,tulislah profile anda apa adanya.

2. Mengajak pembaca berlangganan Via feed.

Pada halaman terakhir ebook, tidak ada salahnya anda mengajak pembaca untukberlangganan Rss Feed milik anda. Disini tugas kita hanya menawarkan, ajari caranyadan jelaskankan juga apa maksudnya, untuk urusan berminat apa tidak itu urusan pribadipembaca, yang penting hindari cara memaksa. Untuk membuat format ajakanberlangganan feed bisa anda lihat contohnya pada salah satu ebook buatan saya Disiniatau Disana. Satu bukti nyata dari penyebaran eBook bisa saya rasakan darimeningkatnya pembaca Feedburner reader count dan Feedblitz milik saya dari harikehari dan saya yakin ini salah satu efek dari penyebaran ebook tersebut.

Sampai disini anda berminat membuat Free eBook? ............

Untuk artikel mendatang saya akan mengajarkan anda bagaimana tutorial membuateBook (secara offline dan online), melakukan proteksi sederhana, membuat halamanbookmark, mendesain logo dan cover ebook dan software apa saja yang sebaiknya andagunakan...ditunggu ya :)


305


Cepat terindex di Google Yahoo dan MSN


Thursday, June 19, 2008Siapa tidak kenal dengan search engine Google, Yahoo, AOL dam MSN, 4 searchengine inilah yang harus anda focuskan dalam promosi blog anda, jika anda melihatstatistik pada gambar diatas tentu ada bisa menyimpulkan sendiri yang mana searchengine yang harus ada opitmalkan, di sini ini saya tidak menjelaskan secara rincibagaimana mengoptimalkannya tapi anda akan memahami bagaimana cara melakukanpromosi dengan mendaftarkan blog anda ke search engine Google, Yahoo dan MSN.

Cara Daftar ke Google:

Google bisa dikatakan sebagai Rajanya search Engine, saya sangat menyarankan untukmendaftarkan pertama kali blog anda di search engine ini.Caranya Klik http://www.google.com/addurl/ Kemudian pada formulir pendaftaranMasukan Alamat Blog pada URL dan beri komentar sesuai dengan tema blog anda.

Cara Daftar ke Yahoo:

Yahoo sebagai search engine kedua yang banyak digunakan, untuk mendaftarkan Bloganda ke Yahoo ikuti langkahnya sebagai berikut. Sebelum anda mendaftar di Yahoopastikan anda sudah memiliki account Yahoo, jika anda sudak memilikinya anda tinggalklik https://siteexplorer.search.yahoo.com/submit kemudian pada kotak isian pertamasilahkan memasukan alamat blog anda,

Contoh : http://www.namablog.blogspot.com atauhttp://www.namabloggue.wordpress.com.

Untuk pilihan kedua anda diminta memasukan alamat feed anda

Contoh :Http://www.namabloggue.blogspot.com/atom.xml atauhttp://www.namabloggue.wordpress.com/rss.xml

kemudian tekan tombol submit.

Cara daftar ke MSN :

Dalam statistik Search Engine, MSN milik Microsoft ini termasuk banyak digunakan jadisebisanya blog anda juga harus terdaftar di SE ini.

Caranya: klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2 kemudian andadiminta memasukan kode verifikasi dan memasukan alamat blog anda.

Semoga cepat terindex di search engine diatas


306

PROOFCara membuat eBook via PDF Printer Driver


Thursday, June 19, 2008Diantara pilihan format eBook tentu masing-masing memiliki kelebihan dan kekurangan,kadang pilihan ini membuat bingung calon penulis ebook. Contoh format eBook yangbiasa digunakan diantaranya Adobe PDF, Executable (Exe), Plain Text (ASCII), MicrosoftWord (doc) dan RTF, HTML dan XML , Help (Hlp). Dari beberapa pilihan format eBookdiatas, format PDF lah yang paling banyak digunakan. Penasaran pengen belajar caramembuat eBook via PDF Printer Driver?

Cara Membuat Berkas PDF

Tidak ada teknik khusus dalam pembuatan berkas PDF, ini yang membuat saya berpikirulang untuk membuat tutorialnya secara lengkap..tanpa saya ajaripun anda pasti bisamembuatnya. Untuk membuat Berkas PDF anda hanya perlu menggunakan softwarepengolah kata "word processor" yang sudah ada dalam kumputer anda (notepad,wordpad, MS word) dll. Membuat berkas PDF sama saja dengan anda membuatdocument di MS Word, anda tinggal menulis dan hasilnya tinggal dicetak ke format PDF.Prinsip kerja membuat berkas PDF terbilang sederhana, yang anda butuhkan hanya"Printer Driver" yang terinstall di kompuer anda. Untuk mengistall "Printer Driver" sayasarankan anda menggunakan PDF995 dan Tiny PDF.

Belum puas dengan "Printer Driver" diatas? Anda bisa menggunakan SoftwarePDFConverter pilihan yang biasa saya gunakan:

Adobe Acrobat Professional

Sampai saat ini belum ada PDF compiller sebagus Adobe Acrobat Professional, sayangharganya terbilang mahal, saya sendiri sebenarnya menggunakan software ini.Kelengkapan dan kemudahan mengedit berkas PDF dengan Adobe Acrobat Professionalbelum pernah saya temukan pada software lainnya. Beberapa fasilitas penting darisoftware ini yaitu kemudahan membuat penandaan halaman (bookmark) dan kemudahanmelakukan proteksi berkas PDF.

Tomahawk PDF+

Jika Adobe Acrobat Professional cukup menguras kantong anda, saya sarankan andamenggunakan software satu ini Tomahawk PDF+. Tools gratis yang tidak kalahfasilitasnya, bahkan saya katakan tools ini merupakan PDF Compiller gratis terbaik.Kelebihan Tomahawk PDF+ yang jelas memiliki text editor sendiri. anda bisa downloaddisini

307



Free PDF Convert (PDF Converter)

Convert MS Office, Images, Web Pages, Vector Graphic Formats files to PDF.

Jika anda membutuhkan layanan Online untuk membuat eBook dengan format PDFanda bisa menggunakan Free PDF Convert. Cara mengunakannya cukup mudah,pertama anda buat dulu sebuah documen (misalkan MS WORD) kemudian tinggal diupload dan layanan ini akan melakukan proses konversi dokumen anda ke berkas PDF.Untuk aplikasi yang digunakan di desktop anda bisa download softwarenya disini .Layanan ini sebenarnya sudah di pernah diulas oleh rekan blogger Cosa Aranda bisaanda baca disini. (thanks untuk Mas Cosa)

Natata eBook Compiller

Selain format PDF, format yang banyak digunakan salah satunya Executbale (exe).Untuk membuat eBook dengan format (exe) sesuai saran suhu Iwan free-7.net yaitumenggunakan Natata eBook Compiller (thanks iwan). Namun format exe kadangmemiliki kekurangan karena lebih rentang disusupi virus dan sejenisnya. Software-nyabisa anda download disini.

Sebenarnya masih banyak tools untuk PDF Converter, anda bisa mencari sendiri diGoogle :) Semoga tools diatas bisa memudahkan anda membuat eBook, salam (o-om.com)


308

PROOF


Layout Gratis untuk Wordpress TemplatesFriday, June 20, 2008Dibawah ini merupakan URL kumpulan gratis Free Wordpress templates yang bisadigunakan untuk mengganti template standar wordpress milikmu:

Alamat yang bisa kamu kunjungi:

• Http://www.zoomtemplate.com• WordPress Theme Viewer• WordPress templates• Hosting of High quality WP templates• Modern WordPress Themes• WordPressTheme.com• ElegantWPThemes.com• WordPress Wow Themes Gallery• WordPress Support Themes forum• WordPress Garden - Theme reviews• WordPress Theme -ThemesPack• WordPress Themes by Beng Hafner• WordPresstheme.net Free WordPress Themes

Selamat mencoba :)


Seni mencari posisi G-spotSaturday, June 21, 2008Ada apa dengan G-spot? kenapa benda aneh satu ini banyak di gandrungi para lelakisejagat maya, kayaknya bukan cuma lelaki aja lho, cewek jaman sekarang jugaberusaha sendiri mencarinya. Yang hebatnya lagi anak dibawah umur juga sudah bisamempelajari teknik seni mencari Posisi G-spot, biasanya cara apapun dilakukan untukmencapai letak posisi sempurna. Posisi Gspot kadang bisa ditemukan diatas kadangjuga bisa dibawah..lalu dimana letak G-spot kesayangan anda? jika tebakan om tidaksalah posisi G-spot yang diataslah yang paling menguntungkan..penasaran? lanjut..Jangan tanya om suka apa enggak dengan Gspot? om om senang seperti om pastisenanglah dengan Gspot, apalagi om dah ngerti dikit posisinya terlebih caramengoptimalkannya hehehe *PD mode on* :). Gak peduli di mana aja, om pastiberusaha menggapainya, kadang kalo lagi pengen om memainkannya dirumah..kalo gaksempat om pasti lari kewarnet atau Hotspot terdekat, walah sampai segitunya ya..gaktakut di grebek tuh om? ya enggak lah masa maen Gspot aja di grebek, yang jelas sehariaja om gak mainin Gspot bikin pikiran gak karuan..Kalau sudah berbicara Gspot kayaknya gak cuma om yang maniak G-spot, teman omyang lain juga jago kalo sudah berbicara G-spot, beberapa para maniak Gspot ada Eko,Fariez, Iwan dan yang lebih parah kang rohman masa sampai buat tutorialnya hihihi.Waduh..tulisan om ini gak takut merusak citra o-om.com nih? ya enggak lah, masangomongin G-spot (Google Blogspot)aja ada aturannya hahaha..kena deh... *justkidding*

309



Trus letak "Seni mencari posisi G-spot" sebenarnya di mana om? mana ketehe..silahkanmelakukan eksperimen dengan istri (blogspot) anda sendiri *kabur ah*

( Tulisan ini cuma iseng, mencoba sedikit teknik SEO cap dodol )Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Cara bikin kotak iklan (Banner Box)Sunday, June 22, 2008Sudah lama ya om gak nulis tutorial untuk blogspot, kali ini om akan ngajarin triksederhanan cara bikin kotak iklan (Banner Box). Untuk fungsi Banner ads sendirikayaknya gak perlu om jelasain lagi untuk apa..om yakin pasti semua sudah ngerti. Ohiya kalo tidak salah ada beberapa rekan juga yang minta dibuatkan cara mudahnya, maafom lupa nama yang minta, yang jelas ada dikolom komentar dan imel yang masuk. Yaudah om tulis aja tutorialnya dibawah ini:

Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah inidibawah kode <b:skin><![CDATA[

#Box-Banner-ads {margin: 0px;padding: 5px;text-align: center;}#Box-Banner-ads img {margin: 0px 4px 4px 0px;padding: 3px;text-align: center;border: 1px solid #c0c0c0;}#Box-Banner-ads img:hover {margin: 0px 4px 4px 0px;padding: 3px;text-align: center;border: 1px solid #333;}

Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukankode dibawah ini.

<div id="Box-Banner-ads"><a target="_blank" href="http://www.o-om.com"><img border="0" alt="ads"src="http://oom.blog.googlepages.com/Banner2.gif"/></a><a target="_blank" href="http://www.o-om.com"><img border="0" alt="ads"src="http://oom.blog.googlepages.com/Banner2.gif"/></a> <a target="_blank"h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m g b o r d e r = " 0 " a l t = " a d s "src="http://oom.blog.googlepages.com/Banner2.gif"/></a> <a target="_blank"

310

PROOF


h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m g b o r d e r = " 0 " a l t = " a d s "s r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / B a n n e r 2 . g i f " / > < / a ></div>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawahini. jangan lupa mengganti warna merah dengan alamat url anda sendiri.

<a target="_blank" href="http://www.o-om.com"><img border="0" alt="ads"src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

Semoga tutorial sederhana ini bisa menjawab pertanyan selama ini. Thanks (o-om.com)


Gmail Manager "Multi Gmail Accounts"Wednesday, June 25, 2008Ini yang paling menyenangkan dari Gmail Manager, dimana salah satu Add-ons mozillaini dapat memudahkan kita login ke banyak Gmail account sekaligus (Multi GmailAccount). Selain proses login terasa lebih mudah, add-ons ini juga support digunakanuntuk notifikasi email baru pada Gmail custom domain (Google Apps). Sayangnyasetelah saya coba Addons ini ternyata belum support untuk Firefox 3.0 namun berjalandengan baik di Firefox v.2 dan Flock 1.1.4, tapi jangan khawatir rekan Eko Priyanto udahnulis cara Hacking Addons Firefox 3 agar add-onsnya bisa jalan di Firefox 3.0. Lanjut..

Ya sudah..Penasaran pengen nyoba Gmail Manager? segera download disini.

Jika dibandingkan dengan Gmail Notifier yang saya tulis sebelumnya tentu Gmailmanager jauh lebih powerfull dalam kelengkapan features, beberapa diantaranya:

• Manage multiple Gmail accounts• Receive new mail notifications• Support for Gmail hosted accounts• Ability to import/export account preferences• Tooltip with account details and new mail snippets• One-click access for loading your Gmail account• Mailto: links detection• Quick mail compose for Gmail accounts• Customizable icon placement in the toolbar/statusbar

Keterangan lebih lanjut silahkan kunjungi di alamat sini.


311



Twellow sebagai Twitter Search DirectoryThursday, June 26, 2008Twellowmerupakan layanan pertama yang dikhususkan sebagai Twitter SearchDirectory. Sampai saat ini Twellow telah mengindex kurang lebih 300.000 penggunatwitter yang terbagi dalam beberapa kategori. Twitter yang kita kenal sebagai layanansosial networking tentu memiliki pengguna yang terus bertambah setiap harinya.Semakin banyaknya pengguna twitter tentu akan semakin sulit melakukan pencarian.Disinilah peran utama twellow sebagai twitter search engine. Dengan menampilkan listdirectory pada kategori tertentu kita akan lebih mudah menemukan twitter user sesuaibiografi mereka.

Twellow menampilkan antarmuka sederhana untuk memudahkan kita melakukan prosespencarian, kita bisa langsung mencari berdasarkan nama pengguna atau melakukanfilter pencarian yang lebih spesifik yaitu dengan memilih kategori tertentu, dan hasilpencarian akan diurutkan sesuai kata yang paling relevan.

Untuk menggunakan layanan Twellow ini tentu harus memiliki account di twitter danjangan lupa add o-om.com jadi teman twittermu Follow me on Twitter. selamat mencoba:)


Pasang Star Ratings di blogger (Revisi)Friday, June 27, 2008New Features: Star Ratings (Blogger in draft)

Dengan menambahkan fitur Star Ratings, pembaca dapat dengan mudah memberikanpenilaian pada kualitas artikel. Star rating akan menampilkan lima bintang pilihan,dimana pembaca dapat langsung memilih button bintang dengan sekali klik. Star Ratingsbisa dikatakan sebagai mini-poll, jika blog kamu memiliki topik tentang fasion, food, craftsdan seni tentu Star Ratings ini sangat pas sekali digunakan sebagai penilaian padakuliatas informasi yang disampaikan.

312

PROOF


Untuk mencoba Star Ratings, login dulu di http://draft.blogger.com/ kemudian padahalaman Edit Layout klik "Edit" lalu beri tanda centang pada “Show Star Ratings”

Revisi:

Untuk template yang sudah dimodifikasi, cara diatas ternyata tidak berjalan dengansukses, untuk menampilkan star rating kita bisa menggunakan cara manual, ikuti caranyadi bawah ini

Pertama pada Edit HTML (jangan lupa beri tanda centang "Expand Template Widget")cari kode dibawah ini:

<div class='post-footer-line post-footer-line-3'></div>

Kemudian masukan kode dibawah diantara kode diatas, contohnya seperti ini:

<div class='post-footer-line post-footer-line-3'>

<span class='star-ratings'><b:if cond='data:top.showStars'><div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor'expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/></b:if></span> </div>

</div>

Masih pada halaman Edit HML, cari kode dibawah ini

<b:include name='feedLinks'/>

</b:includable>


<b:include name='feedLinks'/><b:if cond='data:top.showStars'><script src='http://www.google.com/jsapi' type='text/javascript'/><script type='text/javascript'>google.load("annotations", "1");function initialize() {google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch();}google.setOnLoadCallback(initialize);</script></b:if>

313



</b:includable>

Jangan lupa disimpan dan lihat hasilnya, Selamat mencoba fitur baru dari blogger :)


Integrasi Google Webmaster Tools denganBloggerFriday, June 27, 2008New Features: Webmaster Tools for Blogger (Blogger in draft)

Ini yang paling ditunggu-tunggu dari blogger in draft, apa lagi kalo bukan masalah ter-index dan tidaknya blog kita di pencarian Google. Dengan hadirnnya fitur baru "GoogleWebmaster tools for blogger" kita dapat dengan mudah mendaftarkan semua blog keSearch Engine Google. Saat ini Blogger sudah benar-benar terintegrasi denganperangkat Google webmaster tools..jadi tidak ada lagi kata "Bloggerku kok gak terindexdi google ya?"

Webmaster Tools Google Webmaster Tools menyediakan laporan lengkap mengenaikemunculan laman Anda di Google. Untuk memulai, cukup aktifkan Webmaster Toolsdan informasi akan langsung disajikan pada Anda.

Untuk mencoba layanan ini, pertama anda harus login dulu ke http://draft.blogger.com/kemudian pada halaman Dashboard tuju ke Item Lainnya (Other Stuff) - pilih alat dansumber (Tools n Resource) kemudian pilih Perangkat web master ( webmaster tools).

Langkah berikutnya pada halaman Dashboard Webmaster tools kita tinggal memilih blogmana saja yang ingin di index, jangan lupa melakukan verifikasi dengan cara copy pastekode meta tag ke halaman edit html masing-masing. Selaman mencoba :)


314

PROOF


Import and Export for BloggerFriday, June 27, 2008New Feature: Import and Export (Blogger in draft)Anda dapat mengimpor entri dan komentar dari blog Blogger yang telah dieksporsebelumnya, ekspor blog ini, atau hapus secara permanen.

Hari ini juga blogger merilis layanan terbaru mereka yaitu melakukan Import dan ExportBlog dengan mudah. Layanan backup blog terbaru ini tentu membawa angin segar bagipengguna blogger. Dengan layanan ini kita dapat melakukan Export semua posting dankomentar dalam satu format file Atom-formatted XML. Cara ini tentu sangatmemudahkankan kita memindahkan isi halaman blog yang satu ke halaman blog lainnya.

Untuk melakukan Export blog caranya sangat mudah, pertama login dulu kehttp://draft.blogger.com/ kemudian pada halaman Pengaturan - Dasar akan tampak 3pilihan yaitu Import blog - Export Blog - Hapus. Pilih Export Blog dan silahkan melakukanbackup isi blog anda. (Perhatian : jangan sampai menekan link hapus)

Untuk mengimport file backup, caranya pun hampir sama dengan export. Import entri dankomentar dari berkas ekspor Blogger yang telah di export sebelumnya. Kemudian Entriyang diimpor akan digabung dengan semua entri terkini, dan diurutkan berdasarkantanggal.

Jadi tunggu apa lagi? backup berkas blog anda sekarang juga :)


315



New Blogger Post EditorFriday, June 27, 2008New Features : Blogger Post Editor (blogger in draft)

Tidak ada habis-habisnya om eh blogger memanjakan penggunanya :), tepat hari ini jugablogger merilis fitur terbaru pada Blogger Post Editor, seperti biasa layanan ini hanyabisa ditemukan pada draft blogger..jika hanya login kehalaman standar blogger fitur inibelum bisa ditemukan. Penasaran ingin menjajalnya? tapi sebelumnya pastikan dulukamu sudah login di http://draft.blogger.com/

Perbaikan dari sebelumnya..post edittor yang sekarang terlihat lebih stable dancompatible terutama pada Improved Image Handling dan Improved Raw HTML. Disiniada yang terlihat berbeda,biasanya Pratinjau tulisan di tampilkan pada halaman yangsama tapi disini Pratinjau ditampilkan pada jendela baru.

Fitur terbaru terbaru lainya terletak pada Pilihan Post (Post Option), disini kita dapatmengatur sendiri Edit setelan HTML dan Compose Settings. Untuk Edit setelan HTMLada dua setelan yang bisa kita pilih salah satunya yaitu "ubah baris baru menjadi <br>"atau "abaikan saja", sedangkan untuk Compose HTML kita juga bisa memilih salahsatunya yaitu "tafsirkan HTML yag diketik" atau "Tunjukan HTML apa adanya". Untuk fiturlainnya bisa dicoba sendiri ya. thanks

Selamat mencoba happy blogging with o-om.com


316

PROOFEmbedded Comment Form di bawah postingan


Friday, June 27, 2008New Features: Embedded Comment Form (blogger in draft)

Setelah sekian lama di complaint penggunannya, akhirnya Team Blogger memperbaikijuga rumitnya masalah pada form komentar, Pada fitur baru kali ini kita tidak akan lagimenemukan komentar blogger yang menyebalkan. sekarang Blogger membolehkan kitamemasang form komentar (Embedded Comment Form) dibawah postingan. Om yakin iniyang pasti kita nantikan sampai saat ini.

Un tuk memasang Embedded Comment Form per tama log in du lu kehttp://draft.blogger.com kemudian pada halaman "Pengaturan" pilih tab "Komentar"setelah itu tuju ke "Penempatan Formulis Komentar" jangan lupa beri tanda centangpada "disematkan di bawah entry" jangan lupa disimpan dan lihat hasilnya.

STOP ! Kalo cara diatas sudah berhasil artikel dibawah ini tidak perlu dilanjutkan.

Perlu diketahui sebelum mencoba fitur ini kadang tidak langsung berhasil pada templateyang sudah di modifikasi, untuk blog yang belum di modifikasi saya rasa tidak adamasalah. Untuk mengatasi masalah ini blogger memberikan cara yang terbilang kurangbaik, yaitu dengan cara menghapus koding <b:widget id='Blog1' locked='true' title='BlogPosts' type='Blog'> kemudian menempatkan kembali kodenya pada posisi semula. Caraini sebenarnya tidak menghapus element halaman post, jika tetap dipaksakan kita akankehilangan settingan sebelumnya.

Untuk solusinya coba masuk ke halaman Tata letak - Edit HML (jangan lupa beri tandacentang pada Expand Template Widget).

Cari kode dibawah ini: (Kadang setiap template agak berbeda jadi focus saja ke kodeyang warna hijau)

<p class='comment-footer'><b:if cond='data:post.allowComments'>< a e x p r : h r e f = ' d a t a : p o s t . a d d C o m m e n t U r l 'expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></p>

317



Sudah? kemudian hapus semua kode diatas dan ganti dengan semua kode dibawah 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 e x p r : h r e f = ' d a t a : p o s t . a d d C o m m e n t U r l 'expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></p>

Jangan lupa disimpan, silahkan dicoba kembali, jika masih belum berhasil coba kembalike ke halaman komentar dan beri tanda cetang kembali "disematkan di bawahentry"Semoga cara ini cara diatas bisa membantu. Thanks (o-om.com)


Pasang Emoticon di kotak komentarSunday, June 29, 2008Angkat semua gelas ke atas 1..2..3 mari bersulang "Tingg***" weks sampai segitunya,maklum lah...kan lagi seneng2nya menyambut sistem commenting terbaru dariG-spothihihi. Eh.. ada yang kurang nih, mana cemilannya om? bentar....ini dia cemilannya"Emoticon" Kok emoticon? ya iya lah..masa ya iya dong, khan belum lengkap rasanyabila sistem commenting terbaru tidak disandingkan dengan Emoticon.Penasaran?lanjut...

Ya udah lebih serius dikit om...ok :)

Memasang emoticon diatas kotak komentar tentu lebih memudahkan komentatormenunjukan ekpresi dan emosinya. Untuk sample Emoticon ini bisa dilihat pada kolomkomentar milik om, gimana? imut kan...*sok imut mode on*...ups hampir lupa omngucapin terima kasih untuk mas Totoks.com yang dulu pernah ngasih om ScriptEmoticon ini. Thanks ya mas :)

318

PROOF


Sebelum memasang Emoticon diatas kotak komentar, pastikan dulu sudahmenggunakan sistem commenting terbaru dari blogger (baca disini), jika penjelasan ommasih belum berhasil juga..mungkin memang harus ada perubahan pada koding XMLTemplate, coba kunjungi blog sahabat oom Kang Rohmankarena dia sudah membahassecara rinci cara setting kotak komentar dibawah posting ini.

Untuk memasang kode Emoticon pada kolom komentar, pertama..masuk kehalaman EditHTML, kemudian copy-paste Script berwarna orange dibawah dan letakan diatas kode</body> kode ini biasanya berada dipaling bawah pada kode HTML.

<script src='http://oom.blog.googlepages.com/smiley.js' type='text/javascript'/> </body></html>

Sedangkan untuk memasang kode emoticon diatas kotak komentar, tetap berada padahalaman Edit HTML (jangan lupa beri tanda centang pada Expand Template Widget).kemudian cari kode warna merahdibawah ini:

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:includedata='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <ae x p r : h r e f = ' d a t a : p o s t . a d d C o m m e n t U r l 'expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if></b:if> </p>

Sudah ketemu? kalo sudah, sekarang copy paste semua kode dibawah ini dan letakan dibawah kode <p class='comment-footer'> (lihat script sebelumnya) kalo sudah selesaijangan lupa disimpan, dan lihat hasilnya :)

<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'/> ;) <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :p <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :(( <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :) <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :( <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :X <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =(( <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-o <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/ <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-* <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :| <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-} <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~x( <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> b-( <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> :-L <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> x( <imgborder='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))</b>

319



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


Css Dock Menu ala MacintoshWednesday, July 02, 2008Pernah mencoba Dock Menu di komputer Macintosh? atau paling tidak anda sudahpernah melihatnya. Kalo belum yo wes, yang jelas seperti gambar dibawah inilah contohtampilan icon Dock Menu. Dock menu layaknya di komputer MAC akan menampilkanefek icon bergaya aqua (Aquos), kita akan melihat perubahan size icon ketika mousediarahkan ke bidang menu tersebut.

Ndesign-studio.com merupakan salah satu situs yang menyediakan open source untukCss Dock Menu. Dari sekian banyak contoh koding Dock Menu layanan ini yang menurutom paling mudah penerapannya. Untuk sample tampilan bisa anda lihat disini.Sebenarnya di situs ini sudah dijelaskan secara singkat tutorialnya, tapi lebih baik omjelaskan saja lagi biar lebih mudah.

Ikuti langkah pemasangan Dock menu :

1. Download dulu file CSS dock menu zip package.

2. Kemudian Unzip filenya terlebih dahulu.

3. Dalam folder JS ada 2 file javacript (interface.js dan jquery.js) dan pada folder imagesanda akan menemukan file gambar, silahkan upload semua file tersebut ke host directorymasing-masing (om sendiri menyimpan filenya di Pages.google.com), kalo sudahsilahkan buka kembali folder css-dock-menu, ulangi lagi seperti langkah sebelumnyayaitu dengan upload file iepngfix.htc dan style.css

4. Sampai disini proses upload sudah selesai, langkah selanjutnya cara pasang diblogger.

Cara pasang di blogger:

1. Masuk ke menu Edit HTML, cari kode <head> dan letakan script ini di bawahnyaseperti ini:

<head><script src='http://oom.blog.googlepages.com/jquery.js' type='text/javascript'/><script src='http://oom.blog.googlepages.com/interface.js' type='text/javascript'/><link href='http://oom.blog.googlepages.com/style.css' rel='stylesheet' type='text/css'/>

320

PROOF


Untuk warna pink diatas silahkan sesuaikan dengan path directory masing-masing.

2. Masih pada halaman Edit HTML, cari code </body> kemudian letakan file dibawah inidiatas kode </body> seperti ini:

<script type="text/javascript">$(document).ready(function(){$('#dock').Fisheye({maxWidth: 50,items: 'a',itemsText: 'span',container: '.dock-container',itemWidth: 40,proximity: 90,halign : 'center'})});</script>

</body></html>

Langkah akhir tinggal ke proses pemasangan menu. Dock menu ini bisa anda letakandiarea mana saja, bisa di elemen halaman blogger maupun di halaman Edit Html. Untukmudahnya anda bisa memasang langsung contoh penerapan kode dibawah ini.

<div class="dock" id="dock"><div class="dock-container">< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m gs r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / h o m e . p n g " a l t = " h o m e "/ > < s p a n > H o m e < / s p a n > < / a >< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m gs r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / e m a i l . p n g " a l t = " c o n t a c t "/ > < s p a n > C o n t a c t < / s p a n > < / a >< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m gs r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / p o r t f o l i o . p n g " a l t = " p o r t f o l i o "/ > < s p a n > P o r t f o l i o < / s p a n > < / a >< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m gs r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / m u s i c . p n g " a l t = " m u s i c "/ > < s p a n > M u s i c < / s p a n > < / a >< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m gs r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / v i d e o . p n g " a l t = " v i d e o "/ > < s p a n > V i d e o < / s p a n > < / a >< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m gs r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / h i s t o r y . p n g " a l t = " h i s t o r y "/ > < s p a n > H i s t o r y < / s p a n > < / a >< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m g

321



s r c = " h t t p : / / o o m . b l o g . g o o g l e p a g e s . c o m / c a l e n d a r . p n g " a l t = " c a l e n d a r "/ > < s p a n > C a l e n d a r < / s p a n > < / a >< a c l a s s = " d o c k - i t e m " h r e f = " h t t p : / / w w w . o - o m . c o m " > < i m gsrc="http://oom.blog.googlepages.com/rss.png" alt="rss" /><span>RSS</span></a></div>

Warna merah diatas itu merupakan link tujuan dan untuk warna pink diatas silahkansesuaikan dengan path directory masing-masing.

Untuk yang sudah mengerti programming tentu akan lebih mudah lagi, anda bisamerubah sendiri code css dan javascipt maupun gambarnya sesuai kebutuhan. karenaini tutorial untuk pemula jadi om jelaskan saja apa adanya. Silahkan di kembangkansendiri ya. thanks (o-om.com)


TestimonialSaturday, July 05, 2008

Silahkan mengisi catatan kecil pada halaman testimonial. Beri masukan pada kualitasartikel dan mengapa sahabat blogger memilih o-om.com sebagai blog favorite. Terimakasih.


Twingly "Spam - Free Blog Search"Monday, July 07, 2008

322

PROOF


Dari berbagai layanan spesialis blog search, Twingly.com mengklaim dirinya sebagaimesin pencari pertama yang bebas dari blog spam (Free Spam Blog Search). TwinglyBlog search pertama kali diluncurkan pada Februari 2007 dengan beranggotakan 9orang team. Dengan alasan yang sama, team ini bekerja keras membangun mesinpencari yang inovatif dan sampai saat ini layanan ini memfocukan diri menjadi layananblog search engine terbaik di Eropa.

Jika membandingkan dengan Google Blog Search, layanan ini tentu masih kalah dalamjumlah index halaman. Namun twingly memberanikan diri mengatakan jika jumlah blogyang diindex dalam database mereka juga tidak sedikit. Terlebih kemampuan layanan inidalam menyaring blog yang dianggap sebagai spam tentu terlihat lebih unggul. Bagianda yang focus mencari informasi pada blog berkualitas, layanan twingly layak di coba.

Hal menarik setelah mencoba Twingly, ternyata kita diberikan hak untuk berpartisipasimemerangi spam, tentu saja sebelumnya harus terdaftar sebagai anggota twingly. Selainitu anda juga dapat memberikan vote/nilai pada kualitas link yang anda temukan, terlebihanda juga bisa melakukan subscribe to Rss berdasarkan keyword tertentu. Mantap :)

Bagi anda (blogger), layanan twingly jangan sampai terlewatkan. Agar blog anda bisaterindex pada layanan ini caranya cukup mudah yaitu dengan menginput alamat bloganda menggunakan layanan Ping yang sudah disediakan. Sebelum mem-Ping bloganda, saya sarankan sebaiknya coba search dulu dengan keyword site:namablog.com(sample) jika blog sudah terindex lupakan ping diatas, pada kenyataanya hampir semuablog yang saya kenal sudah ter-index di layanan ini. Dengan twingly, kita (blogger) dapatjuga memasang widget dari hasil pencarian sesuai dengan index keyword yang inginditampilkan. Yuuk tunggu apa lagi langsung saja ke TKP :)


323


Free DNS Hosting Service via Xname


Wednesday, July 09, 2008Setting Cname Record pada Xname untukBlogspot Custom domain.

Sebelumnya pernah saya jelaskan settingCname Record dengan meminjam layananFree DNS Hosting pada DNSPark danEveryDNS, kali ini saya coba jelaskan pada

layanan DNS Hosting gratis lainnya Xname.org. Sebenarnya setting pada DNS hampirsama saja, yang membedakan hanya arah tujuan server. Pada Xname kitamenggunakan zona host Primary ns0.xname.org dan secondary ns1.xname.org |ns2.xname.org. Sedangkan untuk input Cname Record bisa menggunakan nama alias"www" dan pastikan arah record tetap tertuju ke ghs.google.com. Untuk lebih jelasnyaikuti langkah setting dibawah ini:

1. Buat user baru disini

2. Silahkan mengisi form pendaftaran, lihat contoh dibawah:

3. Pilih menu "Create Zone" kemudian masukan nama domain, lalu pilih dengan memberitanda centang pada "primary" lalu tekan tombol create.

4. Bila input nama domain berhasil, klik link "modification interface", sekarang tinggalmelakukan input setting pada Cname Record.

324

PROOF


Pada tahapan ini setting Cname Record Pada Xname sudah berhasil

Setting pada Domain Manage:

Setelah melakukan setting DNS, sekarang lakukan setting pada Domain Manage, yangharus diingat setting pada domain manage biasanya berbeda, namun rata-ratamempunyai setting untuk mengarahkan nama domain ke server tujuan. karena sayamenjelaskan menggunakan layanan Xname.org maka nama server tujuan sepertidibawah ini:

ns0.xname.org.

ns1.xname.org.

Setting pada Blogger:



Pada tahapan ini semua proses telah selesai. Selamat mencoba :)


325



Fitur lengkap dari Zoho Online OfficeFriday, July 11, 2008

Sebagian rekan mungkin pernah mencoba aplikasi Zoho Online Office, kalaubelum..coba kunjungi sekarang, pastinya banyak fitur menarik di dalamnya yang bisakamu gunakan.

Zoho merupakan aplikasi Online Office dengan fitur terbilang sangat lengkap, kamu bisamenggunakan aplikasi zoho seperti Word Processor, Spreadsheet, Presentatation, CRMdan masih banyak lagi. Selain user interface mudah diikuti, beberapa aplikasi yangmembuat saya tertarik tertuju pada Zoho Wiki, Zoho Chat dan Zoho Project. Ketigaaplikasi ini yang buat saya gak tidur tadi malam, apalagi aplikasi chat dari zoho bisa jugadi pasang diblog kamu, pastinya tambah cantik. Sambil otak atik sana sini, sempatngantuk dan BeTe juga...untungnya masih ditemani sahabat om Kang Rohman dan MasFariez jadi semangat deh hehehe yuuu tunggu apa lagi segera ke TKP.


Selembar uang kertas dijadikan media promosi?Parah!Friday, July 11, 2008Promosi dengan menambahkan alamat blog pada brosur dan selebaran mungkin sudahbiasa, bagaimana jika anda menemukan blogger yang melakukan promosi blognyadengan selembar uang kertas?

Om yakin kita pernah nemuin uang yang di corat-coret dengan tulisan aneh, entah itutanda tangan, nama pacar dan no HP cewek. Tapi kali ini beda, lagi iseng aja omngerapiin uang di dompet eh malah nemuin coretan alamat Blog pada selembar uangRp.10.000. Kalau tidak salah seminggu yang lalu, sayang om gak sempat ngambilgambarnya dan om juga lupa alamat blog yang ditulis.

Kurang lebih seperti ini ilustrasinya. Lihat alamat blognya ya, bukan gambar monyetnya:)

326

PROOF


Entah apa tujuan pelaku, yang jelas cara ini tentu saja melanggar hukum (mungkin lho yaom juga kurang ngerti). Lain hal jika kita bicara teknik promosi, layaknya surat edaranmungkin cara ini termasuk viral promotion yang hebat, bayangkan hanya dengan menulisalamat blog, uang kertas ini akan terus beredar dan melanglang buana kesana kemari.Tidak peduli siapa yang membacanya..kalo sampai ke tangan tukang becak dan tukangsayur mungkin gak ada untungnya, bila sampai ketangan blogger seperti kita hehehepikir aja sendiri, ibarat ada pesan "Don't Click Me" kok ya tetap aja diklik, dasar manusiahihihi

Kira-kira dari tidakan dodol diatas pelaku bisa dilacak gak ya? menurut om rada susahjuga sih, sekalipun itu lewat sidik jari. Silahkan aja kalo mau melacak jutaan sidik jari, tapipaling tidak bisa dilihat langsung dari URL si target (ya..kalo gak hidden profile).

Ya sudahlah...lupakan cerita diatas, ini hanya pesan moral aja, jangan pernah sekali kalimencoret-coret uang sendiri apalagi uang orang lain :) nyarinya susah man!! kegiatanpromosi itu untuk cari duit, bukan dengan mencoret duit untuk promosi, sekali lagi janganpernah mencoba teknik promosi dodol ini.thanks o-om.com


Site Blocker "Anti Lendir" karya anak UGMSunday, July 13, 2008Hari ini jam 11 pagi perhatian om sempat tertuju pada acara stasiun TV swasta yangmenanyangkan masalah seputar Anti Perlendiran. Acara dengan durasi 30 menit inimelakukan review pada salah satu putra bangsa yang mendapat penghargaan ataskeberhasilanya meraih Youth National Science and Technology Award dari MenteriPemuda dan Olahraga.

Ahlul Faradish Resha, merupakan programmer dibalik pembuatan software Site blockeryang meraih penghargaan diatas. Software buatan salah satu mahasiswa UGM ini kononkatanya mampu melakukan pemblokiran pada situs tertentu terutama yang mengandungkeyword Lendir. Jika kita perhatikan, Sebenarnya Site blocker buatan Ahlul mungkintidak jauh berbeda dengan software yang sudah ada, namun Ahlul yakin softwarebuatannya mempunyai kelebihan pada sistem kerjanya.

Pada situsnya Ahlul juga mengatakan, software yang berkerja sebagai Client-Server inidilengkapi juga dengan sistem SMS yang akan mengirimkan SMS kepada admin jika ada

327



klien yang mengakses situs lendir. Tentunya fasilitas ini akan sangat menarik sekali misal“Jika diterapkan di Lab Komp Sekolah", menarik juga ya untuk software gratis sebagusini, Sayangnya software ini belum ada manualnya dan om juga belum mencobakeunggulannya, silahkan di coba dulu aja ya.

Yah...semoga saja dengan hadirnya Software Site blocker ini paling tidak bisa "sedikit"mengurangi akses kesitus yang mengandung keyword lendir, terutama bagi kalanganpelajar sekolahan dan orang tua yang memiliki akses internet dirumah dan belum bisamengawasi putra-putrinya secara langsung.(yang penting asal situsnya jangan diblokir langsung dari ISP kayak kemaren)

Software bisa download disini Program Server | Program Klien


New Blogger Template : Elegant Style & SEOFriendlyThursday, July 17, 2008New Blogger Template dengan konsep Elegant Style dan SEO Friendly. Di desaindengan style sederhana serta memiliki kecepatan loading page yang mengagumkan.Secara default template ini hanya 20% menggunakan image, selebihnya didesainmenggunakan permainan warna melalui koding.

Demo Template | Download

Bonus terpasang :

CSS dengan mode kompresi, Read More, Embedded Comment Form, Meta Tag Include,SEO Title Tag, Favicon Include, Komentar berbeda untuk pemilik blog, Emoticon Includedll.

Cara installasi :

Disarankan untuk membackup template dan isi element halaman terlebih dahulu. Agarsemua fasilitas berfungsi dengan baik, sebaiknya dilakukan secara manual (tanpa di

328

PROOF


upload) dengan melakukan copy-paste kode melalui halaman Edit HTML. (jangan lupaberi tanda centang pada Expand Template Widget).


Percepat loading page dengan CSS CompressorSaturday, July 19, 2008Teknik kompresi pada CSS paling tidak mampu meningkatkan performa loading pageblog anda. Disini bukan dalam artian super cepat ya, tapi cenderung ke arah optimalisasiCSS. Jika kita bicara masalah kecepatan loading page, CSS Compress ini cuma salahsatu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada sizeimage (jangan dibandingkan dengan kecepatan koneksi internet dulu ya...kita anggapsaja koneksi yang kita gunakan sama).

CSS Drive - CSS Compressor merupakan salah satu layanan gratis yang biasa omgunakan untuk keperluan ini. Yang menarik, tools ini menyediakan 3 level modekompresi berbeda yaitu Light, nomal dan Compact. Cara kerjanya, metode kompresiCSS ini berusaha memperkecil ukuran dengan menghilankan spasi dan komentar yangtidak diperlukan. Om sarankan untuk yang baru utak atik CSS jangan langung mencobamode Super Compact dan Strip All Comments..sebaiknya gunakan mode Light dan don'tstrip any comments terlebih dahulu. Untuk yang sudah mengerti bisa mencoba levelkompresi selanjutnya pada pilihan Advanced mode.

Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanyauncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsiini, jadi om sarankan kita bisa mencoba pada layanan ini CSS Optimizer.

Cara Kompresi CSS pada Blogger:

(sebelumnya jangan lupa backup semua kode pada halaman Edit HTML)

Pada halaman Edi t HTML, Code CSS b iasanya ter le tak d ia tara kode<b:skin><![CDATA[dan ]]></b:skin> silahkan copy-paste semua kodenya kemudianlakukan kompress pada tools diatas, jika sudah..copy-paste lagi kode yang sudah dicompress ke halaman Edit Html pada posisi semula. Selamat mencoba :)


MyBrand (Pro) - Your FeedBurner CustomDomainTuesday, July 22, 2008

329



MyBrand (Pro) merupakan layanan gratis dari Feedburner , anda bisa menggunakanlayanan ini sebagai alternatif domain pilihan menggantikan URL standar Feedburneranda, bagi yang terbiasa menggunakan jasa feedburner tentu sudah tidak asing lagidengan format Feed standarnya. Sebagai contoh biasanya kita didipinjamkan denganalamat http://feeds.feedburner.com/ooms-logs nah coba sekarang bandingkan jikamenggunakan http://feeds.o-om.com/ooms-logs tentu terkesan lebih profesional dengandomain sendiri ya. Penarasan? lanjut....

Sebelum mencoba layanan ini, perlu anda diperhatian bahwa mengganti alamat feedanda dengan domain sendiri bukan berarti anda kehilangan pelanggan feed lama anda,setelah saya mencoba ternyata feed Url standar feedburner masih bisa difungsikan, iniberarti anda memiliki dua alamat feed pilihan dan anda bisa menggunakan salah satunyasaja. Untuk setting pada FeedBurner ikuti langkah dibawah ini:

• Silahkan login dahulu ke Feedburner• Kemudian tuju ke My Account• Lalu pilih MyBrand (Pro)• Langsung tuju ke nomor 3, masukan nama alias domain anda (lihat contoh input di

gambar)• Jangan lupa di klik Save

330

PROOF


Agar bisa mengaktifkan layanan MyBrand (Pro) pastikan anda sudah memiliki alamatdomain sendiri (tidak terkecuali untuk domain gratis). Yang di butuhkan hanya melakukansetting pada Nama Alias (Cname Record) pada DNS anda. Setting subdomain sudahpernah saya ulas pada layanan Dnspark disini atau pada layanan Free DNS lainya(EveryDNS dan XNAME). Untuk input Cname Record bisa menggunakan nama alias"Feeds" atau nama yang lain dan pastikan arah record tertuju kefeeds.feedburner.com



Horizontal Menu NavigasiWednesday, July 23, 2008Yang sering berkujung ke blog om pasti sudah tidak asing dengan horizonal menunavigasi. Nah tutor kali ini kita mencoba membuat menu navigasi yang sebenarnyameminjam salah satu widget dari bawaan standar blogger. Dengan sedikit sentuhanpada CSS, widget Linklist yang semula banyak digunakan sebagai blogroll secaravertikal akan kita modifikasi menjadi menu navigasi secara horizontal. Ya sudah, daripada om cuap2 gak jelas langsung ke cara pembuatan aja ya :)

Pertama masuk halaman Edit HTML, kemudian copi-paste semua kode CSS dibawah inilalu letakan diatas kode ]]></b:skin>

/*-- (Menu/Nav) --*/#nav{background:#222; height:32px; padding:4px 0 0; margin-bottom:0px}#nav-left{float:left; display:inline; width:600px}#nav-right{float:right; display:inline; width:100px}#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:1.0emArial,Helvetica,sans-serif}#nav ul li{float:left; list-style:none}#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px; padding:5px 4px;text-decoration:none}#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px; padding:5px 4px}#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px;background-color:#fff; color:#fff; padding:5px 7px}

/*-- (Search) --*/#search{background:#f9f9f9 url(http://oom.blog.googlepages.com/search.gif) 6px 2px no-repeat; -moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px; border:1px solid #b3b3b3; float:right; height:25px;margin:0 0px 0 0; width:180px}* html #search{margin-right:8px}#search input{font-family:Verdana,Arial,Helvetica,sans-serif; background:transparent;

331



border:0; color:#555; float:left; font-size:12px; margin:5px 0 0; padding:0px 2px 2px 27px;width:140px}

Masih pada halaman Edit HTML kemudian cari kode <div id='outer-wrapper'><divid='wrap2'> biasanya kode ini terletak di bawah html tag <body> kemudian copi-pastesemua kode dibawah ini, dan letakan kodenya dibawah kode warna hijau diatas.

<div id='nav'><b:section class='header-tabs' id='header-tabs' preferred='yes' showaddelement='no'><b:widget id='LinkList1' locked='true' title='Top Tabs' type='LinkList'><b:includable id='main'><div class='widget-content'><b:if cond='data:title'/><div id='nav-left'><ul><li><a href='/'>Home</a></li><b:loop values='data:links' var='link'><li><a expr:href='data:link.target'><data:link.name/></a></li></b:loop></ul></div></div></b:includable></b:widget><b:widget id='HTML3' locked='true' title='Search' type='HTML'><b:includable id='main'><div id='nav-right'><form expr:action='data:blog.homepageUrl + "search"' id='searchform' method='get'name='searchform'><b:if cond='data:title'/><div id='search'><input class='s' id='s' name='q' onblur='if (this.value == '') {this.value ='Cari artikel disini';}' onfocus='if (this.value == 'Cari artikeldisini') {this.value = '';}' type='text' value='Cari artikel disini'/><input id='searchsubmit' type='hidden' value='Search'/><data:content/></div></form></div></b:includable></b:widget></b:section></div>

Silahkan disimpan dan lihat hasilnya. oh hampir lupa..rekan bisa menyesuaikan warnalatar dan textnya sendiri ya :)

Untuk menambah menu, silahkan buka kembali "Elemen Halaman" kemudian perhatikanwidget paling atas, disitu sudah terlihat witget baru dengan title "Top Tabs" silahkan klikedit dan tambahkan menu yang ingin ditampilkan. Selamat Mencoba :)


332

PROOF



New Blogger Layout : Almost Spring BloggerVersionSunday, July 27, 2008Dapat kabar dari si Jacky via YM kalau Goggle bakal update PageRank langsung aja omcabut ke TKP, kemana lagi kalo bukan ke salah satu pentolan Google tepatnya blognyaMutt Cutts. Terinspirasi dari blog Mutt Cutts membuat om tertarik untuk membuattemplate yang sama. Template ini merupakan versi Wordpress buatan Becca Wei yangdiberi nama Almost Spring, disini om mencoba melakukan converting dari wordpress keBlogger. Ya sudah, tertarik mencoba Blog style yang sama digunakan Mutt Cutts diblogger anda?

Blogger Version


Wordpress Version


Bonus terpasang : CSS dengan mode kompresi, Read More, Embedded Comment Form,Meta Tag Include, SEO Title Tag, Favicon Include, Komentar berbeda untuk pemilik blog,Emoticon Include dll.

Cara installasi : Disarankan untuk membackup template dan dan isi element halamanterlebih dahulu. Agar semua fasilitas berfungsi dengan baik, sebaiknya dilakukan secaramanual (tanpa di upload) dengan melakukan copy-paste kode melalui halaman EditHTML. (jangan lupa beri tanda centang pada Expand Template Widget).


333


New Launching - Blog Template For You


Sunday, July 27, 2008O-OM dan Kang rohman bekerja sama membuat satu blog yang khusus didesain untukdownload blogger template. Isinya belum banyak sih, tapi ya sambil jalan saja. Semuak r e a s i t e m p l a t e k a n g r o h m a n d a n o o m a k a n d i m u a t d i b l o gh t t p : / / w w w . b l o g t e m p l a t e 4 u . c o m , s i l a h k a n d i k u n j u n g i y a : )


Laptop lagi sakit dan harus di rawat inap..Thursday, July 31, 2008Buat pembaca setia blog om maaf yah belum bisa update dulu berhubung laptopkesayangan om lagi sakit dah harus dirawat inap dipuskesmas terdekat. Kata pak dokterhardisk dan p.a powernya jebol, gimana tidak ya..wong laptop jaman bahari sudah ompake selama 6th dipaksa kerja keras layaknya server (benar2 dipaksa kerja rodi..kejamya hehehe) yang bikin om BT semua info feed para sahabat dan bookmark yang tertatarapi jadi hilang..jadi ketinggalan berita terbaru nih om. Tapi ya sudahlah mau gimana lagi,mudahan saja omongan pak dokter bener, dalam waktu 3 hari kedepan laptop tercintaom bisa pulih dan bisa rawat jalan saja. Semoga dibalik kejadian ini ada hikmahnya.Mohon do'a kesembuhannya ya...Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Akhirnya datang jugaSunday, August 03, 2008You get message....sms diterima "hallo bos, laptopnya dah mantap nih silahkan diambil"sms dikirim "ok bos langsung meluncur".

Akhirnya datang juga...setelah beberapa hari menjalani rawat inap akhirnya sembuh juganih laptop kesayangan. Ternyata analisa pak dokter lebih cepat dari dugaan sebelumnya,tapi yah syukur lah walaupun biaya pengobatan terbilang mahal karena om harus gantip.a power dan hardisk. Ya sudah hari minggu ini buat acara installasi dan beres2 datadulu, thanks ya buat doa kesembuhannya, kalian memang yang terbaik :)


334

PROOF


Online Feed Readers via BlogLinesMonday, August 04, 2008Red: Bloglines bukan tools terbaru online feed readers, demi keamanan feed sayakembali menggunakannya :)

Kejadian jebolnya hardisk beberapa hari lalu benar-benar pukulan nyata bagi om pribadi,bisa diartikan mungkin sama halnya dengan "Lebih baik kehilangan HP daripadakehilangan data phonebook" apalagi data tersebut berkaitan erat dengan dunia bloggingdimana om kehilangan kurang lebih 200 Link Feed penting yang sudah tertata rapi. Salahsatu kesalahan terbesar om karena terbiasa menggunakan feed reader via browserFlock, walaupun sebenarnya sebagian Link Feed sudah di export kalau hardisknya yangjebol ya..sama aja bo'ong :(

Menghindari kesalahan yang sama, mungkin sudah saatnya om beralih ke Feed Readerversi Online saja. Pilihan kali ini jatuh ke BlogLines yang sebenarnya sudah lama omlupakan. bila boleh membandingkan dengan Friendfeed mungkin om tetap memilihBloglines, ini dilihat dari segi kemudahan dan kelengkapan fitur, selain bisa di aksesdarimana saja yang jelas gak bakal takut lagi nih kehilangan semua data Feed. Yangberniat membackup semua data link feed via bloglines om sarankan silahkanmencobanya. Lebih baik cepat antisipasi dari pada kejadian yang sama menimpa kalian,semoga saja tidak ya :)

Ya sudah, sekalian saja kalo mau berlangganan RSS Feed oom via online Feed ReaderBloglines silahkan klik button ini thanks :)


Kumpulan Blogger Hack dan Tutorial SingkatBlogspotTuesday, August 05, 2008

335



Dibawah ini merupakan Kumpulan tutorial singkat Blogspot dan beberapa Blogger Hackyang paling sering ditanyakan. Sengaja saya tidak membuat tulisan per-artikel mengingatpenjelasannya terlalu singkat dan terbilang sederhana. Nah..untuk menjawab pertanyaanyang sama dan sering pada komentar dan Imel yang masuk saya kumpulkan aja jadisatu. Silahkan dicoba :)

Agar Title SEO Friendly

Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO Friendly) kitadapat mengganti Title standar dengan Title kode yang sudah dimodifikasi.

Cari kode title dibawah ini:


Kemudian ganti semua kode diatas dengan kode dibawah

<b:if cond='data:blog.pageType == "index"'><title><data:blog.pageTitle/></title><b:else/><title><data:blog.pageName/></title></b:if>

Menghapus Link Subsribe Post (atom) atau Berlangganan: Posting (atom)

Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget,cari kode dibawah lalu hapus kode warna merah dibawah.

<b:includable id='feedLinks'><b:if cond='data:blog.pageType != "item"'> <b:if cond='data:feedLinks'><div class='blog-feeds'><b:include data='feedLinks' name='feedLinksBody'/></div></b:if>

336

PROOF


Menghilangkan Navbar

Masuk halaman Edit HTML kemudian letakan dibawah kode <b:skin><![CDATA[

#navbar{height:10px; visibility:hidden; display:none}

Auto Hide pada Navbar Blogger

Pada halaman Edit HTML, kemudian letakan kode dibawah kode <b:skin><![CDATA[

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

Mengganti Default Atom dengan RSS

Kadang mungkin kita ingin menggunakan default feed sebagai RRS, caranya masukhalaman Edit HTML, Kemudian cari kode warna hijau dibawah

<b:includable id='feedLinksBody' var='links'><div class='feed-links'><data:feedLinksMsg/><b:loop values='data:links' var='f'><a c lass= ' feed- l ink ' expr :h re f= 'da ta : f .u r l ' expr : type= 'da ta : f .m imeType 'ta rge t= '_b lank '><data : f .name/> (<data : f . feedType/>)< /a></b:loop></div></b:includable>

Ganti kode warna hijau dengan kode dibawah ini:

<a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml'target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

Memasang Icon Sebelum title Post

Pertama cari .post h3{ pada deretan kode CSSkemudian masukan sesuai kode warnahijau dibawah:

. p o s t h 3 { b a c k g r o u n d :url("http://2.bp.blogspot.com/_C6KkooKXCEw/SJGrot7UiiI/AAAAAAAACFw/8XPCqtzzzs4/s400/dotlink.gif") 0px 0px no-repeat; margin:.5em 0; padding:0 20px 0; font-size:120%;font-weight:bold; font-style:normal; line-height:1.3em; color:#333}

Pasang Icon Pada Setiap Judul SideBar

Pertama cari #sidebar-wrapper h2{ pada deretan kode CSS, kemudian masukan sesuaikode warna hijau dibawah:

# s i d e b a r - w r a p p e r h 2 { b a c k g r o u n d :url("http://2.bp.blogspot.com/_C6KkooKXCEw/SJGrot7UiiI/AAAAAAAACFw/8XPCqtzzzs4/s400/dotlink.gif") 0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222;

337



border-bottom:1px solid #C0C0C0}

Memasang Icon di link Sidebar

Pertama cari #sidebar-wrapper li{ pada deretan kode CSS, kemudian masukan sesuaikode warna hijau dibawah:

# s i d e b a r - w r a p p e rli{background:url("http://2.bp.blogspot.com/_C6KkooKXCEw/SJGrot7UiiI/AAAAAAAACFw/8XPCqtzzzs4/s400/dotlink.gif") no-repeat 0px .20em; margin:0; padding:0 0 .25em 17px;line-height:1.2em}

Memasang Icon Sebelum Title Post pada halaman List Label

Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget,cari kode warna hijau di kemudian masukan sesuai kode warna merah dibawah:

<b:include data='top' name='status-message'/>

<data:adStart/><b:loop values='data:posts' var='post'><b:if cond='data:post.dateHeader'><h2 class='date-header'><data:post.dateHeader/></h2></b:if><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'>< i m g a l t = ' > > > ' b o r d e r = ' 0 'src='http://2.bp.blogspot.com/_C6KkooKXCEw/SJGrot7UiiI/AAAAAAAACFw/8XPCqtzzzs4/s400/dotlink.gif'/><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if>

Pasang Icon Sebelum Jumlah Komentar

Pertama cari #comments h4{ pada deretan kode CSS, kemudian masukan sesuai kodewarna hijau dibawah:

# c o m m e n t s h 4 { b a c k g r o u n d : # e e e 5 e 5url("http://1.bp.blogspot.com/_C6KkooKXCEw/SJGzpJXhKoI/AAAAAAAACGw/QZ7IzDBHgFU/s400/icon_comments.png") no-repeat 3px .3em; width:430px; margin:.1em 0; font-size:12pt; font-weight:bold; line-height:1.5em; letter-spacing:.1em; color:#111; padding-left:25px}

Pasang Icon Sebelum Nama Komentator

Pertama cari #comments-block .comment-author{ pada deretan kode CSS, kemudianmasukan sesuai kode warna hijau dibawah:

#comments-b lock .comment-author { marg in : .5em 0; padding- le f t :25px;

338

PROOF


b a c k g r o u n d : # F F F F C Curl("http://4.bp.blogspot.com/_C6KkooKXCEw/SJGzpDac4VI/AAAAAAAACGo/2L5Y5P_BDWU/s400/icon_comment.gif") no-repeat 3px .3em; color:#111}

Mengganti Tulisan Posting Lebih Baru - Halaman Utama - Posting Lama dengan tulisansendiri atau bergaya Icon

Anda mungkin ingin mengganti tulisan standar Posting Lebih Baru - Halaman Utama -Posting Lama dengan gaya sendiri atau anda juga bisa menganti tulisan tersebut denganicon. Masuk halaman Edit HTML kemudian beri tanda centang pada Expand TemplateWidget, cari kode warna hijau di bawah kemudian ganti kode warna merah dibawahsesuai keinginan.Untuk menganti gaya tulisan sendiri anda bisa langsung menulisnyasedangkan jika ingin mengganti dengan gaya icon tinggal ganti dengan kode <imgsrc="http://loakasit-gambar-anda.com/contoh.jpg"/>

<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'><b:includable id='nextprev'><div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'>< a c l a s s = ' b l o g - p a g e r - n e w e r - l i n k ' e x p r : h r e f = ' d a t a : n e w e r P a g e U r l 'e x p r : i d = ' d a t a : w i d g e t . i n s t a n c e I d + " _ b l o g - p a g e r - n e w e r - l i n k " 'e x p r : t i t l e = ' d a t a : n e w e r P a g e T i t l e ' > < d a t a : n e w e r P a g e T i t l e / > < / a ></span></b:if>

<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'>< a c l a s s = ' b l o g - p a g e r - o l d e r - l i n k ' e x p r : h r e f = ' d a t a : o l d e r P a g e U r l 'e x p r : i d = ' d a t a : w i d g e t . i n s t a n c e I d + " _ b l o g - p a g e r - o l d e r - l i n k " 'e x p r : t i t l e = ' d a t a : o l d e r P a g e T i t l e ' > < d a t a : o l d e r P a g e T i t l e / > < / a ></span></b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><b:else/><b:if cond='data:newerPageUrl'><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></b:if></b:if>

</div>

Cara mencetak halaman (Print Page)

Anda mungkin ingin mencetak perhalaman langsung ke default Printer, caranya tinggalmemasang kode dibawah ini langsung disetiap halaman atau letakan di dalam halamanPost.

339



<a href="javascript:print(document)">Cetak Halaman Ini</a>


Nomor Urut Komentar (Numbering Comments)Wednesday, August 06, 2008Menerima kiriman berita dari jagoan blogger cewek tepatnya Amanda, om dapatinformasi mengenai salah satu blogger yang berhasil membuat atau menampilkan nomorurut komentar di blogger (Numbering Comments). Si pembuat kode yang om ketahuibernama Fernandooo1 ini telah berhasil melakukannya, tanpa pikir panjang om langsungberanjak ke ke TKP, setelah beberapa saat mencoba Wowww it work men :)

Penarasan pengen segera memasangnya? silahkan sambangi langsung blognyaFernandooo1

Maaf untuk menghargai Original Content, kali ini om belum berani menampilkantutorialnya..blogger top sekelas Amanda saja cuma berani melakukan review, apa lagicuma sekelas oom hehehe *tau diri mode on*

Special thanks for Amanda and Fernandooo1 for great tutorial :)


FeedBlitz Custom Domains (Limited)Thursday, August 07, 2008

340

PROOF


Jika anda pengguna Feedblitz sebagai media sender subscribers, baru-baru ini layananFeedblitz menambahkan fitur terbaru mereka yaitu Private Label Custom Domains. Jikaanda menggunakan fitur ini anda diberi hak untuk pilihan custom domain pada beberapaLink Feedblitz standar anda. Anda dapat menggunakan domain feedblitz sepertio o m s . f e e d b l i t z . c o m a t a u f e e d s . o - o m . c o m j a d i t i d a k l a g imenggunakanhttp://www.feedblitz.com/f/f.fbz?sub=420265. Anda juga dapatmenggunakan sub domain anda dengan melakukan setting pada DNS dengan CNAMErecord ke cname.feedblitz.com.

Perlu anda ketahui Feedblitz Custom Domain ini merupakan fitur berbayar seharga$9.99/years, layanan ini terbatas hanya sampai tanggal 10 Agustus, tentunya bukanhanya asal custom domain tapi anda akan dapat beberapa fitur tambahan sebaik daripada yang standar. Selengkapnya bisa baca pada custom domain faqs

Bila keberatan dengan tawaran Feedblitz kenapa tidak mencoba layanan custom domaindari feedburner saja disini


Konfigurasi Google Adsense di FeedBurner AdNetworkMonday, August 11, 2008Masih banyak yang mengira feed dalam Feedburner dapat disandingkan denganAdsense, padahal sebenarnya konfigurasi Google Adsense di Feedburner ini hanyauntuk menampilkan Adsense dalam content blog saja. Seperti halnya anda memasangAdsense pada setiap content atau tanpa perlu ribet sebenarnya anda bisa melakukansetting melalui Element halaman blogger, karena disitu sudah disediakan fasilitasnya.

341



Menurut saya tidak ada salahnya juga kita mencoba fasilitas FeedBurner Ad Network ini,walaupun settingnya tidak powerfull layaknya panel standar Adsense karena kita hanyadibatasi memilih dua size tampilan iklan. Selain itu kita masih bisa melakukan settingpada warna text dan menentukan target chanel dan masih dapat menentukan letak posisipenempatan iklan.

Sebelum anda mencoba fasilitas ini perlu diperhatikan ketika mengaktifkannya berartianda membuka pintu gerbang agar Feedburner dapat mengakses Account Adsenseanda. Disini ada dua setting yang harus kita aktifkan yaitu pertama mengaktifkan AccountAdsense anda, dan yang kedua mengaktifkan fasilitas Feedflare. Anda bisa memilihsetting yang mana anda ingin dahulukan, jika anda sudah menambahkan fasilitasFeedflare tentu akan lebih mudah lagi, untuk mengaktifkan feedflare bisa di baca disini

Konfigurasi Account Adsense di feedburner anda:

1. Silahkan login dulu disini

2. Pilih salah satu feed yang ingin anda aktifkan

3. Kemudian pilih tab Monetize

4. Pada Sign in to your Google AdSense account, masukan alamat email sesuai accountAdsense, kemudian pilih salah satu masukan berikutnya, bisa Postal code atau Phonenumber

5. Silahkan buka email anda untuk konfirmasi verifikasi

6. Anda bisa memilih script Get the HTML code to put ads on your site, seperti yang sayatulis sebelumnya diatas, jika sudah terpasang fasilitas feedflare anda tidak perlu lagimemasukan scriptnya.

6. Sampai disini semua configurasi sudah selesai, sekarang anda tinggal melakukansetting Adsense anda seperti biasa.

7. Jika berhasil iklan adsense anda akan ditampilkan di setiap akhir postingan.

342

PROOF


Sebenarnya memasang fasilitas ini terkesan buang-buang waktu saja jika diaplikasikandi content bahasa indonesia, apalagi script yang digunakan nantinya tidak bisadimanipulasi dengan menambakan metode "en" (benar2 script yang jujur ya hehehe)selamat mencoba, happy blogging with o-om.com


Mengoptimalkan Google Webmaster ToolsTuesday, August 12, 2008

Mengoptimalkan Google Webmaster Tools merupakan salah satu faktor yangmenentukan keberhasilan blog anda di Google Search Engine, hal yang telihat sepelesekalipun kadang memil iki pengaruh besar j ika anda benar-benar seriusmengoptimalkannya. Sehebat apapun tehnik anda menentukan keyword tanpa dasarsetting yang kokoh pada Google Webmaster Tools semua akan sia-sia saja. Agar tidaksalah melakukan setting kali ini saya mencoba membeberkan rahasianya, silahkandipelajari :)

Menambah Format Feed cadangan di Sitemaps

Salah satu cara memudahkan spider google mengindex halaman yaitu denganmengarahkannya melalui sitemaps. Sayang diblogger kita tidak dapat memasang alamatsitemaps sendiri, jadi mau tidak mau kita menggunakan alamat standar feed Atom.xml.Tahukah anda tidak selamanya menggunakan satu target sitemap proses index halamanakan selalu berhasil. Untuk menghindari masalah ini saya sarankan anda menambahalamat sitemap cadangan jika sewaktu-waktu diperlukan. Untuk blogger sendiri ada 4format default feed yang bisa digunakan sebagai cadangan sitemap:

Atom.xml

Rss.xml

feeds/posts/default

343



feeds/posts/default?alt=rss

Cara membuat Format Feed cadangan di Sitemaps:

Pada menu Sitemaps, kemudian silahkan pilih Add Sitemap. Pada combo box silahkanpilih Add general Sitemap lalu masukan pilihan feed default diatas.

Hindari duplikat kode verification

Perhatikan bahwa verifikasi hanya ada satu pada satu alamat blog, kebanyakan bloggerbaru dengan mudahnya melakukan copy-paste source code keblog lainnya tanpa pedulikode verifikasi ini masih menempel dikode yang lama. Walaupun google hanyamelakukan pengecekan kode verifikasi pada alamat blog tujuan tidak ada salahnya kitamenghindari duplikat kode verifikasi. salah satu kelemahan blogger dimanaketidakmampuannya memberikan kebebasan pilihan verifikasi dalam bentuk HTML file.

Cara verifikasi:

Pada tab tools silahkan pilih menu Manage Site verifikasi, kemudian pada box pilihansilahkan pilih Add a meta tag. Silahkan copy paste code tersebut ke halaman Edit HTMLanda dan letakan kode ini bawah tag <head>. Jika sudah simpan blog anda kemudiankembali ke google webmaster lalu tekan command Verified. sampai disini anda sudahsudah berhasil melakukan verifikasi.

Mengatur kecepatan web Crawler (Googlebot)

Seberapa cepat anda meminta googlebot mengindex halaman terbaru anda? kadang kitaterlalu bernafsu untuk membuat pilihan ke mode Faster. walaupun cara ini efektif untukmempercepat googlebot mengindex halaman namun cara ini sangat beresiko dan modefaster biasanya memiliki jatah waktu tertentu (expires), saya sarankan anda tetapmempertahankan pada Normal Speed saja.

Cara mengatur kecepatan index web crawler (googlebot):

Pada menu Tools silahkan pilih Set Crawl Site kemudian beri tanda centang padaNormal Recommended crawl rate.

Pilihan Target Geographic

Anda ingin bersaing posisi keyword di Google.com? lupakan saja jika content anda fullIndonesia tulen. Jangan terlalu memaksakan diri bertarung kata kunci pada globalgoogle, persaingan di google.com terlalu berat bagi content non english dan terus terangbakal menghancurkan posisi keyword anda. Pada kenyataannya ketika seseorangmelakukan pencarian, google sebenarnya sudah otomatis melakuan redirect domainsesuai lokasi negara. Disinilah anda harus jeli mengatur target geographic lokasipencarian, jika content anda lebih cenderung ke bahasa indonesia berarti targetpembaca anda dari indonesia juga khan. Saya sarankan ada baiknya anda hanya focusdi google.co.id

Cara menentukan target Geographic:

Pada menu Tools silahkan pilih Set geographic target kemudian beri tanda centang pada

344

PROOF


Associate a geographic location with this site pilih target negara yang anda ingingkan,Indonesia misalkan.

Pilihan Set preferred domain

Pilihan preferred domain ini masih kontroversial, beberapa webmaster banyakmengatakan bila hasil index pencarian akan lebih bagus jika jika kita hanya menampilkannama domain tanpa www, perlu dicatat ini bukan dari setting redirect domain, tapi hanyacara google menampilkan hasil index pencarian saja. Untuk kali ini saya juga belumberani menentukan pilihan mana yang terbaik..jika masih ragu anda bisa memilih padapilihan Don't set an association.

Cara menentukan Set preferred domain:

Pada menu Tools silahkan pilih Set geographic target kemudian anda bisa memilih 3pilihan yang diberikan, beri tanda centang pada pada salah satunya..sesuai saran sayajika masih ragu anda bisa memilih pada pilihan Don't set an association

Berikan kemudahan google mengindex image pada blog anda:

Mungkin anda tidak percaya kalo pengunjung blog om 20% berasal dari pencariangambar, untuk itu saya sarankan anda mengaktipkan fasilitas ini. Ada kalanya seseorangmencari file gambar dengan keyword tertentu disini anda harus pintar memberikan namafile target. sekali lagi tidak ada rahasia apapun untuk memenangkan index pencarianpada gambar, yang anda perlukan hanya menentukan nama file gambar sesuai denganrelevant keyword.

Cara menentukan Enhanced image search:

Pada menu Tools silahkan pilih Enhanced image search kemudian beri tanda centangpada Iwould like to enable enhanced image search on my site and am authorized to optinto this advanced service.

Selamat mencoba, happy blogging with o-om.com :)


Blogger ReactionsFriday, August 15, 2008Akhirnya Control Panel (CP) yang sebelumnya masih pada draft blogger benar-benar diterapkan juga, ini bisa dilihat pada CP anda masing-masing. Selain Pembaharuantampilan, blogger juga mengaktifkat fitur terbaru pada layanan mereka yaitu BloggerReactions. Seperti biasa fasilitas ini hanya bisa diaktifkan melalui blogger in draft.

345



Blogger Reaksi (reactions) bisa dikatakan versi terbaru dari star ratings, yangmembuatnya berbeda, dengan reactions kita bisa menentukan sendiri kalimatnya.Sepertinya tidak perlu saya jelaskan panjang lebar, rekan semua pasti mengerti apamaksudnya.

Untuk mencoba Blogger Reactions, login dulu di http://draft.blogger.com/ kemudian padahalaman Edit Layout klik "Edit" lalu beri tanda centang pada “Reaksi"

Untuk template yang sudah dimodifikasi, cara diatas ternyata tidak berjalan dengansukses, untuk menampilkan blogger reaction kita bisa menggunakan cara manual, ikuticaranya di bawah ini

Pertama pada Edit HTML (jangan lupa beri tanda centang "Expand Template Widget")cari kode dibawah ini:

<div class='post-footer-line post-footer-line-3'></div>



<span class='reaction-buttons'><b:if cond='data:top.showReactions'><table border='0' cellpadding='0' width='100%'><tr><td valign='center'><span class='reactions-label'><data:top.reactionsLabel/></span> </td>< t d > < i f r a m e a l l o w t r a n s p a r e n c y = ' t r u e ' c l a s s = ' r e a c t i o n s - i f r a m e '

346

PROOF


expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td></tr></table></b:if></span>

</div>

Jangan lupa disimpan dan lihat hasilnya, Selamat mencoba fitur baru dari blogger :)


Ekspresikan Aksimu di 63th Indonesia MerdekaSunday, August 17, 2008Untuk memeriahkan acara 17-san di 63th Indonesia Merdeka!! biar seru hari ini harusada yang berbeda dengan syarat jangan menulis kalimat apapun di kolom komentar, tapicukup memasukan salah satu atau lebih icon senyuman (emoticon) yang ada. Terserahmau senyum, sedih, senang, tertawa yang penting Expresikan Aksimu !!.

(Logo diedit dari hakimtea.com)


The Next Blogger IDOL 2008Wednesday, August 20, 2008Anda pasti mengenal nama-nama besar para blogger yang populer saat ini, tapi om tidakmembicarakan kepopuleran meraka, kali ini om hanya menganalisa sebagian bloggeryang om kenal semakin populer bahkan mungkin sudah bisa dikatakan masuk dalamjajaran Blogger IDOL. Melihat dari kemampuan serta jam terbang yang tinggi tidak salahom merekomendasikan nama-nama yang semakin besar dibawah ini untuk dijadikanmedia belajar blogging, mulai dari Blogging for money, Online Earn Money, Blog Tips,SEO teknik sampai berita-berita terbaru dunia Blogosphere. Penasaran siapa saja yangmasuk jajaran The next blogger IDOL 2008?

The next Blogger IDOL is......

• Abibakarblog.com• Blogguebo.com• Ekonurhuda.com• Hakimtea.com• Id.jackbook.com• Jimmysun.net• Kombor.com• Kolom-tutorial.blogspot.com• Malapu-pro.com

347



• Thefachia.com• Trik-tips.blogspot.com• Tonijauhari.blogspot.com• Tipis.web.id• Putraeka.org• Zalukhu.com

Nama-nama blog diatas bukan berdasaran ranking. Blog yang tidak termasuk bukanberarti tidak mempunyai kualitas atau memang sudah masuk dalam kategori BloggerTop. Ayooo mari tumbuhkan semangat Blogging anda, siapa tau nanti omrekomendasikan masuk dalam jajaran The next blogger IDOL 2009.


Pengenalan Blogger data API - ClientApplicationsFriday, August 22, 2008Artikel kali ini mengenalkan pada pembaca yang memiliki basic programming untukmempelajari Blogger Data API dan memanfaatkannya sebagai Blogger ClientApplications. Dimana selanjutnya seorang programmer mampu merancang sendiri ToolsBlogger Edittor pada Aplikasi Desktop, Browser Plug-in, bahkan mampu merancangsendiri Aplikasi Blog Aggregator. Sebagai contoh anda tentu pernah menggunakan salahsatu tools aplikasi dekstop maupun pada layanan online, dengan tools tersebut kita dapatmengedit, menghapus, dan memperbaharui conten blog tanpa harus login langsungpada engine sebenarnya. Disini saya yakin anda sudah memiliki gambaran bagaimanablog editor tersebut bekerja, tools inilah yang saya maksud nantinya sebagai salah satucontoh Blogger Client Applications.

Mempelajari Blogger Data API berarti kita (programmer) sebagai pihak pengembangdiberi kuasa untuk memanfaatkannya. Sebelum mempelajarinya perlu di ketahui Bloggerdata API merupakan bagian dari salah satu service Google data APIs (Gdata). Gdata inimenggunakan dua format standar XML-based yaitu ATOM dan RSS. Gdata inilah yangmerupakan simple standard protocol yang digunakan untuk mempermudah proses bacadan tulis data di web. Untuk mengenal lebih lanjut mengenai Gdata bisa anda baca dialamat ini: http://code.google.com/apis/gdata/overview.html

348

PROOF


Pengenalan Bogger data Api?

Blogger data api membolehkan pihak ketiga (pengembang) untuk menampilkan danupdate terhadap isi content blogger melalui proses pengambilan data melalui GoogleData API feeds. kita dapat mengedit isi postingan, menghapus dan memperbaharuinya,tidak sampai disitu kita juga dapat mengirim dan menghapus komentar yang telahditerbitkan sebelumnya.

Untuk pengenalan dasar mengenai blogger data API ada 3 langkah untuk mulaimempelajarinya, pertama pelajari dulu Google data APIs, lanjutkan kelangkah berikutnyamengenai Blogger data API Developer's Guide atau anda bisa membaca pedomanselanjutnya disini Reference Guide jika memang diperlukan selengkapnya bisa baca sinihttp://code.google.com/apis/blogger/

Pemrograman

Ada beberapa cara yang bisa ditempuh untuk membuat aplikasi client, jika anda beradapada halaman Developer's Guide: Protocol disitu sudah lengkap dijelaskan bahasaprogram yang dapat anda gunakan, sampai saat ini ada lima standar dukungan bahasaprogram yang bisa anda pelajari, diantaranya :

• .NET• Java• JavaScript• PHP• Python

Jika anda menanyakan mana yang lebih mudah maka akan saya jawab semuanya sulit,yang membuatnya mudah ditentukan sesuai dengan basic programing anda masing-masing. Jika saya harus memilih tentu pilihan akan jatuh ke .Net dan Javasript karenasaya cuma ngerti dibahasa program ini saja. Satu pilihan yang paling disarankan,sebaiknya anda memilih Javascript saja, karena disitu sudah disertakan tutorial besertasample code dan hasil output-nya tentu anda langsung bisa mencobanya. selengkapnyabisa anda lihat disini

Standard Authentication (bukti keaslian)

Standar Authentication merupakan sebuah protocol yang memungkinkan user untukmelakukan Authentication (pembuktian keaslian), Authorize (otoritas/pemberian hak)untuk para pengguna atau user yang ingin mengakses suatu sistem atau layanan daripusat server jaringan komputer. Authentication ini juga dibutuhkan pada saat kita inginmelakukan akses pada jaringan Blogger (Google)yaitu dengan cara memasukanusername dan password. Pada Authentication ke Servies Blogger kita dapat mengaksesBlogger dengan dua cara yaitu menggunakan hak Private dan Public Feeds. Biasanyapublic feeds tidak mengharuskan kita menggunakan Authentication, berbeda denganPrivate Feeds yang mengharuskan kita melakukan Authentication terlebih dahulu.

Sample Aplikasi

Menggunakan Visual Basic.Net

Untuk memudahkan anda mengerti cara kerja Blogger data API dibawah ini sayasertakan source code menggunakan VB.Net. Tools ini pernah saya ulas akhir 2007 yang

349



lalu, dengan tools ini anda akan memahami bagaimana melakukan backup bloggermenggunakan akses Gdata memalui Feeds Blogger Backup Utility (VB.Net open source)

Menggunakan JavaScript Client Library

Blog.Gear sebenarnya merupakan salah satu proyek dari Google Gear dimana layananini rencananya digunakan untuk mengakses aplikasi Blogger pada modus Offline.Namum anda bisa mencoba untuk mempelajari penerapannya menggunakan BloggerData API. Anda juga bisa mempelajari source codenya disini, untuk videonya bisa andasimak disini.

Tulisan ini hanya pengenalan dasar dan tentu saja masih jauh dari sempurna. Semogabermanfaat :)

Penulis : Agus Ramadhani (o-om.com)


I Love You "ODP Dmoz"Thursday, August 28, 2008Penantian panjang pada ODP dmoz akhirnya dikabulkan juga. Semua berawal dariperubahan domain yang memaksa saya menghubungi kembali dan meminta bantuaneditor ODP dmoz melakukan pertukaran URL lawas o-om.blogspot.com ke domain sayayang baru o-om.com. Namun selama itu pula tidak ada tanggapan sama sekali. Terusterang saya hampir melupakannya, sampai hari ini, akhirnya dapat berita bagus, karenapertukaran link sudah disetujui.

Sebenarnya sempat kecewa juga, karena permohonan saya untuk menukar deskripsidan title blog tidak diikut disertakan. Akibatnya, Google akan lebih focus pada deskripsidmoz daripada deskripsi orisinil blog. Untuk saat ini saya l ihat saja duluperkembangannya, jika memang terkpaksa, mau tidak mau saya harus menahan Googleagar tidak menggunakan deskripsi pada dmoz dengan memasang meta tag <metaname=”robots” content=”noodp” /> tapi ya sudahlah, terindex aja sangat bersyukur :)

Begitu spesialkah terindex di Open Directory Project (ODP) Dmoz? jawabannya bisasahabat baca disini.

Special thanks for you "editor" and i love you ODP dmoz :)


350

PROOF



Fitur terbaru Blogger: FollowersFriday, August 29, 2008

Blogger kembali menambahkan Widget: Followers sebagai fitur terbaru mereka.Informasi Followers ini selanjutnya saya ketahui sebagai cara mudah mengetahui siapasaja yang menjadi pembaca blog kita secara langsung melalui halaman Dashboardmasing-masing. Bisa dikatakanBlogger Widget Followers bekerja layaknya aplikasi FeedReader pada umumnya, tentunya anda bisa menentukan sendiri Feed Blog mana sajanantinya yang ingin ditampilkan sebagai blog favorite bacaan anda.

Misalkan anda jadikan blog saya sebagai favorite bacaan anda, maka saat itu pula sayamenerima respon bahwa anda telah melakukan follower pada blog saya.

Menariknya lagi, kita juga bisa memasang Widget Followers ini, menampilannya padapembaca agar mereka juga tahu siapa saja yang telah mem-follow link blog kita. Sekilascara kerjanya mirip seperti blog reactions pada Technorati dan widget Mybloglog ya :)

351



Sayang untuk saat ini tidak semua account blogger bisa mencicipi layanan terbaru ini.Anda jangan khawatir, sesuai dengan janji mereka (blogger team), dalam waktu dekatfitur ini akan tersedia pada semua account. Saya beruntung, pada account blog sayayang lain fitur ini sudah tersedia dan sempat saya coba. Sample widget follower bisaanda lihat di blog saya Agusramadhani.com

Informasi selengkapnya mengenai tata cara penggunaan, bisa anda baca pada linkdibawah:

• What is Following?• How do I add the Followers gadget to my blog?• How do I use the Blogger Reading List?• Following a Blog Publicly vs. Anonymously


Marhaban Ya Ramadhan, Selamat Berpuasa..Sunday, August 31, 2008Marhaban Ya Ramadhan, OOM mengucapkan selamat menunaikan ibadah puasa bagiyang menjalankannya, semoga amal dan ibadah kita lebih ditingkatkan di bulan yangpenuh berokah ini. AminPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Download Web Browser Google Chrome (BETA)Wednesday, September 03, 2008

352

PROOF


Setelah ditunggu-tunggu, hari ini, rilis Google Chrome (beta version) sudah bisa andadownload disini. Google Chrome merupakan browser yang dibuat dengan desain praktisagar Anda dapat mengakses Web dengan lebih cepat, mudah, dan aman. Untukinformasi selengkapnya mengenai kelengkapan fitur dari Google Web Browser ini bisaanda baca disini

Jika anda tertarik untuk melihat GoogleChrome di interpretasi berbentuk komikmengenai keputusan keinsinyuran dariScott McCloud, bisa menyimaknya disini.


353



Feed Subscription Box Bernuansa KartunSaturday, September 06, 2008Tampilan blog ini terlihat minimalis, lucu dan menggemaskan. Dengan sentuhanbernuansa kartun, ketika anda mengunjunginya, anda pasti akan berdecak kagum padadesain templatenya. Tapi kali ini saya tidak membicarakan panjang lebar pada desaintemplate, perhatian saya lebih tertuju pada desain Feed Subscription Box-nya yangmembuat saya gemes ingin mencicipinya (makanan kali) hehehe. Penasaran? Lihatsample desainya pada gambar dibawah.

Gimana, tertarik untuk membuatnya?

Blogger kartunis yang saya kenal bernama Doug Cloud, ternyata berbaik hatimembuatkan tutorialnya. Jika anda bosan dengan tampilan milik anda saat ini, kenapatidak mencoba membuatnya. Dengan sedikit sentuhan, anda pasti bisa memodifikasinyaagar lebih manis dan nampak berbeda. Penasaran, Segera sambangi tutorialnya disini

Oh iya, sebagai tambahan, tutor ini tidak hanya untuk Feedburner Subscribtion Box saja,anda bisa juga mengkreasikannya pada box subscribtion Feedblitz.

Kalau masih bingung dengan kodingnya, bisa tanya saya di kolom komentar. Selamatmencoba :)


Theme pilihan untuk Google ChromeSunday, September 07, 2008

Google Chrome Theme - Walaupun perubahan Theme pada Google Chrome belum adalayaknya plugin Mozilla, berdasarkan informasi yang saya ketahui, ada beberapa ThirtParty Developer yang sudah melirik untuk mengembangkannya. Theme Gratis inisebenarnya bukan layanan resmi dari Google, namun tidak ada salahnya anda juga

354

PROOF


mencobanya. Cara mengganti theme pilihan ini juga terbilang mudah, anda cukupmelakukan swapping file default.dll pada folder theme yang ada pada path GoogleChrome anda.

Untuk pilihan theme, bisa anda download pada link dibawah:

Mac Theme | Download

Orange Theme | Download

Army Style | Download

GoldTheme| Download

DarkTheme| Download

GreenTheme| Download

BlackTheme| Download

FireFox 3Theme| Download

AquaTheme| Download

Intruksi Installasi:

1. Download salah satu file diatas.

2. Kemudian Extact file .rar tersebut.

3. Jalankan Windows Explorer anda, kemudian tuju pada folder directory dibawah:

Window Vista:

C:\Users\USERNAME\AppData\Local\Google\Chrome\Application\0.2.149.27\Themes

Windows XP:

C : \ D o c u m e n t s a n dSettings\USERNAME\LocalSettings\AppData\Google\Chrome\Application\0.2.149.27\Themes

4. Extrak file Default.DLL yang sudah ada download pada folder direktori diatas (sebelummelakukan swapping Default.DLL, ada baiknya anda melakukan backup terlebih dahulupada file Default.DLL yang lama)

5. Kemudian jalankan Chrome anda dan lihat perubahannya. Selamat Mencoba :)


355


Say hello to Agusramadhani.com


Wednesday, September 10, 2008Hari ini mencoba launching blog versi english di Agusramadhani.com. Mengenai kualitaskonten, saya usahakan tetap orisinil, karena sebagian besar memang merupakantranslate dari tulisan terdahulu di o-om.com.

Rencana awal sebenarnya mencoba sendiri melakukan translate. Namun apalahdaya,karena keterbatasan waktu dan bahasa inggris saya yang terbilang dodol, mau gak mautetap menggunakan jasa yang sudah saya percaya bersedia membantu menyelesaikantugas ini. Semoga saja dalam waktu dekat semuanya sudah terselesaikan. Amin

Silahkan sambangi aja langsung ke Agusramadhani.com. Jangan lupa jugaberlangganan artikel via RSS Feed disana, karena hampir setiap hari akan ada artikel-artikel terbaru yang siap anda santap *makanan kali* hehehe :)


Agar "Followers" support di mode IndonesiaFriday, September 12, 2008

Informasi terbaru pada Blogger Buzz mengatakan, saat ini Blogger Follower sudahtersedia pada semua versi English. Lalu, gimana nasib di mode indonesia, belum bisadong? jangan khawatir, anda juga bisa mencobanya, caranya cukup mudah, anda tinggalnge-set saja mode bahasanya ke pilihan English pada halaman Dashboard, kemudianset juga pilihan English pada halaman Settings - Formatting - Language (bahasa)...beres:) Jangan lupa ya untuk mem-follow blog oom disini atau siapa saja yang sudahbergabung di followers oom disini. Good Luck :)


356

PROOF


Digital technology

ChromiFox: Theme Firefox rasa Google ChromeFriday, September 12, 2008

Theme Firefox rasa Google Chrome - Ingin menghadirkan theme dengan nuansa GoogleChrome di Firefox anda? yup, Add-ons yang dikembangkan oleh ChromiFox ini, sudahbisa anda coba untuk menggantikan theme standar Firefox anda. Sangat disayangkan,theme multi platform pada tiga Sistem Operasi ini hanya support pada Firefox 3. Kapanhadir untuk Flock ya? ya sudah, silahkan mengunduh addons-nya disini


Customized tampilan "Blogger Followers"Monday, September 15, 2008

357



Customized Blogger Followers - Terus terang, saya kurang nyaman dengan tampilanstandar Blogger Followers. Bila anda perhatikan, terlihat link menu Follow this blog yangberada diatas, kemudian diikuti informasi jumlah followers dan link View all dibawahnya.Sekilas memang tidak terlalu mengganggu, tapi namanya juga selera, tentu saja terasaada yang kurang.

Jika anda sependapat dengan saya, tidak ada salahnya untuk mencoba memodifikasitampilan standar Followers ini agar nampak lebih manis. Jika Followers anda belumsupport di mode indonesia, silahkan klik disini untuk cara menampilkanya.

Lihat sample modifikasi tampilan dibawah:

Anda bisa melihat perubahan diatas, dimana link tertata rapi, serta sedikit sentuhanborder (garis tepi) pada setiap photo.

Bila anda pada area mode sedang login, link Manage akan tetap pada posisimenggantikan Link View All. jadi jangan kuatir pada perubahan kodingnya :)

Mari kita coba memodifikasinya:

Untuk menambahkan border (garis tepi) pada gambar, pertama masuk halaman EditHTML, kemudian copi-paste semua kode CSS dibawah, Sebaiknya letakan kodetersebut dibawah kode <b:skin><![CDATA[

/* Follower (Modified by o-om.com)----------------------------------*/.follower-grid {width:150px;}.follower {width:32px; height:32px; float:left; margin:2px;}.follower-img {float: left; border:1px solid #222; margin-top: 2px; margin-right: 2px;margin-bottom: 2px; margin-left: 2px;}.follow-this {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}.followers-canvas {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}

Jangan lupa simpan dulu perubahan diatas. (Sebenarnya kode CSS diatas bisa anda

358

PROOF


modifikasi sesuai keperluan, jadi saya masukan saja kode CSS Followers secaralengkap jika suatu waktu anda ingin memodifikasinya)

Kita lanjutkan mengedit kode utamanya, disini agak rumit karena akan banyak kode yangharus anda perhatikan.

Pertama tuju ke halaman Edit HTML, jangan lupa beri tanda centang pada ExpandWidget Templates, Kemudian cari kode tercetak tebal sesuai warna hijau di bawah ini:

<b:widget id='Followers1' locked='false' title='ini sesuai dengan title masing-masing'type='Followers'><b:includable id='main'><b:if cond='data:title != ""'><h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2></b:if>

<div expr:id='data:widget.instanceId + "-wrapper"'><b:if cond='data:followingLinkPresent'><div class='follow-this profile-link item-control following-follow-this'><a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><data:followThisMessage/></a></div><div class='follow-this profile-link item-control following-stop-following-this'><a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><data:stopFollowingMessage/></a></div></b:if>

<div class='followers-grid'><b:if cond='data:totalFollowerCount == 0'><div class='profile-link item-control following-follow-this'><data:emptyFollowersMessage/></div></b:if><b:loop values='data:followers' var='follower'><div class='follower'><a expr:href='data:follower.profi leUrl ' expr:t it le='data:follower.displayName'rel='nofollow'>< i m g c l a s s = ' f o l l o w e r - i m g ' e x p r : a l t = ' d a t a : f o l l o w e r . d i s p l a y N a m e 'expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" +data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" +da ta : fo l l ower . imageUr l + " \ " ) " ' exp r :w id th= 'da ta : fo l l ower . imageWid th 's rc= 'h t tp : / / img1 .b logb log .com/ img /b lank .g i f ' / ></a></div></b:loop><div class='clear'/>

359



</div>

<div class='followers-canvas profile-link'><data:followersFooterMessage/><span class='item-control following-not-admin'><a expr:href='data:followersUri'><data:viewAllMessage/></a></span><span class='item-control blog-admin'><a expr:href='data:manageFollowersUri'><data:manageFollowersMessage/></a></span></div>

Kemudian ganti semua kode warna merah diatas, dengan melakukan (copy-paste) kodewarna merah yang sudah saya modifikasi dibawah ini:

<div class='followers-grid'><b:if cond='data:totalFollowerCount == 0'><div class='profile-link item-control following-follow-this'><data:emptyFollowersMessage/></div></b:if><b:loop values='data:followers' var='follower'><div class='follower'><a expr:href='data:follower.profi leUrl ' expr:t it le='data:follower.displayName'rel='nofollow'>< i m g c l a s s = ' f o l l o w e r - i m g ' e x p r : a l t = ' d a t a : f o l l o w e r . d i s p l a y N a m e 'expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" +data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" +da ta : fo l l ower . imageUr l + " \ " ) " ' exp r :w id th= 'da ta : fo l l ower . imageWid th 's rc= 'h t tp : / / img1 .b logb log .com/ img /b lank .g i f ' / ></a></div></b:loop><div class='clear'/></div>

<div expr:id='data:widget.instanceId + "-wrapper"'><b:if cond='data:followingLinkPresent'><div class='follow-this profile-link item-control following-follow-this'><a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><data:followThisMessage/></a> -

<span class='item-control following-not-admin'><a expr:href='data:followersUri'>

360

PROOF


<data:viewAllMessage/></a></span>

<span class='item-control blog-admin'><a expr:href='data:manageFollowersUri'><data:manageFollowersMessage/></a></span> - <data:followersFooterMessage/></div>

<div class='follow-this profile-link item-control following-stop-following-this'><a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><data:stopFollowingMessage/></a></div>

</b:if>

Kemudian simpan pekerjaan anda, dan silahkan lihat perubahannya.

Jangan lupa untuk mem-follow blog oom disini atau anda bisa melihat siapa saja yangsudah bergabung di followers oom disini. Good Luck ya :)


Resep Mengedit Script FollowersTuesday, September 16, 2008

Melengkapi tutorial sebelumnya pada tulisan Customized tampilan "Blogger Followers",kali ini saya mencoba berbagi resep mengedit script pada Followers. Langung ke topikaja ya..saya ambil contoh mudahnya, seandainya anda kurang sreg dengan tampilan

361



judul text link pada default Followers, anda bisa mengubahnya dengan kalimat andasendiri, selain itu, anda juga bisa melakukan hidden text pada judul link jika memangdiperlukan.

Untuk lokasi scriptnya, silahkan sesuaikan pada kode warna hijau, kemudian cukupdengan merubah kode yang saya tandai dengan warna merah dibawah ini. Silahkandicoba :)

Mengganti tulisan Follow This Blog

<div class='follow-this profile-link item-control following-follow-this'><a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><data:followThisMessage/></a></div>

Mengganti tulisan View All

<span class='item-control following-not-admin'><a expr:href='data:followersUri'><data:viewAllMessage/></a></span>

Menghapus Pesan (jumlah) Followers

<a expr:href='data:followersUri'><data:viewAllMessage/></a></span>

Mengganti Tulisan Stop Following


Mengganti Tulisan Manage

<span class='item-control blog-admin'><a expr:href='data:manageFollowersUri'><data:manageFollowersMessage/></a></span>

Mengganti Tulisan Jika belum ada Followers

<div class='followers-grid'><b:if cond='data:totalFollowerCount == 0'><div class='profile-link item-control following-follow-this'>

362

PROOF


<data:emptyFollowersMessage/></div>

Ada kalanya anda tidak ingin menampilkan informasi Jumlah Followers pada title, ataumungkin anda ingin menghapus beberapa judul text link pada Followers yang dirasakurang nyaman untuk ditampikan. Entah dasar apa anda ingin menghapusnya, menurutsaya, link ini tidak terlalu mengganggu. Tapi jika anda menginginkannya, anda tinggalmenghapus semua kode yang ditandai dengan warna hijau dibawah.

Menghapus (jumlah) Followers

<a expr:href='data:followersUri'><data:viewAllMessage/></a></span>

Menghapus Link Manage

<span class='item-control blog-admin'><a expr:href='data:manageFollowersUri'><data:manageFollowersMessage/></a></span>

Hapus link Follow this blog

<div class='follow-this profile-link item-control following-follow-this'><a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'><data:followThisMessage/></a></div>

Menghapus Link Stop following


Menghapus Title (jumlah) Follower Count

<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>

Sebelum mencoba hack kode diatas, disarankan untuk membackup template andaterlebih dahulu. Ok selamat mencoba, happy blogging with o-om.com


363


Selingkuh itu indah, PR itu menyenangkan..


Sunday, September 21, 2008Selingkuh itu indah, PR itu menyenangkan..nah loh apa hubungannya ya? baca aja dulubaru protes...

Ini merupakan masa yang sulit sekaligus menyenangkan, dimana sekarang om harusrela membagi waktu dan kasih sayang ke blog om yang satu iniAgusramadhani.com.Wah bakal dimadu ya si o-om.com? gak juga sih sebenarnya, cuman jarang di apelin ajasekarang. Don't worry be happy aja ya, om masih setia kok untuk membelainya. Kalomau jujur, sebenarnya masih ada beberapa kekasih gelap om yang lain..tapi ya gakmungkinlah di publikasikan disini, kalau ketahuan, tar malah cemburu dua-duanya donk:)

Tanda-tanda O-om.com cemburu berat?

Hampir 5 hari tidak merasakan hangatnya sentuhan jemari om, ternyata ada tanda-tandakecemburuan dari o-om.com, saking marahnya dia langsung merajuk, parahnya lagimalah ngajak dugem paman Alexa.com. Entah karena kebanyakan nelan Jack Daniel's,sampai-sampai ranking alexa blog ini terjun bebas. Padahal trafik kunjungan langsungdan yang tersesat dari om Google kayaknya aman-aman saja.."ada apa denganmuAlexa? kamu masih mabuk kali ya". Ternyata ada benernya juga kata si Jacky "Masamasih percaya juga dengan ranking alexa?" thanks ya jack pencerahannya.

Ups hampir lupa...jadi ingat nih mau ngerjain PR malam ini....

PR itu menyenangkan...

Nah, ini malah dapat kerjaan PR dimalam mingguan. Jadi gak bisa selingkuh nih malamini. PR (bukan PageRanking) ini gawean si Eko Nurhuda sama Malapu-pro, katanya PRini awalnya dari mas Zalukhu, trus merambat kesana kemari dah kaya akar pohon. Yasudah langsung om dikerjain aja PR-nya, tar keburu ngantuk..

Ini dia kerjaan PR10 Habits and Factsabout Agus ramadhani:

1. Saya lahir tepat saat gerhana matahari pada bulan Agustus dan tepat pula saat bulanRamadhan..jadilah nama Agus Ramadhani...emang penting ya om? mbuh..hehehe

2. Saya orangnya cenderung pendiam dan keras kepala (kata orang lho)

3. Kebodohan saya, terlalu sering menunda sesuatu...

4.Jujur saja, dalam mengerjakan sesuatu, saya terlalu perfeksionis..parah...

5. Saya paling benci dengan pelajaran Matematika, mungkin dasarnya emang dodol kaliya...

6. Padahal kata Daddy and Mom, om ini termasuk anak yang cerdas sejak kecil (*ngarepmode on*)..ya iya lah, orang tua mana yang bilang anaknya blo'on sejak kecil hahahaha

7. Waduh parah nih, om termasuk perokok dan pencandu berat sama kopi

364

PROOF


8. Yang paling tidak nyaman saat menggunakan kaca mata minusku..sekilas terlihatlayaknya orang jenius..padahal aslinya???

9. Kata temen, saya ini rada gokil dan kadang mengada-ngada bisa menghasilkan duitlewat ngeblog. Sampai pada saatnya dia pernah pinjam uang untuk bayar pajakmobilnya, saya sindir saja "itu uang hasil ngeblog loh" baru tau dia....

10. Silahkan tebak sendiri ya...

OK, dah kelar nih PR-nya sekarang siap-siap nama2 dibawah ini ngerjain PRselanjutnya:

Thefachia | Tonijauhari | Kang Kombor | Boydalle | Hakimtea | Syamsul Alam | Anthonyharman | In-tips.com | Mymoen.com | Info-Baru

Oke, buat 11 nama di atas silakan garap PR ini baik-baik yah. Adapun aturan mainnyaseperti berikut:

1. Each blogger must post these rules2. Each blogger starts with ten random facts/habits about themselves3. Bloggers that are tagged need to write on their own blog about their ten things andpost these rules. At the end of your blog, you need to choose ten people to get taggedand list their names.4. Don’t forget to leave them a comment telling them they’ve been tagged and to readyour blog.

Selamat mengerjakan PR!

Judul diatas sebenarnya "jaka sembung bawa golok..dasar gak nyambung nih blog"


Twitterfeed: Feed your blog to twitterTuesday, September 23, 2008

Feed your blog to twitter - Sebagian blogger (termasuk saya) biasanya harus bekerja duakali untuk mempromosikan tulisan terbaru via Twitter, tentu saja dengan harapan agarpembaca via Twitter juga mengetahui bila ada tulisan terbaru di blog kita. Sayangnya,cara manual ini menurut saya termasuk buang-buang waktu saja, belum lagi bila kitamemiliki sifat pelupa..

365



Solusinya ya lupakan saja cara manual diatas, karena sekarang ada layananTwitterfeedyang bisa memudahkan anda melakukan tugas tersebut. Cara kerjaTwitterfeedsebenarnya sederhana, anda hanya perlu submit alamat Rss Feed blog anda danbiarkan layanan ini yang bertugas mengirimkannya secara otomatis ke twitteranda..mudah kan :)..selengkapnya dicoba sendiri ya.

1. Tentu anda sudah memiliki account di twitter

2. Login ke Twitterfeed via OpenID

Informasi menggunakan OpenID di blogger sudah pernah saya ulas disini dan disini, bilaanda tidak ingin repot saya sarankan menggunakan layanan myopenid.com

3. Silahkan login pada Twitterfeed dengan memasukan alamat blog (tentu OpenID sudahanda) atau menggunakan myopenid.com

4. Pada halaman Twitterfeed, silahkan setting dengan memasukan alamatRss Feed bloganda pada pilihan "my twitter feeds" dan pilihan "Create new twitter feed"

5. Selamat mencoba aja dah :)

Sudah bergabung di pembaca Twitter o-om.com? kalo belum bisa klik disni


Kata "Maaf" yang tertundaSaturday, October 04, 2008Maaf ya telat ngucapin lebarannya, yang jelas tidak ada kata terlambat untuk memintamaaf khan :)

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

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


366

PROOFMenampilkan Syntax Highlighter (Javascriptbased)


Thursday, October 09, 2008SyntaxHighlighter merupakan cara mudah untuk menampilkan penggalan kode pos-lineagar terlihat lebih menarik. Dengan menambahkan Syntax Highlighter, pembaca akanlebih mudah memahami setiap syntax baris kode yang anda tampilkan sebagaimanabahasa program aslinya. Syntax Highlight ini menggunakan 100% JavaScript based, jadianda bisa menampilkannya pada platform (blog/site) apa saja, termasuk bloggertentunya.

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

Bahasa Program yang didukung:

LanguageAliases C++ cpp, c, c++ C# c#, c-sharp, csharp CSS css Delphi delphi, pascalJava 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 Syntax 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'/>

367



<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 menetapkannama atribut untuk kode kelas dan atribut ke salah satu bahasa alias yang ingin Andagunakan. (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 masalahdengan < karakter dalam kasus ini. Masalah utamanya adalah <pre> tidak dapat bekerjadengan baik jika tag JavaScript tetap digunakan untuk beberapa alasan (di RSS feedmisalnya)

<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/


368

PROOF


Menayangkan iklan bergaya PageEar (PagePeel)Sunday, October 12, 2008PagePeel atau biasa disebut juga dengan istilah PageEar, Magic Corner, PeelAd, peelaway ad atau apalah namanya, merupakan salah satu cara lain menayangkan iklandengan gaya (style) yang berbeda. Tidak seperti tampilan iklan banner pada umumnya,jika anda mengarahkan mouse pada area PagePeel ini, maka akan terlihat halamanmenggulung layaknya anda membuka selembar kertas dan menemukan halaman laindilembar sebaliknya. Tujuan utama memasang PagePeel tentu saja ingin mendapatkanperhatian 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 mengeluarkandana paypal anda untuk membelinya. Dari semua nama PagePeel yang saya sebutdiatas, terus terang hanya ada satu layanan saja yang berani mengratiskanya, yaituPageEar.

Meskipun gratis.. PageEar tidak kalah dengan versi PagePeel berbayar, salah satu fiturunggulannya yaitu kemampuan PageEar untuk menjalankan gambar dan suarasekaligus. Karena PageEar dijalankan via Flash dan JavaScript based, jadi anda dapatmenggunakannya 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 and500×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

369



• 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 tidakpusing tujuh keliling, saya sertakan saja contoh dari beberapa kemungkinan yang perluanda 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 padamanualnya.

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 copypaste aja kode dibawah ini. jangan lupa mengganti alamat url dibawah ditandai denganwarna 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 si lahkan meletakan script diatas di bawah kode<tit le><data:blog.pageTitle/></tit le> pada halaman Edit HTML.

Bagaimana mengubah image sesuai keinginan anda?

Pertama buat image dengan ukuran 100x100 pixel, lalu simpan dengan namapageear_s.jpg kemudian dengan cara yang sama, buat lagi image dengan ukuran500x500 pixel, lalu simpan dengan nama pageear_b.jpg Jika anda sudah membuatkedua image diatas, silahkan upload kembali ke server milik anda.

370

PROOF


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


Pasang Stripe-Ad ala Navbar BloggerMonday, October 20, 2008Boost Your Blog's Response Rate With "Stripe Ad"

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

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

Stripe-Ad tentu saja bukan hal yang baru. Pengguna Wordpress biasanya menggunakanplugin Strip-Ad buatan MaxBlogPress cara installasinya pun terbilang mudah dan sudahditulis 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 dengannama 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;

371



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]);v a r m t a b a r = ' m t a _ c l e a r [ ' + m t a p o i n t e r + ' ] =s e t I n t e r v a l ( " m t a F l o a t I n i t ( m t a _ a r r [ ' + m t a p o i n t e r + ' ] ) " , 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>, janganlupasesuaikan 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

372

PROOF


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, Sudahkahanda?</a></span></div>< s p a n c l a s s = ' r i g h t ' o n m o u s e o u t = ' s e l f . s t a t u s = & a p o s ; & a p o s ; 'onmouseover='self.status='o-om.com.com';return true; '> <imga l i g n = ' a b s m i d d l e ' b o r d e r = ' 0 ' o n C l i c k = ' c l o s e T o p A d s ( ) ; r e t u r n f a l s e ; 's r c = ' h t t p : / / h t t p : / / w w w . a l a m a t s e r v e r a n d a . c o m / c l o s e . g i f 's t y l e = ' c u r s o r : h a n d ; c u r s o r : p o i n t e r ; ' / > < / s p a n > < / d i v >

5. Simpan hasil kerja anda :)

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


Professional Templates "Blogger Magazine Style"Thursday, October 23, 2008Mau blog anda tampil Professional dengan konsep Magazine Style? kalo iya, sayasarankan anda bisa mencoba template buatan Antoni Lupetti. Selain gak pasaran, hanyadengan sedikit sentuhan, saya yakin anda bisa mengedit template ini jauh lebih baguslagi. Salah satu contoh blog sahabat yang juga menerapkan konsep Magazine Style,sebut saja Kang Rohman, disana bisa anda lihat perbedaan ketika anda berada padahalaman index, kemudian lihat pula perubahannya ketika anda berada pada salah satuhalaman konten. Ya sudah, monggo..silahkan di download aja sourcenya disini.

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


373



Pendaftaran Omail @o-om.com ditutupSunday, October 26, 2008

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


PlurkAir: Desktop Client for PlurkTuesday, October 28, 2008Selama ini saya jarang menemukan layanan aplikasi Plurk Desktop Client, tidak sepertipesaingnya Twitter yang memiliki bejibun aplikasi Desktop siap pakai. Janji Plurk dengandukungan API ternyata belum terealisasikan juga. Walaupun aplikasi pihak ketiga untukPlurk sangat langka, pengguna Plurk tidak perlu berkecil hati, karena saat ini sudah adaaplikasi Desktop Client dengan dukungan API tidak resmi yaitu aplikasi PlurkAir danPlurkit.

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

Memang PlurkAir dan Plurkit tidak sebagusTwhirl (twitterClient) ya juga sama-sama berjalan dibawah naunganAdobe Air runtime. Namun dengan antarmuka Plurkmobile desktop, paling tidak pengguna Plurk akandipermudah dan lebih nyaman ber-Plurk-ria.

Download Adobe Runtime | Download PlurkAir | DownloadPlurkit


374

PROOF



Migrasi AOL Journal ke BloggerWednesday, October 29, 2008Berita terbaru mengenai penutupan layanan AOL Journal saat ini membuat penggunanyakhawatir akan nasib journal mereka. Membantu penggunanya tetap dapat berbagipemikiran secara online, AOL telah bekerja sama dengan Blogger. Rencana inidiharapkan dapat memberikan kelancaran agar penggunanya bisa tetap eksis.

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

Untuk memulai migrasi AOL Journal ke Blogger, anda dapat langsung menuju halamanhttp://www.blogger.com/AolToBlogger silahkan baca dan ikuti instruksi selanjutnyadisana.

Sumber: Buzz.blogger.com


SwitchAbit: Satu Untuk SemuaMonday, November 03, 2008Bekerja dengan beberapa blog maupun layanan sosial lainya dalam waktu bersamaanpasti sangat melelahkan, apalagi tujuan kita hanya ingin melakukan publikasi artikel danberharap tulisan tersebut bisa ditampilkan pada layanan lainnya secara real time.Bayangkan banyak waktu yang terbuang jika pekerjaan tersebut dilakukan secaramanual, itupun belum termasuk ketika anda login pada layanan yang berbeda. Buang-buang waktu saja ya, jadi sebaiknya lupakan cara manual diatas dan silahkan andaberalih menggunakan layanan SwitchAbit.

375



SwitchAbit adalah utility yang memungkinkan pengguna untuk mengontrol konten routingpada beberapa layanan yang berbeda, layanan ini bekerja mirip dengan Cc (CarbonCopy) pada fungsi dalam Email. Artinya anda hanya perlu mengirim konten satu kali sajadan biarkan SwitchAbit bekerja meneruskan tulisan anda kebeberapa layanan yang andainginkan. Perlu diingat, tujuan layanan bisa anda sesuaikan sendiri, dan tentu saja andaharus memiliki hak akses pada setiap layanan yang terdaftar dalam list SwitchAbit.Beberapa diantaranya Blogger, Wordpress, Twitter, Facebook, Flickkr, Indenti.ca, Jaiku,Omega, Tumblr dan RSS. Komunikasi arah dapat dengan mudah diatur berdasarkankonsep one to one, one to many, many to one dan many to many. Weks jadi kaya buatrelasi tabel aja ya hehehehe.

Satu hal yang saya sukai dari layanan SwitchAbit, dimana kita bisa menggunakannyasebagai media backup dan sangat memungkinkan digunakan sebagai solusi untukproses import dan export konten dari Wordpress ke blogger, begitupula sebaliknya :)

Selamat mencoba aja..


Mencoba Indosat M2 Paket ECO!Wednesday, November 05, 2008Sebenarnya saya cukup puas berlangganan akses internet via WiFi, apa lagi lokasinyasangat dekat dengan rumah, ya sekitar 500M gitu. Namun nikmatnya kecepatan jugaharus dibayar mahal dengan dana yang harus saya keluarkan, lumayan menguraskantong juga karena tiap bulan harus nerima tagihan sebesar Rp300rb/bln. Mungkinangka ini terbilang kecil buat yang mampu, tapi cukup besar juga untuk ukuran kantongsaya..yah jangan terlalu dipikirin, ini cuma masalah pribadi :)

Dari kedaan diatas saya terpaksa mencari arternatif lain. Rencana awal mencobalayanan TF (Paket Regular Unlimited) ternyata tidak berhasil, karena untuk TF yangpaket Unlimited di Yogyakarta sudah tidak dilayani lagi. Jangan tanya kenapa? saya jugabingung dengan alasannya. Tanpa pikir panjang saya langsung saja cabut ke IndosatOne Gallery didaerah Kota Baru (yogyakarta), setelah menunggu antrian yang panjang,kemudian mengisi formulir pendaftaran dan membayar sebesar Rp160rb, akhirnya PaketECO! M2 Card dengan kuota 700MB/blm sudah bisa dikantongin.

376

PROOF


Karena tidak membeli Paket Bundling Modem, untuk mencobanya, terpaksa salah satuPDA saya jadi korban. Percobaan pertama dengan PDA D 838 Pro namun hasilnyakurang maksimal. Setelah 2 jam pemakainan, D langsung hang, kepanasan kali ya. Sayacoba lagi dengan SE M600i, yah hasilnya lumayan stabil, walau kadang SE juga hangtapi lebih mendinganan dibanding D. Untuk koneksi IM2 saya belum bisa komentarbanyak, maklum khan masih coba-coba. Yah walau tidak senyaman akses WiFisebelumnya, sementara ini saya cukup puas dengan kecepatan akses yang ditawarkanIM2 sebesar 384kbps (sebelum kuota habis).

Oh iya, mungkin rekan yang sudah menggunakan IM2 dengan Paket Bundling Modembisa share pengalamannya? sekalian ada yang tau gak cara melihat kuota pemakaianyang telah digunakan..thanks sebelumnya :)


Menggunakan Sub Domain untuk Platform lainWednesday, November 12, 2008OK, saya anggap saja anda sudah mengerti cara melakukan Custom Domain, kalobelum, silahkan baca lagi tulisan saya terdahulu disini atau download saja eBook-nyadisini. Untuk sub domain selengkapnya silahkan baca disini. Nah, tutorial berikut lebih kearah memanfaatkan sub domainnya untuk installasi lain (non Blogger) atau lebihtepatnya Platform lain (Forum, Wordpress, Script PHP misalkan) tapi domain utama tetapmenggunakan Blogger.

Sebagai contoh, lihat pemanfaatan sub domain dengan beda platform dibawah:

Buzz.o-om.com (Wordpress)

Forum.o-om.com (Forum phpBB, tolong jangan daftar ya ini cuma contoh)

Url.o-om.com (Short URL, mirip dengan tinyURL)

Sub domain diatas hanya sebagai contoh saja, jika anda jeli, tentu anda bisamemanfaatkannya untuk membangun layanan lainnya yang lebih bagus. Perlu jugadicatat kalau hosting yang saya gunakan juga yang gratisan di 000webhost.com dantentu saja masih memanfaatkan DNS gratisan pada layanan DNSPark.com. Kren kan,walau domain utama hanya menggunakan Blogger :). Ya sudah, langsung ke caranyasaja ya.

Setting di 000webhost.

1. Buat dulu account di 000webhost.com

2. Pada input nama domain, masukan Url sub domain anda (contoh buzz.o-om.com)

3. Jika nama domain sudah anda inputkan, coban tuju ke link Go to CPanel

377



4. Sekarang lihat bagian Account Information, lalu catat IP address-nya

5. Sampai disini proses setting di atas selesai.

Lanjutkan pada setting DNSPark.

1. Login ke DNSPark.com

2. Tuju ke input Add Record

3. Untuk type pilih Host records (A)

4. pada Host Name, masukan nama sub domain anda (contoh buzz untuk buzz.o-om.com)

5. Untuk TTL, tetap pada default 7200

6. Jangan di beri centang untuk Dyn

7. Masukan alamat IP Address sesuai dengan IP tujuan pada 000webhost (lihatcontohnya diatas)

8. Jangan lupa pada Nameserver records (NS) masukan tujuan NS Server(ns01.000webhost.com dan ns02.000webhost.com)

9. Yups, simpan setting dengan menekan button Add All

Sampai disini semua setting sudah selesai, silahkan manfaatkan sub domain anda untukinstallasi apa saja.

Sebagai tambahan, jika anda ingin langsung menggunakannya untuk Forum atauWordpress, pada halaman Cpanel 000webhost silahkan tuju ke Software / ServiceslalupilihfantasticoAutoinstaller.

Jangan pernah percaya sepenuhnya dengan layanan 000webhost ya, saya pilih layananini sebagai media belajar saja..lumayan lah buat coba2 :)

Selamat menjoba, happy blogging with o-om.com

378

PROOF



Fitur Terbaru Blogger: Contact PickerSaturday, November 15, 2008

Blogger hari ini kembali menambahkan fitur terbaru mereka yaitu Contact Picker. Fitur iniberguna menentukan email mana saja yang berhak menerima kiriman komentar ketikaseseorang meninggalkan komentar di blog anda.

Jika sebelumnya input mail hanya terbatas pada 10 email saja, sekarang dengan ContactPicker, kita bisa menggunakan seluruh alamat email yang tentunya sudah terdaftar padaGmail Contact yang ada di blogger.

Anda juga lebih mudah melakukan manage dan memilih alamat email berdasarkan emailkenalan anda, email yang paling sering dihubungi, teman, keluarga atau memilih emailkenalan yang disarankan.

Untuk mencoba fasilitas ini, pastikan anda login dari http://draft.blogger.com kemudianpilih Tab Settings > Comment > Comment Notification Email and Email > BlogSendAddress dan silahkan memilih email contact yang akan anda gunakan.



379



Digital technology

Paypal Support Bahasa Indonesia.Sunday, November 16, 2008Entah saya yang kuper atau saya yang telat dapat info ya, kalo PayPal sekarang sudahsupport bahasa indonesia. Padahal baru kemaren malam saya iseng2 ngecek PayPal,tapi tidak melihat sedikitpun perubahan pada bahasa, apalagi pada tampilan.

Hari ini iseng nyoba lagi buka PayPal dan tanpa sengaja melihat bendera kecil merah-putih di sebelah kanan atas..ya tidak salah lagi itu Bendera Indonesia. Setelah loginbeberapa saat, benar saja pilihan paypal bahasa indonesia ini benar2 pilhan yangsempurna, terutama yang bahasa inggris-nya dodol seperti oom :). Yang jelas, melihatdari penggunaan bahasa juga tidak terlalu baku dan mudah dipahami.

Yah sudah, semoga saja dukungan PayPal untuk bahasa indonesia ini jugamempermudah proses withdraw dan support ke semua Bank Lokal ya..kita tunggu sajakelanjutannya.


Menjajal WordPress 2.7 beta 2Monday, November 17, 2008

Walau bukan pengguna fanatik Wordpress, tidak ada salahnya saya juga mencobamenjajal versi teranyar WordPress 2.7 beta 2. Karena disinyalir merupakan versiperbaikan dari versi sebelumnya WordPress 2.6, versi terbaru kali ini bisa dikatakanrelatif lebih stabil.

Ada beberapa perubahan yang menurut saya sangat berbeda, terutama pada area

380

PROOF


administrasi. Wordpress 2.7 beta 2 memiliki antarmuka yang sangat hemat pada tataruang, karena sejumlah item dikelompokan bersama dan dapat tutup kembali denganmelipat sidebar, ini juga sangat memungkinkan kita menyesuaikan tampilan dengan caramelakukan drag & drop pada widgets yang ada.

Kelebihan lainnya, kita dapat mencari dan memasang plugin langsung dari halamanadministrasi dan tidak perlu lagi menggunakan cara manual dengan mendownloadnyakemudian upload kembali server untuk mengaktifkannya. jadi lebih simple ya :)

Silahkan Download WordPress 2.7 beta 2


Blogger Template Magazine Multi KolomWednesday, November 26, 2008Informasi Blogger template dengan style magazine multi kolom ini saya terima darisahabat blogger Jackbook.com. Si Jack mengatakan Template yang sebelumnyamerupakan versi Worpress dengan nama "Cellar Heat Wordpress Template" ini telahdikonversi ulang ke Blogger dengan nama "Cellar Heat Premium Blogger Template.Penasaran? langsung ke TKP aja ya :)

Untuk demonya silahkan lihat disini atau silahkan download templatenya disini

381



Thanks Jack for share info :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Moderasi Komentar Wordpress via AplikasiDesktopWednesday, November 26, 2008Pernah merasa kesulitan harus nge-cek bolak-balik dan melakukan refresh berkali-kalihanya untuk melakukan moderasi komentar di Wordpress? jika ya, mungkin PluginModerator satu ini layak untuk dicoba.

Dengan mengadopsi teknologi Adobe AIR, Plugin Wordpress dengan nama Moderator inimemungkinkan kita untuk melakukan moderasi komentar langsung dapat dilakukan didepan dekstop klien tanpa harus login ke halaman dashboard. Bisa dibayangkan jikaproses tersebut dilakukan secara manual dan berulang-ulang, belum lagi waktu andabanyak te rbuang j i ka hanya ing in melakukan approve komentar la lumempubl ikas ikannya.

Banyak hal yang bisa dilakukan dengan Moderator, yang paling utama diantaranya:

- Kita dipermudah melihat komentar yang belum di moderasi

- Moderator dilengkapi Dock dan system tray yang memberi informasi jumlah komentaryang belum dimoderasi

- Kita dapat menerima, menghapus dan melihat Spam komentar dari dekstop klien

- Jika tidak dibutuhkan saat ini, kita dapat menyembunyikannya sementara di systemtray.

- Moderator dapat menampilkan Gravatar icon untuk pengguna yang diposting dikomentar.

382

PROOF


Untuk menjalankan Moderator, pastikan anda menggunakan minimal Wordpress versi6.2+ dan Adobe AIR 1.1. Cara menjalankannya pun sangat mudah, kita tinggalmenginstal plugin pada direktori {wordpress install}/wp-content/plugins, kemudiansilahkan ikuti petunjuk installasi Air selanjutnya.

Informasi selengkapnya bisa anda baca di http://www.danieldura.com/code/moderator


Pilihan Free Short URL Script mirip TinyURLThursday, November 27, 2008Siapa yang tidak kenal dengan TinyURL sebagai penyedia layanan Short URL danLayanan Cloaking paling populer. Dengan layanan TinyURL inilah yang memungkinkankita menyingkat URL yang panjang menjadi lebih pendek. Dari sekian banyak kegunaanShort URL, selain fungsi redirect, tentu saja yang paling utama memudahkan kitamenyembunyikan link orisinil dari program Affiliate dan memungkinkan kitamenyamarkan link orisinil yang akan dipromosikan.

Dari sini tentu kita sudah punya gambaran kegunaan layanan Short URL, namunalangkah baiknya bila kita membuat sendiri layanan yang sama dengan menggunakanCustom URL pada domain sendiri tentunya.

Sebenarnya banyak sekali penyedia layanan Script untuk Short URL, tentu saja adayang gratis dan ada yang berbayar, namun kali ini saya hanya memberi rujukan yanggratis saja. Ada dua free script Short URL yang menurut saya layak untuk dicoba yaitudari layanan Plusphp dan Shorty

Dari dua layanan diatas tentu masing-masing memiliki kelebihan dan kekurangan,layanan Plusphp mungkin lebih mudah, sayangnya layanan ini belum supportmenggunakan Custom Url, dan masih menggunakan karakter secara acak. Salah satucontoh layanan Free Short Url milik saya menggunakan Plusphp bisa dilihat dihttp://url.o-om.com.

Jika dibandingkan dengan layanan plusphp tentu saja layanan Shorty lebih bagus, kitalebih mudah menentukan sendiri karakter yang ingin digunakan, bisa secara otomatis,berdasarkan keyword atau secara random. Untuk mencoba demonya silahkan lihat disini

383



Cara installasi Free Short URL Script diatas juga tidak begitu sulit, kita tinggal Uploadsaja langsung file PHP script ke web hosting milik sendiri tentunya. Silahkan bacapanduan Help/Readme untuk keterangan setting dan installasi selanjutnya.



Memasang Icon Back to top / Iklan Float ImageSunday, November 30, 2008Belum terhitung satu hari semenjak saya memasang icon Back to top, ternyata sudahbanyak juga rekan yang menanyakan bagaimana cara memasangnya di blogger. Iconback to top ini sebenarnya berguna untuk melakukan lompatan dari halaman palingbawah menuju halaman paling atas, jadi rekan tidak perlu lagi melakukan scrollbar padabrowser.

Caranya memasangnya pun sangan mudah, silahkan tuju pada halaman HTML,kemudian letakan kode dibawah ini diatas tag </body>

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back toT o p ' > < i m gsrc='http://1.bp.blogspot.com/_C6KkooKXCEw/STDLOei9LKI/AAAAAAAACnw/udvHQji9acI/s400/Jumptotop2.gif'/></a>

Trus apa hubunganya dengan Iklan Float image?

Rekan tentu sudah pernah melihat gambar yang posisinya mengambang/melayang padahalaman web, nah sebenarnya script diatas tidak hanya untuk fungsi Back to top saja,jika kita jeli kita dapat juga memanfaatkanya sebagai Float image..ups ribet benar yakalimatnya..intinya untuk memasang space iklan. Gitu aja kok repot hehehe

Posisi iklan Atas-Kiri

<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;left:5px;'title='ganti title anda disini' ><img src='http://2.bp.blogspot.com/_C6KkooKXCEw/STH-1kcwVPI/AAAAAAAACoE/1ai6aC5ypu8/s400/banner.gif'/></a>

384

PROOF


Posisi iklan Atas-Kanan

<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;right:5px;'title='ganti title anda disini'><img src='http://2.bp.blogspot.com/_C6KkooKXCEw/STH-1kcwVPI/AAAAAAAACoE/1ai6aC5ypu8/s400/banner.gif'/></a>

Posisi iklan Bawah-Kiri

<a href= 'h t tp : / /www. l inktu juan.com' s ty le= 'd isp lay:scro l l ;pos i t ion: f ixed;b o t t o m : 5 p x ; l e t f : 5 p x ; ' t i t l e = ' g a n t i t i t l e a n d a d i s i n i ' > < i m gs r c = ' h t t p : / / 2 . b p . b l o g s p o t . c o m / _ C 6 K k o o K X C E w / S T H -1 k c w V P I / A A A A A A A A C o E / 1 a i 6 a C 5 y p u 8 / s 4 0 0 / b a n n e r . g i f ' / > < / a >

Posisi iklan Bawah-Kanan

<a href= 'h t tp : / /www. l inktu juan.com' s ty le= 'd isp lay:scro l l ;pos i t ion: f ixed;b o t t o m : 5 p x ; r i g h t : 5 p x ; ' t i t l e = ' g a n t i t i t l e a n d a d i s i n i ' > < i m gs r c = ' h t t p : / / 2 . b p . b l o g s p o t . c o m / _ C 6 K k o o K X C E w / S T H -1 k c w V P I / A A A A A A A A C o E / 1 a i 6 a C 5 y p u 8 / s 4 0 0 / b a n n e r . g i f ' / > < / a >

Eksperimen Lanjutan.

Jika ingin bermain-main dengan kode diatas, rekan bisa mengatur sendiri jarak posisigambar dengan mengatur kode bottom:5px;right:5px; jika belum puas juga coba sedikitbermain dengan menganti position: fixed; dengan position: absolute; position: relative;dan position: static;.

Selamat mencoba (i'm oom, i blogging stuff)


AVA7 Patterns: Gratis Background Web PolaBatikMonday, December 01, 2008

Desain template boleh saja sama persis, tapi ya paling tidak background-nya khan yangharus berbeda. Nah, bila anda masih bingung memilih latar belakang (background) untukmenghiasi halaman blog anda, saya sarankan wajib mengunjungi AVA7 Patterns.

385



Banyak sekali pilihan latar belakang (background) yang ditawarkan AVA7 Patterns,dimana sampai saat ini terdapat 158 halaman dengan 4 pola indah pada setiaphalamannya. Anda dapat mengatur sendiri pilihan latar belakang dengan memilih polayang lebih spesifik jika anda klik "Preview". Sehingga anda dapat mencoba dan melihatsendiri seperti pada situs yang sebenarnya. Jika pilihan anda sudah mantap, silahkan klik"Download" untuk men-download pola pada komputer anda.

Ups hampir lupa, setelah anda menggunakan background dari layanan ini pastikan andamemberi love link sebagai tanda terima kasih ke http://patterns.ava7.com, tetap hargaijerih payah pembuatnya ya :)

Selamat mencoba (i'm oom, i blogging stuff)


URLmetrix: Cek Popularitas URL Blog AndaTuesday, December 02, 2008URLMetrix (beta) merupakan aplikasi yang memungkinkan kita untuk memeriksapopularitas URL (link popularity) suatu Blog atau WebSite. Hanya dengan memasukanalamat URL, kita langsung disuguhkan beberapa informasi penting tentang keberadaan,posisi dan ranking serta jumlah backlink dari beberapa layanan populer seperti GooglePageRank, Alexa Rank, Compete Rank, Quantcast rank, Technorati Rank, GoogleIndexed, Yahoo Indexed, Google BackLinks, Yahoo BackLinks, Delicious Bookmarks,DMOZ Links dan beberapa layanan popular lainnya.

Bila dicermati, layanan URLMetrix ini sangat berguna sebagai media pembanding, danapa saja yang perlu kita tingkatkan untuk bisa menyamai keberadaan seperti blogpopular lainnya.

386

PROOF


Silahkan kunjungi http://www.urlmetrix.com/


WidgetEasy: Pasang Widget Rss Feed TanpaRegistrasiWednesday, December 03, 2008

Sebenarnya ada cara yang lebih instan bila anda hanya berencana untuk memasangWidget RSS Feed tanpa harus melakukan registrasi sama sekali. Hanya denganmengunjungi layanan WidgetEasy kemudian menyisipkan alamat feed anda, maka dalamwaktu kurang dari satu menit Widget Rss feed ini siap untuk diaplikasikan ke flatformmanapun termasuk Blogger dan Wordpress tentunya.

Selain mendapatkan code dari WidgetEasy script, keuntungan lainnya, widget feed andaakan tetap ditampilkan dalam urutan daftar, sehingga pengguna lain dapat jugamenggunakannya.

Contoh widgetEasy milik o-om.com:

Bila berkenan, anda dapat juga memasang Widget Code milik o-om.com disini


Freshgenerator: Kreasi sendiri komponen grafikWeb2.0Wednesday, December 03, 2008Jujur saja, saya sangat senang ketika pertama kali mencoba layanan Freshgenerator.Ternyata begitu mudahnya layanan ini membantu saya mendesain hal-hal yang kecil,terutama membuat background untuk menu navigasi, desain tab menu dan membuatbutton cantik bergaya web2.0. Seperti biasa, kompenen grafik dari web2.0 kebanyakanmenggunakan kolaborasi warna antara Gradient dan 3D trim.

Dibawah ini contoh menu navigasi dan button yang dibuat semirip mungkin daribeberapa layanan web populer seperti ebay, Firefox dan Youtube. Lihat disini sampelnya

387



Melalui layanan online FreshGenerator ini, kita tidak perlu lagi direpotkan harusmenggunakan software desktop canggih seperti Adobe Photoshop, Corel Draw danUlead Photoimpact yang sudah sering saya gunakan. Untuk menjalankan aplikasi inimenurut saya tidak begitu rumit, kita tinggal mengatur sendiri beberapa elemen pada tabmeliputi Box, Corner, Border dan Text.

Untuk membuat perubahan pada gambar sewaktu-waktu nantinya, kita dapat menyimpanlink yang tercantum di bawah gambar. Untuk menyimpan file gambar yang baru sajadibuat, silahkan klik kanan pada gambar dan pilih "Save image as". Selamat mencoba :)


FutureTweets: Atur Sendiri Schedule TweetsAndaThursday, December 04, 2008

388

PROOF


"What are you doing?". Cuplikan kalimat ini tentunya sudah begitu kental bagi penggunaTwitter. Satu baris kalimat singkat yang menanyakan "apa yang sedang anda lakukan?",mungkin kalimat ini lebih tepatnya ditujukan untuk waktu saat ini ya. Lalu bagaimana jikaanda sibuk dan tidak sempat menyampaikan pesan untuk waktu yang akan datang?yups, untuk solusinya gunakan saja FutureTweets

FutureTweets merupakan layanan gratis yang memungkinkan kita mengatur sendirijadwal (schedule) pesan langsung ke inbox Twitter. Layanan ini sangat berguna untukmengirim pesan ketika kita tidak sedang berhadapan dengan komputer atau perangkatmobile lainnya, hebatnya lagi FutureTweets mampu menjadwalkan sebuah pesan untukwaktu yang akan datang, bisa untuk pesan harian, mingguan, bulanan bahkan tahunan!.Yang jelas berguna juga ya digunakan sebagai alarm pengingat, atau bisa jugadimanfaatkan untuk mengirim pesan ucapan selamat ulang tahun dan hari pentinglainnya.

Ya sudah silahkan dicoba aja ya, jangan lupa buat schedule dan kirim pesan ke o-om.com via Twitter :)


Membuka Link Feed pada halaman baruThursday, December 04, 2008

389



Anda pasti pernah menggunakan Feed Widget yang sudah disediakan dalam fasilitasBlogger, biasanya feed ini banyak juga dimanfaatkan untuk menampilkan RecentComment dan Recent Post via feed, contohnya bisa anda lihat pada blog saya ini.

Selain fungsi diatas, biasanya beberapa program advertising seperti Ask2link dan TeksLink Ads juga memanfaatkan feed ini untuk menampilkan link mereka. Nah, sekarangyang jadi masalah, coba saja anda perhatikan ketika link feed ini diklik, maka halamanyang terbuka akan tetap pada halaman yang sama, tidak masalah bila halaman tujuanmerupakan halaman kita sendiri, tapi akan jadi masalah bila halaman yang dibukamenuju kealamat lain, iya khan?

Tutorial kali ini kita akan mencoba menambahkan sedikit baris kode agar link feed ini biladiklik terbuka pada halaman yang baru (new window). Langsung aja ya, pertama andamasuk ke halaman Edit HTML dulu, kemudia beri tanda centang pada Expand WidgetTemplate, silahkan anda cari seperti penggalan script dibawah.

Untuk mempermudah anda mencari Feed ID, blogger sebenarnya sudah memberikannama default untuk feed ini yaitu Feed[nomor urut Feed], (Penting: bila feed anda hanyasatu berarti anda hanya cukup mencari Feed1)

Lihat warna merah dibawah merupakan contoh Feed3 yang berarti Feed ID ke-3 yangakan dicari.

<b:widget id='Feed3' locked='false' title='Friends Blog' type='Feed'><b:includable id='main'><h2><data:title/></h2><div class='widget-content'><ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'><b:loop values='data:feedData.items' var='i'><li><span class='item-title'><a expr:href='data:i.alternate.href'><data:i.title/></a>

390

PROOF


Bila anda sudah menemukan ID Feed, sekarang tambahkan kode target='_blank' lihatcontoh penambahan kode warna merah dibawah.

<b:widget id='Feed3' locked='false' title='Friends Blog' type='Feed'><b:includable id='main'><h2><data:title/></h2><div class='widget-content'><ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'><b:loop values='data:feedData.items' var='i'><li><span class='item-title'><a expr:href='data:i.alternate.href' target='_blank'><data:i.title/></a>

Selamat mencoba, (i'm oom, i blogg stuff)


Cara Pasang Total Posts dan Total CommentsFriday, December 05, 2008

Sebenarnya cara pasang Total Posting dan Total komentar untuk Blogger ini sudahbanyak juga yang mengetahuinya, berhubung banyak rekan yang selalumenanyakannya, ya sudah sekalian aja ya tulis caranya, yah itung2 melengkapi tutorialyang ada :)

Untuk cara memasangnya sangat mudah, rekan tinggal copy-paste aja langsung scriptcode dibawah dan jangan lupa merubah alamat blog yang ditandai dengan warna merah.

Script untuk Total Posts

391



<script style="text/javascript">function showpostcount(json) {document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) +'</b><br>');}</script><script src="http:/ /namablog.blogspot.com/feeds/posts/default?alt=json-in-script&cal lback=showpostcount"></script>

Script untuk Total Comments

<script style="text/javascript"></script><script style="text/javascript">function numberOfComments(json) {document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t +'</b><br>');}</script><script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Selamat mencoba ya, happy blogging with o-om.com


Twitbacks: Gratis Twitter Background GallerySaturday, December 06, 2008

Bosan dengan Twitter background anda saat ini? kalo iya, mungkin sudah saatnyasekarang anda merubah tampilannya. TwitBacks merupakan layanan instan yang bisaanda coba, selain mudah digunakan, melalui Twitbacks ini, anda dapat menentukansendiri pilihan theme yang sudah tersedia dalam twitter background Gallery.

Selain pilihan background, anda dapat juga menambah elemen profile dalam modegambar berupa foto, logo, nama, alamat blog dan website, email dan anda dapatmengatur sendiri pilihan style untuk font. Dan hasil akhirnya, profile anda akanditampilkan diarea sebelah kiri dari background anda.

392

PROOF


Seperti baris kalimat yang bertuliskan "Takes less than 2 minutes to create and it'sFREE. Start Below" yang berarti, anda hanya butuh waktu dua menit untuk membuatnya,mudah dan cepat khan! Ups, jangan lupa untuk menyimpan semua pekerjaan denganmendowload backgroundnya terlebih dahulu ke komputer nada, selanjutnya tinggalupload saja langsung ke twitter settings.

Belum nge-twet twitter o-om.com? silahkan join disini


Visual Explorer: Alternatif Lain IE Web BrowserSaturday, December 06, 2008

Anda pengguna fanatik Internet Explorer? atau anda sudah mulai jenuh menggunakanbrowser standar milik si empunya Microsoft ini? sebagai bahan pertimbangan, mungkinsaya sarakan anda mencoba alternatif lain yaitu Visual Explorer. Seperti pada browser IEalternatif pada umumnya, Visual Explorer merupakan web browser baru yang dibangundan berjalan diatas engine Internet Explorer.

Tidak berbeda dengan beberapa pesaingnya seperti Maxthon dan NeoPlanet, browserVisual Explorer versi terbaru ini juga dipersenjatai dengan satu set fitur lengkap, mulai

393



dari standar multi tab, pencarian google secara instan, manage RSS dengan mudah dancustomize antarmuka dengan pilihan theme dan skin.

Mereka (BlueG) juga berani mengklaim bahwa "Visual Explorer merupakan web browseryang dirancang khusus untuk menyediakan penggunanya dengan segala sesuatu yangmereka butuhkan dengan cepat, smart dan solusi browsing paling teraman"

Penasaran? Silahkan download Visual Explorer disini


iLike: Pasang Soundtrack lagu pilihan di BloggerSaturday, December 06, 2008Kalo dipikir-pikir siapa yang mau pasang lagu di blogger ya? saya sendiri tidak pernahmenyarankan anda untuk memasangnya. Selain terkesan jadul, tentu bikin lambatloading page saja :). Tapi lain cerita nih bila blog anda bertema Free music player danFree embed MP3 player tentu saja aplikasi layanan dari iLike Gadget ini layak untukdicoba.

Sampai saat ini iLike masih dalam Versi Beta, namun Gadget satu ini merupakanlayanan yang memberikan kemudahan bagi anda untuk memasang (embed) musik diblog dengan cara yang lebih praktis. Anda dapat juga memilih melalui Playlist Editor danmengatur sendiri daftar lagu yang tersedia dalam database iLike. Setelah selesai dalampengaturan, anda tinggal memasangnya langsung ke dalam element halaman blogger.

Ups, jangan pernah berpikir saya nembak keyword Musik dan embed Mp3 ya, tapisalahkan saja Blogger yang merekomendasikannya. Ini bisa anda baca langsung diBlogger Buzz hari ini :)


394

PROOF


Digital technology

Brightkit: Mengelola Account Twitter Lebih DariSatuSunday, December 07, 2008Kesulitan mengelola banyak account di twitter anda? kalo iya, aplikasi twitter toolbox darilayanan Brightkit ini bisa anda jadikan pilihan. Selain mempermudah me-manage banyakaccount, BrightKit yang masih dalam versi beta ini menyediakan semua fitur yang andabutuhkan dalam satu paket menarik, diantaranya melakukan penjadwalan (schedule)pesan, memantau lalu lintas pesan, memeriksa statistik secara real time dan me-repliespesan dalam waktu singkat.

Yang lebih menarik lagi, anda juga bisa mengundang dan menambahkan user barusebagai sub admin untuk mengelolanya bersama. Ya sudah, tunggu apa lagi..silahkanmengukur kesuksesan twitter anda dengan Brightkit.

Selamat mencoba aja dah, jangan lupa add oom sebagai teman twitter anda ok :)


StripedBackgrounds: Latar Warna Warni PelangiMonday, December 08, 2008

Banyak sekali cara membuat tampilan background kita agar nampak lebih menarik,Salah satunya menggunakan layanan gratis dari StripedBackgrounds. Striped bisadiartikan sebagai kata belang atau garis-garis lebar, artinya layanan StripedBackgroundsini memberikan kita kemudahan dalam mendesain latar belakang dengan style warnabelang dalam potongan bergaris. Lebih nyaman kita sebut saja warna warni pelangi :)

395



Berbeda dar i background Ava7 Pat tern dengan pola bat ik s iap pakai ,St r ipedBackgrounds leb ih menawarkan kemudahan d imana anda b isamengkombinasikan sendiri warna warni yang berbeda. Caranya tinggal memasukankombinasi warna hexadecimal pada kode di bawahnya. Biasanya kode hexadecimalmengunakan awalan tanda #, sebaiknya abaikan saja tanda # ini. Untuk memudahkananda mencoba beberapa warna lainnya, coba kunjungi layanan Free Color Picker disini

Anda dapat juga mengatur resolusi gambar pada pilihan ComboBox. Klik download untukmelihat hasilnya, kemudian "save image as" untuk menyimpan hasil background padakomputer anda dalam format *.png. Trus, jangan kuatir masalah ukuran (size) gambar,lumayan kecil kok, gambar dengan resolusi 1024x768 saja cuma berukuran 2KB.Selamat mencoba :)


Koleksi Pilihan Background Cantik Lainnya.Tuesday, December 09, 2008Masih belum puas dengan koleksi Background dar i AVA7 Pattern danStripedBackground? Ok, untuk melengkapi koleksi anda, saya tambahkan lagi duapilihan background cantik lainnya. Yups, tanpa basa-basi silahkan sambangi sajalangsung pilihan Background yang beralamat di Pattern Cooler dan BG Pattern.

Pattern Cooler

BG Pattern

396

PROOF


Selamat mencoba dan ber-pattern ria :)


BannerFans: Cara mudah mendesain banner(iklan)Wednesday, December 10, 2008Anda berencana memasang iklan? tapi masih bingung bagaimana cara membuatnya?Jika anda mencari cara yang praktis untuk membuat iklan, saya sarankan andamenggunakan aplikasi gratis Online Banner Maker dari layanan BannerFans.

BannerFans merupakan alat praktis yang memungkinkan kita membuat banner iklanonline dengan cara cepat dan ringkas. Yang paling saya sukai dari Banner Fansdibandingkan layanan sejenis, Bannerfans memiliki jumlah pilihan iklan yang cukuplengkap, mulai dari ukuran standar 728x90, 480x15, 125x125 dan berbagi pilihan lainnya.Bila anda masih kurang puas dengan pilihan yang ada, anda bisa mengatur sendiripilihan ukuran iklannya, bahkan anda juga dibolehkan menambah sendiri gambar lainyang ada dalam komputer anda sebagai backgroundnya.

Dengan layanan ini anda juga bisa menambah text sampai dengan 5 baris, mengaturukuran font lalu mengatur sendiri pilihan warnanya. Untuk setiap baris iklan anda bisamengatur sendiri efeknya dan memungkinkan anda untuk menambahkan efek gambar

397



yang berbeda, seperti efek shadow misalkan. Ya sudah langung dicoba aja yoo :)


WaveMyPic: Efek gelombang dipermukaan airThursday, December 11, 2008

Betapa indahnya efek gelombang dipermukaan air yang diolah menggunakan layananonline Wavemypic.com, efek gambar yang ditampilkan benar-benar sempurna. Lihatgambar dibawah, anda seakan sedang melihat sesosok pangeran kodok yang beradadipinggir danau dengan menyantap segelas Popmie dengan lahapnya,...yah semogasaja si pangeran kodok gak kelelep setelah kekenyangan hehehe. Pasti penasarankhan? lanjut..

Ini gambar bukan pangeran kodok ya, tapi ini asli OOM :)

Mau efek gambar anda seperti diatas? silahkan sambangi langsung Wavemypic


398

PROOF


Fitur Terbaru Blogger: GeotaggingThursday, December 11, 2008

Blogger kembali menambahan fitur terbaru Geotagging kedalam Blogger Post editor.Dengan Geotagging, anda dapat menentukan sendiri peta lokasi untuk setiap postingpada blog anda. Geotaggin sangat berguna untuk membantu spider menemukan postingberdasarkan pemetan. Dengan cara memetakan lokasi ini, setidaknya spider googleakan lebih mudah menemukan postingan kita berdasarkan titik pada Geotags yangsudah kita tandai sebelumnya.

Geotagging bekerja sebagai penentu lokasi dengan mengaplikasikan Google MapsEngine. Untuk memudahkan menentukan lokasi tertentu, anda akan diberikan petakhusus. Sebelumnya, Geocoder akan mencari lokasi yang paling dekat berdasarkannama dalam label post anda. Bila lokasi titik tersebut belum sesuai menurut anda,silahkan mencari ulang pada kotak pencarian.

Geotagging juga sekaligus menentukan lokasi Atom dan RSS FEED anda menggunakan

399



standar GeoRSS, ini berarti pembaca feed, peta dan google search akan digabungkandalam dalam satu lokasi pemetaan postingan anda.

Untuk mencoba layanan geotagging, pertama login dahulu melalui Blogger in draft.Kemudian Geotag akan ditampilkan di bawah posting blog anda sebagai link, jika diklikanda langsung bisa menentukan pemetaan pada Google Maps. Selamat Mencoba :)


Sesuaikah nama dengan wajah anda?Friday, December 12, 2008Waks, masa gigi saya ompong? Sekilas mirip blogger bandit ya hihihi. Tapi seperti itulahgambaran wajah om sete lah memasukan nama menggunakan layananturnyournameintoaface dan sepertinya kalau tidak salah ya..ada sekitar 100.000kemungkinan wajah lainnya yang ditampilkan menggunakan pixel style berwarna hitam.Saya sempat berpikir seandainya ada plugin Wordpress atau Blogger menggunakanAvatar dari layanan ini pasti seru nih? tapi gak apa2lah ini sekedar just have fun aja :)


Menjaring trafik dengan Google Friend Connect(GFC)Saturday, December 13, 2008Semenjak rilis pertama bulan mei lalu, Google Friend Connect sekarang sudah tersediadalam versi beta. Layanan yang diusung untuk memfasilitasi dan membangun komunitassosial ini bila diperhatikan mirip dengan blogger follower. Yang membuatnya berbeda,Google Friend Connect tidak dibatasi hanya pada pengguna Google (termasuk blogger)saja tapi pengguna Yahoo, AOL dan OpenID juga dapat memanfaatkan fasilitas jaringansosial ini.

Bagaimana Goolge Friend Connect mampu meningkatkan trafik ke blog anda?

Seperti komunitas sosial lainya yang sudah banyak digunakan seperti mybloglog danblogcatalog, Friend Connect juga bisa dikatakan sebagai sarana penghubung danmemudahkan anda berinteraksi langsung dengan satu sama lain. Denganmenambahkan Friend Connect, maka pemilik situs/blog dapat melihat, mengundang, danberinteraksi dengan teman-taman mereka yang bergabung dalam situs jaringan sosialsemacam Facebook, Google Talk, Hi5, Orkut, dan Plaxo. Menambahkan fitur ini, tentublog anda akan menjadi lebih interaktif yang akhirnya akan meningkatkan traffic situstersebut. Untuk mempelajarinya lebih lanjut silahkan tuju langsung ke alamat inihttp://www.google.com/friendconnect

Jika berkenan, o-om.com mengundang semua pembaca setia untuk bergabung di

400

PROOF


Google Friend Connect (GFC) milik om. Caranya sangat mudah, anda tinggal klik saja"Join" lalu ikuti intruksi selanjutnya. Yang sudah bergabung om ucapkan banyak terimakasih. salam blogger :)


Google Chrome Profile Backup ToolFriday, December 19, 2008

Google Chrome Profile Backup merupakan tool sederhana yang memungkinkan kitauntuk membuat, mem-backup, mengembalikan dan mengelola semua data profile padaBrowser Google Chrome. Data profile ini biasanya berisi semua informasi pentingmengenai data pribadi seperti browsing history dan bookmark. Yang menarik dari GoogleChrome Backup, kita dapat memanfaatkan fasilitas ini untuk mengatur parameter startupberupa pengaturan ketetapan resize window chrome, menonaktifkan popup blocker,mengaktifkan file cookies dan beberapa fungsi lainnya.

Sebenarnya tanpa menggunakan Tool backupGoogle Chrome ini kita dapat saja melihatlangsung profile ini secara manual dengan menyalin semua file yang tersimpan diDocuments and Settings\username\Local Settings\Application Data\Chromium\User Datafolders ke lokasi lain, namun tools ini tentu saja memberikan metode backup yang lebihmudah digunakan disamping tampilan user interface yang mudah dimengerti pula.

401



Informasi lengkap dan cara menggunakannnya bisa anda baca disini


Sayyac VS Extremetracking = Serupa tapi taksamaSaturday, December 20, 2008

Tidak sedikit juga yang merasa kecewa ketika mendaftar pertama kali pada layanangratis web statistik Extremetracking. Baru masuk ke halaman join saja sudahdihidangkan informasi "Unfortunately we closed down our sales in Indonesia".Yah..sudah jelas IP yang terdeteksi dari indonesia sudah tidak diterima lagi, namun untukpengguna lama yang sudah mendaftar terlebih dahulu sepertinya tidak ada masalah dantetap bisa menggunakannya. "Khan bisa daftar pake proxy luar om?" ya bisa saja, tapijangan pernah berpikir untuk mengakalinya, menurut sepengetahuan saya tetap saja gakngefek, Extremetracking bukan layanan kacang goreng dan tentu saja mereka lebihpintar untuk melacaknya.

Untuk mengobati kekecewaan anda, mending lupakan saja layanan Extremetracking.Saya sarankan untuk mencoba layanan gratis web statistik dari Sayyac Beta.

Anda mungkin berpikir kenapa harus repot memakai Sayyac? kan masih banyak layananpopuler lainnya seperti Sitemeter misalkan? Sayyac versi beta ini bisa saja dikatakansebagai kloningnya Extremetracking, mungkin serupa tapi tak sama. Apa yangdi tampi l lan Sayyac hampir t idak jauh berbeda dengan user in ter faceExtremetrackingmulai dari Summary, Unique Visitors, Include Exclude Reloads, GeoTracking, System Tracking sampai ke Referrer Tracking dan semua benar2 sama. malahsaya berpikir mungkin saja pembuatnya juga orang yang sama :))

Memang ada juga yang terlihat berbeda itupun hanya pada gambar Icon, menu installasikode dan pada menu pendaftaran. Sayyac memiliki dua pilihan bahasa english danturkish sayang belum support indonesia ya hehehe. Kelebihan lainnya, Sayyac memilikifasilitas web counter untuk menampilan jumlah pengunjung dan ini belum dimiliki olehextremetracking. Anda juga dapat menampilkan statistik dengan mode private yang

402

PROOF


berarti hanya anda saja yang dapat melihatnya, namun syarat utamanya anda harusmemasang banner yang berbeda dari pada banner standar. Menurut saya ini tidakmasalah dari pada anda harus mengeluarkan sedikit dana paypal hanya untukmenampilkan standar button pilihan private versi berbayar dengan harga $10/bulan :)

Silahkan melihat kesamaan dan perbedaan dari user interface Sayyac danExtremetraking


Mencari Koleksi Gambar Kartun dan ClipartsSunday, December 21, 2008Google Image Search baru-baru ini telah menambahkan dua fungsi terbaru berupapilihan: Clip Art and Line Drawings. Dengan fitur pilihan Search-by-style ini tentu akanlebih mudah menentukan pilihan gambar untuk hasil maksimal dalam proses pencarian.Hasil pencarian menggunakan pilihan Clipart biasanya ditampilkan dengan gambarwarna-warni yang nyata, ini berbeda jika kita menggunakan pilihan Line Drawings yanghasilnya ditampilkan dalam gambar kartun hitam dan putih. Sebagai contoh kita bisabereksperimen dengan keyword ("linux" untuk pilihan Clipart dan "linux"dengan pilihanline drawing) silahkan disimak perbedaan hasilnya.

Selain dua pilihan diatas anda juga bisa menggabungkan pilihan ini dengan operatorlainnya. Silahkan tuju ke menu drop-down untuk batasan pencarian lainya berupa Face(wajah), News content dan photo content.

Info selengkapnya bisa anda baca disini


StyledMenus: Koleksi Css Menu NavigasiMonday, December 22, 2008Sebenarnya banyak sekali contoh menu navigasi yang bisa anda temukan di searchengine, tapi tidak semua menu yang anda temukan juga kompatibel dengan semua webbrowser (termasuk dalam platform blogger). Nah, biar anda tidak perlu pusing-pusingmencari pilihan CSS Menu, saya menyarankan anda untuk mengunjungi layananStyledMenus.

403



StyledMenus merupakan kumpulan Style Css Menu navigasi yang didesainmenggunakan kode CSS dengan gaya professional. Ada sekitar 20 lebih pilihan menunavigasi yang bisa anda gunakan untuk blog anda. Cara menggunakannya juga tidakbegitu rumit, anda t inggal memil ih saja contoh menu Css-nya kemudianmendownloadnya lalu memasangnya kembali diblog anda.

Cara menggunakannya di blogger:

1. Pilih menu CSS dan download, kemudian extract file zip tersebut.

2. Biasanya ada 3 file, CSS, HTML dan satu folder image

3. Upload semua file yang ada dalam folder image ke hosting anda atau tempat biasanyaanda menyimpan gambar.

4. Ada 2 cara menggunakan kode CSS, bisa diupload di hosting lain atau langsungmemasangnya di antara CSS kode dalam halaman EDIT HTML.

<link href="http://alamaturl.com/style.css" rel="stylesheet" type="text/css" />

Kode diatas untuk memanggil kode CSS jika di host dialamat lain

5. Jangan lupa menyesuaikan alamat lokasi gambar yang ada dalam kode CSS

6. Cara menggunakan menunya

<div id="menu"><ul><li><a href="#" class="red">home</a></li><li><a href="#" class="orange">about us</a></li><li><a href="#" class="yellow">services</a></li><li><a href="#" class="green">solutions</a></li><li><a href="#" class="blue">contact us</a></li></ul></div>

7. Silahkan simpan pekerjaan anda dan lihat hasilnya :)

Oh iya, om mengucapkan terima kasih buat sahabat blogger adek Syamsul Alam yangsudah mereview blog om disini. silahkan disimak ya :)


404

PROOF


Digital technology

CodedPreview: Solusi Page Previews untukDesign TemplatesTuesday, December 23, 2008Cukup satu baris kalimat untuk mendeskripsikan layanan CodedPreviews "The firstdedicated service for creating preview pages for your design templates!", Kalimat yangmenerangkan "layanan pertama yang didedikasikan untuk menciptakan halaman previewuntuk desain template anda", CodedPreviews merupakan solusi yang baik untukmempermudah webmaster menampilkan hasil desainnya tanpa harus upload gambarberukuran besar secara manual. Benar-benar sangat efektif untuk solusi biaya murahdan tanpa harus membebani kapasitas hosting.

Sebagai programmer, pemilik layanan ini (Mr. Seb Silas) mengatakan, dia menciptakanlayanan ini karena sudah merasa kesal dengan proses upload gambar secara manualmelalui FTP hanya untuk menunjukan page preview berupa srceenshot desain templatekepada pembacanya. Wow..om setuju sekali dengan pemikiran ini..jujur saja, prosesupload file gambar yang besar cuma buang2 waktu saja :)

Sekali lagi, layanan Coded Previews ini sangat cocok untuk menghindari sekaligusmengalihkan kapasitas simpan gambar pada hosting anda. Nah, untuk anda penggunaplatform blogger boleh2 saja mencobanya, yang jelas aplikasi ini sepertinya tidak begitubanyak berpengaruh, jadi abaikan saja hehehe


Gratis Download koleksi Icon Rss FeedWednesday, December 24, 2008Banyak sekali cara mengundang pembaca blog anda agar mereka bersedia berlangananartikel via RSS Feed, salah satunya yaitu dengan menampilkan kolaborasi grafis yangmenarik antara icon Link/Input Subscriber dan RSS Feed Icons dengan gaya yangtampak lebih profesional. Terpikir dari hal ini saya mencoba mencari dan memilih lalumengumpulkannya menjadi satu koleksi Free icon Rss Feed gratis yang bisa andapasang di blog atau web site anda. Kalo tidak salah ada sekitar 31 set koleksi icon yangsiap anda download. Silahkan dipilih sendiri sesuai tema blog, dan pastikan pilihan free

405



icon ini terpasang pertama kali di blog anda :)

RSS reader icons | Download

NewsFire Replacement Icon | Download

DataMouse Web 2.0 RSS Icons | Download

Stylish RSS Icons by StylishLab | Download

406

PROOF


Snap2Objects Vector RSS Icons | Download

RSS Icons by simdes | Download

RSS Owl | Download

RSS icon (Animated) | Download

Feed Icons for guitarists | Download

407



RSS Icon by petemh | Download

mycircles RSS | Download

Heart Shape RSS Icons | Download

408

PROOF


RSS Feed Badge | Download

Color RSS Icons by NewsNiche | Download

Perishable Press Collection of Feed Icons | Download

409



Alternative RSS Icons by MouseRunner | Download

Acid RSS | Download

Web 2.0 RSS Icon with PSD | Download

410

PROOF


51 RSS Icons for weblog | Download

Web 2 PNG RSS feed buttons | Download

Smashing PNG rss feed icons | Download

Shaded rss feed icons | Download

411



Plain rss feed icons | Download

Orbit rss feed icons | Download

Huge collection of feed icons | Download

Hat RSS Icon | Download

17 Multicolor RSS Icon | Download

412

PROOF


Grunge feed icons | Download

Glass Style RSS Feed Icons | Download

Cocktail Party rss feed icons | Download

BrokerScience Real Estate RSS Icons | Download

413



Sumber : Techtreak.com | Hongkiat.com


Pixlr: Mengedit Photo Secara OnlineThursday, December 25, 2008Pixlr merupakan Free Online Photo/Image Editor berbasis Flash dimana anda dapatmenggunakan layanan ini secara gratis. Dilihat sekilas Pixlr sangat mirip denganantarmuka Photoshop, anda yang terbiasa dengan Photoshop pasti menyukai aplikasiini. Banyak hal yang bisa anda lakukan dengan Pixlr, berbagai dukungan aplikasi sepertiSupport layer, adjust, filter dan aplikasi basic editting tools, saya rasa Pixlr sudahterbilang lengkap untuk aplikasi olah gambar via online.

Untuk membuka file gambar ada dua cara yang bisa anda gunakan, bisa langsungmelalui file dari komputer anda ataupun mengimportnya dari alamat URL. Bila pekerjaananda sudah selesai, silahkan menyimpan hasil gambar langsung kedalam komputerdengan format file JPG atau PNG.

Layanan ini juga support multi bahasa, namun sangat disayangkan bahasa Indonesiabelum termasuk didalamnya. Silahkan mencoba aplikasinya disini


414

PROOF



MyCSSMenu: Online CSS Menu GeneratorFriday, December 26, 2008Wow kren!! ini kesan pertama setelah saya mencoba layanan Online MyCSSMenu,bagaimana tidak, hanya dalam waktu sekitar 15 menit saya sudah bisa mendesain menuyang ciamik sesuai keinginan saya. Sangat berbeda dengan layanan StyledMenus yangsiap pakai yang pernah saya bahas sebelumnya. Dengan MyCSSmenu anda tidak perlumenguasai tehnik programming HTML dan CSS yang rumit, cukup ikuti saja petunjuknya.Selain itu anda diberikan kemudahan untuk mementukan beberapa jenis pilihan menu,bisa menu vertikal dan horizontal dan beberapa pilihan menu lainnya. Jika menu yangada pilih sudah sesuai tinggal klik tombol saja "Customize Menu" untuk mengeditnya.Simple yah :)

Mungkin anda berpikir layanan CSS Menu Generator sejenis ini kan banyak bertebaran?Yups benar, tapi saya berani mengatakan aplikasi MyCSSmenu yang baru di lounchingtahun 2008 ini sangat berbeda dan layak untuk dicoba. Bila anda masih belum puasdengan CSS menu generator versi online ini, saya sarankan juga mencoba CSS menugenerator versi Dekstop (Offline) yang pernah dibahas sahabat saya kang Rohman disini. Selamat mencoba :)


Favikon: Image Resize/Crop untuk FaviconSunday, December 28, 2008Setelah mencoba layanan baru dengan nama Favikon, saya menemukan cara yang lebihmudah untuk mendesain favicon dimana kita bisa mengatur sendiri resize denganmelakukan image crop langsung pada gambar dengan ukuran apapun tanpa harusmenyesuaikan ukuran gambarnya terlebih dahulu. Cara menggunakan layanan Favikonterbilang sangat mudah, anda tinggal upload saja gambar dengan pilihan format PNG,GIF atau JPG, kemudian meng-Crop gambarnya lalu menyimpan hasilnya. Untuk lebihjelas cara memasang favicon di blogger sudah pernah saya bahas disini.

415



Apa itu Favicon? Favicons adalah image/icon berukuran mini (16 x 16 pixels) yang ditampilkan pada URL address bar browser dan bookmark.


Pixastic: Open Source Online Image Editor(Javascript Library)Monday, December 29, 2008

Anda yang memiliki skill web programming dan berminat membangun sendiri Free OnlineImage Editor berbasis Javascript, saya sarankan wajib mengunjungi layanan Pixastic.Pilihan pada Pixastic (versi Beta) ini selain karena Full Open Source dan dukunganyapada Javascript based, tentu saja saya melihatnya dari segi kelengkapan komponenpendukung olah gambar yang terbilang sangat lengkap. Bahkan sangat Powerfull untukmembangun sebuah aplikasi profesional sebagai penyedia jasa olah gambar via Online.Untuk mencoba sample aplikasi yang dibangun menggunakan Pixastic Javascript Librarysilakan klik Editor.pixastic.com

Sekilas tentang Pixastic

Pixastic merupakan Javascript Library yang kembangkan oleh Jacob Seidelin dimana iatelah memutuskan untuk melepas semua kode (istilah Open Source) kedalam

416

PROOF


sekumpulan library dibawah lisensi MIT. Dengan memanfaatkan berbagai dari teknikyang sama yang digunakan oleh berbagai aplikasi untuk memanipulasi gambar, pixasticbekerja dengan memanfaatkan elemen HTML5 canvas yang saat ini hanya didukungsepenuhnya oleh Web Browser Firefox, Opera dan Safari.

Kunjungi saja Pixastic untuk informasi selengkapnya pada dukungukan browser dan filteryang tersedia. Terdapat juga berbagai potongan kode yang menunjukkan bagaimanaanda menggunakan Pixastic dengan jQuery.

Download Pixastic | Dokumentasi Selengkapnya

News In 10 Seconds: Jangan lupa untuk mengujungi Komunitas Pemerhati Desa SantanKalimantan Timur Indonesia di ainuddin.web.id


Selamat Tahun Baru 1430 H dan 2009 MWednesday, December 31, 2008Saya mengucapkan "Selamat tahun baru 1430 H dan 2009 M" kepada semua pembacasetia o-om.com, semoga tahun baru ini menjadi awal yang istimewa, membawa berkah,keberhasilan dan ketakwaan bagi kita semua. AminPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

ADD A NEW POSTThursday, January 01, 2009Memuat...Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Twoogie: Twitter Client rasa IBM PS/2Friday, January 02, 2009Twoogie merupakan salah satu Twitter client dengan style yang terlihat aneh dan sangatunik. Berbeda dengan twitter client pada umumnya, Twoogie benar2 memberikankenangan dimana anda akan bernostalgia kembali merasakan tampilan sistem operasiOS/2 pada personal komputer IBM PS/2 generasi ketiga yang pernah dirilis ke publikpada tahun 1987. Walaupun saya sendiri belum pernah mencoba si mbah nya komputeryang kalo tidak salah masih menggunakan text mode denganprocessor intel 286 ini, tapipaling tidak kenangan tempo doeloe ini bisa kita rasakan bersama juga khan :)

Cara menggunakan Twoogie sama seperti twitter client pada umumnya dimana anda

417



juga harus login menggunakan account twitter anda atau anda juga bisa langsungmelihat update terakhir twitter anda tanpa harus login dengan cara memasukanusername diakhir alamat url http://twoggie.com/username (Ex: http://twoogie.com/ooms)


Google Picasa untuk Mac OS XWednesday, January 07, 2009

Google baru-baru ini merilis Google Picasa untuk Mac OS yang dimana sebelumnyaAplikasi desktop penayang gambar ini hanya tersedia untuk versi Linux dan Windows.Pengguna Mac OS sekarang akhirnya bisa juga menikmati Google Picasa denganmenginstallnya secara langsung melalui alamat picassa.google.com/mac. Untukketerangan lebih lanjut silahkan sambangi saja langsung blog resminya google disini.

Gambar diambil dari http://www.appleinsider.comPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

ResizeImage: Cara cepat resize image via onlineWednesday, January 07, 2009Resizeimage sangat pas buat anda yang butuh aplikasi cepat untuk melakukan prosesresize image pada gambar secara online. Pada dasarnya dengan layanan resizeimagekita dapat meng-upload foto dalam pilihan format yang berbeda dan kemudianmelakukan redimensi dengan 4 ukuran yang berbeda pula (Small, medium, large danOriginal). Selain itu kita dapat juga mengatur sendiri ukuran dimensi gambar dengan caramelakukan crop pada image yaitu dengan cara menarik mouse dengan arah vertikalataupun horizontal.

Mungkin aplikasi ini tidak begitu berguna bila anda berkerja dengan komputer sendiri di

418

PROOF


rumah, namum adakalanya anda juga tidak berada di depan komputer kesayangan andakhan? Walaupun pilihan yang disajikan Resizeimage terbilang minimalis, paling tidaklayanan ini cukup membantu :)


Comment Tracking System Dengan YackTrackThursday, January 08, 2009Yacktrack bisa dikatakan sebagai produsen konten, dengan layanan ini anda dapatmencari siapa saja yang mengomentari dan membicarakan konten anda dari berbagaisumber. Cara melakukan pelacakan juga tidak terlalu sulit, anda tinggal masukan sajaalamat Url postingan Blog/Site dan biarkan Yacktrack yang bekerja melakukanTrackback kembali untuk anda. Sampai saat saat ini Yacktrack mendukung pencarianpada media Blogger / Blogspot, Digg, Disqus, FriendFeed, Google Blog Search, GoogleReader, IntenseDebate, Mixx, Reddit, StumbleUpon, Technorati, TypePad /MoveableType dan Wordpress.

Fitur yang paling menarik dari Yacktrack terletak pada Chatter, dimana dengan fitur inianda akan diarahkan pada pencarian ke beberapa sumber situs media sosialdiantaranya Mixx, Technorati, Google Blog Search, FriendFeed dan twitter. Untukmempermudah Yacktrack melakukan pelacakan pada konten anda, sebaiknya andamemasukan sendiri alamat blog secara manual, silahkan lakukan pendaftran terlebihdahulu, lalu tuju halaman dashboard untuk keperluan ini. Selamat mencoba :)


419



Tanyakan saja pertanyaan apapun denganAnswerlyFriday, January 09, 2009Anda sudah bingung tanya kesana kemari tapi tidak pernah menemukan jawabannya?nah sepertinya layanan Answerly kali ini layak untuk dicoba. What do you want to know?seperti kalimat yang tertulis pada nama layanan ini, Answerly merupakan layanan gratisdimana kita dapat menanyakan pertanyaan apapun dan bisa meminta sebanyak mungkinpertanyaan yang kita inginkan, Serunya lagi setiap jawaban yang kita terima akan dikirimlangsung via email dalam beberapa menit saja. Ini termasuk Ide yang menarik untukmemulai pertanyaan dengan awalan Siapa, Apa, Kapan, Dimana, Mengapa atauBagaimana, dan tentu saja pertanyaan yang digunakan harus berbahasa English.

Sebagai contoh saja, 2 hari yang lalu saya mencoba menanyakan bagaimana carameningkatkan trafik di blog "i want to get more trafik on my blog?" kata trafik yang sayatulis juga salah, seharusnya traffic hehehe tapi tetap saja layanan ini dengan senang hatimenjawabnya.

Lihat Feedback jawabannya yang saya terima di inbox mail saya, gimana..lumayan kan?

“Post frequent, interesting, well-written posts that contain keywords that are attractive toyour target reader.Put a feed on your blog.Post interesting, relevant, well-written comments at other blogs.Sign up for FeedBurner, Technorati, del.icio.us and pinging service.http://www.webreference.com/authoring/blog_tips/http://www.seomoz.org/blog/21-tactics-to-increase-blog-traffic

Seperti yang saya tulis diatas, anda bisa menanyakan pertanyaan apapun dan tidakdibatasi hanya dalam satu topik saja, blogging misalkan. Silahkan dicoba sendiri ya :)


420

PROOF


Download Google Chrome 2.0 Pre-BetaFriday, January 09, 2009

Hari ini Google kembali merilis versi terbaru Google chrome v2.0 Pre-Beta dimana versiini hanya merupakan versi perbaikan dari versi sebelumnya. Jika diperhatikan,penomoran versi 2.0 kali ini juga terlihat janggal setelah rilis 4 bulan yang lalu versi 0.2dan lucunya Google sendiri juga mengakui hal ini. Untuk cara meng-update dan melihatfitur terbaru apa saja yang disediakan pada Google chrome versi beta 2.0 ini silahkankunjungi aja langsung blognya disini. atau Download Google chrome v2.0 Pre-Beta disini


Whostalkin: Search Engine khusus JaringanSosialFriday, January 09, 2009Tidak jauh berbeda dengan layanan Yacktrack yang saya ulas sebelumnya, Whostalkinbisa dikatakan sebagai aggregator pencarian ke berbagai situs media sosial. Layanan initentu sangat yang memudahkan anda untuk menemukan apa saja mengenai obrolan danpercakapan terutama yang berhubungan dengan blog atau diri anda melalui berbagaisumber yang ada. Whostalkin yang baru di luncurkan awal tahun 2009 ini bekerjadengan cara menggabungkan data dari 60 media sosial paling populer, kemudiandengan mengunakan kombinasi algoritma tertentu hasil akhir pencarian yang tampilkantentu saja akan semakin relevan sesuai dengan keyword pilihan anda.

Selain layanan diatas ada lagi layanan sejenis yang menurut saya pantas untuk dicobajuga, coba saja kunjungi SPY atau kalo ada rekan mau me-review layanan SPY ini yamonggo :)


421


Perubahan Baru Pada Google Favicon


Saturday, January 10, 2009

New Google Favicon - Belum ada terhitung satu tahun, google sudah kembali mengubahfavicon sebelumnya dengan desain icon yang baru, dan alasannya cukup simple, hal inikarena banyak penggunanya yang mengeluh dan mengatakan icon yang sebelumnyadigunakan sangat jelek. Kalo diperhatikan benar juga sih malah logo yang lama miripdengan simbol "g" group band Ungu hehehehe. Mungkin ini alasan mengapa Googlememutuskan untuk menggunakan favicon lain mulai dari hari ini. Favicon yang barumenggunakan semua warna logo dari Google, dan tetap menjaga lowercase "g".

Penasaran bagaimana cara dan rahasia Google mengubah Favicon? ini dia Bim SalabimAdakadabraaaa....

i'm so sorry MSoft, just kidding ok....ehi t u k a n j a d i G o o g l e C h r o m e o m ?M e n u r u t m u ?Published by Blogger TutorialsSponsored Link by Blogger Templates |Free Blogger Templates | Zoom Application| Digital technology

Belajar CSS Font Size PropertySaturday, January 10, 2009

422

PROOF


Mengatur ukuran font-size menggunakan style pada CSS tidakah semudah yang andabayangkan. Kadang memang diperlukan pemahaman lebih agar bisa memahami propertipada font-size ini. Pada kenyataanya, tidak semua format yang digunakan juga bisasesuai pada sebagian Web Browser. Saat ini saja ada sekitar 5 unit besaran font-sizeyang saya kenal yaitu px (pixel), em (em), % (persent), pc (pica) dan pt (point) atau adajuga pilihan standar lainnya yang dapat anda gunakan diantaranya xx-large, x-large,larger, large, medium, small, smaller, x-small, xx-small dan length.

Secara default web browser kebanyakan menggunakan 16px untuk standar font-size,tapi tidak semua font-size dengan ukuran 16px sesuai dengan keinginen web developer.Sebagai contoh, bila anda menggunakan ukuran % misalkan 20% berarti andamenampilkan font standar menjadi lebih kecil 20% dari ukuran standar. berbeda dengansatuan em, jika anda semisalkan membuat font-size .3em berarti ukuran font yangditampilkan akan berukuran 3 kali lebih besar dari font standarnya.

Contoh penerapan Font-Size pada CSS:

body{font-size: x-large}

p{font-size: 10px}

Contoh Penerapan lainnya:

Absolute size

<p style="font-size : x-large;">This paragraph is extra large.</p>

423



Relative size

<p style="font-size : smaller;">This paragraph is smaller than the base font size.</p>

Length

<p style="font-size : 1.5em;">This paragraph is 1.5 ems.</p>

Sebenarnya penjelasan kali ini bisa lebih mudah dimengerti jika anda mengunakan toolskonversi untuk mempermudah anda memahaminya. Salah satu tools yang sering sayagunakan yaitu dari layanan PXtoEM. Dari namanya saja sudah jelas ini merupakanlayanan conversion dimana anda anda dapat melakukan konversi PX to EM ataukebalikannya EM to PX.

Dengan layanan ini kita dapat memilih nilai font-size yang ada dalam tabel, nilai konversiyang digunakan menggunakan 16px sesuai standar default browser. Saat anda memilih ,saat itu juga anda akan menemukan hasil konversi di tabel sebelahnya.

Untuk mendapatkan hasil yang benar2 siap digunakan dalam bentuk kode CSS sesuainilai konversi pilihan anda, silahkan menuju button Get CSS..jadi lebih mudah ya :)

Rumus yang digunakan PXtoEM juga bisa anda pelajari:• PX to EM: text size in pixels / body text size in pixels = size in EMs

o Example: 12px / 16px = .75em• PX to %: text size in pixels / body text size in pixels * 100 = size in %

o Example: 12px / 16px * 100 = 75%• PX to PT: text size in pixels * points per inch / pixels per inch = size in pt

o Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 inMac) = 12pt

• EM to PX: text size in EMs * body text size in pixels = size in pixelso Example: .75em * 16px = 12px

• EM to %: text size in EMs * 100 = size in %o Example: .75em * 100 = 75%

• % to PX: text size in % * body text size in pixels / 100 = size in pixelso Example: 75 * 16px / 100 = 12px

• % to EM: text size in % / 100 = size in EMso Example: 75 / 100 = .75em

• PT to PX: text size in pt * pixels per inch / points per inch = text size in pixelso Example: 12pt * 96ppi / 72ppi = 16px

Saya mengakui tulisan kali ini jauh dari sempurna, semoga tulisan singkat ini bisa

424

PROOF


berguna aja ya :)


Berbagi Text Online via TinyPasteSunday, January 11, 2009

Membaca dari namanya saja mungkin anda beranggapan Tinypaste tidak lebih hampirsama dengan layanan Short URL TinyURL, padahal pada keyaataannya walaupunsama-sama sebagai Short URL layanan ini sangat jauh berbeda, terutama dalampenerapannya. TinyPaste merupakan layanan gratis yang memungkinkan andamenyimpan sejumlah besar text dalam satu paket URL ringkas, dan nantinya hasil URLini dapat anda sisipkan pada halaman Blog, Twitter, Email dan Forum sebagai informasitambahan yang dapat anda bagikan kepada pembaca lainnya.

Tentu saja banyak manfaat lain yang bisa anda gunakan, kalo saya mungkinmemanfaatkan layanan ini untuk menyisipkan baris kode agar pembaca blog ini lebihmudah melakukan copy-paste pada sisipan baris kode yang saya tayangkan. Lihatcontoh pemanfaatannya di link ini http://tinypaste.com/2a65f

Untuk mempermudah anda menggunakan layanan ini, Tinypaste juga menyediakanplugin yang compatible untuk semua veri Firefox, dan tidak menutup kemungkinanpengguna Flock juga bisa memanfaatkan Plugin ini. Silahkan dicoba saja :)

Special thanks buat Rekan:

• Mas arief www.in-tips.com yang sudah memberikan link special untuk o-om.com• Mas Mr.mung www.mr-mung.com yang sudah memberikan Award untuk o-om.com

425




Free Image Hosting via XS.ToMonday, January 12, 2009Butuh alternatif lain untuk keperluan menyimpam gambar anda via Online? kalo iya, sayasarankan anda mencoba layanan terbaru dari XS.TO. Dan seperti biasa, memanglayanan free image hosting termasuk XS.TO ataupun yang sudah populer sepertiImageshack dari dulu sampai sekarang ya tetap gitu-gitu saja dimana tugasnyamemberikan service berupa hosting gratis untuk menyimpan gambar dan seperti biasapula kita akan diberi alternatif link untuk hasil gambar yang telah di upload.

Oh iya, sebagai pelengkap saja, untuk anda yang berencana membangun sendirilayanan free images hosting, coba saja kunjungi Scripteen Free image hosting Script dialamat ini http://www.scripteen.com, setau saya Script ini gratis kok. Semoga info inibermanfaat :)


Minixr: Microblogging Social dan LifestreamingMonday, January 12, 2009Minixr adalah layanan microblogging terbaru yang memungkinkan anda untuk berbagikonten, link, file, photo, audio, video atau hanya sekedar menuliskan tentang kegiatankeseharian anda. Layanan yang masih dalam versi beta ini memungkinkan penggunauntuk berbagi aktivitas seperti yang biasa anda lakukan mengunakan twitter dan plurk.Yang membuatnya berbeda, dengan Minixr fasititasnya terasa lebih lengkap saja. Minixrjuga support update via GoogleTalk, SMS dan Facebook.

426

PROOF


Anda juga dapat secara otomatis mengundang aktivitas pengguna lain dari sejumlahbanyak situs-situs populer seperti Digg, Last.fm, Delicious, Flickr, YouTube, dll.

Sudah daftar? jangan lupa add o-om.com jadi teman Minixr-mu di http://minixr.com/ooms


RetweetRank: Cek Posisi Ranking Twitter-muTuesday, January 13, 2009Dunia Twittersphere bergerak sangat cepat dan saya sendiri mungkin tidak mampumengikuti semua perkembangannya. Jadi saya pilih yang sekiranya berguna saja kali ya:). Nah, salah satu Twitter tools yang menarik perhatian saya kali ini tertuju pada layananRetweetrank, dimana dengan layanan yang baru dilaunching ini memungkinkan andauntuk melihat siapa saja yang paling populer didunia Twittersphere, selain itu anda jugadapat melakukan pengecekan posisi Ranking Twitter anda saat ini.

Saat ini rangking twitter o-om.com tercatat pada urutan 11.429 (approx 62.36 percentile)walah jauh bener ya, tapi lumayanlah untuk rangking Twitter blogger indonesia :)

Tongkrongin turus blog o-om.com untukinfo terbaru lainnya. salamPublished by Blogger TutorialsSponsored Link by Blogger Templates |Free Blogger Templates | Zoom Application| Digital technology

427


PingVine: Kirim RSS Feed langung ke Twitter


Wednesday, January 14, 2009

PingVine merupakan layanan gratis yang bertugas untuk mengirim konten Atom atauRSS feed blog anda langsung ke Twitter, Ping.fm atau Identi.ca. Tentu saja ini solusiyang mudah mengingat kita tidak perlu lagi melakukan tugas yang sama hanya untukmelakukan update tulisan terbaru ke Twitter. Sebelum mengunakan layanan ini pastikananda sudah memilik account di twitter dan untuk pilihan account lainnya disediakan jugadari layanan Ping.fm dan Indenti.ca.

Selain itu, anda juga diberikan pilihan untuk mengatur jadwal kiriman memalui opsi yangtelah disediakan melalui menu Drop-Down. Silahkan pilih Update frekuensi diantaranya,Perdetik/menit/jam bahkan perhari juga bisa anda tentukan sendiri. Selamat mencoba aja:)


Go2.me: Short link dengan fasilitas LiveFeedbackWednesday, January 14, 2009

Layanan cloaking dan Short link servicesepertinya sudah tidak terhitung lagi berapaj u m l a h n y a , t a p i l a y a n a n G o 2 . m emenawarkan sesuatu yang berbedadimana anda tidak hanya diberikan fasilitasuntuk mempersingkat URL saja, tapi jugadilengkapi dengan fasilitas Live Feedback

428

PROOF


yang memudahkan anda untuk melihat seberapa banyak link yang anda bagikan diklikoleh pembaca, selain itu Go2.me dilengkapi dengan fasilitas commenting system yangmemudahkan pembaca untuk saling berbagi komentar.

Bila dibandingkan dengan TinyURL, Go2.me ternyata lebih unggul, karena mampumempersingkat link sebanyak 16 karakter saja.

Silahkan lihat hasilnya dilink ini http://go2.me/T3 --> (Sekedar Informasi: link inimengarahkan ke blog terbaru om yang mengulas seputar perkebangan dunia Twitter(tweets.o-om.com) Silahkan dikunjungi aja :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Merancang Pola Kain Sarung via TartanMakerThursday, January 15, 2009

"Jangan salahkan bunda mengandung, tapi salahkan saja bapak yang gak pake sarung"nah, jangan piktor dulu ya? ini sarung beneran kok, bukan sarung abal-abal hehehe.Trus, gimana bila motif kain sarung yang di pake bapak ini hasil desain sendiri, pastinyalebih tokcer tuh :) walah malah ngelantur, yah..lupakan tulisan diatas, langsung to thepoint aja yooo...

429



TartanMaker menyediakan berbagai pilihan pola dengan motif kain sarung yang sangatberagam. Saat ini saja mungkin ada sekitar 1000+ pola yang bisa anda pilih melaluimenu Gallery. Jika desain pilihan anda tidak ada yang sesuai, kenapa tidak mencobasendiri membuatnya. Caranya juga gampang kok, anda tinggal mengatur saja bentukpola dan warna beserta ukurannya. Selain itu, hasil kreasi anda juga bisa publikasikan kedesainer lainya untuk melihat seberapa bagus nilai desain anda melalui pilihan StarRating.

Nah selanjutnya terserah rekan saja menggunakannya fasilitas ini untuk keperluan apa,bisa sebagai aternatif background web atau mungkin saja digunakan untuk contohdesain kain sarung untuk usaha anda. Istilah jawane "sak karepmu lah..." :)


Membuat Toko Online di Blogger denganSimpleCart(js) + PaypalFriday, January 16, 2009Blogger tidak semudah platform lain, dalam kondisi yang tidak open source, rasanyasangat mustahil untuk dimanipulasi menjadi aplikasi e-commerce yang handal.Keterbatasan inilah yang menjadi kelemahan utama Blogger saat ini. Walaupun scriptutama blogger tidak dibolehkan untuk dimodifikasi, kita masih beruntung karena PlatformBlogger masih berbaik hati dengan memberikan dukungannya pada Javascript-based.Dari keadaan inilah kita mencoba membuat Toko Online senderhana menggunakanJavascript tanpa harus memiliki database dan pengetahuan pemrograman yang rumit :)

SimpleCart(js) + PayPal merupakan solusi terbaik menurut saya untuk membangunaplikasi toko online yang sederhana tanpa harus memerlukan Database. Aplikasi yangdikembangkan oleh The wojo grup ini memungkinkan kita untuk menampilkan beberapaitem produk dalam jumlah terbatas. Sebelum melakukan pemesanan, customer jugadimudahkan untuk memilih dan menyimpan item untuk sementara waktu di shopping cart(keranjang belanja) dan aplikasi ini juga support pembayaran via online karena sudahterintegrasi dengan Paypal. Selain itu kita dalam hal ini sebagai pemilik (e-merchant)dapat dengan mudah mengatur sendiri harga per-item dari produk yang akan dijual :)

430

PROOF


Karena simpleCart(js) sendiri dibangun menggunakan Javascript jadi sangatmemungkinkan sekali diaplikasikan pada Platform blogger. Tidak banyak memangkelebihan yang ditawarkan, tapi paling tidak aplikasi ini cukup mencerahkan mengingatsejauh ini belum ada yang mampu mengembangkan aplikasi e-commerce menggunakanplatform blogger.

Silahkan dipelajari sendiri cara mengaplikasikannya ya, dan maaf, saya tidakmemberikan contoh nyata dalam hal ini, tapi saya katakan sekali lagi, aplikasi benar2 inibisa diterapkan di blogger dan saya sendiri sudah mencobanya :)

Silahkan download script dan sample aplikasi yang dibangun dengan Simple chart (JS)pada link dibawah ini:

Download | Demo | Setup

Untuk mempelajari lebih jauh bahasan tentang toko online serta cara membangun danmengelolanya, saya sarankan coba kunjungi blog sahabat Zalukhu.com atau bilaberminat membangun toko online menggunakan Platform wordpress bisa bacainformasinya di blog Mas Jimmy di alamat ini Jimmysun.net. Semoga informasi iniberguna :)


Heyzap: Pasang Game untuk Blog GamersSunday, January 18, 2009Blog anda mengulas tentang Game Online? atau hanya sekedar berbagi seputarinformasi Game-Game terbaru? kalo iya, sepertinya Free game online dari layananHeyzap sangat cocok buat para gamers mania. Dan seperti yang tertulis pada titleHeyzap "embed game for your site" yang berarti layanan ini menyediakan fitur dimanaanda dibolehkan untuk berbagi game apa saja ya ingin anda pasang di blog/site.

Heyzap saat ini berdiri sebagai database terbesar dari berbagai permainan yang berasaldari berbagai portal dan game ini sebagian memang disediakan berasal daripengembang itu sendiri. Heyzap yang masih versi beta ini teryata telah menyediakansekitar kurang lebih 6000+ game dalam format flash. Setiap permainan memiliki kodetersendiri untuk memudahkan gamers lainnya saling berbagi di blog mereka.

Penasaran? Silahkan dicoba aja, khan lumayan buat nambah Keyword Game untuk blog

431



anda hehehe :)


Napak Tilas bersama "Mujie" sang Web Masterdan Linuxer SejatiMonday, January 19, 2009Cerita ini mengenang saat dimana saya mulai mengenal dunia komputer terutamainternet dan dunia programming bersama sahabat saya Mujianto. "Mujie" begitulah sayamemanggil nama sahabat saya satu ini. Bagi saya dia adalah seorang pakar jaringandan linuxer sejati yang kemampuannya sampai saat ini tidak pernah ada satu kawanpunyang meragukannya.

Walau didunia Blogosphere nama Mujie memang kurang terdengar gaungannya, tapipada komunitas lainnya terutama komunitas pengguna Linux dan Web Programmingnama "Mujie" cukup akrab sekali didengar atau bisa saja saya katakan dia ini cukupterkenal dikomunitasnya, apalagi kemampuan skill-nya pada security jaringan yangbenar-benar membuat saya geleng-geleng kepala hehehe. Dan jujur saja, di komunitasterselubung lainnya sepertinya tidak ada yang tidak mengenal nama Mujie, walaupunada nick name rahasia lainnya yang tidak mungkin saya publikasikan disini :)

Aksi mujie sewaktu masih gondrong,sayang poto saya bersama mujie yang jugamasih gondrong dulu banyak yang hilang,maklum sudah 10 tahun yang lalu :)

Persahabatan yang terjalin dengan Mujieini berawal tahun 1998 ketika kamibersama-sama merantau meninggalkantanah Borneo "PalangkaRaya" menujupulau Jawa tepatnya di kota gudeg tercintaini "Yogyakarta". Perbedaan Universitasdan Jurusan tidak menjauhkan kamibersama kawan lainnya selalu berkumpul

dan membahas semua sesuatu yang berhubungan dengan dunia komputer, terutamaprogramming. Saat masa kuliah dulu Mujie menggambil jurusan Teknik Sipil di UII, yangsecara notabene berbeda dengan basic saya yang memang kuliah dijurusan TeknikInformatika. Mujie yang saya kenal sebagai sosok yang ramah dan selalu becanda inijuga memiliki sikap yang tidak pernah kenal kata menyerah, apapun akan dia lakukanuntuk mencapai tujuannya. tentu saja dengan cara positif :)

Mungkin banyak yang tidak percaya seorang pakar Linux sekelas Mujie juga pernahbelajar linux pertama kali dengan saya hehehe kalo tidak salah saat itu rilis Linux Redhatversi perdana (saya lupa versinya). Itupun hanya sekedar cara installasi saja, eh jangansalah lho! yang bisa nginstall Linux Redhat saat itu sudah termasuk ehm ehm hehehetapi itu kan dulu, jangan ditanya kemampuannya sekarang ya, hampir semua sistemoperasi kayaknya cuma game solitare aja baginya hehehe

432

PROOF


Sekitar tahun 1999 saat-saat itulah saya bersama mujie mulai kecanduan denganInternet yang saat itu juga masih sangat jarang ada dikota Gudeg Yogyakarta. Hampirsetiap malam bahkan sampai menjelang subuh selalu kami habiskan untuk mencari halyang baru diinternet. Rokok dan kopi sepertinya sudah menjadi sahabat kami waktu itu,kayaknya sampe sekarang juga ya sobat? :)

Saat saya mengenal blog sekitar tahun 2002, dan waktu itu jangankan untukmembuatnya, melihatnya saja saya males, mungkin waktu itu saya lebih focus ke duniaprogramming. Dan akhirnya tahun 2007 tepatnya bulan januari, saya mulai mengenaldunia blog dari si mujie ini, dia menceritakan banyak hal yang bisa dilakukan denganblog selain hanya menulis diary. Atas rekomendasinya, saat itu juga saya membuataccount blog pertama saya di platform Wordpress yang sekarang juga semakin tidakterurus dan hampir saja saya lupakan :) Kemudian sekitar bulan juni tahun 2007 barulahsaya menggunakan Blogger yang juga tetap saya gunakan sampai saat ini.

Dari sinilah saya mulai merubah status basic saya dari seorang programmer menjadiseorang blogger sejati (*halah* PD mode ON hehehe), dialah "Mujie" yang mengajar kansaya banyak hal terutama yang berkaitan dengan dunia blogosphere. Bahkan sampaisaat ini dialah orang dibalik kesuksesan saya dengan segala dan upaya serta kerja kerasuntuk membangun o-om.com yang sampai hari ini memiliki pelanggan pembaca via RSSFEED sebanyak 4000+ dalam kurun waktu 1,5 tahun (NB: thanks untuk semuapelanggan setia feed o-om.com). Sekali lagi thanks ya kawan, tanpa bantuanmu blog o-om.com tidak mungkin bisa seperti ini :)

Yah..mungkin cuma segitu saja yang bisa saya ceritakan, rekan semua tau sendiri kansaya paling anti menulis yang panjang2 wkwkwkw

Sekilas tentang mujie

Seorang pria dengan rejeki yang Insya Allah cukup, lagi sendiri, blak-blakan, dan InsyaAllah bukan pemalas. Kadang jadi pekerja tetap kadang jadi pekerja freelances yangsuka terbang kesana kemari.

Mantan karyawan 2 perusahaan di Kaltim dan Kalteng, PT. Royindo Karya Lestari danPT. Halmahera Griya Persada dalam bidang logistik alat berat dan networking. Sekarangbersama-sama dengan beberapa teman merintis usaha dari bawah di CV. Niwa Karya.

Di blog dia sebelumnya yang bertempat di server HGP Hosting, dia tuangkan berbagaitulisan, pemikiran dan ocehan yang bersifat teknis, sangat berbeda jauh dengan hal-halnon teknis yang dia tulis di http://mujie.blog.upr.ac.id. Namun karena berhubung sesuatudan lain hal, alamat blog dan tulisan di mujie.blog.palangkaraya.net dipindahkan kealamat yang baru di mujie.blog.niwakarya.com Dan nantinya dalam kedepan, dia akanmenuliskan juga promosi teknologi berikut pembahasan produk dan layanan diNiwakarya, layaknya blog karyawan perusahaan Google.

Blog mujie pertama kali yang menulis tentang hal-hal teknis bisa juga Anda lihat dialamat http://mujie.clawz.com. Untuk melihat gambar wajah mujie,, lihat disini aja yahttp://www.friendster.com/mujieplk.


433


Melihat Semua Informasi Si tus/Blog viaDataOpedia


Tuesday, January 20, 2009DataOpedia merupakan layanan web yang memberikan informasi terlengkap dan palingkomprehensif mengenai informasi sebuah blog/situs. Layanan yang baru dilaunchingpada bulan desember 2008 ini memungkinkan kita untuk melihat berbagai informasi danfakta penting tentang apapun yang sekiranya berharga pada blog/situs yang ingin dilacaksemua informasinya, seperti Trafik, PagerRank, Online buzz, informasi kontak danpopuleritas situs tersebut pada layanan jaringan sosial. Singkatnya semua fakta-faktapenting dan informasi apapun pada situs/blog bisa anda lihat melalui layananDataOpedia.

Data Opedia saat ini memiliki 50 sumber informasi yang di kumpulkan menjadi satu dandisusun sebagai one-stop-resource untuk memudahkan anda melihat informasi yangada. Selain dapat diakses melalui situs web, anda juga dapat mengakses layanan inimelalui beberapa media diantaranya Email, Twitter, Cell phone, type-in dan Firefox Add-ons. Tidak hanya itu saja, jika memang diperlukan, kita dapat juga memasang widgedpencarian dan badge yang menampilkan semua informasi situs di blog anda. Pastikansebelum memasangnya anda sudah terdaftar dan memiliki account dilayanan ini :)

Bugs: Setelah mencoba beberapa kali layanan DataOpedia, saya melihat ada sedikitkesalahan, dimana layanan ini tidak mampu menampilkan informasi URL blog/site yangmenggunakan tanda penghubung "-" (contoh o-om.com), semoga saja kesalahan inicepat diperbaiki :)


Simpan Banyak URL Dalam Satu Link via1Link.inWednesday, January 21, 20091Link.in menawarkan konsep Short URL yang terbilang unik, dimana layanan inimemungkinkan anda untuk menyimpan banyak alamat URL kedalam satu link tunggal.Menampilkan hanya satu alamat URL tentu lebih efisien dari pada menampilkannyasekaligus. Salah satu keuntungan dari 1Link.in adalah transparansi. Jika anda klik URL

434

PROOF


yang sudah dikemas dalam 1Link, maka 1Link akan menampikan semua daftar link yangtersimpan didalamnya. Anda bisa mengklik untuk membukanya satu per satu, ataumembukanya sekaligus dalam tab terpisah. Selain itu anda juga dapat memproteksi linkmenggunakan password dan pastikan juga anda sudah terdaftar terlebih dahulu untukbisa melakukannya.

Contoh link "Friend Blog" yang sudah di kemas via 1Link: http://1Link.in/nbqrr

Banyak sekali manfaat yang bisa anda peroleh selain hanya menyimpan alamat URL,katakanlah anda ingin berbagi multiple URL pada layanan yang jumlah karakternyaterbatas seperti Twitter dan Plurk, tentu aplikasi ini bisa dijadikan solusi terbaik. Salahsatu penerapan 1Link yang saya rasa paling bermanfaat ketika anda ingin membagikanlink yang berisi banyak file download pada Rapidshare, user dapat dengan mudahmelakukan download sekaligus sesuai urutan file atau dapat memilihnya satu persatu.Silahkan pelajari cara kerja 1Link di alamat ini http://1Link.in/learn

Dari pada pusing baca tulisan diatas mending dimanfaatkan saja sebagai OnlineBookmark hehehe silahkan dicoba saja boss :)


Aplikasi Tracking Content via FairShareThursday, January 22, 2009Maaf, Judul "Melacak si Tukang "COPAS" via FairShare" mungkin terlalu kontroversial,jadi saya revisi saja dengan judul yang baru :)

Fairshare merupakan aplikasi tracking content yang terbilang handal, karena fungsilayanan ini memungkinkan kita (sebagai pemilik artikel) melacak siapa saja yangterdeteksi melakukan Copy-Paste (copas) pada tulisan secara menyeluruh ataupunhanya sekedar mengutipnya secara setengah2. Aplikasi Fairshare yang baru sajadipublikasikan awal tahun 2009 ini tentu saja membawa angin segar bagi pemilik originalcontent. Kita tidak perlu lagi bekerja dengan extra melakukan pelacakan secara manual,dan biarkan Fairshare yang melakukan tugas ini untuk anda. Anda cukup menunggu sajalaporan secara berkala setiap kali Fairshare menemukan target melalui alamat Rss Feedyang tentunya sudah terdaftar terlebih dahulu di Fairshare.

435



Fairshare bekerja dengan cara menganalisa sejumlah besar teks yang dipublikasikanmelalui alamat Rss feed. Sekilas memang mirip dengan cara kerja CopyScape namunsangat berbeda pada hasil laporannya. Setiap laporan yang yang tampilkan Fairshareterlihat lebih rinci, mulai dari alamat URL target, Title apa saja yang telah diduplikasi,berapa % artikel yang mirip dengan konten aslinya, berapa banyak karakter yang telah diCopas, apakah si peng-copas ini memberikan backlink atau tidak, serta adanya laporanapakah artikel yang diduplikasi ini juga tertanam iklan didalamnya. Untuk contohmudahnya silahkan lihat hasil laporan dibawah:

Saat saya menulis artikel ini, aplikasi Fairshare sebenarnya telah mendapat dukungandari pihak Linsensi Creative Commons (CC) yaitu sebuah organisasi yang mengaturperlindungan tentang "hak cipta", tapi pihak Fairshare tetap saja mengatakan layananmereka ini bebas digunakan secara gratis tanpa memerlukan lisensi sama sekali. Nah,kalo sudah seperti ini yang mana yang bener ya..anda bingung juga kan? kalo gitu samadong hehehe

Semoga saja dengan aplikasi fairshare dapat mengurangi aktifitas "asal" copy-paste.Terus terang saja, saya tidak pernah membenci siapun yang melakukan copy-paste padasemua artikel saya, asalkan tetap mencantumkan link ke sumbernya sebenarnya :). Yah,silahkan dimanfaatkan untuk tujuan positif aja :)


Fasilitas Feedback Sudah Tersedia..Friday, January 23, 2009Info 60 detik: Buat rekan pembaca setia o-om.com yang ingin sharing ilmunya bisaberupa ide, konsep atau membantu saya menjawab sebagian pertanyaan ataupun inginmelaporkan problem anda seputar blogging, bisa langsung menggunakan FasilitasFeedback yang sudah saya disediakan disebelah kiri atas. Semua masalah apapunsebisanya akan kita diskusikan bersama. Sekali lagi thanks atas dukungan danperhatiannya :)


436

PROOF


Digital technology

Cara pasang Widget Feedback di BloggerFriday, January 23, 2009Mungkin sebagian rekan belum memahami bener maksud saya memasangfasilitasfeedback di blog ini. Konsep saya dari awal sebenarnya fasilitas ini sebagai saranakomunikasi dan cara mudah saling berinteraksi layaknya forum, jadi tidak hanyakomunikasi satu arah antara saya dengan pengunjung saja, semua juga harus aktif dansebisanya terlibat untuk saling membantu satu sama lain seputar masalah blogging.Yah..untuk sementara ini saya lihat saja dulu perkebangannya, jika memang fasilitas iniberguna akan tetap saya pertahankan, bila tidak, dengan berat hati saya terpaksamenghapusnya :(

Kembali ketopik, karena banyak rekan yang ingin mencoba memasang fasilitas feedbackini di blog masing2, jadi langsung saja saya tulis tutorialnya. Silahkan ikuti intruksidibawah ini:

Cara memasang widget Feedback diblogger:

1. Buat account anda di http://getsatisfaction.com/

2. Bila account sudah tercipta, langsung saja tuju ke menu Widgets

3. Pada halaman ini ada pilihan 4 widget yang bisa anda pilih sesuai keperluan. pilih sajasalah satunya.

4. Kemudian pilih Get the code for this widget, silahkan Copas saja semua kode.

5. Untuk cara memasangnya di blog/site sebenarnya disitu sudah ada petujnuk yangmenyarankan kita meletakan kodenya sebelum tag </body>, menurut saya lupakan caraini, ada cara yang lebih mudah dimana kita bisa langsung meletakan semua kodenyapada Page Elements dengan menambahkan Add a Gadget.

6. Selesai, silahkan simpan pekerjaan anda dan lihat hasilnya, gak ribet khan :)

Mas ih ku rang puas menggunakan fas i l i t as feedback da r i l ayananhttp://getsatisfaction.com/ alternatif lainnya saya sarankan anda coba melalui layananhttps://www.kampyle.com/ semoga info ini bermanfaat :)

437




BackgroundLabs: Free Background dan TexturesSaturday, January 24, 2009BackgroundLabs merupakan salah satu dari sekian banyak layanan yang menyediakanbackground gratis secara cuma-cuma. Anda bisa menemukan banyak pilihanbackground, pola, tekstur dan pilihan grafis lainnya yang sudah diatur berdasarkan klastertentu. Tentu saja klas ini memudahkan anda untuk menentukan latar yang sesuaidengan tema blog anda saat ini. Dengan antarmuka yang terbilang sederhana, layananBackgroundLabs bisa kita jadikan pilihan utama untuk membantu anda merancang latarblog/site agar tampil lebih menarik dan tentu saja tidak pasaran :)


CintaNotes: Portable Personal Notes ManagerMonday, January 26, 2009CintaNotes yang bukan berarti sebagai Catatan Cinta ini merupakan "aplikasi Portablemanajemen catatan pribadi", memungkinkan anda untuk menyimpan catatan singkatberupa informasi penting, bisa saja itu sebagai kutipan artikel, berita penting,pemikiran/gagasan, situs favorite atau apasaja yang anda rasa penting untuk anda catatsaat ini. Selain itu anda bisa menanamkan informasi URL dan Tag untuk setiap catatanyang anda buat, ini salah satu cara untuk memudahkan anda mengingatnya kembalisekaligus memudahkan anda melakukan pencarian.

438

PROOF


Saat ini ada 2 pilihan versi Cintanotes yang bisa anda gunakan, yaitu versi desktop(install) dan versi portable (tanpa installasi) yang memudahkan anda untuk menyimpankedalam flash drive dan siap ada bawa kemana saja. Sesuai dengan namanya "CintaNotes" tidak menutup kemungkinan anda juga bisa mencatat apa saja tentang cinta :),yah up2you aja lah...

Download CintaNotes Beta M5 (576 Kb) | Download portable version (410 Kb)


Sexy Curls jQuery Plugin: Alternatif iklan bergayaPagepeelTuesday, January 27, 2009

Sekitar 4 bulan yang lalu saya pernah mempopulerkan iklan bergaya Pagepeel yangternyata 100% berhasil diaplikasikan pada platform blogger. Nah, PagePeel yang barukali ini atau kita sebut saja dengan Sexy Curls jQuery Plugin sesuai dengan nama yangdiberikan oleh si pembuat kode Elliott Kember memang jauh berbeda dengan yangsebelumnya, dimanaSexy Curls tidak hanya menggunakan standar Javascript tapidiperlukan juga plugin jQuery untuk bisa menjalankan aplikasi ini.

439



Contoh Sexy Curl bisa anda lihat di agusramadhani.com

Selain itu ada sedikit perbedaan saat anda mengarahkan mouse pada area pagepeel,kalo yang dulu saat mouse diarahkan iklan secara otomatis akan menggulung kebawah,sedangkan yang menggunakan Sexy curls kita harus menarik iklan ini menggunakanmouse secara manual ditandai dengan pointers Diagonal Resize.

Tutorial Cara Pasang (Installasi):

1. Download dulu file Sexy Curls jQuery Plugin

2. Kemudian Extrack file hasil download .zip atau .rar di folder anda.

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

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

// Set up the wrapper objectsvar turn_hideme = $('<div id="turn_hideme">');var turn_wrapper = $('<div id="turn_wrapper">');var turn_object = $('<div id="turn_object">');var img = $('<img id="turn_fold" src="http://www.domain.com/turn/'+ (options.

http://www.domain.com/turn/hanya sebagai contoh saja, anda harus sesuaikan sendirialamatnya. Pastikan turn.js disimpan dalam folder /turn

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

4. Upload semua file yang ada kedalam folder (/turn/) ke hosting milik anda(pages.google.com atau geocities.com misalkan)

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

<script src='http://www.domain.com/turn/jquery1.3min.js'/><script src='http://www.domain.com/turn/jqueryui.js'/><script src='http://www.domain.com/turn/turn.js'/><link href='http://www.domain.com/turn/turn.css' rel='stylesheet'/>

<script type='text/javascript'>$(document).ready(function(){$('#target').fold();});</script>

<img id='target' src='http://www.domain.com/turn/turn/code.png'/>

Letakan kode diatas dibawah kode <head>, atau bisa juga diletakan diatas kode

440

PROOF


<b:skin><![CDATA[

Yah mungkin segitu aja dulu, silahkan dicoba aja :)


Melacak "Web Bugs" Pada Halaman Web ViaGhosteryThursday, January 29, 2009Pemilik blog/site (admin) yang sudah berpengalaman biasanya selalu menyimpanrahasia tersembunyi dibalik halaman web mereka. Rahasia ini selalu terkunci rapat tanpasatu orangpun yang mengetahuinya melaikan si admin itu sendiri. Banyak alasan kenapaadmin melakukan hal ini. Salah satunya mungkin sebagai jebakan ke pada para pesaingyang biasanya hadir secara siluman tanpa ingin jejaknya diketahui atau ada juga pemilikyang tidak ingin menampilkan web counter jumlah pengunjungnya secara terangterangan. Anda pasti pernah melihat halaman web yang secara kasat mata tidakmenampilkan item/widget sama sekali, tanpa anda sadari sebenarnya dibalik halamantersebut tersimpan berbagai macam script, link, image atau layanan service lainnya yangmemang sengaja disimpan dalam status hidden.

Salah satu alasan kenapa web admin secara sengaja memanamkan "Web bugs" padaBlog/Site-nya, kemungkinan besar hanya untuk keperluan keamanan saja. Karena tidaksemua item yang diklasifikasikan sebagai web bug itu berbahaya khan? salah satu Webbug biasanya terdiri dari small image yang berukuran 1-by-1 pixel, kadang memangsengaja dibuat transparan layaknya warna background web. Web bugs bisa juga disebutclear gifs atau tracking pixel adalah cara lain untuk men-track aktivitas pengguna diinternet, dan biasanya web bugs ini memang selalu disembunyikan.

Ghostery merupakan Add-ons Firefox yang memungkinkan anda untuk melacak halamanwebsite/blog yang terdeteksi mengandung Web bugs. Ghostery saat ini mampu melacak100 kemungkinan dari berbagai jenis web bug yang ada. Saat anda membuka halamanweb yang terdeteksi mengandung web bug saat itulah plugin Ghostery melaporkankepada anda dengan memberi peringatan ditandai dengan kemunculan jendela berwarnaungu yang isinya berupa daftar bug.

Sebagai contoh, bila admin berusaha menyembunyikan hidden script seperti sitemeter,amazon, polldaddy, mybloglog dan berbagai jenis iklan yang tergabung dalamDoubleclick tetap dapat dilacak dengan mudah dan tentu anda dapat melihat informasilain yang sekiranya disembunyikan.

441



Sekali lagi saya terangkan tidak semua laporan yang ditampilkan merupakan daftar bugyang berbahaya. Karena tugas Ghostery disini hanya untuk mencari, melacaknya lalumenampilkan informasinya yang mungkin berguna buat pengunjung.

Contoh Web Bugs yang terdekteksi di blogo-om.com

Untuk mempelajari lebih jauh mengenaia p a i t u w e b b u g s , a n d a b i s amempelajarinya di alamat ini WEB BUGS


PageRankAlert: Laporan Update PageRank viaMailThursday, January 29, 2009PageRankAlert merupakan layanan terbaru yang memungkinkan anda untuk menerimalaporan via email jika nilai Google Page Rank blog atau situs anda mengalamiperubahan. Page Rank Alert juga menyediakan informasi berupa list "All Pages" yangterletak disebalah kanan, anda bisa melihat daftar dari beberapa nilai Page Ranktertinggi (PR9) sampai yang terendah (No PR). Selain itu, jika anda sudah terdaftar padalayanan ini, anda dapat menambah atau memantau banyak halaman URL sekaligus. Adajuga pilihan laporan untuk melihat nilai PR yang telah mengalami perubahan.

Features:

• Page rank tracker.• Alerts you via email.• View pages that loosing or gaining page rank.• Monitor as many pages as you like.• Account from where you can track all your pages.

Mungkin layanan PageRankAlert tidak begitu berguna bila anda hanya memantau nilaiPR pada satu alamat blog saja, tapi kalau banyak tentu lain cerita khan :) Kesimpulannya, track your pagerank changes now!

442

PROOF



AddInto: Alternatif berbagi Sosial BookmarkFriday, January 30, 2009Addinto merupakan layanan yang memudahkan pengujung untuk menyimpan, berbagidan mempromosikan konten anda keberbagai macam jaringan sosial. Sama halnyadengan layanan sosial bookmark lainnya yang sudah pasti anda kenal seperti Addtoanydan Addthis, cara kerja Addinto kurang lebih sama saja. Cukup dengan memasangwidget atau satu small button saja maka pengunjung bisa dengan leluasa memilih lalumengirimkan konten anda ke media jaringan sosial, situs favorit atau hanya sekedarberlangganan via Rss Feed.

Selain itu layanan Addinto juga menyediakan fasilitas one button one content yang sudahterintegrasi dengan beberapa platform, termasuk blogger tentunya. Karena masihberstatus beta, saya sendiri belum bisa mengatakan layanan ini lebih bagus dibandingkedua seniornya diatas, tapi tidak ada salahnya khan anda juga mencobanya :)


Facebook Grader: Seberapa populer anda diFacebook?Saturday, January 31, 2009

Facebook Grader merupakan layanan yang memungkinkan anda untuk melihat seberapapopuler nilai ranking profile anda pada layanan sosial Facebook. Anda cukup loginmenggunakan account Facebook, selanjutnya Facebook Grader yang akanmenayangkan beberapa informasi penting seperti Profile Rangking, total dari jumlahteman anda dan seberapa banyak postingan yang telah anda publish selama ini. Ada

443



juga fasilitas FaceBook Elite menayangkan informasi profile user terpopuler yangterekam dalam Facebook Grader. Silahkan dicoba aja :)

Fasilas lainnya dari Graber yang bisa anda coba:

Twitter.grader.com

Website.grader.com

Pressrelease.grader.com

Mau jadi temen saya di facebook? Gabung disini ya :)


"Ini blog baru saya dan isinya seru lho, silahkandibaca aja deh.." ??Sunday, February 01, 2009Hello Word!

"Anda pasti tahu blog kan? saya juga baru coba buat blog. truss..kira-kira bagus gaktampilan blog saya atau yang disebut banyak orang webblog ini. blogger itu tempat kamunulis diary kamu lho,. kalo ada yang mau komentar silahkan atau kalo ada yang mau linkjuga gak masalah, gratis kok..yah mudahan saja blog saya ini bisa berguna dan dibacabanyak orang. oh iya saya berencana menulis blog ini tentang objek wisata nih...besoksaya lanjut ya..bingung mau nulis apa lagi ....see u." -> Ayooo ada yang pernah tau initulisan siapa?

hihihihi jadi malu nih, itu tulisan diatas postingan saya pertama kali waktu membuat blogsaat masih menggunakan o-om.blogspot.com. Masih orisinil tanpa diedit sama sekali.Sengaja saya simpan dalam draft blogger buat kenang-kenangan. Ada rasa haru, sedih,malu dan bahagia saat membacanya lagi huhuhu...ternyata mencapai sesuatu yangdiharapkan itu benar2 sulit, perlu kerja keras dan penuh perjuangan *memelas mode on*

Coba rekan buka kembali arsip postingan pertama kali di blog-blog populer, jangan harapmenemukan postingan semacam itu lagi ada..mungkin dah dihapus kali ya xixixxi.

"Sehebat apapun seorang guru pasti pernah jadi murid dan sehebat apapun seorang

444

PROOF


master juga pernah jadi pemula" -> sepertinya dari dulu sampai sekarang saya tetappemula aja nih :(

...yah..yang penting tetap semangat dan terus berusaha ok :)


RSSmicro: FeedRank Checker dan Feed SearchEngineMonday, February 02, 2009Dilengkapi dengan fasilitas Feed Search Engine, tidak salah rasanya saya mengatakanRssmicro merupakan feed directory terlengkap untuk saat ini. Perhatikan saja, layananRssMicro saat ini telah tercatat mengindex sekitar 5,7 juta alamat Rss feed yangtersimpan rapi dalam database mereka. Kemungkinan besar alamat feed anda jugatermasuk didalamnya. Silahkan di cek aja, bila belum terindex anda tinggal submit sajasecara manual :)

Selain sebagai mesin pencari dan Feed Agregator, layanan ini juga memiliki fasilitasFeedRank Checker (FR) yang memudahkan kita untuk melihat seberapa besar nilairangking pada alamat feed, setiap feed tentu memilik peringkat masing-masingtergantung dengan populeritasnya. Ada 10 kemungkinan ranking yang diberikan yaituantara FR 1 sampai FR10. Anda dapat juga memasang Button FeedRanking ini dihalamana web atau blog anda, tinggal CoPas aja langsung scriptnya. Silahkan dicobasaja :)


Memperbaiki pesan halaman "Error 404 - PageNot Found"Wednesday, February 04, 2009Sebenarnya sih postingan kali ini cuma pengen review layanan terbaru dari Errorlytics,berhubung masalah "Error 404 - Page Not Found" ini menarik untuk dibahas jadi sekalianaja ya saya ajari cara memperbaikinya.

445



Contoh pesan "Error 404 - Page Not Found"

Anda yang sering browsing tentu pernah menemukan pesan galat 404 atau (Halamantidak ditemukan) ini khan? ada beberapa faktor yang memungkinkan terjadi error, faktorpertama kemungkinan besar user salah mengetikan alamat URL, yang kedua mungkinkarena terjadi broken link atau mistyped URL dan yang ketiga bisa saja karena halamanyang dimaksud sudah dimusnahkan oleh pemiliknya dan yang tertinggal hanya sisaampas tahu-nya saja masih nongol di Search engine. Yang harus anda tau tidak semuapesan error selalu menampilkan informasi "404 error" yang sama, semua tegantung daribrowser, jenis service dan platform blog/site yang digunakan. Mungkin segitu aja yangsaya tau, sisanya di googling sendiri aja bos :)

Trus gimana cara melacak dan memperbaikinya? Ok, saya anggap saja semua pembacadisini sudah memiliki situs atau blog ya. Yang pertama kita mencoba dulu melacakhalaman yang kemungkinan ada errornya, yaitu dengan menganalisa menggunakan toolonline dari layanan Errorlytics. Menjalankan aplikasi ini juga gak begitu rumit kok, tanpasaya ajaripun anda pasti bisa mengaplikasikannya. Yang perlu dilakukan cumanmemasukan alamat situs/blog saja, lalu biarkan saja layanan ini yang berkerja memberilaporan untuk anda. Terus terang, saya rada malas menjelaskan sesuatu yang sedikitkaitannya dengan blogger, mungkin Errorlytics lebih tepat untuk pengguna wordpress,PHP, Drupal, ROR dan Java, anda bisa lihat sendiri banyak plugin yang harus di-installsana-sini, sedangkan di blogger? ya gitu deh...hehehehe. Jangan kecewa lho ya, kanmasih bisa difungsikan untuk keperluan pelacakan.

Deskripsi layanan Errorlytics - Klik gambar untuk memperbesar

Disini saya simpulkan saja kita telah menerima laporan pesan error yang terlacakmenggunakan tool Errorlytics. Walau saat ini belum ada contoh nyatanya, yang jelas kitapasti bisa menalarnya khan :) Ok, langsung ke langkah perbaikan saja. Seperti yangsudah saya terangkan diatas, untuk anda yang menggunakan platform wordpress dansejenisnya yang support PHP, mungkin bisa memaksimalkan layanan Errorlytics. Selainberfungsi melakukan tracking pada halaman yang terdeteksi error, anda juga bisamengatur redirect ke halaman lainnya secara transparan. So, dicoba sendiri ya *hehehesok pintar mode on, padahal nyobain aja belum* xixixixi...

446

PROOF


Cara kerja layanan Errorlytics - Klik gambar untuk memperbesar

Nah, untuk pengguna platform blogger tidak ada cara lain selain memanfaatkan fasilitasperbaikan halaman error 404 dari Google Webmaster Tools, Caranya? silahkan logindahulu, sebaiknya gunakan bahasa yang anda mengerti hehehe, lalu pada halamanDasbor, pilih Alat dan tuju ke tab Perbaiki halaman 404. Silahkan ikuti pentunjuk yangada, disitu sudah sangat jelas informasinya.

Cara kerja Google WebmasterTools - Klik gambar untuk memperbesar

Sekedar mengingatkan saja, untuk melakukan redirect ke halaman yang diperbaiki,jangan lupa menambahkan widget dengan menyalin semua script yang ada, kemudianmasukkan saja script yang telah dimodifikasi kedalam halaman, biasanya diantara tag<body> dan </body>.

Informasi lebih lengkap mengenai pesan error 404 bisa anda baca disini.

Semoga informasi sederhana ini berguna :)


DomainPigeon: Berburu Unregistered DomainWednesday, February 04, 2009Anda yang suka berburu unregistered domain sebaiknya jangan sampai melewatkanlayanan DomainPigeon. Menurut saya pribadi layanan ini benar-benar powerfull dalammenyuguhkan informasi nama-nama domain cantik yang tentu saja belum tedaftar aliasbelum ada pemiliknya. Karena setiap informasi domain langsung ditayangkan dalamtabel, artinya anda tidak perlu lagi dipusingkan nenentukan nama domain seperti carakonvensional yang biasa kita lakukan. Tinggal tentukan saja nama domainya, pilih dan

447



langsung aja beli, beres! Sepertinya layanan Domain Pigeon sangat pas buat yangsudah kehabisan ide mencari nama domain hehehe

Selain itu, ada beberapa pilihan menu yang memudahkan anda menetukan domainberdasar kriteria tertentu, diantaranya berdasarkan populeritas, alphabetical, domainfavorit sampai dengan pilihan domain yang menggunakan 5 karakter saja. Tersedia jugaFasilitas domain checker untuk memudahkan anda mencari sendiri nama domain pilihanlainnya.

Sayang ada satu kekurangannya, domain yang terdaftar dalam list tidak memilikiPageranking sama sekali alias No PR (n/a), coba saja kalo ada, pasti laku keras kayakacang goreng hehehhe Maunya...sih, palingan ujung2nya bakalan di Parking juga :D

Monggo...silahkan berburu aja boss!


Pasang animasi status page loading di bloggerSaturday, February 07, 2009Ok langsung aja ya, sesuai janji saya kemaren untuk menuliskan tutorial cara pasanggambar status page loading ini di blogger, yang belum sempat baca silahkan simak duluinfo sebelumnya tentang Page preloader disini.

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atauAjaxload, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkanupload file gambar tadi ke hosting anda (yang gratis bisa pake geocities.com)

Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengannama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

var ld=(document.all);var ns4=document.layers;var ns6=document.getElementById&&!document.all;var ie4=document.all;if (ns4)ld=document.loading;else if (ns6)

448

PROOF


ld=document.getElementById("loading").style;else if (ie4)ld=document.all.loading.style;function init(){if(ns4){ld.visibility="hidden";}else if (ns6||ie4) ld.display="none";}

Kalo sudah, silahkan upload file preloader.js ke hosting anda (yang gratis bisa pakegeocities.com)

Cara Pasang di blogger:

Langsung tuju saja ke alamat EditHTML, cari tag <body> Kemudian ganti tag <body>dengan kode dibawah ini, janga lupa ganti kode warna merah dibawah dan sesuaikansendiri dengan lokasi alamat penyimpanan gambar dan file JS anda.

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <imgborder='0' src='http://lokasi-simpan.com/gambarpreloader.gif'/></div>

<script src='http://lokasi-simpan/preloader.js' type='text/javascript'/>

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, topatau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.

Perhatian! saya belum dapat info apakah merubah tag <body> ini melanggar TOSblogger apa tidak, jadi saya sarankan jangan di coba langsung di blog utama. silahkanbereksperimen di blog uji coba anda . Kalau terjadi apa2 jangan salahkan saya OK! :)


Preloader & Ajaxload: Animasi Gambar StatusLoadingSaturday, February 07, 2009Preloader dan Ajaxload merupakan layanan yang berbeda tapi tetap mempunyai fungsiyang sama yaitu sebagai animasi preloading generator. Kedua layanan yang barudiluncurkan tahun 2009 ini memungkinkan kita untuk membuat gambar animasi statusloading jadi lebih sederhana. Ada beberapa pilihan animasi yang bisa kita gunakandiantaranya 3D, Rectangular, Circular dan Horizontal pada Preloader dan pilihan Circlepada Ajaxload.

Selain itu kita dapat juga mengatur warna, ukuran animasi, kecepatan animasi danpengaturan warna latar dengan mode transparan. Hasil akhir animasi akan tersimpandalam format Gif.

449



Animasi Image Status Loading ini gunanya buat apa ya? Beberapa layanan web 2.0yang berteknologi flash biasanya selalu menampilkan image loading ini selagi menungguhalaman sampai terbuka utuh. Pada intinya, status loading ini sebagai informasi bahwaaplikasi yang ditampilkan sedang berjalan atau masih dalam proses. *halah* Itu lhoseperti di playstation kan ada proses loadingnya hihihihi mbuh lah, ribet betul jelasinnyahahahaha...

Trus gimana cara menampilkan status loading ini di blogger? OK, ditunggu sajatutorialnya..Please Wait... Contohnya bisa kalian liat di agusramadhani.com dantweets.o-om.com.


Trollguard: Proteksi "Comment Spam" diWordpressSunday, February 08, 2009Saya tidak tau persis berapa banyak plugin yang disediakan untuk menangani masalahComment Spam pada platform wordpress. Tapi kalo masih membutuhkan alternatif lain,saya sarankan rekan bisa mencoba layanan terbaru dari TrollGuard. Plugin yang masihversi beta ini yang saya ketahui hanya bekerja dengan baik pada Wordpress versi 2.7keatas, selain itu hampir semua bahasa termasuk indonesia juga sudah di supportdengan plugin ini. Saat ini layanan TrollGuard berkerja dibawah naungan uClassify's freetext classification API yang dikembangkan oleh dua nama besar Jon Kågström andRoger Karlsson.

Trus cara kerjanya? sepertinya plugin ini pertama berusaha menyaring dan mendeteksibeberapa komentar yang masuk. Agar dapat bekerja secara optimal, plugin ini tentu tidakdapat berkerja sendiri sebelum si admin-nya sendiri yang memilah dengan menyetujuiapakah komentar yang masuk tergolong spam atau tidak...bla..bla..bla..walah! terlalu sokpintar ya kalau saya menjelaskan panjang lebar, toh saya sendiri saja belummencobanya hehehe *dodol mode on* silahkan dicoba saja boss, disitu sudah sangatlengkap kok intruksi serta cara instalasinya.


450

PROOF


OOM mengajak anda bergabung di FaceBookMonday, February 09, 2009

Sebenarnya sudah lama juga pengen gabung di Facebook (FB), tapi baru sekarang ininih nyobain yang bener-bener. Ternyata seru juga dibanding *teeeet *..lumayan lah buatngilangin rasa boring dari pada jenuh didepan blog mulu hehehe. Oh iya, yang sudahsaya undang jadi temen di FB thanks ya sudah mau bergabung, yang belum..monggosilahkan join dan sekalian jadi fans-nya o-om.com *ngarep mode dodol on*


Answer.im: Mesin penjawab pesan otomatisuntuk IMTuesday, February 10, 2009Answer.im memberikan cara mudah kepada pengguna Instant Messaging yangmemerlukan mesin penjawab otomatis saat IM dalam status "offline". Mesin Answer.imini akan terus bekerja meskipun PC anda sedang dimatikan. Untuk menggunakannyaanda cukup login saja pada IM pilihan, kemudian isikan saja pesan anda dan secaraotomatis pesan ini akan selalu aktif sampai status anda berubah menjadi "Online"kembali.

Saat ini ada 5 IM yang didukung diantaranya Yahoo Messenger, Google Talk, AIM, ICQdan MSN. Silahkan dicoba aja :)


Pasang Feed Blog Pada Profile FacebookFriday, February 13, 2009

451



Ok langsung saja ya, hari ini dapat berita terbaru dari Blogger Buzz yang berisikaninformasi dimana kita dapat memasang konten feed blog kedalam profile Facebook.Mungkin tidak perlu lagi saya jelaskan panjang lebar manfaat dan keuntungannya, padaintinya dengan mengintegrasikan feed blog kedalam Profile Facebook sudah barangtentu ini merupakan salah satu cara praktis mempromosikan konten Feed blog kita padajaringan sosial ini dan sangat efektif untuk tetap menjaga pembaca anda untuk tetapmelihat update tulisan terbaru, meskipun mereka sedang ber-Facebook-ria :)

Sebenarnya info di blogger buzz tidak secara rinci menjelaskan totorialnya melalui mediatulisan, tapi lebih diarahkan langsung ke Video tutorial yang saya ketahui si pembuatvideo ini bernama Andy Wibbels. Silahkan pelajari saja langsung melalui Video-nyadialamat ini How to Add Your Blog Feed to Your Facebook Profile.

Kok gak ditulis tutorialnya om? Apalagi yang harus saya jelasin, kalo di Videonya sajasudah lengkap sekali caranya hehehe. Yah, mungkin sebagian Facebooker mania sudahbanyak yang mengerti caranya, tapi bagi saya pribadi tentu saja ini hal yang baru :)

Sudah join di Facebook saya? Klik saja gambar dibawah untuk bergabung :)

Published by Blogger TutorialsSponsored Link by Blogger Templates | Free BloggerTemplates | Zoom Application | Digital technology

452

PROOF


Blogger: Autosave dan Automatic Date and TimeSaturday, February 14, 2009

Hari ini blogger kembali menanamkan dua fitur terbaru yaitu Autosave dan AutomaticDate and Time. Pada Blogger in draft, disitu diinformasikan bahwa fitur Autosave yangsebelumnya hanya diterapkan pada Post Editor yang lama, saat ini sudah bisadigunakan pada Post Editor terbaru (versi draft). Fungsi dari Autosave ini sendiri bergunasebagai penyimpan konsep tulisan secara otomatis saat kita mengabaikan tulisan untuksementara waktu.

Sedangkan untuk fungsi Automatic Date and Time, jika sebelumnya pengaturan tanggaldan waktu default postingan diset saat kita pertama kali membuka post editor, untukfungsi yang sekarang (waktu dan tanggal) akan set berdasarkan saat postingan tersebutditerbitkan. Kita tentu masih bisa mengatur sendiri tanggal dan waktu penerbitannya,fungsi Posting Terjadwal (Scheduled) juga masih bisa digunakan kok :)

Untuk mencoba fitur terbaru ini, pastikan rekan login memalui draft.blogger.com


453


Gazup! Upload Your File to Multiple File Host


Monday, February 16, 2009Gazup! merupakan layanan terkemuka untuk social file mirroring online. Dengan layananini, anda dapat melakukan Upload file kebeberapa host file sekaligus sehingga andadapat menghemat waktu sekaligus penghematan pada banwidth. Yang anda butuhkancuma upload kelayanan Gazup! dan biarkan layanan ini bertugas mengirimkan file andake 8 host populer, termasuk Rapidshare, MegaUpload, FileFactory, zShare dan masihbanyak lagi.

Layanan Gazup! memiliki fitur yang terbilang unik, dimana layanan ini akan membedakanantara status file video dengan file format biasa. Ketika anda meng-upload video, makasecara otomatis layanan ini menampilkan screenshot dari video frame dan menampilkanstatus presentasi disebelah link download. Saya rasa layanan yang memanfaatkanserver berkecepatan gigabit ini sangat layak dicoba :)


Chat Room Instant via TinychatTuesday, February 17, 2009

Tinychat adalah layanan gratis yang memungkinkan anda membuat sendiri halamanonline chat room secara instant, dan chat room ini nantinya dapat diakses oleh siapa sajaselama user yang anda undang memiliki web browser. Anda cukup membuat halamanchat room berdasarkan link yang sudah disediakan, kemudian link ini siap anda bagikanbersama rekan anda yang lain, terserah anda ingin membagikannya via Twitter,Facebook atau FriendFeed.

Yang perlu anda ingat, setelah anda meninggalkan ruang chatting, maka semua obrolanakan hilang dan dihapus selamanya, jadi aplikasi ini menurut saya sangat cocok buat

454

PROOF


obrolan singkat, rahasia dan chatting secara aman.


Cek Berapa Nilai Harga Blog Anda via URLRateTuesday, February 17, 2009Sudah dengar berita khan, kalo blognya om Jack yang beralamat di Jackbook.com terjualdengan harga sekitar $70 ribu atau dalam rupiah berkisar 800jt rupiah (fiuuehhh sambilusep kening). Sebenarnya dari awal saya sempat ragu juga, bukan ragu harganya lo, tapiragu kebenaran domain om Jack ini benar2 dijual. Ternyata setelah baca postingan masCosa baru saya benar2 percaya hehehe. Waduh, rencana postingan ini cuman maureview layanan cek harga blog via UrlRate, tapi gak apa2lah..sekalian saja sebagai toolspembanding, mana nilai yang benar2 memberikan hasil relevan. Apa dengan carakonvensional? atau kalkuasi terbaru dari UrlRate? mari kita bandingkan..

Untuk melakukan pengecekan harga, biasanya kita (blogger) menggunakan cara lamamenggunakan tool kalkulasi harga melalui alamat ini how much is your blog worth?.Terus terang saja, melihat hasilnya saya tidak begitu percaya dengan harga yangditawarkan. Coba lihat screenshot dibawah, blog o-om.com dinilai seharga $445,986.60,begitu pula dengan harga jackbook.com yang dinilai seharga $779,629.74. Angka inibenar-benar gila-gilaan, entah..kalkulasi harga dinilai dari aspek apa saja, kalo ada yangmau beli blog o-om.com dengan harga segitu ya pasti dah saya jual (tanpa perantaralagi!) huuehehehehehe

Kalo menurut om Jack nilai alexa juga mempengaruhi harga blog lo, saya tentu sajapercaya ucapan sang master satu ini tidak pernah mengada-ngada (melirik si jack hihihi).Nah, daripada mencoba tools diatas yang belum jelas kalkulasinya, kenapa gakmencoba layanan terbaru dari UrlRate. Selain informasi kalkulasinya cukup jelas, nilaiharga yang tawarkan juga terbilang masuk akal, walaupun tidak 100% akurat.

URLRate yang saya ketahui saat ini melakukan kalkulasi berdasarkan pada Umurdomain, Google PR, inbound links dan Alexa. Dari semua hasil kalkulasi baru dapatdilihat nilai harganya. Nah, rekan bisa menilai sendiri khan dari kedua tool ini mana yangbenar-benar masuk akal sehat hehehe. Sekali lagi ini hanya sekedar nilai kalkulasi saja,bukan harga sebenarnya kok, terserah rekan saja mau jual harga domain-nya berapa,buktinya saja harga Jackbook.com gak ada yang sesuai dari kedua tools ini :)

Buat om Jacky Supit maaf ya om pinjam mantan domainya, semoga yang punya gakmarah :)


455


SEO 2009: Canonical Link Untuk MengatasiDuplicate Content


Thursday, February 19, 2009Sebenarnya saya juga tidak begitu mengerti perubahan SEO ditahun 2009 ini apa saja,secara saya bukan masternya SEO kok hehehe, buktinya saja di kontes KampanyeDamai Pemilu indonesia 2009. posisi keyword saya sudah langsung dirontokan danmental entah posisi keberapa sekarang hehehe.

Yahh..biar tidak begitu mendalami, paling tidak kita harus mengikuti perkembangan SEOkhan? nah, kali ini saya dapat infomasi langsung dari Matt Cutts mengenai adanyapenambahan syntax rel="canonical", dimana dengan syntax ini kita sebagai pemilik blogatau situs nantinya dapat menentukan dan membersihkan sendiri duplikat konten yangterjadi pada hasil pencarian di Google Search. Dikatakan juga pada tulisan Matt Cuttbahwa syntax "canonical" ini juga telah didukung sepenuhnya oleh Search Engine besarlainya seperti Yahoo dan Microsoft.

Seperti yang saya ketahui sebelumnya, Spider Google (Googlebot) sangat sulitmembedakan antara URL konten utama dan URL Sub konten, yang terjadi biasa URLtersebut sama-sama diindex dalam database mereka. Googlebot selama inimengganggap kedua URL tersebut merupakan halaman web yang terpisah, padahalpada kenyataanya kedua konten ini berasal dari sumber yang sama.

Lihat contoh URL dibawah ini:

http://www.example.com/page.html?sid=asdf314159265

dan

http://www.example.com/page.html

Nah..sudah jelas kan padahal kedua URL tersebut menuju lokasi yang sama, itulah yangselama ini mungkin dimaksud sebagai duplikat konten. Untuk memberi informasi kepadacrawler bahwa kedua konten diatas adalah sama, maka perlu ditambahkan perintahrel=canonical.

<link rel="canonical" href="http://example.com/page.html"/>

Perintah inilah yang memberikan informasi pada search engine bahwa URL sebenarnyaa d a l a h h t t p : / / w w w . e x a m p l e . c o m / p a g e . h t m l b u k a nh t t p : / / w w w . e x a m p l e . c o m / p a g e . h t m l ? s i d = a s d f 3 1 4 1 5 9 2 6 5

Anda mungkin akan bertanya dimana sebenarnya kode rel=canonical ini diletakan?menurut informasi yang saya baca, kode ini diletakan diantara tag <head>..</head>.Dengan catatan bahwa kode ini tidak boleh dipasang asal-asalan, tapi harus disesuaikanjuga dengan section halaman yang sekiranya memiliki duplikat konten.

<head>

....

456

PROOF


<link rel="canonical" href="http://example.com/page.html"/>

....

</head>

Rel = "Canonical"setau saya belum bisa diaplikasikan pada flatform Blogger, karenablogger tidak memungkinkan kita untuk meletakan perintah ini perhalaman. Rekansebaiknya jangan mencoba dulu memasang perintah ini di halaman index pada EditHTML, yang jelas gak bakal ada pengaruhnya sama sekali :)

Syntax canonical ini memang termasuk baru, tapi saat artikel ini saya tulis, sudah adabeberapa pengembang yang sudah siap membuat pluginnya, terutama untuk CanonicalURL Plugin (Wordpress), Canonical URL Plugin (Drupal) dan Canonical URL Plugin(Magneto eCommerce) silahkan di unduh saja langsung :)

Informasi selengkapnya bisa rekan baca disini:

http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.htmlhttp://www.mattcutts.com/blog/seo-advice-url-canonicalization/


Website Calculator via U2WS (kalkulasi hargablog)Sunday, February 22, 2009Terus terang beberapa hari ini saya benar2 disibukan dengan urusan diluar sana, jadiurusan ngeblog kayaknya harus di nomor duakan dulu nih :( inipun saya sempatkan sajanulis sebentar hehehe ok to the point aja. Dipostingan sebelumnya saya sudah menulismengenai cara ngecek harga blog via URLrate disini, nah..kali ini saya dapat kirimantools terbaru lagi buat nge-cek harga blog anda via U2WS. Entah, saya sendiri jugabelum benar2 mencobanya, jadi belum bisa mengatakan mana kalkulasi dari ke duatools ini yang akurat dan mana yang terbaik. Silahkan rekan bandingkan sendiri aja ya :)

Layanan U2WS ini kayaknya hanya support untuk domain berbayar saja, jadi domaingratis *.co.cc *. blogspot.com dan *.wordpress.com sepertinya belum bisa di kalkulasiharganya.. tapi jangan kawatir, masih ada kok fasilitas lainnya yang bisa rekan coba.

457




PDFVia: Gratis PDF HostingWednesday, February 25, 2009PDFvia yang baru dilaunching tahun 2009 ini merupakan layanan gratis yangmemberikan kemudahan kepada anda untuk mengirim, menyimpan dan berbagi berkasfile PDF apa saja, entah itu berupa ebook atau artikel apapun yang telah anda kemassebelumnya dalam format PDF. Setiap kali anda selesai melakukan upload via PDFvia,andapun akan diberikan link yang siap anda bagikan kepada pembaca anda. Selain ituada juga fasilitas untuk upload banyak berkas sekaligus. Anda juga dapat melakukanproteksi dengan memasang password jika memang diperlukan :)

Dari berbagai layanan PDF hosting yang pernah saya coba, PDFvia lah yang termudahdan tercepat menurut saya untuk saat ini. Silahkan dicoba aja, gak bakal nyesal kok :)


Bingung nih mau milih yang mana? Followersatau GFC ya?Friday, February 27, 2009Hampir satu minggu ini saya benar2 dibuat bingung dengan follower-nya blogger, gimanagak ya? pertama mulai dari gejala aneh dimana blog o-om.com mulai kehilangan followercount yang awalnya berkisar 1086 followers dan sekarang hanya tersisa 714 followers.Awalnya saya mengira cuma blog ini aja yang mengalami hilangnya jumlah followers,namun setelah dapat informasi dari beberapa teman dan sempat juga langsungmenanyakan ke blogger sahabat om kang Rohman..ooh ternyata sama juga, semuafollowers ternyata mengalami nasib yang sama :(

458

PROOF


Gak sampai disitu saja, beberapa blog termasuk o-om.com dari kemaren sampai saat inisepertinya sudah tidak lagi menampilkan widget followers ini. Sekarang yang terlihatmalah title Follower ( ) doank tanpa dihiasi wajah2 Cantik dan Ganten khasnya bloggerhehehe. huh..jadi sia-sia deh tutorial yang dulu pernah saya buat untuk membuattampilan follower lebih menarik disini.

Informasi yang lebih mengejutkan datang dari Blogger Buzz, yang ternyata widgetfollowers ini akan segera pensiun dan tergantikan dengan sodara barunya Google FriendConnect (GFC). Mungkin beberapa rekan sudah melihat juga perubahan widget ini diblog masing2.

Nah yang sekarang jadi masalah bukan suka apa tidaknya dengan perubahan terbarufollower ke GFC, kalo saya sendiri sih ya ngikut aja, mau gimana lagi namanya juganumpang jadi ya terserah yang punya rumah aja hehehe. Terus terang yang bikinbingung saat ini karena saya menampilkan kedua widget ini sekaligus, khan malah lucukalo ada dua GFC di blog yang sama meski followernya berbeda. Jadi bingung khanharus milih yang mana?

Kira-kira rekan punya masukan gak yang mana meski o-om.com pilih? yang standarblogger sudah ada sekitar ribuan followers, meski sekarang masih tetap error untukjumlahnya..sedang yang GFC baru sekitar 740-an saja. Terus terang yang GFC lebihmudah dimodifikasi scriptnya, sedang follower yang baru agak rumit untuk diobok2.Waduh! benar2 pusing dah..Mohon masukan rekan2 ya...


Akhirnya pilihan jatuh pada GFC Blogger(Followers)Wednesday, March 04, 2009Agak sulit memang menentukan mana yang pantas ditampilkan antara GFC Blogger(Followers) dan Google Friend Connect, toh dua2 sama saja dan tidak ada bedanyakhan. Mungkin rekan juga berpikir untuk apa sih saya repot2 dan heboh sendiri nentuinpilihan, sampai2 di pasang sistem polling segala lagi hehehe. Gini lo friend...masalahnyasimple aja, siapa sih yang mau membuang widget yang jelas2 berisi informasi pentingdari keberadaan member, apalagi jumlah membernya sudah bejibun, sayang rasanyabila salah satu widget ini sampai dihilangkan..tul gak? "BETULLLL" hehehe. Yah, palingtidak dengan memasang sistem polling vote saya bisa lebih mudah melihat widget manayang paling banyak disukai pembaca :)

459



Melihat hasil polling yang sudah saya tentukan selama 5 hari ini, tercatat ada sekitar 126responden telah memberikan hak suaranya *halah* hehehe. Hasil vote sudah jelasbahwa responden lebih banyak yang memilih untuk tetap memasang kedua widget inisaja, hasil bisa dilihat pada jumlah polling vote yang tercatat sekitar 59 (46%) suara,diikuti dengan pilihan Follower sebanyak 47 (36%) dan pilihan paling sedikit dari GFCyaitu sebanyak 31 (24%) suara.

Niat awal memang saya berencana untuk mempertahankan ke dua widget ini, nahberhubung kemaren dapat kiriman email langsung dari pihak blogger yang isinya kuranglebih menerangkan adanya perubahan setting pada status following menjadi "private" bilakita tetap memasang ke dua widget ini dan disarankan kita sebaiknya kita menggunakansalah satunya saja, ciaaauuu saya gak mau ambil resiko ah, mending salah salahnyasaya non aktifkan, sekalian cari amannya saja hehehe

Trus, kenapa pilihan harus jatuh ke Followers ya? berdasarkan jumlah vote Followerurutan yang kedua khan hehehe. Rekan gak usah ikutan bingung milih yang terbaik, pilihaja salah satunya, disini tidak ada masalah integrasi ini dan itu-nya kok..toh widget inisama-sama engine dari Google Friend Connect (GFC).

Yang sudah terlanjur daftar di GFC o-om.com, sekarang bisa beralih ke Followers sajaya..saya tunggu dukungan rekan semua. thanks


WobZip: Uncompress/Unzip file via OnlineThursday, March 05, 2009WobZip merupakan aplikasi yang memungkinkan kita melakukan Uncompress/Unzippada file terkompresi secara online. Wobzip saat ini support pada beberapa formatkompresi diantaranya 7z, ZIP, GZIP, BZIP2, TAR, RAR, CAB, ISO, ARJ, LZHCHM, Z,CPIO, RPM, DEB dan NSIS. Untuk melakukan uncompress ada dua cara yang bisadilakukan, bisa langsung mengambil file dari komputer atau bisa juga via URL. Hebatnyalagi, saat proses uncompress, wobzip ternyata mampu memindai dengan melakukanscanning terlebih dahulu dan memeriksa apakah file tersebut mengandung virus atautidak.

Pertama kali menggunakan wobzip saya juga sempat berpikir apa untungnya melakukanuncompress file via online, bukannya lebih mudah dengan mendownload file tersebutterlebih dahulu kemudian baru meng-ekstraknya. Ups! ternyata cara kerja Wobzip tidaksesimple itu, setiap kali saya ingin mendowload file dalam format zip atau rar, pasti adarasa penasaran ingin melihat isi filenya terlebih dahulu khan. Kadang tidak semua fileyang di simpan dalam format zip ini kita perlukan, contohnya dalam satu file ziptersimpan sekitar 100 ebook berformat pdf, hmmm..bisa bayangkan waktu yang kitahabiskan untuk mendownloadnya. Nah, dengan bantuan Wobzip inilah memudahkan kitamemilah terlebih dahulu file apa saja yang bakal kita download natinya. Silahkan dicoba:)


460

PROOF


Digital technology

Feedweaver: Menggabungkan Banyak FeedKedalam Satu URL FeedFriday, March 06, 2009Feedweaver bisa dikatakan cara termudah untuk menggabungkan beberapa alamat RssFeed menjadi satu, dengan kata lain anda bisa memanfaatkan fasilitas ini untukmengelompokan banyak alamat feed kedalam satu link tunggal. Pada Feedweaver,dalam satu url feed kita dibolehkan mengisi sebanyak 20 alamat feed. Selain itu, kita jugabisa melakukan personalisasi pada alamat rss feed dengan nama apa saja sesuaikeinginan.

Yang paling saya sukai dari layanan ini yaitu kemampuannya untuk melakukan filter padakonten feed, caranya cukup dengan memasang keyword diakhir alamat Feed yangditanda dengan tanda kurung, contoh: http://feeds2.feedburner.com/ooms-logs(keyword).

Lihat, ini salah satu alamat feed yang sudah jadi yang saya buat dengan Feedweaverhttp://feedweaver.net/rss/ooms/Feeds, disitu saya mencoba menggabungkan keduaalamat feed blog saya o-om.com dan agusramadhani.com.

Menurut saya pribadi ini salah satu cara terbaik untuk mempromosikan content feed blogkita. Contohnya alamat Feed diatas saya coba praktekan di Facebook, yang saya ketahuiFacebook hanya membolehkan kita mengirim satu alamat feed saja. Nah, denganFeedweaver inilah akhirnya saya bisa mempromosikan semua alamat feed hanya dalamsatu alamat feed tunggal hehehe lumayan khan!


JS-kit Comment: Alternatif Sistem Komentar diBloggerMonday, March 09, 2009

461



Kali ini ada alternative yang di sediakan oleh js-kit untuk kotak komentar blogspot danwordpress, cukup terbilang mudah dan praktis. dilengkapi dengan foto avatar seperti darifacebook, yahoo, dan masih banyak lagi, jika Anda punya foto avatar dari facebook,Anda bisa menampilkan nya pada saat Anda berkomentar di blog tersebut! penasaran?oke! sekarang saya akan menjelaskan cara pemasangannya untuk blogspot dan untukwp sabar ya? heheheh..

Langkah pertama:

1. login keblog Anda2. klik layout dan untuk blog bahasaindonesia klik tata letak3. klik edit html4. pada halaman edit html Anda diperintahkan untuk mendownload template.5. kemudian simpan dalam dokumenkomputer

Langkah Kedua:

1. kunjungi alamat web ini: http://js-kit.com/comments/?wow2. perhatikan logo blogger didalamnya dankemudian klik.3. lihat perintahnya pada step 14. masukan nama domain Anda contoh:http://domainanda.blogspot.com kemudianmasukan akun dan password blog anda.dan tunggu sampai selesai

langkah ketiga:

1. masuk ke step2 dan upload templateAnda tadi yang didownload2. tunggu sampe selesai dan muncul kotak

462

PROOF


perintah save.3. setalah Anda save, upload kembali hasil dari file yang Anda save dari js-kit ke blogAnda, kemudian save kembali

Sampai disini semua tahapan sudah selesai..Silahkan dicoba :)

Tutorial ini merupakan sumbangan dari Blog Guest rekan Ridwan Ismail thanks ya wan :)


Pasang Avatar Mybloglog pada kolom komentarSaturday, March 14, 2009

Sebenarnya memasang avatar Mybloglog di kolom komentar bukanlah hal yang baru,namun dari beberapa blog yang pernah saya kunjungi ternyata sedikit sekalimengaplikasikannya. Entah kenapa tutorial yang pernah dipopulerkan oleh si bloggercantik Amanda ini ternyata tidak begitu banyak peminatnya, padahal menurut sayawidget ini ternyata lebih bagus dibandingkan tutorial yang dulu pernah saya ulas disini,memang ada bedanya sih, tutorial lama yang pernah saya tulis memang tidakmenggunakan pemanggilan avatar melalui widget Mybloglog, tapi langsungmenggambilnya melalui Profile Blogger.

463



Nah, ditengah kesibukan saya saat ini dan kemaren nyempetin waktu sebentar nyobainavatar yang sudah terbilang basi ini, eh hasilnya sungguh diluar dugaan.. ternyatasampai saat ini sudah ada sekitar ratusan ribu blogger yang ngantri dan tertarik inginjuga memasangnya (waks* ketahuan bener ngibulinnya wkwkwwk). Huh..berhubungterus menerus di desak dan malah ada yang berani bayar tutorial ini dengan harga tinggiyah mau gak mau saya tulis saja langsung tutorialnya. Halah ngalur ngidul gakjelas...(biasa lagi error mode on hihihi)

Ya sudah, lupakan tulisan dodol diatas, langsung aja ya..

1. Pastikan rekan sudah terdaftar di Mybloglog

2. Kalo sudah, sekarang kembali ke Blogger, lalu tuju langsung kehalaman Edit HTML.Cari tag </head> kemudian copy-paste saja semua script dibawah ini dan letakandiatasnya. (jangan lupa di save dulu)

<script type='text/javascript'>//<![CDATA[/*Merlinox and Napolux MyBlogLog Avatar Creatorcreated by Merlinox (blog.merlinox.com)helped by Napolux (www.napolux.com)

version 0.1 (20061214)version 0.2 (20061215)compatible with all blogger blog*/

if(typeof(myLayer)!='function'){function myLayer (x){//individuo l'oggettoif(document.layers){ // browser="NN4";lay=document.layers[x];}if(document.all){ // browser="IE";lay=eval("document.all." + x);}if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willingto dump the !document.all stuff";lay=document.getElementById(x);}return lay;}}

//lo prendo da bloggerfunction myBlogAvatar(codiceCommento,autore,stile){//scrivo lo span//var myBlogSpan = "myBlog-" + codiceCommento;//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");

//metto tutto minuscolo perchè indexOf è case sensitive

464

PROOF


if (autore != ""){alt="MyBlogLog: " + autore;

myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href="+ autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" +autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;//myLayer(myBlogSpan).innerHTML = myBlog;document.write(myBlog);}}//]]></script>

3. Masih pada halaman Edit HTML, beri tanda centang pada Expand Widget Templates.Kemudian cari kode dibawah:

<b:loop values='data:post.comments' var='comment'>

Sudah ketemu? kalo sudah, silahkan copas semua kode dibawah ini dan letakan kembalidibawah kode diatas.

<div style='border:0;float:left;margin: 0 5px 0 0;'><script>myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');</script></div>

4. Simpan dan lihat hasilnya..met nyoba aja dah :)


Aplikasi Online Membuat Button viaDaButtonFacktoryTuesday, March 17, 2009

Mana yang anda pilih, membuat button offline via image tools atau langsung mencobamembuat button secara online dengan cara instant. Nah kalo saya yang ditanya gitu yatentu saja saja milih dua2nya hehehe. Ups tapi jangan salah, ada kalanya kita jugamembutuhkan aplikasi instan via online bila tidak sedang berhadapan dengan laptopkesayangan, salah satunya yaitu anda bisa menggunakan aplikasi gratis dari Da ButtonFacktory.

465



Banyak hal mudah yang bisa anda kerjakaan dengan Da Button Facktory, salah satunyayaitu pilihan style button type yang bisa anda sesuaikan sendiri, dan yang lebih menariklagi yaitu hasil output yang ditawarkan, anda bisa saja langsung mendowload hasil buttonkreasi anda, atau bisa juga langsung menggunakan button ini melalui alamat url yangdiberikan. Jika masih kurang dengan dua cara diatas, tersedia juga dalam format CSSyang bisa langsung ada aplikasikan diblog anda.

Sebenarnya diluar sana ada banyak sekali aplikasi sejenis, silahkan di googling aja ya.Berhubung ini salah satu layanan menarik dan baru dilaunching, jadi mau gak mau harusmasuk best review di o-om.com hehehe. ok silahkan dicoba aja :)


Cara ngecek link Nofollow atau DofollowSaturday, March 21, 2009Saya sering juga dapat pertanyaan dari beberapa rekan bagaimana cara termudahmemeriksa link pada halaman yang menggunakan atribut dofollow atau nofollow.Mungkin rekan yang tergolong baru agak bingung ya dengan fungsi atribut ini? AtributNoFollow biasanya digunakan untuk memerintahkan Spider Search Engine untuk tidakmenelusuri suatu link, namun bagi rekan yang mengijinkan spider menelusuri suatu linkbisa menghapus atribut NoFollow ini, mengubahnya ke status Dofollow atau tidakmenggunakan perintah atribut rel= ini sama sekali.

Contoh atribut link nofollow:

<a href="http://www.o-om.com/" rel="nofollow">http://www.o-om.com/</a>

Entah, bagi yang cuek biasanya paling malas memeriksa atribut ini, bayangkan sajaketika rekan anda mengatakan status link pada kolom komentar miliknya menggunakanatribut dofollow, usaha ini tidak lain untuk mendapatkan jumlah komentar yangbejibun..istilah krennya biasa disebut U comment i follow (yang berarti setiap kali andamengomentari akan diberi satu buah love link) pada kenyaannya apakah anda benar-benar percaya statusnya benar2 dofollow, saya sendiri merasa bodoh saja bila harusmenelusuri source kodenya..cuman buang2 waktu saja hehehe. Ups! Gak perlu diceksegala link atribut komentar punya saya, o-om.com dari dulu menganut nofollow kok :)

Yah..paling tidak cara yang saya jelaskan nanti bisa mempermudah rekan untuk ngecekapakah usaha bertukar link dengan teman anda sudah benar2 sesuai harapan, rugibandar dong bila rekan memberi status dofollow sedang teman barter link rekan

466

PROOF


menggunakan atribut nofollow hehehe.

Contoh gambar dicek menggunakan add-ons nofollow

Salah satu cara yang biasa saya gunakan untuk ngecek atribut nofollow, yang pertamabisa dengan cara manual menggunakan Mozilla CSS for spotting nofollow links . Perlurekan ketahui penggunaan kode Css dibawah ini tentu tidak langsung dipasang padaderetan kode CSS dihalaman blog anda, sebaiknya saya sarankan rekan menginstalladd-ons firefox ini terlebih dahulu disini Web Developer Extension, Silahkan pelajaricaranya dilink ini

a[rel~="nofollow"] { border: thin dashed firebrick ! important; background-color: rgb(255, 200, 200) ! important;}

Atau

a[rel~="nofollow"]:after {content: "!";background-color: white !important;color: red !important;font-weight: bold !important;text-decoration: blink !important;}

Gak suka dengan cara diatas? ok..coba saja pake cara instant menggunakan add-onsfirefox Nofollow, silahkan download disini.


Cara Otomatis Membuat Keyword via KeywordleThursday, March 26, 2009Bingung menentukan keyword yang paling dominan sesuai deskripsi halaman bloganda? kalo iya, saya sarankan mencoba aplikasi otomatis membuat keyword denganbantuan Keywordle. Cara menggunakan aplikasi ini juga tidak sulit, kita tinggalmemasukan saja alamat URL tujuan dan biarkan keywordle sendiri yang menganalisakeyword yang sekiranya paling sesuai. Jika kurang sreg dengan hasil keyword yangdiberikan, kita bisa menyortirnya sendiri kok, dan menentukan keyword mana saja yangsekiranya pantas digunakan. Selain itu aja juga fasilitas Show meta-tag code yang isinyaberupa kompilasi listing dari meta-tag keyword yang siap rekan copy-paste dihalamanblog masing2 tentunya :).

467



Sudah dicoba belum? tolong jangan protes untuk hasil akhir keakuratannya ya, yangjelas aplikasi ini sepertinya khusus buat yang malas aja kali, masa menentukan keywordsendiri aja bingung hehehe

Sumber: agusramadhani.com


Kreasi Avatar anda Sendiri dengan urFoozFriday, March 27, 2009Wkwkwkwkw sumpah! om pengen ketawa sendiri nih, gila bener...ternyata mendesainavatar yang mirip karakter sendiri aja susahnya minta ampun yo. Padahal dah hampir 1jam nih edit sana sini tapi hasilnya ya cuma gitu2 doang :( yah sudahlah ngapain dipikirin lagian emang gak punya bakat desain juga wuehehe..

urFooz ya.. layanan ini nih yang bikin sebel hari ini ternyata menyenangkan juga buatiseng2 sekalian buat ngilangin stress. Dengan layanan urFooz inilah kita bisa denganmudah mendesain avatar sendiri mulai dari wajah, rambut, body, rambut, alis, mulut,jambang dan masih banyak fitur dan berbagai aksesoris lainnya yang bisa rekan cobasendiri. Ya sudah monggo langsung dicoba aja ya :)

10 orang pertama yang membuat avatar akan saya publish di postingan ini..ayo buruanbuat.. konfirmasi ke saya untuk linknya di kolom komentar.

Ini dia 10 avatar kren sumbangan sahabat blogger:

Bambang XP : situsjoomla.blogspot.com

468

PROOF


Arry Eka Setiawan : langitbarat.blogspot.com

Reyno Heinja : acezbboy.blogspot.com

mr mung : mr-mung.com

malaikat cinta: cewek-malam.blogspot.com

Akhmad Y Arif : in-tips.com

Bismillah Community : bismillah-community.blogspot.com

Dev : komunitas-bantu-membantu.blogspot.com

shedtya : dyt-root.blogspot.com

Yoyok : yoyok198.blogspot.com


469




Menata Ulang Syntax CSS Acak-acakan ViaStyleneatTuesday, March 31, 2009Betapa sulitnya mempelajari format style pada koding CSS yang susunannya tidakberaturan, jangankan yang baru belajar, yang sudah mengerti sekalipun pasti dibuatpusing untuk menganalisanya ulang. Tidak masalah bila struktur pengkodean kita sendiriyang membuatnya, bayangkan saja bila itu buatan programmer lain, belum lagi jika siprogrammer menggunakan mode style CSS terkompresi, pasti ribet sekali khan jikaharus mempelajari dengan menelusuri kodingya satu-persatu.

Nah, kali ini ada solusi termudah dimana rekan bisa dengan cepat mengembalikanstruktur style CSS yang sebelumnya acak2an menjadi lebih teratur dan lebih tertata rapi.Saya sarankan coba saja gunakan layanan dari Styleneat. Udah Basi Om!! hehehe yaenggak lah, mana mungkin saya ngasih info layanan terbaru kalo tidak terlebih dahulumasuk best review diluar sana, yang jelas layanan ini benar2 baru di launching tahun2009 ini :)

Contoh susunan CSS yang tidak beraturan:

#id1 { property: value; } #id1 .class1 { property: value; } #id1 .class1 a { property: value;property2: value2; property3: value3; } #id1 .class1 a span { property: value; property2:value2; } #id2 { property: value; } #id2 .class { property: value; }

Contoh susunan CSS yang teratur dan tertata rapi:

#id1 { property: value; } #id1 .class1 { property: value; } #id1 .class1 a { property: value;property2: value2; property3: value3; } #id1 .class1 a span { property: value; property2:value2; } #id2 { property: value; } #id2 .class { property: value; }

Jujur saja, sebenarnya banyak juga programmer yang kadang malas mengatur tata letakdari selector, value dan property pada CSS Syntax ini, masalahnya kebanyakan siprogrammer merasa kode tersebut dia sendiri yang menyusunnya, jadi mau dieditkapanpun juga dia merasa tetap mengerti alurnya. Saya sendiri sebenarnya termasukyang malas juga mengatur struktur pengkodean ini, padahal bila ditata dengan rapi untuk

470

PROOF


kedepannya pasti lebih mudah untuk mempelajarinya kembali, yang jelas inimemudahkan kita mengingat antara satu kode dengan lainya yang saling berhubungan.Silhakan dicoba dan dipelajari sendiri ok :)


Cara pasang Auto Read More terbaru (Part 2)Wednesday, April 01, 2009

(Revisi: Solusi tanpa hosting file .JS) Fungsi Read More kali ini emang agak berbedadengan versi Read More yang lama (part 1). Bila versi terdahulu kita harus meng-cuttulisan menggunakan cara manual dengan melakukan pemangilan fungsi <divclass="fullpost">..</div> atau <span class="fullpost">..</span>dimana kode ini biasanyakita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read Moreterbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimatlangsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalampostingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yangkita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut sajadengan fasilitas image thumbnail.

471



Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disiniada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jikaada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpaimage. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw Ya sudah,biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenyakembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawahini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/><div class='post-body'><b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style><p><data:post.body/></p><a expr:href='data:post.url'>Readmore</a></b:if><div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudianletakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpanterlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>var thumbnail_mode = "float" ;summary_noimg = 250;summary_img = 250;img_thumb_height = 120;img_thumb_width = 120;</script>

<script type='text/javascript'>//<![CDATA[/******************************************Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks********************************************/function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){

472

PROOF


if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx = s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}

function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(img.length>=1) {imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'"width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ = summary_img;}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}//]]></script>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template"lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div>< s c r i p ttype='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -<data:post.title/></a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di(float) kiri atau jika tidak silahkan ganti dengan (no-float)summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di

473



posting tanpa gambar / thumbnail)summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di postingdengan gambar / thumbnail)img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba..happy tutorial with o-om.com :)


Green Revolution Blogger TemplateTuesday, April 07, 2009Konsep Blogger template bertajuk Revolusi Hijau (Green Revolution) yang dulu pernahgunakan sekarang bisa rekan coba aplikasikan. Seperti biasa, saya selalu berusahamerancang template dengan konsep yang SEO Friendly dan didesain dengan stylesederhana serta memiliki kecepatan loading page yang mengagumkan. Karena secaradefault, template ini hanya hanya sedikit menggunakan image, selebihnya didesainmenggunakan permainan warna melalui CSS koding style.

Template Green Revolution dengan desain multi kolom ini sudah saya test di beberapaweb browser seperti (Flock, Firefox, IE, Opera, Safari dan Chrome) dan sampai saat initidak ada masalah :) mudahan aja kali ya hehehe


Bonus Fitur Terpasang:

• Avatar MyBloglog pada komentar• Komentar berbeda untuk pemilik blog• Related Post (posting yang berkaitan)• Tertanam Emoticon Dalam Komentar• Stripe-Ad ala navbar blogger + Link Subcribe• CSS dengan mode syntax Terstruktur• Read More dengan title

474

PROOF


• Embedded Comment Form• Tertanam Meta Tag, SEO Title Tag dan Favicon• Tertanam Menu Arsip Postingan• List label hanya menampilkan judul posting• Dll.

Cara installasi :(jangan lupa beri tanda centang pada Expand Template Widget) Disarankan untukmembackup template dan isi element halaman terlebih dahulu. Agar semua fasilitasberfungsi dengan baik, sebaiknya upload dilakukan secara manual (tanpa di upload), dansebisanya lakukan copy-paste langsung semua kode kehalaman Edit HTML.

Perhatian!Anda diperbolehkan mengedit template ini sesuka hati, namun anda tidak diperbolehkan menghapus link pada kolom credit atas nama pembuat template. Thanksatas perhatiannya.


Kampanye Damai Pemilu Indonesia 2009.Thursday, April 09, 2009

Salam indonesia, sekedar share informasi pemenang Kampanye Damai PemiluIndonesia 2009 ups salah :) tanggal 1 februari 2009 hari ini rekan blogger Poggung177mengadakan SEO Contest dengan pilihan keyword Kampanye Damai Pemilu Indonesia2009 Rencananya kontes yang diadakan selama 3 bulan ini akan berakhir pada tanggal1 Mei 2009 (00:00 GMT + 7 / 00:00 WIB). So, buat yang merasa Jagoan SEO buruangabung, hadiahnya lumayan lho sekitar lebih dari $500. Berikut catatan daftar hadiahkompetisi:

The Prizes for the competition are as follows:

1st Prize: Rp 5.000.000 + 16Gb USB drive2nd Prize: Rp 2.000.000 + 8 Gb USB drive3rd Prize: Rp 1.000.000 + 8 Gb USB drive4th Prize: 8 Gb USB drive5th Prize: 8 Gb USB drive6th Prize: 4 Gb USB drive7th Prize: 4 Gb USB drive8th Prize: 4 Gb USB drive9th Prize: 4 Gb USB drive10th Prize: 4 Gb USB drive

Untuk keterangan selanjutnya tentang tata cara pendaftaran dan peraturan yang berlaku,silahkan sambangi saja langsung kealamat ini Pogung177

475




10 tools terbaik untuk menganalisa halamanWeb/BlogSaturday, April 11, 2009Keberhasilan beberapa blog/situs populer bukan karena kejeniusan mereka memainkanSEO dan Keyword, bukan juga karena content yang mereka tulis memang merupakanmateri populer, tapi banyak sekali faktor-faktor yang menentukan, ini sebaiknya yangharus kita cermati sekaligus dipelajari jika ingin blog kita benar2 bisa sejajar denganblog/situs populer lainnya. Cara inilah yang selalu saya lakukan bila setiap kalimenemukan situs2 populer, saya selalu melakukan riset, mempelajarinya, lalu mencobamengakses keberbagai data statistik mereka. Dan cara ini lumayan berhasil dari padasaya harus menghabiskan waktu mempelajari keyword utama mereka, apalagi sampaimembuat duplikat konten terbaik pada situs populer tersebut :D pokoknya jangan sampaidah..

Nah, daripada tanya sana-sini gak jelas, lebih baik saya sarankan kita mencobamenganalisa statistik halaman mereka secara langsung. Caranya mudah saja, cobapelajari statistik halaman kita sendiri terlebih dahulu, sekarang coba bandingkan denganbeberapa halaman web populer lainya. Lihat dan coba perhatikan statistik web mereka,misalkan dengan membandingkan kecepatan loading page, bandingkan jumlah karakterkeyword dan deskripsi yang mereka gunakan, pada layanan populer mana saja halamanmereka teridex bla..bla.. dan tentu saja masih banyak lagi yang harus kita pelajari. Yangjelas, semakin sering kita melakukan riset, semakin banyak pula ilmu untuk memudahkankita menemukan jawabannya.

Dibawah ini merupakan 10 tools terbaik yang biasa saya gunakan untuk melakukan risetdan mencoba menganalisa halaman-halaman web/blog target, silahkan dicoba aja dulu:

1. En.pageboss.com

Pageboss mampu menganalisa halaman blog dengan lengkap dan sukup mendetail, kitabisa melihat beberapa informasi penting diantaranya site ranking dan kualitas trafik daribeberapa search engine dan layanan statistik populer lainnya.

2. Seorush.com

Cara kerja Seorush hampir mirip dengan Pageboss, sayang halaman yang ditayangkantidak begitu detail. tapi lumayan juga sebagai tool pembanding.

3. Pagemasher.com

Layanan ini juga memberikan analisa yang sangat lengkap, setiap analisa ditayangkanberdasarkan tab tersendiri. sayangnya beberapa alamat domain kadang ada yang tidaksupport.

4. Urlmetrix.com

476

PROOF


Tools UrlMatrix ini pernah saya jelaskan di tulisan sebelumnya, jadi silahkan di bacakembali tulisan terdahulu disini.

5. Tools.pingdom.com

Cool..layanan Page Speed Test inilah yang sampai saat ini masih saya gunakan,layanan ini mampu memberikan informasi lengkap dalam mengalisa setiap ukuran imageyang kita gunakan pada halaman web. Terus terang saya selalu memperhatikan masalahukuran gambar, anda bisa cek sendiri sebesar apapun ukuran gambar yang sayagunakan dan biasnaya tidak lebih besar dari 10KB.

6. Browsershots.org

Jangan bangga dulu dengan tampilan desain template kita saat ini, sebagus apapunkalau cuman bagusnya di firefox doank kan percuma hehehe. jadi selalu gunakanlayanan Browsershots sebagai tools pembanding apakah tampilan blog/site kita sudahtampil sesuai harapan jika ditampilkan menggunakan web browser yang berbeda.

7. Websiteoptimization.com

Tool ini termasuk web page speed report yang akurat, dan ada banyak sekali informasiyang tayangkan. Selain hanya menyampainkan informasi penting pada halaman webyang dianalsis, kita juga diberikan solusi serta pemecahan masalah.

8. Seocentro.com

SeoCentro merupakan salah satu tool SEO favorite saya, walaupun termasuk tool SEOjadul, tapi perannya sangat berguna juga sebagai Meta Tag analysis.

9. Tester.jonasjohn.de

Tools analisis web dan SEO yang terbilang sangat kompleks dimana layanan ini dikemaskedalam satu paket all in one. Terus terang saya jarang sekali menggunakan layanan initapi tidak ada salahnya di uji coba dulu :)

10. GHDB

Mana ada tools web analisis terbaik selain Google itu sendiri, manfaatkan selalu GoogleSearch untuk mencari informasi sebanyak-banyaknya. Gali dan terus gali semuainformasi yang anda butuhkan..karena apapun pertanyaan anda semua sudah terjawabdi Google. Satu rahasia yang jarang diungkap para master SEO, yaitu Google hack dan

477



basic SEO dari Google itu sendiri..ini bisa rekan pelajari pada GHDB (Google Hack DataBase) yang sebenarnya sudah lama sekali dikelompokan kedalam satu database yangdikembangkan oleh Johnny i hack stuff. Silahkan pelajari cara Google menganalisahalaman web target, tapi bukan cara h*cking-nya lho ya. Trus alamat link-nya mana??nah itu dia, silahkan di Googling aja pasti ketemu kok :D

Sebenarnya beberapa layanan diatas bukanlah sebagai solusi, tapi hanya sebagai toolsmempermudah pekerjaan anda saja. Saya selalu berusaha membuat pembaca blog initidak manja. Dan jujur saja, membangun blog itu sangat sulit dan tidak semudahmembalikan telapak tangan, semua butuh waktu tenaga dan pikiran. Jadi pelajari sajakarateristik blog/site populer sesuai target yang ingin anda pelajari statistiknya, sayayakin semakin sering anda menganalisa, semakin mudah saja anda akan menemukanjawaban pada akhirnya. thanks o-om.com


Video2mp3: Konversi Youtube Video ke MP3Wednesday, April 15, 2009Video2mp3 merupakan layanan gratis yang memungkinkan kita melakukankonversiVideo dari layanan Youtube ke dalam format Mp3. Untuk proses konversi videoke mp3 sendiri caranya juga terbilang mudah, yang kita perlukan hanya menginputkanalamat URL dari layanan Youtube, dan biarkan layanan ini yang melakukan prosesselanjutnya untuk anda. Tersedia juga pilihan dimana kita dapat juga menentukan sendiridua pilihan kualitas suara yaitu, Standard Quality dan High Quality.

Video2mp3 juga menawarkan add-ons firefox yang memudahkan kita untuk melakukankonversi mp3 pada setiap video yang anda kunjungi, sehingga prosesnya bisa lebihcepat dan meningkatkan konversi koleksi file audio anda. silahkan dicoba aja :)

Layanan sejenis yang bisa dicoba vidtomp3 dan kickyoutube


478

PROOFChi.mp: Satu Paket Domain Gratis, Weblog +Microblogging


Thursday, April 16, 2009Kren..itulah kesan pertama kali saat saya mendaftar pada layanan Chi.mp. Gimana gakkren tuh, sudahlah dikasih domain gratis namakamu.mp, kita juga langsung diberikansatu paket weblog siap pakai :) dan tidak hanya itu saja, layanan ini juga dapatdimanfaatkan sebagai jejaringan sosial karena telah memiliki engine microbloggingtersendiri. jadi kita bisa menentukan aktifitas kita saat ini..sekedar hanya mengupdatestatus, sharing photo, atau sekalian menulis kontent panjang sebagai postingan, dansemuanya langsung ditampilkan dalam satu halaman. Bisa dikatakan juga layananChi.mp ini merupakan sebuah solusi mudah untuk pengelolaan identitas online anda.Membawa kehidupan digital bersama disatu tempat yang anda miliki.

Silahkan diliat dulu saja samplenya dialamat ini ooms.mp

Sebenarnya banyak sekali fitur yang ditawarkan Chi.mp selain hanya sebagai mediasosial tunggal, dimana kita dapat juga menghubungkan layanan ini keberbagai jejaringansosial lainnya termasuk Twitter, Yahoo, Feed, Flickr, skype dan Facebook.

Yah, lumayan lengkaplah untuk aplikasi gratis sekedar yang ingin membuat blog secarainstant :). Ya sudah tunggu apa lagi bos..reg sekarang juga nama domainnya tar keburugunakan user ain lho hehehe


Memasang Slider ala Zinmag Primus TemplateTuesday, April 21, 2009Ternyata banyak juga rekan yang ingin mencoba memasang Image Slider/Text Slider alatemplate Zinmag Primus, Slider yang sudah saya terapkan sendiri di o-om.com initernyata selain membuat tampilan blog lebih atraktif dan bergaya, sumbangan kunjunganlangsung melalui slider ternyata tidak sedikit jumlahnya. Ok, langsung kecara pasangnyasaja ya lagi rada malas nih banyak cuap2 hehehe.

479



Letakan kode CSS dibawah ini diatas kode ]]></b:skin>

#slider {background:url(http://img99.imageshack.us/img99/9594/slide.png);height: 254px;overflow: hidden;position: relative;margin: 5px 0;}

#mover {width: auto;position:absolute;overflow:hidden;}

.slide {padding: 20px 0px;width: 1000px;float: left;position: relative;height:200px;}

.slide h2 {font-family:georgia, Helvetica, Sans-Serif;font-size: 24px;color: #ac0000;padding:0px 0px 0px 30px;margin:0px 0px;width:500px;overflow:hidden;}

.slide h2 a:link, .slide h2 a:visited {color:#fff;background-color: transparent;}

.slide h2 a:hover {color: #ddd;background-color: transparent;}

480

PROOF


span.slmet {color: #ee0909;font-size: 10px;font-family:Tahoma, georgia, Helvetica, Sans-Serif;line-height: 20px;width: 500px;padding:0px 0px 0px 30px;margin:0px 0px;text-transform:uppercase;}.slide p {color: #999;font-size: 12px;font-family:georgia, Helvetica, Sans-Serif;line-height: 20px;width: 500px;padding:0px 0px 0px 30px;margin:0px 0px;}

.slide img {position: absolute;top: 20px;left: 577px;background:#fff;padding:10px 10px;}

#slider-stopper {position: absolute;font-family: Georgia, Helvetica, Sans-Serif;top: 113px;right: 65px;color: #AC0000;padding: 3px 8px;font-size: 14px;text-transform: uppercase;z-index: 1000;}

Kemudian letakan kode javascript dibawah ini dibawah kode ]]></b:skin>

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/><script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js'type='text/javascript'/><script type="text/javascript"><![CDATA[//><!]]></script>

Kemudian cari kode dibawah ini:

<div id='header-wrapper'>...................</b:section>

Letakan kode dibawah ini dibawah kode diatas.

<div id='casing'><div id='slider'><div id='mover'>

<div class='slide'><span class='slmet'> Posted by Agus ramadhani </span><h2><a href= 'ht tp: / /www.o-om.com/2008/05/e-book-k iat-sukses-promosi-b log.html '>eBOOK Kiat Sukses Promosi Blog</a></h2><p>Kontes seo "kampanye damai pemilu indonesia 2009" tinggal menghitung hari..10hari ini saya mencoba sekuat apa pengaruh backlink pada keyword..kalo ada yang maubantu dukung om bisa memasang link ini di blog masing2. Silahkan copy-paste kodedibawah, thanks banget atas dukunganya :).</p>< i m g a l t = ' 'src='http://3.bp.blogspot.com/_C6KkooKXCEw/SY3GV8q05zI/AAAAAAAAD1U/VBYwePMjR2M/s400/Kampanye+Damai+Pemilu+Indonesia+2009.gif'/></div><div class='slide'><span class='slmet'> Posted by Agus ramadhani </span><h2><a href='http://www.o-om.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html'>Kampanye Damai Pemilu Indonesia 2009</a></h2><p>Dalam buku elektornik ini anda juga akan menemukan kiat sukses dan point pentingdalam kegiatan promosi blog serta bagaimana etika promosi yang terkandungdidalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dan tentu saja materinyalebih berbobot dari Free Edition. Jadi segera download dan pastikan anda pertama yangmembacanya.</p>< i m g a l t = ' 'src='http://bp3.blogger.com/_C6KkooKXCEw/SJGvo0XtZtI/AAAAAAAACGI/21ih9Mj5e6c/s400/OOMEBOOK.gif'/></div>

</div>

482

PROOF


</div></div><div class='clear'/>

Sampai disini semua proses penyimpanan kode berakhir. Sekarang lihat saja hasilnya.


1. Karena file javascript diatas meminjam langsung dari alamat lain, jadi saya sarankanrekan menyimpannya pada hosting masing2. Silahkan download semua file javascriptdisini.

2. Secara default, Background image pada slider diatas kemungkinan tidak sesuaidengan ukuran template rekan saat ini, jadi mau tidak mau harus memperkecilukurannya atau sebaiknya buat saja gambar baru sesuai dengan ukuran dan lebartemplate rekan yang sekarang.

#slider { background:url(http://img99.imageshack.us/img99/9594/slide.png); height:254px; overflow: hidden; position: relative; margin: 5px 0; }

3. Setelah rekan selesai dan berhasil memasang semua kode di atas, contoh slider yangtampil hanya sebagai sample saja, jadi silahkan dihapus link, text dan gambar milik sayadan ubahlah gambar, link dan kalimatnya sesuai kebutuhan.

<div class='slide'><span class='slmet'> Posted by Agus ramadhani </span><h2><a href='http://www.o-om.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html'>Kampanye Damai Pemilu Indonesia 2009</a></h2><p>Dalam buku elektornik ini anda juga akan menemukan kiat sukses dan point pentingdalam kegiatan promosi blog serta bagaimana etika promosi yang terkandungdidalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dan tentu saja materinyalebih berbobot dari Free Edition. Jadi segera download dan pastikan anda pertama yangmembacanya.</p>< i m g a l t = ' 'src='http://bp3.blogger.com/_C6KkooKXCEw/SJGvo0XtZtI/AAAAAAAACGI/21ih9Mj5e6c/s400/OOMEBOOK.gif'/></div>

4. Untuk mengatur letak text, gambar dan link bisa rekan coba otak-atik sendiri padakode CSS, terus terang setiap template tentu berbeda ukurannya, jadi saya sendiripungak tau harus gimana menjelaskan cara mengaturnya.

5. Untuk mengatur delay pada slider, silahkan buka file slider.js kemudian tinggal gantisaja jumlah var delayLength = 4000; dengan angka berapa saja, mis 5000 atau 9000(catatan: 1 detik = 1000)

Selamat mencoba dan berpusing ria :D

483




Solusi Hosting Javascript di BloggerSaturday, April 25, 2009Saat yang paling tidak menyenangkan dimana saat file javascript yang kita simpan dihost lain mulai kehabisan bandwidth. Blog yang semula terlihat interaktif malah jadikacau balau khan tampilanya. Yah, inilah salah satu keleman blogger karena tidakmemberikan kita kapasitas ruang simpan, terutama yang berurusan dengan filejavascript. Sebagai alternatif biasanya kita bisa saja meminjam web hosting gratis daripihak ketiga, sayangnya tawaran yang diberikan ternyata tidak selalu memuaskan.kapasitas simpan yang ditawarkan sih besar, tapi jadi percuma bila kapasitas bandwidthyang diberikan sangat tidak sebanding hehehe. Nah, disini saya coba berbagi tips untukmengatasi masalah hosting javascript di blogger, mudahan cukup membantu :)

Mengubah format ekstensi file dari .js ke .txt

Ingat, tidak semua javascript dipanggil dengan akhiran .js, ini sebuah keuntungan dimanakita dapat menyimpan dan memanggil file javascript dalam format text yang tersimpandalam format .txt

Tidak semua layanan free web hosting memberikan keleluasaan bagi kita untukmenyimpan file berformat .js pada hosting mereka, jadi kita dapat mengakalinya dengancara mengubah extensinya saja, dari .js ke .txt

Cara memanggil javascript berformat .txt pada host lain:

<script type="text/javascript" src="alamat-url-namafile.js" />

Pemanggilan bisa diganti dengan

<script type="text/javascript" src="alamat-url-namafile.txt" />

Simpan Javascript pada element halaman HTML/Blogger Gadget

Tidak semua kode javascript harus di simpan di host lain atau hanya dalam halaman EditHTML, kita sebenarnya bisa saja memasang kode JS ini langsung pada elementhalaman blogger "HTML/Javascript". Namun sangat disayangkan cara ini tidak selalu100% berhasil, karena tidak semua file javascript bisa support dengan penyimpananpada widget ini. Mungkin hanya berhasil jika code javascript tersebut hanya berdirisendiri, dalam artian file JS tersebut tidak saling berhubungan dengan memanggil kodeyang satu dan kode lainnya.

Simpan code javascript langsung pada halaman EDIT HTML

Platform blogger sebenarnya membebaskan kita untuk meletakan langsung kodejavascipt pada halaman Edit HTML. Cara ini selalu berhasil saya terapkan, namunkadang tidak terlalu efektif juga bila code javascript yang kita gunakan terlalu panjangcode scriptnya. Cara yang terakhir ini menurut saya merupakan salah satu terbaik yang

484

PROOF


harus dicoba.

Sebelum mencoba cara dibawah, pastikan kita sudah mempunyai code JS yang akandisimpan. Jika rekan masih bingung, kode JS bisa ditemukan langsung denganmengambil melalui alamat URL. lihat contoh pemanggilan kode dibawah yang tercetaktebal. disitulah biasanya kode JS disimpan.

<script type="text/javascript" src="alamat-url-namafile.js" />

Coba dengan masukan langsung urlnya di browser, kalo sudah ketemu tinggal copy sajakodenya.

Agar kode JS yang sebelumnya di host dialamat lain bisa langsung digunakan diblogger,kita bisa langsung menggunakan kode dibawah ini.

<script type='text/javascript'>//<![CDATA[Isi_Script_Disini//]]></script>

Semoga saja cara diatas bisa mengatasi masalah kehabisan bandwidth, kalo masihbermasalah ya tinggal gunakan saja Hosting berbayar..beres heheheh


Selamat buat calon pemenang kampanye pemilu2009Tuesday, April 28, 2009Sebenarnya postingan kali ini bukan bagian dari optimasi, tapi hanya sebagai ucapanterima kasih yang bisa saya sampaikan langsung buat pendukung setia o-om.com.

Satu minggu ini terus terang saya sedang mencoba menganalisa pengaruh jumlahbacklink pada posisi keyword dan ternyata dalam waktu seminggu melakukan optimasibukanlah pekerjaan gampang, walaupun banyak doping link yang disumbangkan parasahabat ternyata tidak membuat posisi keyword kampanye damai pemilu indonesia 2009bergeser sedikitpun hehehe.

Ya sudah, buat rekan yang telah memasang link kampanye damai pemilu indonesia 2009milik saya, sekali lagi thanks sekali atas dukungannya. Akhir kata saya cuma bisamengucapkan selamat dan mengacungkan 2 jempol buat semua peserta yang berada di10 besar, kalian memang yang terbaik :)


485


Download Icon RSS Feed Blue Jeans & Levi's


Wednesday, April 29, 2009Bosan dengan tampilan Icon Rss Feed rekan saat ini? coba saja ganti dengan tampilanRss Feed ala Blue Jeans dan Levi's buatan blogger macho "Nikko" asal argentina,pemilik dari blog Xyberneticos.

Download Icon Feed Blue Jeans

Download Icon Feed Levi's


486

PROOF


Unknown Title..Friday, May 08, 2009

Sudah hampir seminggu lebih tidak adapostingan terbaru di blog ini ya, biasanyaminimal 3x seminggu selalu saja adapostingan yang segar2 dari o-om.com,berhubung memang minggu2 ini banyakperjalanan wisata keluar kota, dimana sayaharus nyetir sendirian melintasi banyakkota yang tersebar sepanjang daerah Jatimdan Jateng, trus ditambah lagi demamfacebook yang makin menjadi-jadi saja,makanya blog ini semakin rada jarang

tersentuh :(

Jujur saja, sebenarnya pengen sekali cerita panjang lebar perjalan wisata saya kemaren,berhubung hampir semua cerita tidak penting ini sudah saya tayangkan langsung diFacebook makanya sudah terlalu basi untuk saya ulas kembali huhuhuhu. ini salah satupoto penampakan diambil langsung menggunakan camera amatir dipantai pacitan *halahPD mode on wkwkwkw

Ya sudah segini aja dulu, postingan kali ini sebagai pemasan saja, silahkan ditunggupostingan berikutnya. So keep stay tune on o-om.com OK.Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Hidetext: Mengubah Text dan Alamat Email keGambarSaturday, May 09, 2009

Hidetext merupakan cara termudah dimanakita dapat mengubah format text danalamat email langsung kedalam formatgambar . Cara in i d iyak in i mampumengurangi dan menyembunyikan text dariprogram2 sejenis spider search engine(termasuk googlebot) dan beberapaprogram mail grabber yang biasa berusahamencuri informasi alamat email kita.

Hidetext memiliki dua pil ihan untukmengubah text menjadi gambar. yangpertama kita bisa melakukan konversi

banyak text kedalam gambar yang support hingga 100.000 karakter. Opsi yang keduamemungkinkan kita mengubah alamat email kebentuk logo sesuai dengan layanan emailyang kita gunakan. So silahkan dicoba saja :)

487




Mapmotive: Melihat lokasi teman Facebook andadalam Google MapSunday, May 10, 2009

Pernah terpikir untuk melacak semua lokasiteman facebook dalam lokasi tertentumisalkan anda ingin mel ihat temanfacebook anda dalam satu kota yang samadengan anda atau hanya sekedar inginmelihat lokasi teman lainnya yang sudahtergabung sebagai teman anda, silahkancek saja dengan salah satu aplikasifacebook dari Map Motive.

Map Motive yang saya ketahui bekerjadengan cara melihat lokasi dari profile darisemua teman facebook anda, kemudian

aplikasi ini berusaha menentukan lokasi, tempat lalu menayangkannya langsungmenggunakan sistem pemetaan pada Google Map.

Setiap pemetaan tertata dengan sangat rapi, ini ditandai langsung dengan avatar kecildari wajah teman2 anda yang ditampilkan pada setiap kota dalam negara. Selain ituanda dapat juga melihat lebih rinci setiap lokasi dengan cara memperbesar peta padanegara, kota bahkan sampai ke lokasi jalan jika memang memungkinkan. So, silahkandicoba saja :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Kombinasi banyak feed dalam satu URL feed viaJumbraMonday, May 11, 2009Sebelumnya saya pernah menjelaskan bagaimana cara termudah menggabungkanbanyak feed kedalam saru feed URL menggunakan layanan Feedweaver. Nah kali inisaya coba lagi memberikan alternatif lain yang cara kerjanya hampir sama saja denganFeedweaver yaitu menggunakan layanan Jumbra.

488

PROOF


Berhubung penjelasan kedua layanan ini hampir sama saja, jadi saya rasa tidak perlulagi menjelaskan panjang lebar keuntungan dan kegunaannya. Yang membedakankedua layanan ini hanya pada sistem account-nya saja, dimana Feedwaevermenggunakan sistem account database sendiri dan Jumbra meminjam account dariGoogle App Engine. Silahkan simak saja kembali arsip lama tentang Feedweaver disini.


Cara import Wordpress ke BloggerTuesday, May 12, 2009Dua bulan yang lalu team blogger telah meminta tanggapan langsung dari penggunablogger diseluruh dunia mengenai ide produk yang paling diinginkan langsung olehpenggunanya, dimana mereka (team blogger) setidaknya telah menerima kurang lebih60.000 suara dari 2500 pengguna dan 1500 mengenai saran2 yang berbeda, tentu sajasalah satunya ada suara o-om.com hehehe *kacian deh suaranya gak laku wkwkwkw

Dari banyaknya suara yang diberikan, ternyata blogger benar2 mendengarkan apa yangkita diinginkan, walaupun sebenarnya pemberian tanggapan ini ditutup sekitar 2 hari lagitepatnya tanggal 14 mei 2009, ternyata blogger telah merespon beberapa aplikasi yangmungkin paling banyak diminati, kalo tidak salah ada sekitar 6 fitur yang sudahditanggapi langsung oleh pihak blogger, coba simak saja berita selengkapnya di bloggerbuzz

Salah satu fitur yang paling menarik perhatian saya tentu saja pada cara mengimportblog Wordpress ke Blogger. Mungkin ini aplikasi yang paling kita ditunggu2 selama ini ya.kalo dulu bisanya cuman import Blogger ke Wordpress nah sekarang sudahkebalikannya nih dimana kita juga bisa import Wordpress ke Blogger.

Caranya? langsung kunjungi alamat ini saja ya /wordpress2blogger.appspot.com


489


Publikasikan Template Blogger dan WordpressKreasi anda di O-OM.COM


Tuesday, May 12, 2009Rekan punya desain template made in sendiri namun mempunyai kendalamempublikasikannya? jangan kuatir , sekarang saya mencoba membantumempromosikannya langsung dengan melakukan review spesial di blog o-om.com.

Syarat dan ketentuan:

1. Template menggunakan platform Blogger atau Wordpress dan wajib memiliki previewdemo template yang sudah jadi.

2. Template harus buatan sendiri dan bukan template hasil creator lain.

3. Tema, Title dan Deskripsi template harus jelas dan tidak mengandung unsur SARAdan Pornografi.

4. Jika template hasil mengedit dari template lain, tolong tetap memasukan credit linksumbernya..

5. Template bebas o-om.com publikasikan ulang ditempat manapun.

6. Disarankan menulis sendiri deskripsi minimal 2 paragraf dari template yang akandipublikasikan.

7. Template yang dipublikasikan di o-om.com wajib dipasang link credit dengan titlePublished by: o-om.com

8. o-om.com berhak menolak, membatalkan dan menghapus review jika templatetersebut dirasa bermasalah.

9. GRATIS! tidak ada biaya sedikitpun yang harus rekan keluarkan :)

Ketentuan dan syarat dapat berubah sewaktu-waktu tanpa konfirmasi terlebih dahulu.

Tunggu apa lagi sobat :) segera kirim desain template terbaik kaliansekarang juga.Silahkan kirim via mail ke oom[at]o-om.com atau via private message di Facebook.thanks


Copy Style Blogger TemplateWednesday, May 13, 2009

490

PROOF


Template Design by Arry Eka Setiawan | www.blitarkita.com Copy Style BloggerTemplate merupakan template yang mengusung konsep minimalis. Didesain miripdengan tema Copyblogger untuk Wordpress, template ini memberi kesan elegan danbersih untuk blog Anda. Dengan tampilan yang putih, template ini sangat cocok untukblogger yang menjalankan photoblog, penyuka typography dan personal, karenatemplate ini mudah untuk dikustom.

Default template yang menggunakan 80% text dan koding CSS ini akan mempercepatload page blog dan karena itulah pengunjung akan nyaman dan tidak terganggu olehlamanya loading yang menyebabkan merek beralih dari blog Anda. Dalam Copy Stylesudah dipasang kode meta tag untuk judul, keyword dan deskripsi yang akan menjadikanblog Anda lebih bersahabat dengan search engine, terutama Yahoo. Standar BloggerHack yang sudah ditutorialkan oleh o-om seperti Numbering Comments, Highlight AuthorComment dan lain-lain sudah diterapkan dalam template ini. Dan yang penting, Andaakan mendapat full support dari Author.

Demo Site | Download

Berikut beberapa fitur dari Copy Style Blogger Template:

1. Favicon support.2. Numbering Comments

491



3. Highlight author comments4. SEO-friendly meta tags5. Emoticon Included6. Recent comments and recent posts7. Read More feature8. 125 x 125 ads section9. Built-in search box10.Social Bookmarking Buttons.11.Navigation Bar Ready12.RSS Ready13.Customizable style

Pengen hasil karya template anda direview di o-om.com? Silahkan simak caranya disini


Page Peel Efek menggunakan jQuery & CSSFriday, May 15, 2009Kalo tidak salah dulu saya pernah nulis tutorial tentang iklan bergaya Page Peel ya?coba buka arsip dulu...nah ketemu :) oh iya ternyata ada 2 tutorial berbeda yang pernahdi publish, yang pertama untuk tampilan menggunakan style Page Ear Javascript,trus..sama ini yang kedua Sexy Curls jQuery Plugin. Nah, buat rekan yang rada asingdengan istilah Page Peel, silahkan buka kembali arsip terdahulu pada kedua link diatasya.

Ok lanjut, nah kali ini saya menemukan Page Peel terbaru buatan Sohtanaka.comdengan koding yang tentu saja sangat berbeda dengan kedua Page Peel diatas,Sohtanaka tidak menggunakan setup koding yang rumit, jadi rekan tinggal langsungmemasangnya saja dihalaman blog. Walaupun masih ada sedikit yang harus diedit,itupun hanya sekedar mengubah tampilan gambar dan link tujuannya saja. Bila dilihatsekilas, untuk style tampilannya hampir sama saja, dimana ketika kita mengarahkanmouse pada area PagePeel ini, maka akan terlihat halaman menggulung layaknya andamembuka selembar kertas dan menemukan halaman lain dilembar sebaliknya. Lihatdemonya disini.

Cara Pasang:

Letakan script code jQuery dibawah ini diatas kode <b:skin><![CDATA[

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

492

PROOF


<script type='text/javascript'>$(document).ready(function(){//Page Flip on hover$("#pageflip").hover(function() {$("#pageflip img , .msg_block").stop().animate({width: '307px',height: '319px'}, 500);} , function() {$("#pageflip img").stop().animate({width: '50px',height: '52px'}, 220);$(".msg_block").stop().animate({width: '50px',height: '50px'}, 200);});});</script>

Kemudian letakan kode CSS dibawah ini diatas kode ]]></b:skin>

#pageflip {position: relative;right: 0; top: 0;float: right;}#pageflip img {width: 50px; height: 52px;z-index: 99;position: absolute;right: 0; top: 0;-ms-interpolation-mode: bicubic;}#pageflip .msg_block {width: 50px; height: 50px;overflow: hidden;position: absolute;right: 0; top: 0;background: url(http://img222.imageshack.us/img222/9213/subscribe.png) no-repeatright top;}

Letakan kode ini dibawah tag <body>

<div id='pageflip'><a href='http://feeds2.feedburner.com/namafeedkamu'><img alt='' src='http://img224.imageshack.us/img224/8315/pageflip.png'/>

493



<span class='msg_block'/></a></div>

Silahkan disimpan dan lihat hasilnya. Ingat! Tampilan diatas hanya sebagai contoh sajaya, rekan bisa mengganti gambar dan link tujuan apa saja sesuai keinginan. Silahkanlangsung dicoba :)


Perbaiki Posisi Ranking di Search Engine viaAutomatic BacklinksMonday, May 18, 2009

Automatic Backlinks menawarkan suatukonsep baru untuk bertuker link yangditujukan bagi para Blogger (bukanp l a t f o r m ) , W e b m a s t e r d a n S E O

Profesional. Dengan konsep sistem link exchange yang semuanya dilakukan secaraotomatis, layanan ini benar-benar memberikana kemudahan dalam hal tukar menukarlink dan mungkin cara ini salah satu cara terbaik untuk memperbaiki posisi Web/Bloganda dimata search Engine (SERP).

Automatic Backlinks yang saya ketahui bekerja berdasarkan "Link Credit", dimanasemakin banyak link yang anda tampilkan dihalaman anda, maka akan semakin banyakpula jumlah kredit yang anda peroleh, tentu saja imbasnya anda akan semakin banyaklagi mendapatkan jumlah backlink. Jika anda memiliki nilai Page Ranking yang cukuptinggi, ini tentu saja sangat menguntungkan, karena anda akan memperoleh lebih banyakCredit tentunya. Jika nilai Credit anda tidak terlalu mencukupi, jangan kawatir..andadapat membeli nilai Link Credit ini lagi, dimana untuk 1 link Credit dihargai sebesar $1(USD) dan sistem pembayaran bisa menggunakan PayPal.

Sayang sampai saat tulisan ini dipublish ternyata layanan ini belum mendukung untukPlatform Blogger. Namun anda jangan khawatir, karenaAutomaticBacklinks cukupberkerja dengan baik pada beberapa Platform diantaranya Wordpress, Joomla, Drupal,.Net dan PHP. Tunggu apalagi? yang penting layanan ini Gratis dan layak dicoba :)


494

PROOF


DMAGZ Personal Wordpress TemplateWednesday, May 20, 2009Kali ini dapat kiriman Template Wordpress dari rekan blogger Yoki Dhinata owner dariDhinata.com

DMAGZ PERSONAL adalah theme (tema desain) gratis untuk blog self hosting denganblog engine WordPress. Theme ini merupakan versi minimalis dari theme DMAGZ 2yang saat ini digunakan oleh Majalah Blog DHINATACOM. Berbagai fitur dan layoutdisesuaikan agar sesuai dengan kebutuhan blogger. Langkah pertama untukmenggunakan theme ini adalah silahkan BACA dokumen ini sampai habis sebelummenggunakannya pada blog Anda.

K a r e n a i n s t a l a s i c u k u p r u m i t ,DHINATACOM merekomendasikan themeini untuk pengguna WordPress tingkatmedium-advanced, tidak untuk pemula.

DEMO | Download via Ziddu | BOX

Kelebihan:+ Desain unik, rapi, dan modern ciri khasmajalah versi cetak+ Multibrowser. Dapat ditampilkan denganbaik pada browser modern seperti Firefox,

Opera, dan Internet Explorer. Tampilan terbaik adalah pada browser Firefox 3+.+ Mendukung penggunakan Gravatar untuk author dan komentator+ Mendukung engine WordPress 2.7++ Ada 10 Warna berbeda pada header dan judul artikel yang dapat berubah secaradinamis+ Tetap optimal untuk SEO+ GRATIIIIISSSSSSS :D+ Ada yang mau menambahkan?

Kekurangan:- Waktu load homepage mungkin akan lebih lambat bagi yang memiliki koneksi Internetlambat.- Instalasi theme bagi blogger newbie (pemula) mungkin akan cukup sulit karena harussedikit memodifikasi skrip PHP dan CSS sesuai dengan kondisi blognya. Tenang.. gaksusah banget kok :D- Tidak ada widget sidebar pada versi ini :)- Tidak ada slot banner pada versi ini, namun tetap dpt dibuat secara manual- Tag coding yang agak aneh hehehe.. harap maklum :)- Ada yang mau menambahkan?

CARA PENGGUNAAN1. Edit file [style.css] pada baris ke 12. Sesuaikan URL gambar background cover blogAnda. Gunakan gambar background dengan warna dasar gelap/tua dengan ukuran800x600 px, tidak boleh kurang/lebih. Usahakan ukuran file background tidak lebih dari

495



50 kb.2. Edit file [panelcover.php] pada baris ke 61-82. Sesuaikan URL kategori dan namakategori yang sesuai dengan blog Anda. Jika ada baris yang tidak terpakai silahkandihapus.3. Jika ingin menggunakan Google Analytics, letakkan skripnya pada file [footer.php]pada baris ke 12 dan [index.php] pada baris ke 67.4. Skrip widget/chicklet feedburner, feedblitz dan alexa dapat Anda letakan pada file[panel.php] dan [panelcover.php].5. Jangan lupa isi identitas Anda pada halaman profile di dashboard wordpress. Isisemua kotak termasuk "Biographical Info" karena deskripsi penulis akan ditampilkanpada halaman artikel (single.php).6. Masuk ke dashboard blog Anda, lalu telusuri halaman [Reading] yang ada padabagian [Setting]. Ganti pilihan [Blog pages show at most] menjadi 8. jangan lupa kliktombol [Save].7. Jangan menggunakan judul artikel yang terlalu panjang karena sedikit banyak akanberpengaruh pada desain template



ByTagg: Cara Mudah Men-Track Blog FavoriteAndaThursday, May 21, 2009

ByTagg bisa dikatakan sebagai solusi terbaru yang berguna untuk mempermudah kitamem-follow halaman blog favorite. ByTagg juga dilengkapi dengan berbagai fiturfungsionalis yang yang memiliki kemampuan sebagai Feed Reader, Twitter Reader dandapat juga digunakan sebagai Search Engine. Setiap kali kita melakukan pencarian,maka setiap kata kunci yang digunakan akan simpan dalam tag tertentu, cara ini tentusaja untuk mempermudah kita melakukan pencarian dilain waktu.

496

PROOF


Selain itu jika kita memiliki alamat blog, ByTagg dapat kita manfaatkan sebagai caraefektif untuk beriklan. Dimana tools ini juga memiliki fitur program Affiliate. Caranya kitatinggal memasang saja kode pilihan Link atau Banner yang sudah disediakan. Ok nyalagi kita juga diperbolehkan memasang iklan banner dengan size gambar 234x60.

Untuk saat ini ByTagg telah tersedia pada Sistem Operasi Windows, kemungkinan yangakan datang tersedia juga untuk Linux dan MAC.

Silahkan Download langsung Aplikasi ByTagg disini http://download.bytagg.com


Website Monitoring yang handal viaBinarycanary.comWednesday, May 27, 2009BinaryCanary.com merupakan layanan khusus yang menawarkan cara terbaik bagi andayang memerlukan sistem website monitoring yang cukup handal. Layanan yang dikemasdalam satu paket monitoring all in one ini sangat berguna bagi anda serius dalammemantau segala hal yang berhubungan dengan website terutama jika anda inginmendapatkan laporan secara berkala jika status server anda mengalami Downtime danUptime.

497



Mungkin ini alasan utama mengapa anda harus memantau situs dalam rangka menjagakredibilitas pada setiap kunjungan. Solusi dari Binary Canary benar-benar menawarkanpilihan menarik untuk mengurangi status downtime hampir ke titik nol. Laporan demilaporan dalam bentuk statistik akan anda terima secara berkala, sehingga anda dapatmempelajari lebih lanjut dan mengurangi jika situs anda mengalami Downtime.

Cara kerja layanan ini sebenarnya sederhana, selain memiliki fasilitas Alert messagepada pilihan laporannya, anda hanya perlu memilih layanan apa saja yang akan inginanda monitoring, melakukan sedikit konfigurasi dan setelah itu menentukan siapa sajayang berhak menerima laporan. Pesan Alert message ini bisa dikirim melalui Email,SMS, SMS Gateway dan Phone Call (Cooming Soon).

Bisa disimpulkan layanan website monitoring ini sangat membantu bagi pemilik websitedan operator. Jadi tunggu apa lagi, walaupun aplikasi ini berbayar senilai $5/bulan andamasih bisa kok mencoba versi gratisnya :)


Minima Green Fragmentary Blogger LayoutThursday, May 28, 2009Kali ini dapat kiriman Template Blogger dari rekan Aris Asmara owner dari Optimasi-blog.blogspot.com

Template blogger ini merupakan hasil pengeditan dari template Minima. Ditampilkanberwarna hijau (green) dan bagian konten tetap dipertahankan dengan warna putih.Yang membuat unik template ini adalah elemen posting, komentar dan sidebar terbagidalam bagian yang terpisah-pisah (fragmentary), dimana elemen sidebar dimodifikasimenjadi 3 kolom. Dari penjelasan di atas, maka tidak salah apabila template blogger inidiberi nama "Minima Green Fragmentary".

Minima Green Fragmentary memiliki struktur padat, sehingga memudahkan anda untukmemasukkan berbagai widget/gadget dari berbagai posisi elemen. Pengguna templateini juga sedikit memerlukan keahlian untuk mengatur keserasian serta keseimbanganperataan widget/gadget, terutama pada sidebar yang memiliki 2 kolom.

498

PROOF


DEMO | Download

Support Template Minima Green Fragmentary:

1. Meta tags SEO friendly (o-om)2. Favicon included (o-om)3. Horizontal Navigation plus Search box (kang rohman)4. Readmore + Title Post included (o-om + kang rohman)5. Emoticon (o-om)6. Highlight author comment (o-om)7. RSS reader and email included8. Penomoran Label dengan icon & bergaris bawah putus-putus ready (o-om)9. Google translate10. Recents posts and Recents Comments (o-om)11. 125 x 125 ads banner (o-om)12. Follower13. Bottom widget 3 column ready (o-om)14. Bottom animation include15. Sidebar 3 column16. Uncustomizable font and color17. Zoom image style + show image text include18. Click the label showing the post title only (o-om)19. Dropcaps (Huruf besar awal posting) include (kang rohman)



499



Penghitung jumlah kata (Word Count) buat maenPaid ReviewTuesday, June 02, 2009Yang suka maen Paid Review pasti pernah mengalami status penolakan (reject) padaartikel hanya karena masalah sepele, salah satunya cuman masalah dalammengkalkulasikan minimal jumlah kata (Word Count). Kadang masalah minimnya jumlahkata/huruf ini bisa jadi serius juga lho..kan rugi udah capek2 nulis tapi ujung2nya cumandireject hehehe. Masalah lain yang mungkin terjadi biasanya kesalahpahaman antarakita (pengguna jasa) dengan penyedia jasa Content Writer yang memang menghitungpembayaran berdasarkan jumlah kata/huruf. Nah agar tidak terjadi lagi kesalahpahaman,saya coba menyediakan tool sederhana yang mungkin berguna untuk mengkalkulasikanbanyaknya jumlah kata dalam tulisan.

Silahkan masukan tulisan yang ingin dikalkulasikan:

Kata

Catatan: perlu diketahui cara kerja tool diatas menghitung berdasarkan jumlah spasi, jaditetap perhatikan untuk letak spasinya ya, hindari terjadi double spasi.

Yah..walapun sederhana tapi cukup membantu khan, jangan lupa di Bookmark ya siapatau setiap saat berguna :)


Peluncuran Blog Baru Zoomtemplate.Com (Beta)Thursday, June 04, 2009Beberapa hari yang lalu saya sempat menyampaikan informasi di status Facebookbahwa dalam waktu dekat akan ada peluncuran blog terbaru dari saya. Dari statustersebut ternyata banyak juga yang merespon dan penasaran kira2 blog apa itu ya yangbakal saya luncurkan hehehe. Ok, saya jelasin dikit, sebenarnya blog ini dibangunsebagai Blog Template Gallery yang bertujuan untuk menampung Template buatan sayasendiri maupun template yang sudah dikirimkan rekan blogger lainnya kepada saya.Sebenarnya sudah dari kemaren sih pengen cepat di lounching, berhubung masihbanyak kurang ini dan itu makanya baru sekarang bisa di posting. Terus terang blog inibaru 70% selesai, jadi belum begitu sempurna dimata saya. yah namanya juga bloggertetap aja gatal mau cepat dipamerin hehehe

Yang jelas blog ini platform-nya masih menggunakan blogger kok, dan yang palingmembuat saya senang karena ada keberhasilan menanamkan teknololgi terbaru dimanadengan teknologi terbaru ini ternyata dapat membagi style postingan berdasarkan labeltertentu, jadi antara artikel khusus tutorial dan yang khusus show template akan berbedatampilannya. Saya juga memasang fasilitas Star Ratings pada setiap pilihan templatebiar lebih mudah untuk memberikan penilaian. Berhubung masih dalam tahap uji cobamungkinmasih banyak kekurangan..tetap ditunggu ya versi finalnya..dan jangan lupa

500

PROOF


segera publikasikan template rekan disini karena akan di segera dipajang pada TemplateGallery.

Silahkan sambangi aja langsung di Zoomtemplate.com

Silahkan berimasukan kritik membangun dan saran disana ya. saya sangat menghargaisekali apapun masukan rekan semua. thanks


Menampilkan Gambar Transparan, MouseoverEffectMonday, June 08, 2009Ini maksudnya apa ya? ok, dari pada saya jelasin panjang lebar coba rekan lihat dulusamplenya di zoomtemplate.com, kalo sudah coba sekarang arahkan mouse ke gambaryang ada dihalaman postingan..nah disitu rekan akan melihat efek dimana gambar yangsemula terang akan menjadi redup atau bisa juga sebaliknya dari redup menjadi terangketika dilewati mouse. Mungkin sudah cukup jelas maksudnya ya, langsung aja kebahasan selanjutnya :)

Cara kerja efek gambar transparan diatas tidak begitu sulit, yang kita perlukan hanyamemanfaatkan properti CSS Image Opacity. Namun sebelumnya perlu juga diketahuiproperty CSS opacity sebenarnya tidak termasuk dalam standar CSS, dimana propertyini hanya bekerja dengan baik pada beberapa web browser modern saja.

Contoh mouseover effect dari redup ke lebih terang (diset langsung dalam gambar)

<img src="Url lokasi simpan gambar" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Contoh mouseover effect dari terang ke redup (diset langsung dalam gambar)

501



< i m g s r c = " U r l l o k a s i s i m p a n g a m b a r " b o r d e r = " 1 "s t y l e = " o p a c i t y : 1 ; f i l t e r : a l p h a ( o p a c i t y = 1 0 0 ) "onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

Mungkin agak ribet juga ya jika setiap image harus diset satu-persatu nilainyapropertinya, nah agar setiap postingan rekan langsung memilik efek ini secara otomatis,bisa langsung menambahkan kode CSS ini:

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

Setahu saya Firefox biasanya menggunakan property opacity:x untuk melakukantranparancy, berbeda dengan IE yang menggunakan filter:alpha(opacity=x). PadaFirefox opacity:x nilai pada x dapat diisi dengan value antar 0.0 -1.0 sedangkan pada IEfilter:alpha(opacity=x) nilai x antara 0-100.

Breaking News: zoomtemplate.com sudah mencapai tahapan final, untuk desaintemplate sengaja saya buat khusus dengan memasang berbagai efek istimewa danbeberapa teknik koding yang masih jarang digunakan di template yang ada selama ini.Semoga cepat kelar ya..dan ditunggu juga untuk sumbangan template rekan lainnya.thanks


Animasi gambar Opacity menggunakan jQuerySunday, June 14, 2009Postingan kali ini sebenarnya cuman memperbaiki tutorial sebelumnya mengenaitranparansi gambar menggunakan CSS Opacity. Kok memperbaiki, emang ada yangsalah ya? sejujurnya gak ada kok, masalahnya hanya pada tampilan di browser..dimanaCSS opacity ternyata kurang begitu berjalan dengan baik pada beberapa browser versijadul, salah satunya di IE6. Selain itu efek animasi yang ditampilkan juga kurang begitumantap dan terlihat kasar. Nah sayang banget tuh punya efek animasi gambar yang oktapi gak support di browser lawas, untuk itu kali ini saya coba mengenalkan efek animasi

502

PROOF


yang lain menggunakan Opacity via jQuery.

Efek blur tranparansi yang ditampilkan menggunakan Opacity jQuery ternyata lebih halusjika dibanding dengan Opacity CSS, dan sepertinya juga support di semua browser,asalkan pada browsernya tetap mengaktifkan Enable Javascript lho ya hehehe. Untukmelihat contoh efek gambar yang dihasilkan jQuery silahkan langsung aja ke Blog barusayaFree Blogger Templates Gallery.

OK, langsung ke tutorial saja ya...

Buka halaman Edit HTML kemudian letakan script dibawah ini di bawah kode]]></b:skin>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

<script type='text/javascript'>$(document).ready(function(){$(".efekanimasi").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade downto 30% when the page loads$(".efekanimasi").hover(function(){$(this).fadeTo("slow", 0.6); // This should set the opacity to 100% on hover},function(){$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout});});</script>

Contoh manual memasang efeknya pada gambar :

<img class="efekanimasi" src="url alamat gambar"/>

Sebenarnya ada cara lain yang lebih mudah dimana kita bisa langsung mengaktifkanefek gambar ini disemua image pada halaman posting. Caranya, copy paste aja scriptdibawah ini, dan letakan saja dibawah kode ]]></b:skin> atau dibawah script yang sudahkita masukan sebelumnya.

<script type='text/javascript'>$(document).ready(function(){$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to

503



30% when the page loads$(".post img").hover(function(){$(this).fadeTo("slow", 0.6); // This should set the opacity to 100% on hover},function(){$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout});});</script>

Good Luck :)


Memasang Widget Recent Post + (Thumbnailsdan Comment Count)Tuesday, June 16, 2009Beberapa rekan mungkin sudah ada yang pernah memasang Widget Recent Post +Thumbnails+ Comment Count ini ya, bagi yang belum pernah tidak ada salahnyamencoba memasang widget cantik ini yang saya ketahui pembuatnya bernama Kranti,yaitu owner dari Bloggertriks.com. Kalo tidak salah dulu saya pernah juga menulistentang Recent Posts menggunakan Javascript, tapi yang terbaru ini rada beda, dimanawidget ini tidak hanya menampilkan recent post doank, tetapi juga dilengkapi denganpenambahan fasilitas gambar dan juga jumlah komentar. Silahkan lihat samplenya dizoomtemplate.com

Ok tanpa banyak omonk langsung ke tutorial saja yoooo.

Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste aja semuakode dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tabLayout - Page Elements - Add a Gadget - pilih HTML/javascript)

<script language="JavaScript">imgr = new Array();imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;boxwidth = 298;cellspacing = 8;borderColor = "#ffffff";bgTD = "#000000";thumbwidth = 40;thumbheight = 40;fntsize = 12;

504

PROOF


acolor = "#666";aBold = true;icon = " ";text = "comments";showPostDate = false;summaryPost = 40;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 5;home_page = "http://schemar-mag.blogspot.com/";</script><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js"type="text/javascript"></script>


boxwidth - Ukuran Lebar Widgetcellspacing - Spasi diantara cellsborderColor - Warna Borderthumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnailsfntsize - Ukuran Font pada titleacolor - Warna titleaBold -Tebal huruf pada title? (true or false)numposts - Jumlah recent post yang ditampilkan?home_page : http://NAMABLOGKAMU.com/ (Ubah sesuai URL blog masing2)


byTagg sekarang mendukung Bahasa IndonesiaThursday, June 18, 2009

ByTagg merupakan salah satu tool favorite saya dalam urusan Rss Feed Reader danTwitter Reader, karena tools ini begitu mudah digunakan serta terbilang sangat cepatdalam prosesnya. Untuk byTagg sendiri sebenarnya sudah pernah saya ulas padatulisan terdahulu, yang belum baca silahkan bisa buka arsip sebelumnya disini. Dilaincerita, saya sendiri sebenarnya memang ada keterkaitan kerjasama dengan byTagg, danhari ini byTagg resmi dengan dukungan bahasa indonesia untuk mempermudah kitamenggunakan aplikasi ini. Dalam hal ini saya sendiri yang bertindak sebagai translator.

505



Buruan download disini.

Mungkin rekan berpikir kenapa harus menggunakan byTagg ya? terus terang tools inimerupakan salah satu penyumbang Adsense dan trafik besar buat saya, karena byTaggsendiri memiliki jenis program affiliasi yang terbilang unik. Bila beberapa jenis affiliasimembayar kita untuk setiap kali mereferensikan produk kepada orang lain, byTaggberbeda, kita dapat keuntungan dengan cara merefer tools ini kepada orang lain yangmendownload langsung melalui link kita. Sebagai imbal baliknya, kita dapat memasangiklan apa saja pada tools ini, bisa berupa link Banner maupun Andsense. Semakinbanyak download melalui link affiliasi kita, semakin banyak user yang menggunakanbyTagg, tentu akan semakin maknyus hasilnya hehehe

Oh iya, untuk yang akan datang situs byTagg akan hadir juga dalam bahasa indonesiadan rilis byTagg yang terbaru juga akan dilengkapi dengan fasilitas show image padaTwitter, silahkan follow saja twitter byTagg disini

Special thanks for Bruno Kilian


Mohon do'a restu dalam pernikahan kami..Wednesday, June 24, 2009

Teman-temanku, rekan sahabat dan semua sodaraku. Dengan memohon Rahmad danRidho Allah SWT, kami (Agus & Lulu) bermaksud menyelenggarakan Akad Nikah danResepsi Pernikahan yang insya allah akan dilaksanakan pada:

Akad Nikah

Hari Sabtu Pon, 04 Juli 2009Pukul 08:00 WIBBertempat di Jl. Aryojipang No.7 Ds. Janar, NglanjukCepu - Blora - Jawa Tengah

Resepsi Pernikahan

506

PROOF


Hari Sabtu Pon, 04 Juli 2009Pukul 13:00 WIBBertempat diBallroom 'Mega Bintang Sweet Hotel"Jl. Ronggolawe No.103Cepu - Blora - Jawa Tengah

Merupakan suatu yang sangat mulia bagi kami atas do'a restu dari rekan-rekan semua.Untuk itu kami mengundang rekan-rekan agar berkenan bisa menghadiri acarapernikahan kami. Atas kehadiran rekan sekalian kami ucapkan terima kasih.

Lihat juga blog pre Wedding kami di wedding.agusramadhani.com


My WeddingFriday, July 24, 2009

Alhamdulillah atas seijin Allah SWT pernikahan sayakemaren 04 juli 2009 berjalan dengan lancar. Untukberbagi kebahagiaan saya cuma bisa menyampaikanmomen indah ini lewat media photo saja ya hehehe.Moga2 saja rekan yang belum menikah cepat menyusul:DPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free BloggerTemplates | Zoom Application | Digital technology

507



SimplePassword: Cara unik membuat danmengingat passwordTuesday, July 28, 2009Apa saja yang berhubungan dengan password sudah barang tentu sesuatu yang sangatprivasi dan rahasia khan? saya yakin rekan sudah menggunakan kombinasi terhebatuntuk menentukan password. Saking hebatnya merangkai password, membuat kitasendiri kadang lupa untuk mengingatnya. Tidak masalah bila kita hanya menggunakansatu password untuk banyak layanan, tapi bakal lain cerita nih kalo setiap layananmenggunakan password tersendiri hehehe

Simplepassword merupakan salah satu layanan unik yang memudahkan kita membuatsekaligus menjadikannya mengingat password. Cara kerja layanan ini menurut saya radaaneh dan terbilang unik dimana kita hanya perlu mengingat satu Master password saja.Kemudian dari satu master password ini kita dapat menghasilkan password lain yangberbeda untuk setiap layanan. Sebagai contoh kita menyimpan password berbeda untukgmail.com, facebook.com dan yahoo.com disini yang kita perlukan hanya nama situs dansatu master password saja. Selanjutnya biarkan simple password yang bekerja menjadimengingat password kita, mudah khan :)

Oh iya saya tidak begitu jelas juga seberapa kuat kombinasi password dan mode enkripsiyang dibuat dengan layanan ini, jika masih ragu kita dapat mengeceknya denganlayanan passwordmeter.com selamat mencoba aja ya :)


508

PROOF


FiveFilters: Konversi RSS FEED ke PDF KoranDigitalTuesday, July 28, 2009Sebenarnya judul diatas lebih pasnya menggunakan title "RSS to PDF Newspaper" tapiya gak masalah khan, yang penting maksudnya ya gitu, sama aja hehehe. Nah kali inisaya mencoba memberikan info menarik dimana kita dapat melakukan konversi RSSFeed kedalam format PDF dengan tampilan ala Surat Kabar (koran). Untuk mencobanyasilahkan kunjungi saja langsung Fivefilters.org dan yang kita dibutuhkan cuman alamatUrl RSS Feed blog/Site saja, lalu tekan Create PDF dan koran digital sudah siapdipublikasikan :D

Ups hampir lupa, kalo tidak salah setahun yang lalu saya pernah juga membahaslayanan sejenis yang mir ip sekal i dengan yang sekarang menggunakanFeedJournal.com, coba buka saja arsip lama saya disini .


Seberapa bagus posisi blog anda di Searchengine? cek saja dengan I...Thursday, July 30, 2009Mengapa anda harus membayar $200 - $500 untuk layanan yang sama jika anda bisamendapatkannya secara gratis?

Kalimat diatas itutuh yang membuat saya tertarik mencoba tools SEO dariInstantRankMeter, ya terang saja, tau sendirikan tools SEO yang berkualitas harganyapasti menguras kocek. Nah dengan Instant Rank meter sepertinya membuat tugasanalisa blog/situs anda jadi semakin mudah saja, dimana layanan ini akan memberikangambaran umum mengenai data statistik yang lengkap dan bagaimana kinerja blog andapada 3 search engine besar Google, Bing dan Yahoo!. Sebagai contoh, anda bisamelihat hasil analisa tool SEO ini disini

Cara menggunakan layanan ini juga tidak sulit, yang perlu di lakukan adalahmengetikkan alamat blog/situs dan kata kunci yang terkait, dan anda tidak hanya akanmenerima laporan berupa statistik website anda, tetapi juga pada dua laporan daripesaing anda, ini yang membuat informasi akan lebih menarik. Selamat Mencoba saja :)


509




Mudah membuat logo dengan SupalogoMonday, August 03, 2009

Supalogo merupakan salah satu dari sekian banyak logo maker yang memudahkan kitauntuk membuat logo secara instant. Mungkin layanan online inilah cara termudah bagikita yang tidak terlalu jago menggunakan aplikasi pengolah gambar. Apalagi jika kitahanya ingin membuat logo yang berhubungan dengan nama pribadi, perusahaan ataunama blog, mungkin layanan inilah sebagai solosinya.

Satu hal yang perlu dilakukan untuk menciptakan logo adalah dengan cara memasukkanbeberapa text, kemudian memutuskan pada salah satu dari parameter yang berbedaseperti font, size, warna atau transparansi, dan kita akan mendapatkan logo hanya dalambeberapa detik. Silahkan dicoba aja dah :)


Membuat Mini Post atau Mini Artikel diBloggerThursday, August 06, 2009

510

PROOF


Sudah lama juga ya gak nulis tutorial, abis bingung mo nulis apalagi karena hampirsemua tutorial blogger sudah saya bahas semua di blog ini. Nah tadi barusan ingat kalobeberapa waktu lalu banyak yang nanyain saya gimana cara menampilkan postingberbeda untuk setiap label tertentu? mungkin rekan yang sering berkunjung kezoomtemplate.com sudah mengerti maksud saya ya, kalo belum silahkan lihat contohnyadengan mengklik link Older Posts sampai ketemu perbedaannya. Atau bisa lihatcontohnya di http://tweets.o-om.com

Mini Post atau Mini Artikel ini sebenarnya cara lain menampilkan berita singkat dimanastyle post yang ditampilkan akan berbeda dengan posting sebenarnya. Minipost ini akantampil sesuai dengan label atau kategori khusus..jadi untuk menampilkan setiap Minipost kita hanya cukup menentukan labelnya saja. Sebenarnya cara membuat mini postini saya temukan dari salah satu blogger quiterandom.com silahkan dipelajari disana bilaingin lebih jelasnya :)

1. Masukan kode dibawah ini dalam deretan kode CSS

.minipost.home {background: #fff; font: normal 12px 'Arial', sans-serif; padding:5px;border:1px solid #c0c0c0}.minipost.home .date {color: #000; font-size: 10px; font-weight: bold; text-transform:uppercase;}.minipost.home .body {padding: 5px 0;}.minipost.home .meta a {color: #990000; font-size: 10px; font-weight: bold; text-transform:uppercase;}.minipost.item {background: transparent;}.minipost.item .date {margin:1.5em 0 .75em; font:normal normal 78% 'TrebuchetMS',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:uppercase;

511



letter-spacing:.2em; color:#999999;}.minipost.item .title {margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#cc6600;}

2. Kemudian cari kode <b:loop values='data:posts' var='post'> lanjutkan lagi denganmemasukan kode warna pink yang pertama. Kalo sudah masukan lagi kode warna pinkyang kedua dibawah kode <b:include data='post' name='post'/>

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'><b:if cond='data:label.name != "minipost"'>

<b:if cond='data:post.dateHeader'><h2 class='date-header'><data:post.dateHeader/></h2></b:if><b:include data='post' name='post'/>

<b:else/><b:include data='post' name='minipost'/></b:if></b:if></b:loop>

<b:if cond='data:blog.pageType == "item"'><b:include data='post' name='comments'/></b:if><b:if cond='data:post.includeAd'><data:adEnd/><data:adCode/><data:adStart/></b:if><b:if cond='data:post.trackLatency'><data:post.latencyJs/></b:if></b:loop>

3. Langkah ke tiga cari kode berikut <b:widget id='Blog1' locked='true' title='Blog Posts'type='Blog'> Kemudian sisipkan semua kode dibawah ini dibawah kode diatas

<b:includable id='minipost' var='top'>

<b:if cond='data:blog.pageType != "item"'><div class='minipost home'><div class='date'><data:post.dateHeader/></div><div class='body'><data:post.body/><div class='clear'/></div><div class='meta'><a expr:href='data:post.url'>Read More</a> |

512

PROOF


<a expr:href='data:post.url + "#comments"'><data:post.numComments/> comments</a><b:include data='post' name='postQuickEdit'/></div></div>

<b:else/>

<div class='minipost item'><div class='date'><data:post.dateHeader/></div><div class='title'><a expr:href='data:post.url'><data:post.title/></a></div><div class='body'><data:post.body/><div class='clear'/></div><b:include data='post' name='postQuickEdit'/></div></b:if>

</b:includable>

4. Buat satu postingan dengan label "minipost", silahkan dicoba aja dulu :)


Informasi Pasang Iklan (Advertise)Monday, August 10, 2009Kenapa harus beriklan di o-om.com?

o-om.com saat ini tercatat memiliki Google Pagerank (PR3), pengunjung sekitar 2000+visitor dan 6000+ pageviews perharinya, tercatat juga memiliki sekitar 6400+ pembacasetia via Feedburner dan 1500+ via FeedBlitz dan ini sungguh angka yang terbilangspecial untuk blogger indonesia, Selain itu tercatat juga 4300+ Blogger Follower, 2300+Mybloglog Follower dan o-om.com juga tercatat memiliki ranking Alexa sebesar 20.000-,kemungkinan data statistik ini tentu saja akan terus meningkat sesuai denganberjalannya waktu.

Penawaran Space Iklan/Review:

Banner Size 125 x 125

Letak: Sebelah kanan Sidebar

Harga: Rp 99.000,- / Bulan

513



Spesial Review:

Anda yang menulis: Rp.400.000,-

Saya yang menulis: Rp.500.000,-

Plus Bonus Banner Size 125 x 125 (selama 1 Bulan)

Peraturan:

• Bukan konten Pornografi maupun SARA dan Provokasi.• Desain Banner dibuat sendiri oleh pemasang iklan.• Setiap bulan hanya bisa ganti link iklan atau desain banner sebanyak 1 kali.• Link/URL yang berkaitan dengan Referral atau Afiliasi produk lain akan berstatus

NoFollow, kecuali Link/URL tersebut milik pribadi pemasang iklan itu sendiri.• Materi iklan sepenuhnya merupakan tanggung jawab pemasang iklan, o-om.com

tidak bertanggung jawab terhadap kritikan atau tuntutan atas materi iklan.• Untuk harga dan peraturan dapat berubah sewaktu-waktu tanpa konfirmasi terlebih

dahulu (kecuali bagi pemasang iklan)Pembayaran:

Untuk saat ini hanya menerima pembayaran melalui transfer bank dan Paypal. Silahkankirimkan pembayaran Anda sesuai dengan biaya iklan di atas ke salah satu rekeningberikut ini:

Bank Mandiri cab. Yogyakarta AdisuciptoNo. Rek: 1370004452211A/N: Agus Ramadhani

Bank BCA cab. Urip SumohardjoNo. Rek: 4560707911A/N: Agus Ramadhani

Memuat...Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

PipmTheFace: Kesulitan membuat karikaturwajah? ini solusinya.Wednesday, August 12, 2009Pasti pernah khan melihat gambar wajah seseorang yang dipajang dibeberapa tembokdan papan pengumunan yang salah satunya bisa berupa informasi orang hilang.Mungkin kita mengira gambar tersebut hanyalah sebuah oret-oretan yang dibuat olehseseorang yang mempunyai keahlian khusus dan memiliki daya imajinasi dimana diabisa menuangkan suatu gambaran tak kasat mata dari pemikiran manusia lainnya lalumenuangkan pemikiran tersebut kedalam sebuah sketsa.

514

PROOF


Membuat gambaran umum mengenai sketsa karikatur wajah seseorang tentu sangatlahsulit bagi yang belum berpengalaman, tapi tidak jika kita menggunakan layanan dariPipmTheFace, layanan inilah yang memungkinkan kita membuat custom karikatur wajahmenjadi lebih mudah. Kita bisa mendesain wajah apa saja termasuk wajah sendiri, pacaratau siapa saja termasuk orang hilang. Selain itu, layanan dengan tehnik drag n drop inijuga menyediakan kemudahan, karena beberapa item dari wajah sudah disediakansangat lengkap mulai dari mata, alis, hidung, telinga, jenggot, rambut dan bentuk wajah.Dimana kreativitas kita sendirilah yang sangat menentukan hasilnya. Selamat mencobaaja ya :)


MazeCore: Cara mudah memonitor posisikeyword.Thursday, August 13, 2009

Layanan MazeCore mungkin bukan yang terbaik, tapi paling tidak layanan spesialismonitoring keyword ini gratis :). Untuk rekan yang ingin memantau posisi keyword padatiga search engine terkenal sekaligus seperti google, bing dan yahoo sepertinya aplikasiini menjadi pilihan yang menarik. Cara menggunakan aplikasi ini juga tidak sulit, yangkita perlukan hanya mendaftar, kemudian memasukan alamat blog dan keyword yang

515



ingin di monitor.

Selain berfungsi sebagai monitoring keyword, layanan ini juga memiliki pesan alertsebagai pemberi laporan (report) yang akan dikirim langsung ke alamat mail, kita tinggalmemilih 3 pilihan untuk hasil laporan, bisa harian, mingguan dan bulanan. Selamatmencoba aja :)


Agar terindex di Bing Search EngineTuesday, August 18, 2009Pasti sudah pada taukan Search Engine terbaru besutan dari Microsoft yang diberi namadengan Bing.com. Bing yang saya ketahui sampai saat ini merupakan hasil kolaborasidari 2 perusahaan maha besar antara Microsoft dan Yahoo. Tentu saja bing berpotensimenjadi pesaing terberat Google, jadi tidak menutup kemungkinan bing bisa saja menjadimesin pencari utama kita nantinya. Ah tapi biarlah siapun yang menjadi pemenangnyatidak terlalu penting, yang jelas, saat ini kita sebagai blogger berusaha saja bagaimanamemposisikan Blog kita menjadi urutan teratas pada semua search engine hehehe yahpaling tidak terindex saja sudah cukup :)

Cara Submit URL ke Bing

Agar blog terindex di bing caranya sangat mudah, kita hanya menuju ke alamat ini sajahttp://www.bing.com/docs/submit.aspx, Silahkan masukan saja langsung alamat blog dankode verifikasi.

516

PROOF


Cara Authentikasi Meta tag dan Submit URL di Bing

Untuk lebih meningkatkan spider bing aga bisa mengcrawl dan mengindexs Meta Tagblog anda. Silahkan kunjungi langsung Bing Webmaster http://www.bing.com/webmaster,untuk bisa melakukan beberapa setting anda harus terdaftar dulu di Bing.com

Web Address: masukan nama blog (contoh:www.o-om.com)

Si temap address: www.bing.com/webmaster /p ing.aspx?si teMap=www.o-om.com/atom.xml (saya masih belum jelas juga sitemap dengan atom.xml bisa bekerjadengan baik apa tidak)

Meta tag authentication -> masukan kode authentication di halaman html blog kitamasing-masing, biasanya kode ini diletakan di bawah kode <head>

Menurut sepengatahuan saya, blog yang sebelumnya sudah pernah terindex di MSNSearch juga berpotensi terindex di Bing.com jadi silahkan dicek saja dengan langsungmemasukan URL blog.


Marhaban ya Ramadhan...Friday, August 21, 2009Marhaban ya Ramadhan...Selamat Menunaikan ibadah puasa buat semua muslimin,semoga amal dan ibadah kita lebih ditingkatkan di bulan yang penuh berokah ini. Amin

مايقلاو مايصلا ىلع انعاو ،ناضمر رهش انغلبو ،نابعشو بجر يف انل كراب مهللاشطعلاو عوجلا هنم انظح لعجت الو ،رصبلا ضغو ناسللا ظفحو

"ALLOHUMMA BARIKLANA FI RAJABA WA SYA'BAN WA BALLIGHNA RAMADHAN"Ya Alloh, berkahi kami di bulan Rajab dan Sya’ban, dan sampaikan kami ke bulanRamadhan. Bantulah kami untuk melaksanakan puasa, melakukan shalat malam,

517



menjaga lisan dan memelihara pandangan; dan jangan jadikan puasa kami hanyasekedar lapar dan dahaga. (Kitab Mafatihul Jinan)

Mohon Maaf kalo ada salah dan khilaf..


RedAnyWay: Menjaring pengikut untukmeningkatkan trafik blogSaturday, August 22, 2009

Sebelum mencoba layanan ini saya sempat berpikir juga, kira2 apa bedanya ya layananRedAnyWay dengan follower dan GFC-nya blogger. Dari sisi fungsi jelas kedua layananini hampir sama sebagai penjaring pengikut (follower). Nah kalo gitu ngapain harus makelayanan ini khan? Ups, tapi tunggu dulu, setelah saya mencobanya ternyata fiturnyamenarik juga lho :)

Mungkin rekan sudah penasaran apa saja kelebihan dari layanan RedAnyWay ini? oksaya coba jelasin secara singkat. Layanan RedAnyWay menggunakan Facebook danTwitter sebagai account login mereka, ini sangat berbeda dengan GFC dan Followeryang tidak mensupport sistem login tersebut. Selain itu ada beberapa kelebihan lain yangdimiliki layanan ini dimana layanan RedAnyWay memiliki fungsi Auto Post yang secaraotomatis akan mentrack semua postingan terbaru, lalu mengirim pesan tersebutlangsung ke status Twitter dan Facebook. Mungkin tehnik inilah yang dimaksudpengembang agar pengguna tidak harus bekerja dua kali bila hanya ingin memberikaninfo status terbaru diblog mereka.

Nah kesimpulannya terserah pada rekan saja memilih dari layanan follower blogger ataumenggunakan RedAnyWay. Toh layanan ini juga bagus kok sebagai alternatif penggantiwidget follower. Siapa tau saja trafik yang dihasilkan lebih bagus ketimbang widget yang

518

PROOF


sekarang rekan gunakan. So, silahkan dicoba aja dulu..kalo gak ngefek pada trafik yatinggal hapus aja hehehehe


Membuat Kartu Nama Online via CardXCMonday, August 24, 2009CardXC memungkinkan kita membuat halaman profil online dengan banyak fitur. Denganlayanan ini tidak mustahil kita akan dipermudah mendesain kartu namaonline denganintuitif. Dan akhirnya kartu nama kita kemudian dapat dilihat, dicetak atau disimpansebagai vcard oleh siapa pun. Baik untuk merek pribadi ataupun untuk bisnis.

Ini contoh kartu nama online saya http://cardxc.com/ooms/blogger-444

Fitur yang ditawarkan untuk membuat kartu nama online via CardXC juga terbilanglengkap, mulai dari pilihan text, font, frame dan upload gambar. Ups satu lagi yangmengejutkan saya, ternyata layanan CardXC ini kemungkinan merupakan hasil karyaanak bangsa, tapi entah, saya juga tidak jelas siapa pembuatnya :) ayooo yang merasamemiliki layanan ini bisa unjuk jari di kolom komentar. thanks


Menampilkan Label Cloud di BloggerWednesday, August 26, 2009

519



Jika sebelumnya blogger hanya menyediakan label dalam bentuk daftar bullet, namunsekarang sepertinya sudah ada penambahan fasilitas baru lagi dimana sudahtersedianya widget label Cloud (awan). Ini dapat rekan lihat langsung pada widget labelmasing-masing. Setelah diaktifkan, label yang lebih populer muncul dalam font yanglebih besar daripada label yang kurang populer.

Pilih Label - Fasilitas lain yang ditambahkan pada label yaitu kita dapat memilih denganmenyeleksi label mana saja yang ingin ditampilkan.

Info selengkapnya baca di http://buzz.blogger.com


Berbagi lewat Navbar bloggerSaturday, August 29, 2009

520

PROOF


Mengamati perkembangan blogger sepertinya tidak akan ada habisnya, dihari jadiblogger yang ke 10 tahun ini terlihat blogger semakin berbenah diri dan terus sajamemperbaiki platform andalan mereka. Jika sebelumnya blogger menambahkan fiturterbaru pada label dengan style label cloud, kali ini blogger menambahkan lagi fiturterbaru yang kali ini berkaitan dengan navigation bar (navbar).

Jika diperhatikan, ada satu tambahan baru berupa link "share" yang dikhususkan untukmempermudah pengunjung untuk membagikan konten-konten berguna. Terlihat ada 4tujuan layanan populer ketika pengujung mengklik link "berbagi" pada fitur ini yaitupengunjung dapat membagikannya langsung via Email, Twitter, Facebook dan GoogleReader.

Di lain cerita, menurut saya pribadi, dengan adanya fitur "share from navbar" mungkinsaja ini usaha blogger untuk menghindari penggunanya agar tidak meng-hidden fasilitasnavbar yang sudah disediakan blogger sejak hadir pertama kali. Yah tapi mo gimana lagi,kita juga berusaha khan agar tampilan blog pribadi di blogger bisa terlihat profesional dangak berkesan gratisan. Jadi ya terserah, navbar ini mau ditampilkan apa tidak hehehe


Chatting di Facebook tanpa membuka FacebookThursday, September 03, 2009

Selain media sosial untuk berbagi photodan update status, Facebook memudahkankita untuk menghubungi pengguna lainmelalui aplikasi chatting (obrolan). Namunbiasanya sebelum menggunakaan aplikasiobrolan ini kita paling tidak harus login dulu

521



disitus facebook. Sebenarnya ada cara lain yang bisa kita gunakan tanpa harus login,yaitu dengan cara menggunakan aplikasi chat client yang sudah banyak dikembangkanoleh pihak ketiga.Facebook Chat pada Web BrowserBeberapa aplikasi dibawah ini dapat kita gunakan langsung menggunakan web browser,diantaranya IE, Firefox, Flock dan Google Chrome.

• FacebookPopup• Gabtastik• Meebo

Facebook Chat Client pada DekstopBila ingin mencoba aplikasi chat via dekstop client kita bisa mencoba beberapa aplikasidibawah ini.

• ChitChat• Digsby• Adium• Pidgin• tokbox

Semoga aplikasi diatas memudahkan kita ber-chat ria di facebook :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Google Translate Client v3.1Friday, September 04, 2009

Berapa kali anda membuka GoogleTranslate dalam sehari? berapa banyakwaktu yang terbuang hanya untuk memilihbahasa dan melakukan copy paste teks.Tentu saja cara manual in i sangatmembosankan, dan memang carakonvesional ini sebaiknya anda tinggalkansaja karena sekarang sudah tersedia carayang lebih mudah yaitu dengan bantuantools dari Google Translate Client v3.1Aplikasi Translate Client sederhanannamun fungs iona l in i benar -benarmemberikan kemudahan yang nyata. Kitatidak lagi harus melakukan cara manualcopy paste karena sudah disediakanfasilitas auto paste dengan ditandai G-iconsetiap kali anda melakukan blocking padatext. Untuk dukungan bahasa sendirijangan khawatir, karena sama seperti padasitus resmi google translate layanan ini jugasupport lebih dari 40 bahasa. Tentu saja

untuk menggunakan aplikasi ini anda harus tetap pada status online.

Aplikasi yang sebelumnya beralamat di googletranslateclient.com ini sekarang sudahbisa anda download pada situs yang baru di translateclient.com

522

PROOF



Stripe Designer: Design Stripes or PatternsEasilyFriday, September 04, 2009Stripe Designer is a personal project of Alex Le (http://alexle.net). This site is inspired byideas based on an application to help make the lines in Photoshop is easier and faster.Thanks to the new Ajax technology, Stripe Designer is very possible for us to make thesetechniques.

In general, to start, first set the size of the canvas (32x32 Max), then select the motiveand interesting graris 'pixels' on the canvas. We can also change the background ifdesired. to save the final results of our final pattern as GIF files. The resulting pattern canbe directly used as a pattern in Photoshop or to decorate your picture. good luck:)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Jelajahi Semua Album Foto di Facebook danFlickr via FotobounceSaturday, September 05, 2009

Ada beberapa alasan kenapa sayamenyarankan menggunakan layanan gratisdari fotobounce, salah satunya selaindikemas sebagai aplikasi dekstop client,layanan ini memberikan kita kemudahandalam memanage keseluruhan album fotoyang ada pada layanan Facebook danFlickr. Saking banyaknya f i tur yangditawarkan, sampai-sampai saya sendiribingung harus menjelaskan mulai darimana nih heheheBanyak hal yang bisa kita lakukan padaapl ikasi in i , yang je las fotobouncememudahkan kita terutama pada prosesupload dan download pada semua albumpoto. Fitur download tentu memungkinkankita untuk melakukan proses backup, danitu tidak hanya pada album poto andasendiri lho, tetapi kita bebas menjelajahidan mendowload semua album poto dariteman-teman yang terjaring sebagai teman

kita di facebook. ini tentu saja memudahkan kita membuka kembali album pototerdownload tersebut ketika sedang offline.

523



Fotobounce juga built-in pada pengenalan wajah (sangat mirip dengan apa yang kitalakukan pada Google's Picasa) sehingga dapat dengan cepat menandai foto padadesktop dan men-tag teman-teman kita, bahkan tag ini akan dipertahankan ketika di-upload kembali ke Facebook.Silahkan download langsung pada situsnya, oh iya ukuran filenya lumayan besar sekitar15Mb :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Pubwich: Source code untuk membuat situsonline AggregatorTuesday, September 08, 2009

Dulu saya pernah menyampaikan layananaggregator via Popurl.com, dimana layanantersebut merupakan sindikasi berita daribeberapa blog popular / sosial bookmarkingseperti Digg, Reddit, Del.icio.us, metafilterdan sebagainya. Dengan kata lain web site

ini merupakan aggregator untuk link-link terpopuler pada website dan blog terkemuka.

Nah, yang menarik kali ini karena saya tidak memberikan informasi dari layananaggregator yang sama, tapi bagaimana kita juga dapat membuat layanan serupa denganmenggunaan aplikasi gratis dari Pubwich. Pubwich merupakan aplikasi PHP open sourceyang memungkinkan kita untuk menampilkan data seperti layaknya layanan2 aggregator.

Layanan pubwich inilah menurut saya solusi sempurna untuk membuat aplikasiaggregator secara instan. Selain kemampuan untuk menampilkan isi dari setiap situsweb melalui RSS / Atom feed, juga mendukung layanan web populer seperti:

• Delicious• Facebook• Flickr• Last.fm• ReaderNaut• Twitter• Vimeo• Youtube

Silahkan download source code aplikasi pubwich langsung pada situsnya :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

524

PROOF


Top 100 O-OM.COM Popular PostWednesday, September 09, 2009Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Akhirnya Blogger Punya Readmore Sendiri(Jump Breaks)Thursday, September 10, 2009

Kayakanya sekarang gak perlu lagi nih buka arsip lama saya Cara membuat readmore,lah kenapa om? la..kan sekarang blogger sudah support fungsi readmore sendiri :).Fasilitas Jump Breaks / Read More yang sudah lama jadi impian para Blogger iniakhirnya terwujud juga, berita gembira ini bisa rekan baca langsung diblog resminyablogger, blogger in draft. Berhubung fasilitas readmore ini masih dalam tahap uji cobapengguna, jadi hanya bisa digunakan pada area draft blogger saja. silahkan login dulumelalui http://draft.blogger.com

525



Disini ada dua cara mengaktifkan fasilitas readmore sekaligus mengatur letakpemenggalan teks, yang pertama, jika berada pada area Compose, kita tinggal mengatursaja letak pemenggalannya dengan mengarahkan mouse sesuai posisi cursor, kemudiandiikuti dengan mengklik icon kecil "insert jump break".

Cara yang kedua, merupakan cara manual, seperti cara konvensional yang biasa kitalakukan pada halaman EDIT HTML, kita tinggal menggunakan kode berikut ini  dan letakan dilokasi text yang ingin dipenggal.

G a m b a r d i a t a s d i a m b i l d a r ib l o g g e r i n d r a f t . b l o g s p o t . c o mPublished by Blogger TutorialsSponsored Link by Blogger Templates |Free Blogger Templates | Zoom Application

| Digital technology

Impian Wisata keluar Angkasa Semakin Nyata..Friday, September 11, 2009Pernah nonton film Sci-Fi "The Cronical Of Riddick" dan "Starship Trooper", tentu sajafilm ini mengingatkan kita bagaimana serunya aksi si Riddick (Vin Diesel) dan Juan"Johnnie" Rico. Kedua jagoan inilah dengan aksi hebatnya berjuang menggempurmusuh-musuhnya dari satu planet ke planet lainnya. Walaupun planet yang ada dalamcerita tersebut tidak pernah ada dalam daftar astronomi kita (ya iyalah masa ada planetKlendathu dan Clemitoria) yang jelas kedua cerita tersebut tentu saja tidak terjadi dimukabumi ini, tapi lebih tepatnya terjadi diluar angkasa sana.

Jujur saja, film-film jenis Sci-Fi seperti ini mungkin dapat mempengaruhi daya imajinasikita, atau paling tidak mimpi-mimpi kita serasa menjadi nyata, coba bayangin bagaimana

526

PROOF


kita bisa melihat indahnya ruang angkasa dengan hiasan bintang dan Galaxynya,bagaimana luasnya angkasa luar beserta lubang hitamnya, serta bagaimana pesawatangkasa yang dalam cerita tersebut melesat bak cahaya,... waduh! ini lagi ngomonginapaan sih, emangnya ini blog lagi ngebahas petualangan StarTrek om wwkwkwk

Ups, okelah cerita diatas mungkin cuma khayalan saja, tapi tidak saat kalian membacatulisan om kali ini, karena semuanya bisa saja kok terjadi, memang tidak senyata ceritadiatas sih tapi paling tidak kita bisa kok benar terbang disekitar luar angkasa sana.Penasaran khan? tetap saja lanjut baca cerita ini..

Pernah membayangkan pergi ke luar angkasa, melayang menantang gravitasi danmelihat bumi dari atmosfer? Ga pernah atau takut karena merasa tidak mungkin?Sekarang, semua itu bisa jadi kenyataan. Saat ini kita dan seluruh orang di duniamemiliki kesempatan untuk menjadi satu dari hanya beberapa orang awam yang dapatpergi ke luar angkasa dengan Virgin Galactic, penerbangan komersial pertama di duniake luar angkasa. Ini beneran lho!

Inilah kontes yang kedua kalinya yang diadakan oleh website Guinness dalam rangkaperingatan ulang tahun ke 250 Guinness. Bila dalam kontes yang pertama kita dimintamenulis posting dan harus merekayasa gambar poto harus menjadi menarik. Dalamkontest kedua ini yang kita perlukan hanya melakukan pendaftaran di website resmiGuinness yang beralamat di http://g250years.com (gak ngapa-ngapin kok, beneran cumadaftar doang..)

Selain hadiah terbang keluar angkasa, sebenarnya ada dua hadiah lainnya yang tidakkalah serunya, yaitu pemenang juga memiliki kesempatan untuk menjelajah kehidupanbawah laut dengan kapal Selam GUINNESS® 250? Kapal selam dengan desain unik iniakan membawa kita masuk ke dunia lain, dunia bawah laut. Kita akan diajak menjelajahkehidupan bawah laut Norwegia, dan terus ke bawah sampai 70 m bawah laut. Wooow..Kita ga akan mengira apa yang akan ditemui di bawah sana!

Hadiah ketiga yang tidak kalah serunya dimana kita bisa langsung menikmati sebuah

527



konser tanpa harus berhimpitan dengan 1000 sekian penonton lainnya. Ini bukansembarang konser, namun sebuah konser dari internasional band - The Black EyedPeas, yang dipersembahkan hanya untuk kita dan para sahabat. Ini benar-benar terjadi!Kita memiliki kesempatan untuk merasakan sebuah sensasi ultima saat The Black EyedPeas memberikan sebuah konser pribadi. Kita benar-benar akan bertemu denganWill.i.am, Fergie, Taboo and Apl.de.ap. Tidak ada yang tidak mungkin! Ayo, kuatkan niatdan sign up sekarang! disini http://g250years.com.

Kontes ini ditutup akan ditutup tanggal 24 September 2009. Total akan dipilih 3pemenang (1 orang untuk tiap jenis hadiah). Dan masing-masing pemenang bolehmembawa 2 orang temannya untuk menikmati pengalaman tak terlupakan bersamaGuinness.

Bila kita mengamati kontes diatas, apalagi ketiga hadiah yang tawarkan memang terlihatmengada-ngada saja ya, namum kita akan berpikiran lain setelah fakta yang benar-mengejutkan datang dari rekan blogger yang sangat kebangetan ini si Tika sudahmembuktikannya dengan memenangkan kontes tahap awal dan mewujudkan mimpinyaberangkan liburan ke Dublin, Irlandia.

Ok, selamat menikmati liburan keluar angkasa aja buat yang menang, jangan lupa bawaoleh-oleh meteor sama asteroid dua bungkus buat om ya!! :D


Meningkatkan Trafik Blog Melalui Twitter DenganMemasang Button Twe...Sunday, September 13, 2009Banyak sekali usaha untuk meningkatkan trafik, salah satunya mungkin membagikannyamelalui jejaringan sosial twitter. Namun sekedar hanya berbagi artikel melalui twittersendiri saja tidak cukup lho, tidak masalah kalo list friend di Twitter kita sudah mencapairibuan follower, tapi kalo cuman 50-100 sepertinya tidak terlalu efektif. Nah, dari padapusing tiap hari mem-follow orang2 yang gak jelas, apalagi tujuan utama hanya kesedarmemperbanyak teman, alangkah baiknya kita meminta bantuan pembaca sendiri untukmembagikan link artikel kita di twitter mereka masing2. Cara yang paling mudah salahsatunya bisa dengan memasang button dari Tweetmeme atau Retweet.

528

PROOF


Untuk memasang button Tweetmeme ini sangat mudah, pertama masuk kehalamanEDIT HTML, kemudian beri tanda centang pada Expand Template Widget. Kalo sudah,cari kode yang warna merah dan letakan kode button warna hijau tepat dibawahnya.

<div class='post-header-line-1'/>

<div style='float:right; margin-left:10px;'><script type='text/javascript'>tweetmeme_url = '<data:post.url/>'</script><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script></div>

Hampir sama dengan cara diatas, memasang button Retweet ini juga sangat mudah,pertama masuk kehalaman EDIT HTML, kemudian beri tanda centang pada ExpandTemplate Widget. Kalo sudah, cari kode yang warna merah dan letakan kode buttonwarna hijau tepat dibawahnya.

<div class='post-header-line-1'/>

<script type="text/javascript">url = '<data:post.url>';</script><script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>

Jika ingin ukuran kecil:

529



<script type="text/javascript">url = '<data:post.url>';size = 'small';</script><script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>

Sedikit informasi, Tweetmeme atau Retweet memiliki nilai counter tersendiri untukmenilai seberapa banyak link kita yang telah dibagikan oleh pembaca. kita dapat melihatnilai tersebut langsung pada buttonnya.

Oh iya berhubung account twitter lama saya kena suspend dari pihak twitter tanpa alasanyang jelas, jadi saya mengundang kembali pembaca setia o-om.com untuk bergabungmelalui account twitter yang baru disini


Cara Mudah Berbagi Aktivitas Sosial denganWidget BloggybitsTuesday, September 15, 2009

BloggyBits merupakan layanan yang memungkinkan kita memasang widget cepatberupa aktivitas terbaru pada beberapa jaringan sosial terpopuler dan menanamkannyakedalam situs atau blog. Situs sosial yang didukung saat ini diantaranya adalah: Twitter,Digg, Flickr, StumbeUpon, Delicious atau Rss Feed.

Proses untuk setting wigdet dapat dikatakan sangat mudah, setelah memilih danmenekan tombol, situs akan memproses data, kemudian mengembalikan tampilan visualwidget dan kode untuk menyalinnya ke situs atau blog kita. Yang jelas, layanan ini bisa di

530

PROOF


gunakan langsung tanpa harus login sama sekali :)


5 Pilihan Free Text Editor untuk MengeditTemplateWednesday, September 16, 2009Bingung mencari text editor gratis untuk keperluan mengedit template? kalo iya, mungkinpilihan dibawah ini bisa menjawab kesulitan rekan selama ini. Tapi jujur saja, pilihan texteditor dibawah bukan cara instan mengedit template lho, tapi hanya tools pembantu sajauntuk mempermudah kita menulis atau mengedit script apa saja yang berhubungandengan bahasa pemrogrmam web, termasuk diantarnya CSS, JS, HTML, XML, PHPsampai dengan bahasa pemrograman desktop tentunya. Yang jelas, hampir semua texteditor dibawah sudah mendukung fasilitas Syntax Highlighting dan Syntax Folding, tentusaja ini tidak dimiliki text editor standar seperti layaknya notepad.

Notepad++

Notepad ++ merupakan software editor yang mendukung beberapa bahasapemrograman dan berjalan pada MS Windows. Dirancang menggunakan bahasaprograman C++, menggunakan Win32 API secara langsung dan STL (yang menjaminkecepatan eksekusi lebih tinggi dan ukuran yang lebih kecil), didistribusikan di bawahketentuan GNU General Public License.

Bluefish Editor

Bluefish Editor - Editor yang support hampir semua bahasa pemrograman, dapatmenyoroti kata-kata kunci pada kode. Selain itu kita dapat dapat bekerja dengan remotefile dan menyelesaikan proyek-proyek programming dengan mudah.

Selida HTML Editor

Selida HTML Editor - Editor HTML yang cukup komprehensif. Dengan dukungan editorWYSIWYG, serta dukungan pada pengkodean warna (Syntax Highlighting).

Notepad2

Notepad2 - Aplikasi lain yang dapat kita gunakan untuk mengedit teks. Mungkin jugaberguna sebagai Windows Notepad, dapat dijalankan tanpa diinstal dan tanpamemodifikasi sistem operasi registry sama sekali.

Amaya

Amaya - Dirancang oleh World Wide Web Consortium (W3C), berawal sebagai editorHTML / CSS, kini mendukung lebih banyak format dan fitur. Memungkinkan kitamengedit teks pada beberapa dokumen secara bersamaan.

531



Rekan mungkin bingung memilih mana text editor yang terbaik, kalo harus memilih, sayasarankan coba menggunakan Notepad ++, karena saya sendiri sudah menggunkan toolsini sejak lama. ok mungkin itu saja...Semoga bermanfaat :)


Launching Entrecard Referral ProgramThursday, September 17, 2009Buat rekan yang sudah bergabung dalam layanan Entrecard mungkin sudah menerimainformasi ini di inbox mail masing-masing ya, dimana dalam info singkat tersebutEntrecard saat ini telah meluncurkan fasilitas terbaru yaitu sistem "Entrecard ReferralProgram". Seperti kita ketahui sistem referall merupakan cara lain untuk merujukpengguna baru untuk bergabung dalam suatu layanan. Kita cukup memasang link ataubanner yang sudah disediakan pihak Entrecard, sebagai imbasnya tentu saja kita akanmenerima lebih banyak credit tentunya.

Ada satu hal yang menarik, selama masih dalam masa promosi, jika pengguna baruyang tergabung dalam referral kita mempertahankan widged Entrecard ini selama 14hari, maka kita akan mendapat imbalan dan menerima 300 kredit Entrecard sebagaiucapan terima kasih.

Untuk mencoba fasilitas ini, silahkan login ke dashboard masing-masing, lalu pilih padalink "Referral Program" silahkan pilih link atau beberapa pilihan banner sesuai denganukuran yang rekan inginkan. lalu pasang kode tersebut pada blog masing-masing.

Oh iya, Entrecard widget saat ini hanya support pada blog ber-konten English saja, untukblog indonesia mau gak mau harus bersabar dulu ya. ya sudah, kalo gak keberatanrekan bisa langsung bergabung melalui referall saya disini


Pasang Avatar pada Komentar BloggerFriday, September 18, 2009

532

PROOF


Masih dalam memperingati ulang tahun blogger yang ke-10, Kali ini bloggermenambahkan fitur terbaru lagi yaitu selain pengunjung memberi komentar, dapat jugalangsung menampilkan komentar tersebut bersamaan dengan photo profile bloggermereka. Fasilitas ini sangat mirip dengat tutorial yang pernah saya tulis beberapa waktululu disini dan disini. Sayangnya, untuk bisa menampilkan kometar Avatar pada Blogger,kita harus dalam status login.

Blogger juga memberikan kemudahan untuk meng-upload langsung foto profil ketika kitaingin meninggalkan komentar, pada komentar pilih tombol Pratinjau, klik "Add photo"untuk meng-upload foto ke profil Blogger. Berikutnya ketika kita meninggalkan komentardiBlogger, foto profil akan langusng ditampilkan di sebelah kolom komentar.

533



Untuk mengaktifkan atau menonaktifkan gambar profil dalam komentar, buka halamanPengaturan - Komentar. Lalu beri tanda check "Ya" pada "Tampilkan gambar profil dalamkomentar?"

Sekedar info, beberapa template yang sudah dimodifikasi mungkin akan bermasalahdengan fasititas Avatar komentar ini, tapi jangan khawatir semua bisa di kembalikanseperti semula kok :)

Photo diambil kangsung dari Buzz.blogger.comPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Mengucapkan Selamat Idul Fitri 1430 HSaturday, September 19, 2009Saya Sekeluarga Mengucapkan Selamat Idul Fitri 1430 H. Minal Aidin wal Faidzin, Buatsemua Sahabat Blogger. Maafkanlah atas semua kesalahan dan khilaf, Semoga Allahmenerima ibadah dan mengampuni dosa dosa kita semua. amien......AGUS & LULUPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Mengembalikan dan Mengaktifkan KomentarAvatar Blogger pada Custom ...Wednesday, September 23, 2009

534

PROOF


Secara default sebenarnya komentar avatar pada blogger sudah bisa rekan aktifkanlangsung tanpa merubah apapun pada tempate yang belum dimodifkasi. Tapi ini akanbermasalah bila template yang digunakan saat ini sudah menggunakan custom template.Nah biar komentar avatar ini bisa tampil kembali caranya sangat mudah, ikuti saja tutorialdibawah ini:

Mengaktifkan Komentar Avatar Blogger Pada Custom Template

Pertama cari kode dibawah ini.

<dl id='comments-block'>

Kemudian ganti kode diatas dengan kode dibawah ini.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Setelah mengganti kode diatas, kemudian cari baris kode dibawah ini.

<a expr:name='data:comment.anchorName'/>

535



Kemudian letakan kode dibawah ini setelah kode diatas.

<b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if>

Untuk mengaktifkan atau menonaktifkan gambar profil dalam komentar, buka halamanPengaturan - Komentar. Lalu beri tanda check "Ya" pada "Tampilkan gambar profil dalamkomentar?"

Mengembalikan Komentar Avatar jika menggunakan avatar dari MyBloglog

Sebelumnya saya pernah menulis tutorial memasang komentar avatar menggunakanmybloglog, nah bila rekan hanya ingin menggunakan avatar standar blogger, rekan bisadengan mudah mengembalikannya. ikuti tutorial dibawah ini.

Untuk memudahkan rekan menghapus kodenya, pertama coba cari dulu kode dibawahini

<b:loop values='data:post.comments' var='comment'>

Kemudian lihat baris kode dibawahnya seperti ini

<div style='border:0;float:left;margin: 0 5px 0 0;'><script>myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');</script></div>

Kalo sudah ketemu, tinggal hapus aja semua kode diatas, kemudian ikuti kembali caramengaktifkan komentar avatar seperti yang tertulis diatas.


Cara Menampilkan Blank Avatar / DefaultKomentar AvatarWednesday, September 23, 2009

536

PROOF


Satu hal yang tidak saya suka dari komentar avatar blogger karena tidak mampumenampilkan avatar selain avatar blogger itu sendiri. Yang lebih kurang menyenangkan,komentar avatar hanya bisa menampilkan poto profile jika status kita hanya dalamkeadaan login . Jadi jangan berharap avatar akan tampil jika kita hanya memasukanalamat URL saja, tentu ini akan mengurangi dari segi kerapian tampilan, karena akanterlihat space kosong tanpa dihiasi avatar sama sekali.

Nah agar space avatar tidak kosong, kita coba menambahkan avatar baru berupagambar default pada blank avatar, ikuti caranya dibawah ini

Letakan kode CSS dibawah ini diatas kode ]]></b:skin>

/* Avatar */.avatar-image-container img {background:url(http://3.bp.blogspot.com/_C6KkooKXCEw/SrmyhPpP4mI/AAAAAAAAEvc/gQ1JKjpkULw/s320/AvatarBlogger.png);width:35px;height:35px;}

Cari kode dibawah ini.

537



<a expr:name='data:comment.anchorName'/>

Kemudian ganti kode diatas dengan kode dibawah ini.

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;'width='35px'/>

</b:if>

Selamat mencoba, semoga sampai tujuan :DPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

GA-SANDBOX: GOOGLE ADSENSE SANDBOXSaturday, September 26, 2009

GA-Sandbox merupakan Google AdSense Sandbox Tool yang memungkinkan kitamelihat preview iklan apa yang sekiranya mungkin akan muncul pada halamanWeb/Blog. Cukup dengan memasukkan alamat URL atau kata kunci tertentu, kita dapatmelihat jenis iklan apa saja yang sekiranya sesuai dengan target penayangan padahalaman. Keuntungan lain adalah untuk menemukan kata-kata kunci yang sensitif dankemudahan melihat apakah kata kunci yang digunakan benar-benar sesuai target apatidak, jikapun tidak, maka halaman tersebut akan menampilkan sebagai iklan layananmasyarakat. Cara inilah menurut saya cara termudah untuk menghindari kesalahansebelum kontent dengan keyword pilihan dipublikasikan.

538

PROOF


Selain itu, tools GA-Sandbox memungkinkan kita bermain-main dengan kombinasi warnapada iklan, karena tool ini sudah support untuk keperluan tersebut. Kita juga bisamenentukan target iklan adsense sesuai lokasi geografis negara tertentu, jadi jangankuatir lagi iklan adsense rekan tidak tampil. Untuk keperluan itulah tool ini dikembangkan:)


Memasang Total Comment pada Title PostTuesday, September 29, 2009

Pasti rekan sudah melihat ada yangmenarik dari tampilan title post pada blogini, disitu terlihat gambar icon kecil plustotal komentar yang terletak berbarengan disebelahnya. Untuk bisa memiliki tampilanseperti itu caranya sangat mudah sekali.ikuti saja tutorialnya dibawah:

Pertama buka halaman "EDIT HTML",kemudian ber i tanda centang pada"Expand Template Widget". cari kodeseperti dibawah

< aexpr:href='data:post.url'><data:post.title/></a>

kalo sudah ketemu, tinggal Copy-paste ajasemua kode dibawah ini dan letakan sajadibawah kode diatas.

<b:if cond='data:blog.pageType != "item"'>< i m g b o r d e r = ' 0 'src='http://1.bp.blogspot.com/_C6KkooKXCEw/SJGzpJXhKoI/AAAAAAAACGw/QZ7IzDBHgFU/s400/icon_comments.png'/> <a expr:href='data:post.addCommentUrl '

539



expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==1'>1 <b:else/><data:post.numComments/></b:if></a> </b:if>

Semoga berhasil :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Breathingearth: Simulasi Statistik jumlahpenduduk diduniaMonday, October 05, 2009

Mengamati populasi jumlah pendudukdidunia mungkin bukan topik populer padablog ini. Tapi paling tidak informasi inisangat berguna bagi kita yang sekedarhanya ingin melihat berapa banyakpertumbuhan manusia didunia yangtercatat sampai detik ini. Dengan bantuantools online bernama breathingearth.netk i ta dapat memantau bertumbuhanmanusia setiap detiknya. Animasi populasiyang ditayangkan memperlihatkan padasimulasi kelahiran, kematian dan emisi C02setiap negara berbeda.

Data animasi dan simulasi ini didasarkanpada statistik yang sebenarnya, sehingga

kemungkinan besar data ini memiliki kepastian tentang hasilnya. Diprogram oleh DawidBlejer, yang telah menerbitkan proyek-proyek berkualitas disitusnya.Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Membuat Barcode dengan Barcode GeneratorThursday, October 08, 2009

Barcode merupakan simbol berbentukgaris-garis yang menyatakan suatu kodeatau string karakter. Simbol ini biasanyahanya dapat dibaca oleh mesin barcodescanner. Salah satu contoh barcode adalahsimbol yang ada di produk di toko atausupermarket yang sering kita lihat. Biladijabarkan berdasarkan tipe, sebenarnyabanyak sekali tipe barcode ini menurutkegunaan. nah berhubung saya bukan ahli

barcode, jadi saya hanya menjelaskan cara instan membuatnya saja ya, untuk bahasan

540

PROOF


sejauh itu silahkankan digoogling sendiri,sudah banyak kok yang ngebahasnya :)

Cara membuat 2d Barcode Image Cara paling mudah menghasilkan gambarbarcode bisa langsung mengunakanl a y a n a n b a r c o d e g e n e r a t o r v i amorovia.com pada contoh in i sayamengunakan "code 128" sebagai formatbarkode. jika tidak ingin barcode dibacaoleh manusia, kita dapat menghapusnyadengan tidak memberi tanda centang pada"Show Human Readable Text". Bila masihkurang puas, kita bisa mencari lebihbanyak lagi "barcode generator" lainnyapada mesin pencari.

Cara membuat QR Code symbols Berbeda dengan barkode standar,sebenarnya kita dapat juga menggunakanQR kode symbol. Dengan menggunakankata kunci “QR Code Generator” di searchengine, kita dapat menemukan beberapaQR Code Generator seperti morovia, invx,SnapMaxe QR Code Generator dan Kaywa

QR-Code

Cara Decode Barcode ImageSeperti yang saya katakan diatas, untuk bisa membaca ulang pengcodean pada barcodekita paling tidak harus menggunaan mesin scanner khusus. cuman untuk bisa melakukanhal tersebut rasanya buang-buang waktu saja ya :D. Kalo mau cara instannya coba tujusaja langsung ke layanan online ini zxing.org

Mau lebih kreatif? kenapa tidak dimanfaatkan barkode ini dengan memasangnya padasetiap postingan, biar lebih gimana gitu hehehePublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

New Related Posts + Thumbnails (Alternatifselain LinkWithin)Friday, October 09, 2009

Sudah pernah memasang widget relatedposts dari layanan Linkwithin? kalo belum,paling tidak rekan pernah melihat widget iniya. sebagai contoh rekan bisa melihatcontoh widget tersebut di blog saya yangversi english disini dan disini. silahkan buka

541



salah satu postingan saya, dan lihat sample widget tersebut pada akhir postingan.

Nah, Kali ini saya coba berbagi lagi tutorial alternarif pengganti layaknya widgetLinkwithin, tampilannyapun sangat mirip sekali. Tapi yang ini agak berbeda, dan kitamesti repot sedikit karena semua dilakukan secara manual. Widget ini sebenarnya sudahdibahas tuntas oleh pembuatnya Aneesh diblognya disini

Biar gak bingung saya translate aja ya caranya disini:

1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centangpada "Expand Widget Templates"

2. Cari kode ini </head>

3. Kemudian ganti dengan kode dibawah ini

< ! - -Re la ted Pos ts w i th thumbna i l s Scr ip ts and S ty les S ta r t - -> <b : i fcond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts {float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px;padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black;font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <scripts r c = ' h t t p : / / b l o g e r g a d g e t s . g o o g l e c o d e . c o m / f i l e s / r e l a t e d t h u m b s 2 1 . j s 'type='text/javascript'/> </b:if>  </head>

4. Sekarang cari lagi kode dibawah


Jika tidak menemukan kode diatas, coba cari kode seperti ini

<p class='post-footer-line post-footer-line-1'>

Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu darikode diatas yang rekan temukan.

 <b:if cond='data:blog.pageType =="item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:ifcond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-s c r i p t & c a l l b a c k = r e l a t e d _ r e s u l t s _ l a b e l s _ t h u m b s & m a x - r e s u l t s = 6 " 't y p e = ' t e x t / j a v a s c r i p t ' / > < / b : i f > < / b : l o o p > < ahref='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><ahref='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a> <scripttype='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; varre la tedposts t i t le="Re la ted Posts" ; removeRela tedDupl ica tes_ thumbs( ) ;printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> </b:if> 

542

PROOF


5. jangan lupa disimpan dah lihat hasilnya

Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kodedibawah ini:

var maxresults=5;

Untuk mengganti title, kita bisa mengedit kode ini:

var relatedpoststitle="Related Posts";

Selamat Mencoba aja :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Blogger Sitemap Generator khusus Blogspot(Google - Yahoo - Bing)Saturday, October 10, 2009Idealnya, file sitemap harus mengandung semua URL dari sebuah situs, tetapi jika blogkita di-host di blogspot.com (atau jika kita menggunakan custom domain), kita akanterkejut kalau tahu bahwa sitemap default file hanya berisi 26 halaman terbaru saja yangterindex dari blog. Lalu bagaimana cara mengatasinya? sebenarnya masalah ini sudahdijelaskan sangat lengkap diblognya Amit Agarwal yaitu seorang blogger populer asalIndia, jadi silahkan pelajari saja langsung diblognya dialamat ini labnol.org (jangan lupa ditranslate)

Buat rekan yang sudah mengerti cara submit blogger sitemap digoogle webmaster toolsbisa langsung mengunakan Blogger sitemap generator disini, sebenarnya tidak hanyauntuk blogger saja, rekan juga dapat mengirim dengan melakukan ping Sitemaplangsung ke Yahoo dan Bing.

Atau lihat saja video dibawah ini untuk lebih mudahnya :)


Desktop Background GeneratorMonday, October 12, 2009

543



Bosan dengan tampilan background desktop anda saat ini? kalo iya, kenapa tidakmencoba merubahnya dengan tampilan warna gradient yang alami. Cukupmenggunakan tool kecil bernama Random gradient wallpaper generator kita sudah bisamenghasilkan backgrond yang cantik hanya dengan satu klik saja.

Beberapa Fitur diantaranya:

• Randomize - Memberikan warna acak pada keempat sudut• Set as Wallpaper - Menyimpan gambar ke My Pictures\GradientWallpaper.bmp dan

mengatur Windows Desktop wallpaper untuk file ini• Save colors to text file - Menambahkan nilai-nilai RGB warna saat ini ke "colors.txt"

file log dalam direktori program (jika anda menyukai warna dan ingin menyimpanwarna, bukan gambar)

Silahkan download softwarenya disini


544

PROOFMengungkap Semua Rahasia Tersembunyi PadaMeta Title, Description d...


Thursday, October 15, 2009Ada beberapa rahasia sebenarnya yang tersembunyi pada Meta Description dan MetaKeyword pada Platform Blogger, dan trik ini sangat jarang sekali pengguna Blogger yangmengetahuinya. Pada umumnya kebanyakan Blogger hanya meletakan kedua Meta tagdiatas secara langsung apa adanya, akibatnya bukan optimasi yang didapat, tapi malahmerusak deskripsi halaman itu sendiri pada hasil pencarian.

Sebelum saya menjelaskan trik optimasi pada kedua Meta tag diatas, ada baiknya sayamengulas kembali trik untuk optimasi pada Meta Title Tag. Saat kita membuat blogpertama kali, Meta Title ini sebenarnya sudah tersedia pada halaman EDIT HTML, hanyasaja belum dioptimasi. Nah, agar Meta title ini lebih SEO Friendly kita bisa merubah Titlestandar blogger dengan yang lebih bagus lagi. Silahkan pelajari cara merubahnyadibawah ini:

Silahkan cari Blog Title Seperti dibawah ini:


Kemudian ganti semua kode diatas dengan kode dibawah ini:

<b:if cond='data:blog.pageType == "index"'><title><data:blog.pageTitle/></title><b:else/><title><data:blog.pageName/></title></b:if>

Setelah kita menerapkan Meta title diatas, akan terlihat perbedaan yang sangatmencolok sekali pada hasil pencarian. Search engine tentu akan mudah menampilkanmana yang merupakan halaman utama dan mana yang merupakan halaman postingan.

OK! kita sudah mempelajari cari optimasi SEO pada Title tag, sekarang saatnya kitamencoba lagi cara mengoptimalkan SEO pada Meta Deskription dan Meta Keyword.Seperti yang saya singgung diatas, kebanyakan blogger biasanya langsung meletakanMeta Description dan Meta Keyword pada halaman utama (index) seperti terlihat padacontoh dibawah ini, ok ini tidak masalah jika Meta Description tersebut hanya ditujukanpada halaman index, yang jadi masalah bagaimana nasib pada halaman non index?Jelas sekali Meta Description ini juga akan mencoba merebut dari deskripsi pada setiaphalaman konten blog kita. Tentu kita harus kita menghindari kesalahan ini khan?

Lihat contoh Meta tag dibawah ini yang sangat sering digunakan:

<Meta content='Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNSterlengkap' name='Description'/>

<Meta content='Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban SoalCPNS, Pendaftaran CPNS, tanya jawab Soal CPNS' name='Keywords'/>

545



Dari contoh hasil pencarian pada halaman utama (index) dibawah ini mungkin tidakmasalah dan memang begitulah seharusnya. Begitu pula dengan Meta Keyword yangdigunakan.

Prediksi soal CPNS terbaru dan terlengkapBlog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.www.cobacobaaja.com - Tembolok - Mirip

Kemudian lihat bagaimana kesalahan Meta deskripsi halaman dibawah ini mencobamerebut posisi yang seharusnya deskripsi tersebut milik halaman postingan.

Rahasia kunci jawaban soal CPNS tahun 2009Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml -Tembolok - Mirip

Melihat contoh hasil penggunakan kedua Meta Tag diatas, tentu saja kita akan berpikirdua kali untuk menggunakannya. Disinilah saya mencoba menjelaskan bagaimana teknikterbaru agar hasil yang pencarian yang ditayangkan pada Search Engine benar-benarmaksimal. Dimana dengan Teknik ini tentu saja usaha kita untuk lebih meningkatkanRanking blog agar bisa berada pada posisi puncak pada setiap hasil pencarian.

OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD (CARA I)

Cara pertama dibawah ini bisa kita gunakan untuk melakukan optimasi pada MetaDescription dan Meta keyword, kita dapat melihat perbedaan pada setiap hasil temuanpada mesin pencari dimana setiap halaman memiliki tambahan meta tertentu sesuaidengan judul postingan (lihat rumus).

Silahkan coba ganti meta description dan keyword anda menggunakan kode dibawah ini,jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing dengan menggantikarakter ditandai warna merah dibawah.

<b:if cond='data:blog.pageType != "item"'>

<meta content='Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNSterlengkap' name='description'/>

<meta content='Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban SoalCPNS, Pendaftaran CPNS, tanya jawab Soal CPNS' name='keywords'/>

<b:else/>

<meta expr:content='data:blog.pageName + " - Blog ini menyediakan kisi-kisi soal CPNSdan prediksi soal CPNS terlengkap"' name='description'/><meta expr:content='data:blog.pageName + ", Dowload soal CPNS dari UGM, PrediksiSoal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS"'name='keywords'/>

</b:if>

Contoh Rumus hasil pencarian pada halaman index.

546

PROOF


<BLOG TITLE><Meta Description><URL>

Prediksi soal CPNS terlengkapBlog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.www.cobacobaaja.com - Tembolok - Mirip

Contoh Rumus hasil pencarian pada halaman Postingan.

<POST TITLE><Post Title> <Meta Description><URL>

Rahasia kunci jawaban soal CPNS tahun 2009Rahasia kunci jawaban soal CPNS tahun 2009 - Blog ini menyediakan kisi-kisi soalCPNS dan prediksi soal CPNS terlengkap.www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml -Tembolok - Mirip

OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD (CARA II)

Cara yang kedua hampir sama dengan cara yang pertama, yang berbeda hanya padadeskripsi pada halaman postingan (lihat rumus).

Silahkan coba ganti meta description dan keyword anda menggunakan kode dibawah ini,jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing dengan menggantikarakter ditandai warna merah dibawah.

<b:if cond='data:blog.pageType != "item"'>

<meta content='Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNSterlengkap' name='description'/>

<meta content='Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban SoalCPNS, Pendaftaran CPNS, tanya jawab Soal CPNS' name='keywords'/>

<b:else/>

<meta expr:content='data:blog.pageTitle + " - Blog ini menyediakan kisi-kisi soal CPNSdan prediksi soal CPNS terlengkap"' name='description'/><meta expr:content='data:blog.pageTitle + ", Dowload soal CPNS dari UGM, PrediksiSoal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS"'name='keywords'/>

</b:if>

Contoh Rumus hasil pencarian pada halaman index.

<BLOG TITLE><Meta Description><URL>

547



Prediksi soal CPNS dari UGMBlog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.www.cobacobaaja.com - Tembolok - Mirip

Contoh Rumus hasil pencarian pada halaman Postingan

<POST TITLE><Blog Title> <Post Title> <Meta Description><URL>

Dowload gratis rahasia kunci jawaban soal CPNS tahun 2009Prediksi soal CPNS terlengkap: Download gratis rahasia kunci jawaban soal CPNS tahun2009 - Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml -Tembolok - Mirip

Cara pertama dan kedua diatas terus terang sama bagusnya, jadi silahkan pilih salahsatu saja. OK! Semua teknik rahasia SEO pada sebagian Meta Tag sudah saya ungkapsemuanya, jadi silahkan dipelajari baik-baik :)


PunyPNG: Compress PNG, JPEG, dan GIFimagesFriday, October 16, 2009Punypng merupakan perangkat online gratis yang secara fungsional mengurangi ukuranfile gambar tanpa menghilangkan kualitas gambar sama sekali. Dengan menggunakanbeberapa teknik optimasi web untuk melakukan kompressi pada ukuran file gambar,layanan ini pertama berusaha menganalisa isi gambar dan mencari angka-angka terbaikuntuk menentukan format gambar. Biasanya tergantung pada jenis file, punypng akansecara otomatis mencoba mengkonversi GIF ke bentuk format PNG, kemudian mencobamemberi penekanan kepada format gambar tesebut lebih lanjut. Seperti contoh untukformat JPEGs, kadang-kadang punypng lebih memilih konversi menjadi format PNG,begitu pula sebaliknya.

Dibawah ini bisa anda lihat hasi uji benchmarked kompressi punyPNG dengan layananpopuler lainnya.


548

PROOF


Bagaimana cara memberi komentar yang baik?Friday, October 16, 2009

Jika anda seorang blogger, pasti anda sering mengunjungi blog orang lain danmeninggalkan sebuah komentar. Entah itu memang untuk mengkritik, ataupun sekedarmeninggalkan backlink pada komentar berstatus Dofollow. Sadar atau tidak, komentaryang kita tinggalkan berpengaruh terhadap kredibilitas kita dan blog yang kita komentari.Jika anda hanya memberi komentar yang terlewat simple, seperti :

"Thanks atas infonya" atau "Bagus banget artikel ini!"

Maka sebenarnya komentar tersebut tergolong komentar sampah (junk comment). Blogyang dipenuhi komentar tersebut akan terlihat sebagai sarana menebar backlink sajasehingga pengunjung akan mengira bahwa postingan blog tersebut kurang mendapatperhatian special.

Perhatikan contoh komentar berikut :

"Saya kira permasalahan yang dibahas kali ini lumayan penting untuk blogger yangmasih pemula. Tetapi ada satu hal yang saya tidak setuju, yaitu tentang backlink.Bukankah guest posting adalah salah satu metode mendapat backlink dan trafik yangpaling efisien?"

Terlihat berkualitas bukan? Cobalah kunjungi Problogger.net, blog terpopuler diduniauntuk kategori blogging tips, maka anda akan menemukan beratus-ratus komentar yang

549



berkualitas dan tidak asal-asalan. Mereka melakukan itu demi menjaga harga diri merekasebagai blogger, bukan sebagai junker.

Bagaimana cara memberi komentar yang berkualitas? Berikut adalah tips-nya:

1. Berikan pendapat anda tentang topik yang dibicarakan2. Jika anda punya pertanyaan, tanyakanlah di kolom komentar.3. Jika anda punya saran ataupun kritik, jangan segan-segan. Kritik sangat diperlukanpara blogger.4. Jika mampu, buatlah komentar minimal 2 baris. Jika tidak, yang penting bermutu.5. Ketiklah dengan menggunakan aturan menulis yang baik (huruf kapital, koma, titik,spasi, dll.)6. Usahakan hanya meninggalkan satu backlink saja, backlink yang terlalu banyak akanmenimbulkan kesan junk comment.7. Selalu baca postingan terlebih dahulu! Walaupun hanya sekilas, setidaknya komentarkita tidak keluar dari topik pembicaraan.

Komentar mewakili diri anda sebagai blogger, jadi perbaikilah cara anda berkomentar.

Artikel ini ditulis oleh Reza Winandar dari Blogger Make Money, sebagai Blog Guest di o-om.com.


Beli Akses Premiun ke Komunitas Link FeedWednesday, October 21, 2009Premium Komunitas Link Feed

Mari berbagi di Premium Komunitas Link feed ini sebagai sumber daya yang menarikbagi mereka yang mencari berita. Anda dapat memanfaatkan layanan Mini Guest Post inisekaligus mempromosikan artikel anda kepada pembaca lainnya. Dapatkan lebih banyakkunjungan dan trafik ke Blog/Situs anda hanya dengan bergabung pada Komunitas LinkFeed ini.

Sebelum mengirimkan link berita, silahkan baca petunjuk dibawah:

1) Artikel bisa apa saja selama bukan konten Pornografi maupun SARA dan Provokasi.2) Artikel boleh berhubungan dengan referall, affiliasi dan Periklanan.

Yang anda perlukan hanya membayar seharga Rp.50.000,- / Bulan

Bisa Anda bayangkan dengan harga yang relatif murah Anda bisa mengirim artikelsepuasnya, dan yang lebih seru lagi artikel Anda akan tampil disetiap akhir postingan.

Pembayaran:

Silahkan kirimkan pembayaran Anda sesuai dengan biaya sebesar Rp.50.000,- ke salahsatu rekening berikut ini:

550

PROOF


Bank Mandiri cab. Yogyakarta AdisuciptoNo. Rek: 1370004452211A/N: Agus Ramadhani

Bank BCA cab. Urip SumohardjoNo. Rek: 4560707911A/N: Agus Ramadhani

Via PayPalEmail: oom[at]o-om.comA/N: Agus Ramadhani

Kemungkinan Pertanyaan:

• Mana formulir untuk saya mengirim artikel? Setelah Anda menyetujui dan melakukanpembayaran, saya akan mengirim form-nya langsung ke Email Anda.

• Berapa lama artikel saya ditampilkan? artikel akan tampil selama satu hari penuh,tapi jika tidak ada antrian mungkin akan lebih dari satu hari :)

• Bagaimana jika artikel saya ditolak? Anda tentu bisa mengirim artikel lainya.Memuat...Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Free Blogger Template GeneratorSaturday, October 24, 2009Siapa bilang ngedesain template sendiri itu sulit? cukup berbekal Blogger TemplateGenerator dibawah ini kita sudah bisa kok membuat Template dinamis secara instantanpa harus menguasai bahasa pemrograman seperti HTML, XML dan CSS. Disini yangkita butuhkan hanya sedikit kreatifitas saja, selebihnya imajinasi kita sendiri yangmenentukan hasil akhir dari desain template.

Pimp-My-Profile

Template generator ini tampil menggunakan tab menu sederhana, kita dapat memulaimembuat template dengan memilih beberapa fasilitas yang sudah disediakan. Sebelummencoba tools ini pastikan kita menggunakan browser versi IE6 atau versi diatasnya,Firefox dan Opera.

551



PsycHo - psychogenesis

Kita dapat merancang blogger template sendiri mulai dari header hingga sampai kefooter. Yang jelas kita tidak harus memiliki pengetahuan lebih tetang HTML, cukupmengaturnya langsung melalui beberapa setting yang tesedia. Seperti yang dikatakanpembuatnya, waktu yang kita habiskan untuk mendesain sebuah template kurang lebihhanya 10 menit.

Page Column Layout Generator

Generator ini menyediakan berbagai macam pililhan column, mulai dari generator untuktemplate 1 coloums bahkan sampai 5 Column juga tersedia. Beberapa fitur laindiantarnya:

• Liquid design, no tables, no javascript, pure layers and css.• Visual layout and backgroud color design, WYSIWYG• Cross browser compatibility• Compact CSS code, reduce 25% of length

552

PROOF


Trix Blogspot Template Generator

TrixTG v1 adalah tool untuk membantu kita mendesain template untuk Blogspot.Memang antarmuka tidak sebagus yang kita harapkan, tetapi fungsionalitas yangdisediakan oleh generator template ini sangat baik.

Selamat mencoba aja :)


Menampilkan Link atau Text di Sebelah TitleSidebarMonday, October 26, 2009Berhubung banyak rekan yang bertanya gimana caranya menambah Text Link atau Textpada sebelah kanan Title Sidebar (lihat sidebar blog saya), jadi saya tuliskan saja caramudahnya. Tutorial kali ini termasuk sangat simple, om yakin rekan bisa mencobanyahanya dalam waktu 1 menit.

OK langung aja ya :)

Disini ada dua cara memasangnya, yang pertama bisa mengedit dan menambahnya

553



secara langsung di Sidebar Gadget yang sudah ada atau kalo masih bingung rekan bisamasuk dulu ke tab Tata Letak -> Elemen halaman -> tambah gadget ->HTML/JavaScript, kemudian langsung copy-paste aja salah satu kode dibawah. Ingat,pastikan Title pada Gadget HTML/JavaScript tetap dalam keaadan kosong, hal ini untukmenghindari terjadinya duplicate Title pada sidebar.

Contoh tampilan Text Link dengan Small Icon:

<style type="text/css">

.pasang-link{font-size:11px;float:right;font-weight:bold;b a c k g r o u n d : u r l ( h t t p : / / b p 0 . b l o g g e r . c o m / _ T q P d H m A E w T M / R 5 -60Nu3tgI/AAAAAAAAAz0/8v3jHKMURzc/s400/feed.png) right 0px no-repeat;padding-right:20px;}

</style>

<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

Contoh tampilan hanya menampilkan Text Link:


.pasang-link{font-size:11px;float:right;font-weight:bold;}

</style>

<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

Contoh tampilan hanya menampilkan Text:


.pasang-link{font-size:11px;float:right;font-weight:bold;}

</style>

<h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>

Oh iya, beberapa template pada sidebar kemungkinan menggunakan <h3> jadi rekan

554

PROOF


tinggal menyesuaikan saja. Selamat mencoba..mudahan hanya dengan tutorialsederhana ini tampilan template rekan jauh lebih bergaya :D


GazoPa: Mencari Gambar di Web Jadi lebihmudahThursday, October 29, 2009

GazoPa merupakan salah satu alternatif layanan pencari gambar di web selain Googleimage search. Layanan yang dikembangkan oleh Hitachi ini sangat memudahkanpengguna untuk mencari gambar berdasarkan kategory tertentu, bisa berdasarkangambar sendiri, gambar yang ditemukan halaman web atau berdasarkan kata kuncitertentu.

GazoPa sangat memungkinkan pengguna untuk mencari gambar yang sama darikarakteristik seperti warna atau bentuk yang diekstraksi dari gambar itu sendiri. SejakGazoPa menggunakan fitur untuk mencari gambar serupa lainnya, berbagai macamgambar dapat dilihat langsung dari hasil pencarian. GazoPa bisa dikatakan alternatif barudari layanan pencarian gambar yang dapat menavigasi pengguna kewilayah baru dihalaman web.


555



Navbar Blogger Support dengan WarnaTransparantSaturday, October 31, 2009Blogger kembali memperbaiki sistem tampilan pada Navigasi Bar mereka, jika dulunavbar blogger hanya memberikan 4 pilihan warna tradisional yaitu Blue, Black, Tan dansilver, sekarang blogger menambahkan dua lagi skema warna baru yaitu "TransparanLight" dan "Transparan Dark.".

Skema warna baru ini memanfaatkan kemampuan browser modern untuk memberikantransparansi (sebuah teknik yang dikenal untuk web designer sebagai "alpha blending").Hal ini memungkinkan kita untuk memadukan background navbar bersama denganbackground warna blog saat ini. "Transparan Light" memiliki skema warna semi-transparan dengan latar belakang warna putih, menghasilkan warna pastel halus,sementara latar belakang "Transparan Dark" adalah warna hitam semi-transparan yangmenghasilkan tampilan yang teduh.

Berita selengkapnya bisa dibaca langsung pada Blogger BuzzPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Mendapatkan Registration Key AntivirusSMADAV PRO tanpa Donasi (Gr...Monday, November 02, 2009Smadav bisa dikatakan antivus terbaik indonesia untuk saat ini, jika dibandingkandengan antivirus lokal lainya, smadav tentu lebih banyak memiliki keunggulan terutamapada kecepatan proses scanning directory / Drive. Saat artikel ini saya tulis, smadavtelah merilis versi Smadav 2009 rev 7.1 dimana ada beberapa fitur yang ditambahkanseperti Smad-Turbo (Scanning 10x lebih cepat), Smad-Theme (Mengganti warna tema),dan Smad-Ray (Otomatis scan flashdisk sangat cepat).

Selain ukuran file smadav yang tergolong mini, dalam satu program smadav sebenarnyasudah tersedia dua versi yang bisa kita gunakan, yaitu versiSmadav FreedanSmadavPro. Untuk mendapatkan versiSmadav Prosebenarnya tidak terlalu mahal juga, yang kitaperlukan hanya memberikan sedikit sumbangan (donasi) berapapun Jumlahnya. Tapibila inginmendapatkan smadav pro secara gratis, rekan tinggal melengkapi sajabeberapa syarat dan ketentuan dibawah ini:

Syaratnya blog/situs untuk pemasangan banner Smadav :

556

PROOF


• Anda harus mempunyai blog/situs.• Pasang Banner pada Blog/situs Anda (wajib menggunakan kode banner image

125x125 di bawah*).• Banner harus diletakkan di tempat strategis di blog tersebut• Banner harus terus dipasang sampai akhir tahun 2010

• Blog mempunyai trafik pengunjung cukup besar. Silakan cek PageRank danAlexaRank blog/situs Anda : popuri.us PageRank minimal 2, atau

• Jika PageRank 1 maka AlexaRank < 1.000.000, atau• Jika PageRank 0 maka AlexaRank < 400.000

• Tidak ada toleransi untuk syarat ini, hanya blog yang memenuhi syarat diatas yangakan diberi key Smadav Pro

• Kirim konfirmasi ke [email protected] untuk meminta (max 3) Registration Keydan sertakan alamat blog Anda.

Kode banner image 125x125 :

<a href="http://www.smadav.net" title="antivirus" target="_blank"><img alt="smadavantivirus indonesia" src="http://www.smadav.net/smadav125.gif"></a>

Preview :

Special thanks for Zainuddin Nafarin (CEO Smadav)


Membuat Blog Anda Agar Lebih diingat BanyakPengunjungWednesday, November 04, 2009

Artikel ini dibuat oleh Reza Winandar dari BloggerMake Money sebagai guest post di o-om.com.

Tentu kita semua tahu bahwa blog tercinta kita ini(o-om.com) dikunjungi banyak orang setiapharinya. Saya sendiri aktif mengunjungi blog inisetiap ada postingan baru, entah itu karenatertarik atau karena faktor X. Tapi tahukah andaapa saja faktor X itu?

Menurut saya, faktor X dari sebuah blog adalah :

Template

Template yang original serta indah dapatmembuat pengunjung kembali lagi hanya untuk melihat keindahannya. Saya lihattemplate blog ini sangat enak dan nyaman untuk dipandang berjam-jam lamanya (lebaydikit boleh lah...). Untuk membuat blog kita nyaman dibaca, gunakan template custom

557



atau standar (tapi sudah dimodifikasi) yang mengandung warna yang memang nyamanuntuk dipandang, seperti putih dan hijau. Jangan menggunakan warna yang membuatsakit mata seperti merah dan oranye.

Tips : Jangan gunakan background hitam atau warna gelap lainnya untuk postingan, itumembuat pengunjung tidak nyaman dalam membacanya. Gunakan;ah warna putih atauhijau muda sebagai background.

Tata cara penulisan

Anda tahu anak alay? Itu lho yang kalo nulis atau ngetik tulisannya gede-kecil danmenggunakan banyak angka sebagai symbol maupun pengganti sebuah huruf. Tulisanyang seperti itu sangat membuat pembacanya bekerja lebih untuk memahami isi daripostingan tersebut. Yang ada malah mereka akan meninggalkan blog anda, padahalbaru melihat judul saja. Gunakanlah bahasa Indonesia yang baik dan benar karena kitaorang Indonesia, bukan anak alay.

Tips : Jangan pernah menyingkat kata-kata karena ini adalah blog, bukan SMS. Jika adabanyak space, kenapa kita harus menyingkatnya?

Loading Page

Pernahkah anda membuka sebuah blog dan blog itu tidak selesai untuk diload padahalanda telah menunggu cukup lama? Saya sering dan biasanya saya akan menutup blogtersebut. Jangan sampai ini terjadi pada anda karena ini sangat merugikan. Ceklahkecepatan loading blog anda, tidak usah pake layanan apapun, cukup tes dengankomputer anda saja. Jika dirasa terlalu lama, maka anda bisa melakukan perbaikan padablog anda.

Tips : Kurangi gambar di blog anda, atau bisa juga mengompres gambar sehinggaukurannya lebih kecil dan lebih cepat untuk diload. Dan cek juga apakah server dimanaanda mengupload javascript dan gambar berjalan dengan baik. Saya sendiri membelihosting untuk keperluan javascript.

Saya rasa baru itu saja yang dapat saya paparkan untuk kesempatan kali ini. Terimakasih untuk O-OM karena telah menerima artikel saya dan mempublikasikannya di blogkita tercinta ini. :)


WeGIF: cara membuat Animasi Gif secara onlineMonday, November 09, 2009

558

PROOF


Gif merupakan format gambar populer seperti halnya Jpg dan Png. Animasi gif adalahsalah satu kelebihan dari ekstensi Gif yang mampu menampilkan animasi bergerak yangbiasanya terdiri dari beberapa frame gambar. File Gif biasanya banyak ditampilkan padahalaman web dinamis dan banner bergerak yang sering kita lihat selama ini.

Saat ini banyak sekali aplikasi gratis yang memungkinkan kita membuat animasi gif,mulai dari aplikasi dekstop sampai dengan yang online juga tersedia. Salah satu yangaplikasi online Gif Creator yang biasa saya gunakan yaitu dari layanan WeGif. WeGifmenggabungkan aspek-aspek yang berkaitan dengan animasi, seperti beberapa frame,perulangan dengan kejelasan visual yang tinggi, kualitas, warna, dan kompresi gambardengan ukuran file yang sangat kecil.

Jika rekan ingin mencari cara untuk membuat animasi gambar secara online, makaWeGif adalah pilihan yang baik :)

Maih belum puas dengan aplikasi WeGif? rekan bisa mencoba lagi alternatif lainnya diMyspace Animated Gif Generator


Shape Collage: Menyusun Gambar MenjadiKarya SeniMonday, November 09, 2009Saya kurang begitu ngeh juga dengan istilah Collage ini, tapi secara umum Collage inibisa dikatakan sebagai susunan benda-benda dengan potongan-potongan kertas yangditempelkan pada bidang datar dan merupakan kesatuan dari karya seni.

559



Deskripsi singkat diatas paling tidak kita sudah memiliki sedikit gambaran. Nah kali inisaya coba membagikan free software dengan nama Shape Collage dimana tool inisangat memungkinkan kita untuk membuat potongan photo pribadi dan menyusunnyasedemikian rupa menjadi bentuk2 yang lucu dan mengemaskan dan semua bisa kitalakukan hanya dengan waktu 10 Menit (kata yang punya layanan lho ya :)


Kenapa harus Yahoo Mim? Kenapa tidak YahooMeme?Wednesday, November 11, 2009Satu hal yang menarik ketika Yahoo! Meme melauncing layanan microblogging dengantarget pengguna khusus Indonesia, selain bahasa, Yahoo! ternyata melakukan re-branding nama Yahoo! Meme menjadi Yahoo! Mim, ups! kenapa? alasannya cukupsimple, tau sendiri khan konotasi kata Meme dinegara kita merupakan suatu kata yangnegatif dan terdengar sangat vulgar. Yahoo! sendiri tidak ingin mengambil resiko hanyakarena menggunakan kata Meme yang tentu saja kata singkat dan padat makna ini akanmembuat pengguna Indonesia tersenyum. Itulah mungkin alasan terkuat kenapa Yahoo!sampai dengan sukarela merubah nama produk layanan microblogging mereka menjadiYahoo Mim.

560

PROOF


Mim sebenarnya tidak ada bedanya dengan Meme, karena Mim sendiri merupakanterjemahan bahasa Indonesia dari Yahoo Meme. Pada intinya anda yang sudah memilikiaccount di Yahoo sudah pasti bisa login di Yahoo Mim. Ok, Silahkan selanjutnya bermainMim ria :D

Jangan lupa add Yahoo! Mim o-om.com disini


Pluralink: Menampilkan Banyak Pilihan DalamSatu LinkMonday, November 16, 2009

Pluralink menyediakan plugin berbasis javascipt yang sangat menarik, dengan plugin inikita dapat menampilkan satu link tunggal yang didalamnya juga berisi daftar drop-downmenu beberapa link sekaligus. Sebagai contoh dalam sebuah artikel kita sedangmembahas tentang software dan software tersebut ternyata memiliki beberapa alternatiflink download yang berbeda, tentu tidak ada cara lain khan selain kita berusahamengurutkan link download tersebut satu persatu. Tetapi dengan Pluralink kita cukupmenampilkannya hanya dalam satu link saja misalkan "download disini", dan selanjutnyabiarkan pengguna yang memilih salah satunya.

Pluralink kemungkinan besar dapat digunakan di halaman web/blog apa saja, termasukblogger salah satunya selama flatform tersebut Support Javascript Enable. Silahkanpelajari instruksi cara memasangnya disini. Untuk pengguna Wordpress sudah tersediajuga pluginnya, silahkan download aja disini

561



Cara Pasang Di blogger:

Copy-Paste semua kode dibawah ini, kemudian letakan diatas kode </head> padahalaman Edit HTML

<script type="text/javascript" src="http://pluralink.com/files/pluralink.js"></script><link rel="stylesheet" href="http://pluralink.com/files/pluralink.css" type="text/css"media="screen" />

Contoh penerapan Link: Rekan bisa memasang link ini dimanapun rekan suka, bisa padamenu atau dalam artikel. Pastikan pemisah link dan link title mengunakan tanda ||

<a href="http://firstlink.com/||http://secondlink.org/" title="First link description||Second linkdescription">Some pluralink</a>


Premium Komunitas Link FeedTuesday, November 17, 2009Rekan blogger yang terhormat, berhubung masa promosi secara gratis telah berakhirmaka saat ini layanan Komunitas Link Feed hanya berlaku bagi akses Premium saja.Jika rekan merasa layanan ini sangat bermaanfaat dan ingin terus menggunakannyarekan bisa membeli akses premium seharga: Rp.50.000,- / Bulan

Bisa rekan bayangkan dengan harga yang relatif murah rekan bisa mengirim artikelsepuasnya, dan yang lebih seru lagi artikel rekan tidak hanya tampil di sidebar saja tetapiakan tampil disetiap postingan. Seru khan :)

Ok, tunggu apa lagi sobat, silahkan baca keterangan selanjutnya disini


Opera Rilis Opera Mobile 10 Beta KhususWindows MobileWednesday, November 18, 2009

562

PROOF


Setelah beberapa waktu lalu Opera merilis Opera 10 versi beta untuk perangkat PonselSymbian Nokia. Kini Opera kembali merilis perangkat terbaru lagi khusus untukpengguna Windows Mobile. Sekilas memang tidak terlihat perbedaan mencolok denganversi rilis untuk perangkat berbasis Symbian/S60, dimana versi Opera Window Mobile inijuga terasa mirip dengan Opera Browser versi desktop dan Opera Mini 5 beta danmemiliki semua fitur yang juga tersedia seperti pada Nokia Symbian/S60 seperti: SpeedDial, tabbed browsing, password manager, server-side kompresor dan Opera Turbo.

Yang jelas, dengan hadirnya Opera Mobile 10 Beta ini berarti pengguna Windows Mobilejuga dapat menikmati pengalaman browsing yang lebih cepat dan menyenangkan daripada menggunakan built-in dari pihak ketiga lainnya sebagai Web Browser.


KidZui: Internet Web Browser khusus untukAnak-AnakWednesday, November 18, 2009

Jangan sekali-sekali menganjarkan anak kesayangan anda bermain internet sendirian,apalagi menggunakan Web Browser yang biasa anda gunakan, bisa-bisa saat anda tidakmemperhatian dengan polosnya anak anda mengklik situs favorite yang tertuju langsungpada situs dewasa yang hehehe..aduhai. Tentu sebagai orang tua anda menghindari halini terjadi khan?

563



KidZui, merupakan salah satu alternatif web browser yang dibangun khusus buat anak-anak. Dengan browser ini anda tidak perlu khawatir lagi dengan tangan jahilnya mereka.KidZui Saat ini memiliki database besar dan menawarkan lebih dari 2 juta permainan(game), Situs Web, foto dan Video, dan tentu saja layanan yang dapat diakses anakanda semuanya telah disetujui.

Yang jelas, dengan Browser KidZui anak anda dapat dengan mudah diarahkan langsungkepada layanan-layanan yang memang ditujukan khusus buat mereka.


PayPal Wishlist: Mau Dapat Duit $100 DariPayPal?Thursday, November 19, 2009Cukup bergabung dengan Aplikasi Facebook bernama PayPal Wishlist Anda bisalangsung mendapatkan duit $1. Kemudian jika Anda ingin mendapatkan $1 berikutnyaada harus bisa mereferensikan program ini ke pengguna lainnya. Untuk bisa menerimaEarning, total keseluruhan yang dicapai harus maksimal $100, setelah itu layananPayPal Wishlist akan langsung mengirimkan duit ke rekening PayPal Anda. Sesuaidengan ketentuan pihak Wishlist, maka penghasilan Anda baru dapat diterima padatanggal 28 Februari 2010. Tenang masih lama kok :)

Cara mendaftar:

• Login dengan account Facebook Anda• Kemudian masuk ke halaman promosi Paypal Wishlist• Masukkan alamat email Paypal yang sudah terverifikasi, kalo belum punya PayPal

daftar aja dulu program PayPal Wishlist, urusan verifikasi email PayPal belakanganaja :D

• Langkah terakhir tinggal membuat Wishlist Anda. Lalu share aja langsung ke teman-teman Anda di Facebook.

Apa program PayPal Wishlist is Scam? Jangan pedulikan itu dulu yang penting gabung

564

PROOF


aja sekarang. Urusan Scam itu urusan belakangan, toh gak keluar duit juga khan :D


CutMyPic: Cara Memotong Gambar SecaraOnlineSaturday, November 21, 2009

CutMyPic adalah layanan online Image Cropping yang memungkinkan kita memotongbidang gambar dengan mudah dan terbilang sangat cepat. Berbeda dengan layananImage Cropping lainya, CutMypPic tidak hanya memotong gambar pada bidang persegisaja, kita dapat juga memotong gambar dengan sudut melengkung atau sekaligus ajadibuat membulat. Selain itu tersedia juga pilihan fasilitas Drop Shadow pada layanan ini.

Layanan CutMyPic tentu sangat berguna saat kita tidak sedang berhadapan denganlaptop kesayangan, terlebih saat kita berada di Warnet yang minim image editting. Caramenggunakan layanan ini juga tidak begitu sulit, cukup upload gambar, Crop padagambar tersebut dan simpan hasilnya. Mudah khan :)


565



Aplikasi Facebook Yang Wajib dimiliki BloggerTuesday, November 24, 2009

Dibawah ini saya mengelompokan beberapa Aplikasi Facebook yang wajib dimiliki setiapblogger, sebagian besar aplikasi sangat berguna untuk memperbaharui status jejaringansosial lainnya melalui Aplikasi Facebook dan sebagian lagi bisa Anda gunakan sebagaicara termudah untuk promosi blog.

Twitter

Anda tentunya sudah mengenal Twitter, dengan tersedianya Twitter diaplikasi Facebookini berarti mempermudah Anda untuk memperbaharui status di Twitter Anda. Padadasarnya setiap kali Anda melakukan update melalui twitter maka secara otomatis pesantersebut akan langsung diimpor sebagai status baru di facebook.

Networks Blogs

Anda dapat mempromosikan blog Anda di Facebook melalui aplikasi NetworkedBlogs.NetworkedBlogs adalah komunitas blogger bagi mereka yang mencintai blog. Bergabungsekarang dengan menambahkan blog Anda, dan bergabung dengan blogger lainya yangmempunyai minat yang sama dengan Anda.

Friend Feed

Anda mungkin sudah tidak asing dengan Friend Feed. Setelah Anda men-setup profilAnda pada layanan Friendfeed Feed dengan benar, Anda dapat memperbaharui statusdan konten dari banyak sumber ke dalam satu lokasi. Dan memungkinkan Anda untukmelakukan import semua status kedalam Facebook Profil!

Ping.fm

Ping.fm memungkinkan Anda untuk melakukan tindakan-tindakan seperti update statusmelalui aplikasi Ping.fm. Saya tidak akan menjelaskan panjang lebar layanan ini karenaAnda mungkin juga sudah mencobanya.

566

PROOF


Notes

Dengan Notes Facebook, Anda dapat berbagi kisah kehidupan Anda dengan teman-teman Anda melalui bentuk tulisan. Anda dapat menAndai teman-teman Anda dalamcatatan, dan mereka dapat memberi komentar di dalamnya. Aplikasi Notes menampilkanbeberapa catatan yang terakhir ditulis oleh teman-teman Anda, catatan yang manateman-teman Anda telah ditandai, dan tautan ke catatan-catatan Anda.

Blogvote

Konsep di balik Blogvote sangat sederhana, Anda tinggal menelusuri melalui berbagaiblog yang telah diajukan dan mengevaluasi kualitas mereka pada skala 1 sampai 5.Anda dapat melihat beberapa blog dengan peringkat teatas, memberi komentar padablog itu dan tentu saja memungkinkan mengirim blog Anda sendiri.

HTML Profile Box

Letakkan kode HTML di personal profile Anda! Anda bisa menggunakan Format teksuntuk bold, italic, underlined, colored, add background color, menggunakan berbagaifont, ukuran font, menyisipkan tabel, gambar, link dll. Yang jelas Anda bisa melakukanapa saja yang biasa Anda lakukan dengan HTML!

My Stuff

My Stuff hampir sama dengan aplikasi HTML Profile Box diatas, namun aplikasi inisangat terbatas dan terbilang sangat sederhana.

RSS Share

Facebook sendiri sebenarnya membolehkan kita melalukan impor RSS Feed melaluiAplikasi Notes, tapi jika Anda ingin mencoba aplikasi lainnya, RSS Share bisa jadipilihan.

Sosial RSS

Sosial RSS memungkinkan Anda untuk menambahkan RSS Feed ke halaman profilefacebook Anda, tersedia 2 pilihan box tab atau Tab khusus di halaman personal Andaatau pada Facebook Page Anda. RSS Anda akan diiperbarui secara otomatis danmemungkinkan pembaca Anda berlangganan ke feed Anda j ika merekamenginginkannya!

Mirror Blog

Mirror Blog juga salah satu aplikasi yang memungkinkan Anda melakukan Share RSSFeed. Aplikasi ini juga bisa digunakan untuk menulis posting blog melalui facebook,sayangnya aplikasi ini mengharuskan kita melakukan save username dan password, iniyang membuat saya kurang nyaman menggunakannya.

Silahkan dicoba aja semua, semoga bermanfaat :)


567



Digital technology

Cara menghasilkan Uang melalui AplikasiFacebookThursday, November 26, 2009Di artikel sebelumnya saya sudah menjelaskan cara memanfaatkan Aplikasi Facebooksebagai media berbagi sekaligus sebagai media promosi blog Anda. Sebagai artikellanjutannya, kali ini saya coba berbagi Aplikasi Facebook yang saya yakin bisa Andagunakan untuk mengais rezeki dari pada Anda sekedar menuliskan status, memajangphoto dan membalas komentar. Pada intinya Anda bisa bersenang-senang sekaligusmendapatkan penghasilan...bukankah itu malah lebih menyenangkan :)

Mungkin Anda tidak percaya pada halaman profile Facebook Anda sebenarnya Andabisa memajang dan menjual barang-barang yang kemungkinan besar banyak dicaripembaca Anda. Entah itu bisa berupa Musik, T-shirt, Gadget, barang-berang bekassampai yang terbaru sekalipun bisa Anda jual. Dan itu semua bisa Anda lakukan dengansedikit modal bahkan tanpa modal sama sekali.

Dibawah ini saya coba share berbagai aplikasi Facebook yang mungkin bisa menjadiacuan buat Anda. Jadi sillahkan manfaatkan sebaik-baiknya layanan dibawah ini.

Paypal WishList

Saya tidak menjelaskan panjang lebar tentang Paypal Wishlist, Anda mungkin sudahtidak asing dengan Aplikasi yang bikin heboh sepekan ini. Pada intinya Anda dimintauntuk memasarkan berbagai macam item produk, dengan imbalan jika Anda bisamengajak pengguna lainnya bergabung, maka Anda akan menerima $1. selengkapnyabisa dibaca disini

ebay

Tanpa saya jelaskanpun Anda tentu sudah mengenal situ lelang paling populer sedunia"ebay". Anda juga bisa menampilkan lelang produk Anda melalui halaman profile.

CafePress

Cafepress memungkinkan Anda untuk menjual T-Shirt sebagai produk Anda ataupunproduk orang lain. Pada intinya dengan aplikasi ini Anda bisa menjual apapun yang Andamiliki di toko Anda memalui halaman personal Anda..

e3buy Auction

Aplikasi ini bekerja dengan situs lelang e3bay sehingga Anda dapat membuat tokosendiri dan menampilkannya melalui halaman profile.

Lemonade

Pilih item yang Anda suka dari situs pilihan, menambahkan widget ke profil Anda, llauusahakan membuat komisi apa pun yang sekiranya menjual.

568

PROOF


FlameTunes

Apakah Anda seorang musisi? atau ingin menjual musik Anda sendiri? mungkin iniaplikasi yang menarik yang harus Anda coba.

Garage Sale

Dengan Garage sale Anda bisa menjual item apa saja keteman-teman Anda diFacebook, seperti buku, pakaian dll.

Shopit

Buat toko online sederhana dan menjual item Anda ke teman-teman Anda melaluiaplikasi toko ini.

My Merch Store

Membuat produk Anda sendiri dengan Zazzle dan kemudian Anda dapat menjualnya diWebsite atau Facebook Anda melalui halaman profil.

Music Blaster

Sebuah aplikasi yang bekerja dengan BlastMyMusic. Anda cukup mempromosikanpertunjukan musik dan mendapatkan 5% komisi dari penjualan musik mereka.

Bagi-Bagi

Aplikasi kuis bagi-bagi milik anak bangsa dengan sistem downline, Anda bisa bergabungdengan layanan ini untuk berburu rupiah. Dengan hanya menjawab soal yang diberikan,Anda akan dibayar jika sudah terkumpul Rp10.000,-. kecil memang, tapi lebih baik daripada tidak sama sekali.

Diatas itulah apliaksi facebook yang mungkin bisa saya share untuk sementara ini.Silahkan kalau ada yang mau menambahkan :)


Artisteer: Program untuk membuat TemplateBlogger, Joomla, Drupal, ...Monday, November 30, 2009Program Artisteer bisa saya katakan sebagai program template generator terbaik danterbilang sangat lengkap. Ini sangat berbeda dengan template generator khusus bloggeryang pernah saya publish beberapa waktu lalu. Artisteer tidak hanya disediakan untukpengguna blogger saja, tapi hampir semua Platform blog populer seperti Joomla, Drupal,DotNetNuke dan Wordpress juga bisa menikmati tools ini.

Sayang program yang berkualitas seperti Artister ini tidaklah gratis. Untuk membelinya

569



Anda harus mengeluarkan kocek sekitar $49 untuk versi Home & Academic Edition dan$129 untuk versi StAndar Edition. Tapi jangan kawatir, Anda masih bisa mendownloadversi demonya. Untuk ukuran file lumayan besar besar juga sekitar 60MB. Anda bisamelihat demo programnya disini.

Berikut langkah-langkah membuat dan menerapkan template Blogger dalam hitunganmenit

1. Jalankan Artisteer dan kemudian klik tombol "Suggest Design" beberapa kali, sampaiAnda melihat sebuah ide yang Anda sukai

2. Mengatur elemen desain seperti tata letak, latar belakang, header, huruf, dll

3. Publikasikan template baru Anda denganmenentukan email dan password bloggerAnda.

Thanks buat sobat blogger Eko Priyanto yang ngasih info ini tadi malam :) ok eko, tunggu

570

PROOF


om tar malam di meja yang sama ya wkwkwkwwk


nowGoogle.com: Multiple Search EngineThursday, December 03, 2009

Mesin pencari adalah program komputeryang d i r ancang un tuk memban tuseseorang menemukan fi le-f i le yangdisimpan dalam komputer, misalnya dalamsebuah server umum di web (WWW) ataudalam komputer sendiri. Mesin pencarimemungkinkan kita untuk meminta contentmedia dengan kriteria yang spesif ik(biasanya yang berisi kata atau frasa yangkita tentukan) dan memperoleh daftar file

yang memenuhi kriteria tersebut. Mesin pencaribiasanya menggunakan indeks (yang sudahdibuat sebelumnya dan dimutakhirkan secarateratur) untuk mencari file setelah penggunamemasukkan kriteria pencarian.

Dalam konteks Internet, mesin pencari biasanyamerujuk kepada WWW dan bukan protokolataupun area lainnya. Selain itu, mesin pencarimengumpulkan data yang tersedia di newsgroup,database besar, atau direktori terbuka sepertiDMOZ.org. Karena pengumpulan datanyadilakukan secara otomatis, mesin pencari berbedadengan direktori Web yang dikerjakan manusia.

Sebagian besar mesin pencari dijalankan olehperusahaan swasta yang menggunakan algoritma

kepemilikan dan database tertutup – yang paling populer adalah Google (MSN Searchdan Yahoo! tertinggal sedikit di belakang). Telah ada beberapa upaya menciptakanmesin pencari dengan sumber-terbuka (open-source), contohnya adalah Htdig, Nutch,Egothor dan OpenFTS. (wikipedia)

Multiple search engine yang merupakan gabungan beberapa Search Engine dalam satuhalaman web site. Jadi Anda tidak perlu membuka window baru untuk melakukanpencarian dengan Search Engine yang lain. Multiple Search Engine. Denganmenggunakan satu search engine anda bisa mencari di beberapa Search Engine dalamwaktu bersamaan. Bukan itu saja, anda juga bisa memilih hasil pencarian misalnyatentang : download, musik, lowongan saja. Nah! ini dia Multiple Search EnginePublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

571


Menampilkan Next Comments Blogger untukkomentar diatas 200


Sunday, December 06, 2009

Kita yang menggunakan Blogger Custom Template biasanya tidak terlalu memperhatikanmasalah Next Comment ini, masalah ini biasanya baru ketahuan setelah jumlahkomentar diblog kita sudah melebihi angka 200. Saya dulu sempat kaget juga melihatjumlah komentar blog saya yang seharusnya menampilkan lebih dari 500 komentar danternyata dari blogger sendiri hanya membatasi pada 200 komentar saja per artikel,selebihnya blogger meminta pengguna untuk melihat halaman lanjutan yang ditampilkanbedasarkan jumlah komentar dan link ke halaman komentar yang lebih baru. Anda bisamelihat contohnya pada gambar dibawah ini.

Tidak adanya fasilitas Next Comment ini pada Custom Template lama juga bukankesalahan dari pembuat template terdahulu, saya bisa mengatakan ini karena bloggersendiri yang beberapa waktu lalu baru memperbaharui fasilitas ini, akibatnya tempate-template yang lama malah tidak support untuk menampilkan fasilitas ini. Tapi jangankawatir, untuk menambah fasilitas Next Comment ini gak begitu sulit kok, ikutin sajatutorialnya di bawah ini:

Pertama cari kode dibawah ini, oh iya jangan lupa memberi centang pada ExpandTemplate Widget.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Kalau sudah ketemu Copas aja semua kode dibawah ini, lalu letakan tepat dibawah kode

572

PROOF


diatas.

<b:if cond='data:post.commentPagingRequired'><span class='paging-control-container'>< a e x p r : c l a s s = ' d a t a : p o s t . o l d L i n k C l a s s 'e x p r : h r e f = ' d a t a : p o s t . o l d e s t L i n k U r l ' > < d a t a : p o s t . o l d e s t L i n k T e x t / > < / a > < a e x p r : c l a s s = ' d a t a : p o s t . o l d L i n k C l a s s 'e x p r : h r e f = ' d a t a : p o s t . o l d e r L i n k U r l ' > < d a t a : p o s t . o l d e r L i n k T e x t / > < / a > <data:post.commentRangeText/> < a e x p r : c l a s s = ' d a t a : p o s t . n e w L i n k C l a s s 'e x p r : h r e f = ' d a t a : p o s t . n e w e r L i n k U r l ' > < d a t a : p o s t . n e w e r L i n k T e x t / > < / a > < a e x p r : c l a s s = ' d a t a : p o s t . n e w L i n k C l a s s 'exp r :h re f= 'da ta :pos t .newes tL inkUr l ' ><da ta :pos t .newes tL inkTex t />< /a></span></b:if>

Dengan cara yang sama, Copas kembali semua kode diatas, kemudian cari kembalikode dibawah ini dan letakan kode yang baru saja kita copas tadi tepat diatas kodedibawah ini.

<p class='comment-footer'>

Silahkan disimpan, oh iya sayangnya kita tidak bisa melihat hasilnya kecuali komentar diblog kita ada yang sudah mencapai angka lebih dari 200 :(

Yups! Tutorial diatas sebenarnya sudah Finish, tapi bila ingin menampilkan tampilanyang berbeda menggunakan Custom CSS pada Blogger Next Comment, kita bisamenggunakan coding CSS dibawah ini:

.paging-control-container{float: right;margin-top: 0pt;margin-right: 6px;margin-bottom: 0pt;margin-left: 0pt;font-size: 11px;font-weight:bold;}

Seperti biasa, untuk memasang Code CSS diatas tinggal masukannya saja pada deretanCode CSS yang ada pada halaman Edit HTML, lalu simpan dan lihat hasilnya. Silahkandicoba aja ya :)


573


Launching O-OM.NET: Indonesian Online MediaAggregator


Thursday, December 10, 2009Akhirnya kelar juga setelah hampir 6 jam melototin laptop kesayangan, mulai dari ngeditScript PHP, Template, Rss Feed dan fungsi Key API yang bikin mata mau copot ajarasanya hehehe. Sebenarnya layanan situs aggregator ini pengen saya lounchingbeberapa hari yang lalu, berhubung koneksi internet dirumah tidak bersahabat dan sayaharus rela bolak-balik kewarnet, maka baru sekarang baru bisa saya publikasikan.

OK, agak serius dikit ya :)

Alasan kenapa saya meluncurkan situs Aggregator O-OM.NET?

Bisa saya katakan O-OM.NET merupakan sindikasi pertama dari berbagai media-mediaonline populer yang ada di indonesia. Kita tau sendiri khan Situs Media Online diIndonesia saat ini sangat banyak. Hampir semua media offline yang kita kenal dulu kinisudah merambah ke dunia online. Saking banyaknya, sampai2 kita sendiri bingungmemilih situs mana yang ingin kita kunjungi setiap harinya. Untuk mengunjungi satu situssaja biasanya kita harus membuang waktu beberapa menit, itupun bila koneksi internetlancar, padahal, kita sendiri belum tentu tertarik dengan isi beritanya. Nah, untuk itulahsaya meluncurkan O-OM.NET sebagai cara mudah untuk kita mengetahui berbagaimacam media berita hanya dari satu sumber saja.

Gak sampai disitu aja, O-OM.NET juga menampilkan sindikasi menarik lainnya melaluiTwitter, Video YouTube, del.icio.us, Readernaut Books, Album terbaru via Last.fm danphoto melalui Flickr. Sebenarnya masih banyak lagi sindikasi lainnya seperti Facebook,Google Picasa dan Video via Vimeo. Yang lainnya tar menyusul aja ya :)

Yah..sepertinya itu aja dulu, saya juga sadar situs ini sepenuhnya belum 100%sempurna. Oleh itu saya sangat mengharapkan kritik membangun dan saran2 dari rekansemua. Oh iya, ada satu lagi, saya kesulitan mencari informasi situs media onlinelainnya. saya harap rekan bisa membantu saya dengan menuliskan alamat situs mediacetak online, majalah/ tabloid online atau apa saja di kolom komentar ya. lebih baik lagikalau ada info situs media cetak online, sekalian lokasi daerah penerbitnya. thanks

Jangan lupa join di Group O-OM.NET di Facebook

574

PROOF



Blogger Terintegrasi Dengan Amazon AssociatesThursday, December 17, 2009

Dalam usaha me-monetize blog sebagai layanan penghasil dollar, Blogger semakinmemanjakan penggunanya saja. Jika sebelumnya Blogger sudah memberikan caratermudah untuk melakukan integrasi antara Blogger dengan Adsense, sekarang Bloggermenambah lagi fitur baru dimana kita juga dapat melakukan integrasi antara Bloggerdengan Amazon Associates. Amazon Associates adalah program yang diberikan padasiapa saja yang mau membangun toko online dengan mencantumkan link (tautan) keproduk-produk Amazon. Saat seorang pengunjung toko online membeli sesuatu dariamazon, kita akan mendapat persentase antara 4 sampai 10% dari harga barang.

Dengan fitur terbaru Blogger ini, Anda dapat mencari Amazon langsung dari Bloggereditor dan menambahkan gambar dan link ke produk-produk Amazon tepat ke postingAnda. Pembaca Anda akan mendapatkan komisi Anda setiap kali mereka membeliproduk yang Anda rekomendasikan, dan jika Anda belum memiliki Amazon Associatesaccount, Anda dapat sign up untuk mendapatkannya secara gratis tanpa meninggalkanBlogger.

Silahkan baca informasi lebih lanjut mengenai fitur terbaru ini di Blogger buzz danmengenai integrasi ini di Amazon.com dan Amazon Associates blog. Yang jelas Integrasi

575



ini merupakan hasil dari kolaborasi antara para insinyur di kedua perusahaan, danmereka tentu sangat bersemangat untuk membagikan hasil kerjasama ini dengan Anda.Happy blogging!


Global CSS Reset PilihanMonday, January 11, 2010

Bisa dipastikan anda tentu sudah mengenal dengan pengkodean CSS, paling tidak sayayakin anda tentu pernah mengeditnya. Karena hampir semua yang berhubungan denganhalaman web dinamis entah itu blog atau situs apapun pasti selalu menggunakanpengkodean CSS ini. Pendek kata, dalam hal ini saya anggap saja kita semua sudahmengenalnya ya hehehe..

Nah kali ini saya coba berbagi info tentang Global Reset Css (*hanya istilah untuk nilaidefault pada CSS) dimana fungsi reset css ini sebenarnya berguna untuk mengatasiprilaku berbeda pada setiap default browser. Kita tentu mengetahui tidak semua yangditampilan pada halaman web pada browser modern selalu sama, ini karena setiapelement default pada user agent memiliki nilai yang berbeda-beda. Global Reset CSS initentu memudahkan desainer untuk memberi starting value yang sama pada setiapbrowser sebelum mengeksekusi nilai css yang sebenarnya.

Selain reset css memberikan kemudahan mengatur starting value secara default, resetcss kadang memiliki kekurangan, dimana kita perlu mengatur dan menata ulang kembalibeberapa bagian nilai value pada pengkodean Css. Jadi Global CSS Reset tidak bisaasal comot dan di copas sembarangan..tar hasilnya bukan malah lebih baik justru akanmalah bikin berantakan saja. Jadi saran saya buat yang kurang begitu memahamipengkodean CSS lebih baik minta bantuan temen yang memang sudah mengerti dulu :)

Dibawah ini beberapa Global CSS Reset Yang Populer:

YAHOO (YUI RESET CSS)

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; }fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-

576

PROOF


style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; }h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; }abbr,acronym { border:0; }

MEYER WEB GLOBAL CSS RESET

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1;color: black; background: white; } ol, ul { list-style: none; } /* tables still need'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; }caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after,q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } Masih kurang puas dengandiatas silahkan kunjungi langsung selengkapnya disini

Cara menggunakannya:

• Untuk blogger silahkan letakan global Css Reset diurutan paling atas pada halamanCSS anda.

• Untuk Worpress bisa dengan cara yang sama dengan blogger diatas atau denganmemanggil dengan perintah @import url('http://namadomain.net/fileresetcss.css');


Guest Post di O-OM.COMFriday, January 29, 2010Keuntungan Blog Guest di o-om.com

1. Blog o-om.com dibaca oleh ribuan pengunjung perharinya, Silahkan dilihat data RssFeed dan Statistik penggemar pada Sidebar.

2. Dapat Backlink secara gratis, jangan sia-siakan kesempatan ini sebagai ajang promosigratis blog anda.

Syarat dan Kondisi

1. Tulisan harus benar-benar baru, unik dan belum pernah di publikasi sebelumnya.

2. Bukan mengambil dari artikel orang lain, atau hasil editan, atau hasil dari Translatebahasa asing lainya.

3. Artikel yang sudah di publikasikan di o-om.com tidak boleh di publikasikan ulang olehPenulis (pemilik) atau orang lain.

4. o-om.com tidak bertanggung jawab atas materi tulisan, kerusakan atau tutorial yangtidak berjalan dikemudian hari.

577



Materi tulisan

1. Tutorial (blogger/wordpress)

2. Bahasa Pemrograman.

2. Tips dan Trik ngeblog.

3. Perkembangan WEB2.0.

4. Jejariangan Sosial, misalkan Facebook, Twitter dll

5. Yang berhubungan dengan Make Money Online.

Cara mengirim tulisan:

1. Tulisan bisa dikirim dalam format pilihan: TXT, DOC, PDF, RAR atau ZIP

2. Jangan lupa memasukan Nama Lengkap dan Alamat blog.

Silahkan kirim tulisan kealamat email saya oom[at]o-om.com

Semua tulisan akan saya tampung dan saya seleksi dulu sebelum dipublikasikan. thanks:)


Pro dan Kontra Dalam Dofollow BlogSunday, January 31, 2010

Penulis:Reza Winandar | Ngakak Gila

Saat ini, dofollow adalah kata yang tidakasing bagi kita, terutama bagi para bloggeryang hobi hunting backlink dengan caraberkomentar. Masih banyak yang raguuntuk membuat blog mereka dofollowkarena beberapa faktor, seperti takutrankingnya tersaingi oleh blogger lain,

ataupun takut pagerank-nya di sunat oleh Om Google. Saya sendiri tidak bisaberkomentar terhadap yang satu ini karena saya memang bukan karyawan Google.Beberapa waktu yang lalu, Blogger telah membuat seluruh blog berbasis Blogspotmenjadi no follow karena adanya teknik untuk membuat link dalam komentar menjadidofollow menjadi mudah, mungkin di antara kalian sudah sering mempraktikkannya.Teknik tersebut tidak akan saya bahas karena sudah tidak berguna lagi karena kiniBlogger lebih tegas terhadap komentar spam. Tapi dalam postingan kali ini saya akanmencoba mengulas beberapa kelebihan dan kekurangan dari dofollow blog.

578

PROOF


Pro :

* Mendapat lonjakan trafik yang berlipat ganda, apalagi jika anda pengguna Wordpressdan menggunakan plugin KeywordLuv, anda akan mendapat trafik dari search enginedalam jumlah yang lumayan* Mendapat komentar yang berlipat ganda, tahu sendiri lah kenapa :)* Biasanya akan ada banyak pengunjung setia (loyal reader) yang selalu mengunjungiblog kita* Jumlah pelanggan feed bertambah drastis, karena pelanggan ingin selalu mengikutiupdate blog anda* Blog menjadi semakin populer apabila blog anda sebelumnya telah populer dengankeadaan no follow.* Mendapat trafik yang stabil walaupun blog jarang diupdate* Menghargai para komentator yang telah bersusah payah memberi komentar, sehinggamemotivasi mereka untuk memberi komentar yang lebih baik lagi

Kontra :

* Banyak komentar yang bersifat spam dengan tujuan hanya mendapat backlink semata* Sudah pasti anda akan kewalahan mengurus banyaknya komentar (apabila andamemoderasi seluruh komentar tersebut)* Kesempatan untuk menjual link atau iklan berkurang karena para advertiser dapatmemanfaatkan blog anda yang dofollow.* Apabila terlalu banyak komentar (sekitar di atas 100), maka search engine akankewalahan mengindex blog anda karena terlalu banyak link yang keluar.* Apabila backlink-backlink tersebut masih satu tema dengan blog anda, itu tidak jadimasalah, TAPI apabila blog tersebut jauh dari tema blog anda (seperti jualan obat-obatanatau apapun yang tidak berhubungan dengan blog), maka bisa jadi search engine akanmenganggap blog anda hanyalah junk blog.* Apabila anda menggunakan self-hosted Wordpress, maka bisa jadi bandwidth andaakan cepat habis karena terlalu banyak page impression dikarenakan para pengunjungingin meninggalkan backlink hampir di seluruh postingan.* Komentar yang kurang bagus, di dalamnya terdapat berbagai macam link. Biarpunkomentarnya berbobot, namun jika terlalu banyak link akan kurang bagus di mata searchengine.

Saya telah memberikan beberapa contoh kelebihan dan kekurangan dofollow blog.Membuat blog dofollow dapat membuat lonjakan trafik yang cukup cepat, namunterdapat berbagai macam masalah yang berhubungan dengan spam. Akhirnya,keputusan tetap ada di tangan anda, jadi pikirkanlah baik-baik. Guest post berikutnyasaya akan membahas bagaimana membuat blog anda dofollow namun tidak terlihatspammy.

Penasaran siapa dibalik penulis artikel ini?Reza Winandar | Ngakak Gila


579


Bagaimana Membuat Blog Menjadi LebihMenarik?


Tuesday, February 02, 2010Penulis:Aglolink | Aglolink.org

Salah satu yang paling penting dalammembuat ar t ike l atau topik adalahkreativitas yang Anda susun secaraterencana dan teratur. Metode ini dapatmenghasilkan lebih banyak ide dan jauhlebih baik daripada proses lain. Hal inididasarkan pada dua konsep atau lebihakan lebih baik daripada satu konsep. JikaAnda sering berinteraksi dengan bloggerlainnya di blog Anda, mungkin akanmelakukan sedikit interaksi. Mungkin bukancara yang baik untuk memberikan jawaban,tetapi juga bisa trik yang baik untuk

menjaga blog Anda segar dan menarik. Bahkan, Anda harus berpikir tentang pola pikirbagi blogger khususnya, karena semakin banyak blogger yang mulai berinteraksi denganAnda, menciptakan pos,t mempromosikan, dan memberikan kehidupan ke blog lainadalah suatu kekuatan, ide yang cemerlang dan tidak pernah terpikirkan.

Berikut adalah beberapa saran untuk membuat beberapa ide:

Memilih Idea yang BrilliantKetika melakukan sesi pemilihan, Anda harus bertindak sebagai seorang pemikir danpembaca. Tetapi sering kali kita hanya memilih ide singkat sementara ide lain hilangbegitu saja.

Tentukan inti Artikel.Memberikan definisi yang jelas untuk masalah yang terkandung dalam artikel. YangAnda butuhkan adalah dua atau tiga kalimat yang sangat jelas dalam menggambarkantopik utama.

Menciptakan Sebuah Catatan KecilApa garis besar yang ingin anda diskusikan di dalam topik tersebut? Memiliki beberapaide di awal halaman untuk mendapatkan sesuatu yang berbeda, dan bersiaplah untukmendapatkan pertanyaan dan kritik.

Dapatkan Semua Gagasan Dan Kaji Kembali Post Anda.Jangan membuat orang merasa bosan sebelum mereka selesai membaca posting Anda,analisis informasi latar belakang post yang anda buat. Hasil akhir dari sebuah artikelakan menjadi post yang berisi "daftar ide", mengorganisir atau mengelompokkan ide-ideuntuk dievaluasi kembali. Jangan terkejut karena akan muncul ratusan ide di kepalaAnda.

Pilih Tag Atau Kategori dan Publikasikan

580

PROOF


Pilih tag / kategori yang berada pada tingkat yang sama. Batas kontrol pembaca,terutama orang-orang aneh dan yang ingin mendominasi komentar.

Jangan kecewa Jika Tidak SempurnaBuat tag/kategori yang baik, menciptakan suasana yang terbuka dan berbeda dari yanglain, dan untuk menciptakan hasil yang terbaik akan membutuhkan lebih banyak waktu.Seperti dalam kehidupan sehari-hari 'Praktek akan membuat Anda lebih sempurna. "

Penasaran siapa dibalik penulis artikel ini?Aglolink | Aglolink.org


Alternatif Selain Copy PasteWednesday, February 03, 2010Penulis:Rahmat Hidayat | BlogMamet.com

Bagi siapa saja yang menekuni kegiatan Blogging, tentu saja tidak lepas dari kegiatanmengupdate postingan. Menulis artikel-artikel terbaru untuk menjaring pengunjung danmemberi pembaca setia Anda info-info terbaru yang bermanfaat tentunya sudah menjadikebiasaan yang menyenangkan (Menyenangkan bukan?). Namun terkadang, bagisebagian blogger agak kebingungan untuk mencari ide mengenai apa yang ingin dia tulis(keculai jika dia memang mempunyai keterampilan atau keahlian pada suatu bidang,otomatis bisa membuat postingan berkala mengenai bidang yang dikuasainya tersebut).Biasanya, mereka (sepertinya termasuk saya) melakukan googling dulu terlebih dahulu,melihat-lihat postingan-postingan Blogger lainnya untuk mendapatkan ide. Lalu disaat ideuntuk menulis didapatkan, cukup sulit pula untuk merangkai kata-kata agar ide tersebutmenjadi sebuah postingan yang bagus.

Dan ujung-ujungnya, karena tidak mau ambil pusing, ilustrasi diatas berakhir dengantragedi copy paste artikel dari blog orang lain. Tentu saja yang saya maksud disini adalahcopy paste mentah-mentah. Sebenarnya hal ini tidak masalah jika pemilik Blog yang dicopy paste mengizinkan, atau menginzinkan dengan syarat memberi link/tautan balik kesumbernya. Karena memang ada sebagian Blogger yang mengizinkan blognya di copypaste, sebagian lagi melarang, sebagian lagi membolehkan asal memberi tautanbalik/link ke sumbernya.

Namun bagaimana jika ada yang melakukan copy paste seenaknya, tanpa ijin dan tidakmencantumkan/memberik link sumbernya. Tentunya ini akan membuat si empunya blogberang karena hasil karyanya dibajak.

Apa sebenarnya alasan-alasan seseorang melakukan copy paste?

1. Info yang ingin saya tulis sudah banyak dibahas di situs lain, jadi dari pada repotnulis lagi, copy paste aja..

2. Saya Blogger pemula, susah untuk nulis, bahasanya masih belepotan, jadi mendingcopy paste aja…

3. Bingung mau nulis apa, kebanyakan topik yang mau ditulis udah ada di situs-situs

581



lain yang lebih terkenal, sementara saya masih pemula, sulit menemukan sesuatuyang baru untuk ditulis.

4. Males nulis, lebih praktis copy paste…dsb…

Nah, saya juga pernah menjumpai komentar diblog saya yang bunyinya seperti ini:

“tapi saya sendiri masih merasa kesulitan dalam hal menulis konten yang menarik ..

rasanya sulit sekali bagi saya , karena saya tidak tahu apa-apa dan masih newbie..”

Sepertinya permasalahan copy paste ini memang perlu mendapat perhatian, mungkinmemang ada yang melakukan copy paste karena kesulitan menulis artikel yang bagusdan belum banyak tahu mengenai dunia blogging (kebanyak dilakukan para Newbie,tetapi saya juga termasuk Newbie kok..). Namun memang lebih baik Anda menghindaricopy paste, karena justru bisa merusak posisi Blog Anda di Search Engine (dicapsebagai duplicate content). Artikel-artikel diblog Anda harus unik/berbeda penulisannyaagar bisa memperoleh posisi bagus di Search Engine. Walau pun topik sama, tetapipenulisannya harus berbeda. Karena itu, saya ingin memberi anjuran/masukan kepadaBlogger sekalian mengenai alternative lain dari copy paste ini.

Bila ada yang beralasan melakukan copy paste karena sulit menemukan hal baru yangmenarik untuk dibahas, sebenarnya untuk menulis artikel yang menarik dan unik, tidakharus tentang sesuatu yang baru. Anda bisa memposting ulang artikel yang ada di blogorang lain, TAPI BUKAN COPY PASTE.

Dalam menulis artikel yang umum (seperti info, berita, gossip, download software, dll),Blogger-blogger lain pun sebenarnya memperoleh informasi yang ia butuhkan dari situs-situs lain yang bertebaran di internet bukan? Namun memang ada yang 100% ide sendiri(biasanya memang sudah punya keahlian dalam bidang tersebut). Dan yang merekalakukan bukanlah copy paste bahan yang mereka dapat mentah-mentah. Merekamenulis ulang artikel dengan gaya dan bahasa mereka sendiri dengan mengacu kepadasumber-sumber yang mereka dapat.

Jadi, walaupun isinya sama tapi cara penyajiannya berbeda. Ingat! SESUATU YANGSAMA, JIKA DISAMPAIKAN/DISAJIKAN OLEH ORANG YANG BERBEDA AKANMENGHASILKAN HASIL YANG BERBEDA PULA. Ilustrasinya seperti seorang Motivator.Contohnya yang sedang popular saat ini, yaitu Mario Teguh di acara Golden Ways(MetroTV). Coba Anda perhatikan, masalah yang dibahas di acara tersebut sebenarnyamengenai permasalahan sehari-hari bukan? Dimana masalah dan nasehat mengenai haltersebut seing kita dengar. Namun, Mario teguh bisa menyampaikannya dengan lebihmenarik dengan gaya dan penyajiannya yang khas. Tentunya saja kita bukanlah seorangMario Teguh yang sudah kian piawai, namun saya percaya setiap orang pasti punya cirikhas tersendiri.

Karena itu, untuk Anda yang kesulitan menulis, berikut saya berikan tips untuk menulisulang artikel dari situs lain dan bukan copy paste.

1. Tentukan dulu apa yang ingin Anda tulis. Sebagai pertimbangan, tulis saja topikyang sesuai dengan tema blog Anda (misalnya tentang komputer, tips facebook,info software terbaru, dll) atau pun berita yang sedang banyak dibicarakan.

582

PROOF


2. Carilah situs-situs yang membahas mengenai topik tersebut melalui google atausearch engine lainnya. Carilah lebih dari satu sumber referensi (tiga atau empatlah). Ini berguna agar artikel yang Anda tulis nanti lebih padat, karena berasal dariberbagai sumber.

3. Baca dulu artikel-artikel dari sumber yang Anda dapat, semakin banyak sumberyang Anda baca semakin bagus. Banyak membaca akan memperluas pemahamanAnda dan secara perlahan akan melatih kemampuan menyusun kata. Ini akanberguna saat Anda menulis nanti.

4. Bangun pemahaman Anda sendiri mengenai topik tersebut. Tidak masalah jikasewaktu-waktu Anda melakukan sedikit kesalahan, pengunjung bisa mengoreksimelalui kotak komentar bukan? Kesalahan adalah salah satu jalan untukmengetahui kebenaran.

5. Setelah Anda memperoleh keyakinan untuk menulis, duduk tenang, rileks danmulailah. Terkadang bagian yang paling sulit dari menulis artikel ini adalahMENULIS KATA PERTAMA (saya juga mengalaminya). “Kata apa yang akan sayatuliskan pertama kali?”. Tidak usah ragu, tuliskan saja yang Anda pikirkan. Kalunantinya dirasa kurang bagus, bisa Anda ubah lagi bukan? Saat Anda sudahmengambil awalan dan menuliskan beberapa kata, jari-jari akan mulai mengikutiirama hati dan pikiran Anda.

Nah dari sini keterampilan Anda dalam menulis akan terasah sedikit demi sedikit. Dannantinya tulisan Anda akan mempunyai ciri khas tersendiri. Ciri khas merupakan hal yangsangat menentukan kesuksesan Blog Anda. Ada berjuta Blog di luar sana dengan topikyang mungkin sama dengan blog Anda.

Memang agak sulit, tapi ini memang tahap yang harus Anda lewati jika ingin menjadiBlogger yang sukses. Semua orang sukses pasti melewati masa-masa yang sulit. Danmenurut saya, jika Anda Blogger, Anda harus pandai menulis. Jangan Cuma melakukanCopy paste mentah-mentah dari Blog orang lain dan berharap Blog Anda terkenal karenahal tersebut.

Harap dikoreksi jika ada yang salah, saran dan kritik akan membangun saya menjadilebih baik.

Terima kasih….

Penasaran siapa dibalik penulis artikel ini?Rahmat Hidayat | BlogMamet.com


Awas Virus Blog menyerang AndaFriday, February 05, 2010Penulis:Gus Ikhwan | mxwan.web.id

583



Virus blog yang saya maksud bukan menyebarkan keinginan blogging kepada orang lain.Virus disini juga bukan virus layaknya avian influenza yang bisa bikin KO penderitanya.Virus disini adalah virus yang dibawa oleh blog (halaman blog) berupa script-script yangsudah terjangkit virus atau terdefinisi sebagai virus oleh antivirus tertentu, yang dalam halini saya mendefinisikan antivirus yang saya maksud adalah Kaspersky Internet Security2010 dengan virus definition update (database release) 24/01/2010 3:27:00.

Jika antivirus mendeteksi adanya virus saat kita membuka halaman blog (dan web statikjuga berlaku) akan muncul notifikasi mengenai virus yang terdeteksi. Dalam hal ini yangdilakukan antivirus adalah memblokir script (hanya script), bukan memblokir halamanweb yang kita buka.

Saya memperoleh notofikasi ini ketika saya mengunjungi blog seorang kawan bloggeryang memang sudah saya masukkan dalam agregasi blog, maksudnya agar saya bisaselalu ikut tahu update terbaru-nya. Sudah beberapa hari memang blog itu masuk dalamagregasi. Tapi ketika saya berkunjung disambut warning dari antivirus di laptop saya.

584

PROOF


Ah terpaksa deh saya hapus dari agregasi. Tetapi saya sudah mencoba memberi tahuempunya blog kok mengenai apa saja yang mengandung virus. Dan kalau saya lihat dariobject yang terdeteksi sepertinya itu dari iklan-iklan yang terpasang pada blog.

Apa akibatnya?

• Halaman web tidak akan tertampil sempurna (bahkan bisa diblokir).• Pengunjung enggan mengunjungi blog anda (makanya demi menjaga nama baik,

blog yang saya maksud tidak saya cantumkan).• Merugikan pengunjung yang tidak tahu, jelas karena artinya komputer jadi ikut-ikutan

kena virus. Artinya tentu saja anda jadi agen penyevar virus walau pastinya andatidak sengaja.

Bagaimana mengatasinya?

• Kalau itu dari iklan yang dipasang, lihat link yang menuju alamat script yangterdeteksi virus, hapus jika memang itu perlu dihapus

• Kalau itu dari theme, silahkan buka entah itu PHP, CSS, HTML, JAVA dari filetheme. Cari link menuju scritpt, kalau perlu hapus saja.

• Kalau itu berasal dari plugins yang anda pasang dalam blog, deactive pluginsnya.Preventif? Ada baiknya juga….

• Jangan memasang iklan sembarangan, pastikan script-script yang dimasukkandalam kode (HTML, CSS, PHP, JAVA) bersih, ada baiknya test terlebih dahuludengan download semua script yang digunakan oleh iklan.

• Teliti memasang theme, sebelum memasang theme ada baiknya dicoba di localcomputer.

• Hati-hati pasang plugins, ada baiknya dicoba offline terlebih dahulu. Selain untukngindhik virus, mencoba secara offline juga berguna siapa tahhu dalam plugins adaeror, bisa-bisa web anda suspended (seperti pernah dialami portal-nya Gus Ikhwan).

Penasaran siapa dibalik penulis artikel ini?Gus Ikhwan | mxwan.web.id

585




Tiga Step Rounded CornerMonday, February 08, 2010Penulis:Biyan A Pasau | kingtemplates.blogspot.com

Ada tiga cara yang lazim digunakan oleh para designer jika ingin membentuk backgroundbulat (elips) atau apalah yang jelas nama kerennya adalah Rounded Corner. Nilanyadinyatakan dengan radius. Dan karena memanfaatkan CSS dasar mulai dari propertysampai selector, trik ini bisa digunakan pada semua templates dan themes.

1. Menyatakan Background Sebagai Images Langsung

Persentasi penggunaannya bisa sampai 40%. Ini adalah tahap yang paling mudah daritiga tahap yang akan saya jelaskan. Ada tiga extention yang sering digunakan:

• PNG: Biasanya digunakan jika background dibelakangnya bukanlah warna tetapiimages. Menyimpan images dengan extensi ini bisa membuat efek transparant padabagian rounded. Semua browser besar sudah support PNG transparansi kecuali IE6.

• GIF: Hampir mirip dengan extensi PNG, hanya saja image yang dihasilkan kurangberkualitas meskipun dengan size yang lebih kecil sehingga loading lumayan cepat.

• JPG: Digunakan jika designer sudah mengetahui warna background target. Karenaextensi ini tidak support transparansi, jadi jika images dibuat di photoshop(*background transparan) dan disave dengan extensi ini, background akan menjadiputih.

Ada tools menarik dari third party yangmenyediakan jasa pembuatan roundedcorners secara gratis. coba saja kunjungihttp://www.roundedcornr.com

Contoh penerapannya bisa dilihat padakutipan ID CSS dibawah ==>

#menubottom{width:100%;margin:0 0 0px;height:46px;b a c k g r o u n d : # 4 0 5 3 4 aurl(http://img706.imageshack.us/img706/8813/navmenu2radius7.png) no-repeat;}

2. Property

586

PROOF


Selain step satu diatas, ini adalah yangkedua termudah. Bahkan bisa dikatakanlebih mudah, jika bagi mereka yang tidakbisa menggunakan Photoshop. Daribeberapa templates yang saya bedah,presentasi penggunaan property ini bisamencapat 35%. Beberapa browser besar

(Mozilla, Chrome, Safari dan Opera) sudah mendukungnya kecuali IE sekeluarga.

Berikut property-nya:

• moz-border-radius:7px; /* untuk mozilla FF & Universal*/• webkit-border-radius:7px; /* untuk Safari */

Contoh penerapannya bisa dilihat pada kutipan CSS dibawah ==>

#header1{background: #8a9c8e;margin: 10px 0;text-align: center;color:$pagetitlecolor;width:490px;height:90px;float:right;overflow:hidden;-moz-border-radius:7px;-webkit-border-radius:7px;

3. CSS Selector

Caranya lumayan rumit. Mungkin karena itu, cara ini jarang digunakan didalam templateyang berbasis personal design. Meskipun rumit, tetapi bekerja dengan baik pada semuabrowser. Tahapannya masih memanfaatkan images yang disave dengan extensi tertentu(*perhatikan Step 1 diatas). Posisi peletakannya diatur oleh CSS selanjutnya dipanggildibagian HTML. Ada satu blog yang sudah pernah menjelaskan penerapan cara ini. Sayasudah lupa siapa penulisnya, yang jelas linknya ada disini. Maaf, saya tidak bisa jelaskandisini karena terlalu panjang...

Oh iya...pengaturan margin/padding sangat berpengaruh. Saran saya, sebaiknya marginber-value "0" (nol).

Penasaran siapa dibalik penulis artikel ini?Biyan | kingtemplates.blogspot.com


587


Cara memasang tooltip dengan javascript


Wednesday, February 10, 2010Penulis:Anawia putra | anawia.com

Biar tutorial ini menjadi bikin anda penasaran, coba anda arahkan mouse anda pada textberikut ini. Cara memasang tooltip dengan javascript Setelah mouse anda arahkan padatext diatas untuk beberapa saat, maka anda akan melihat sebuah tampilan kotak yangberisi diskripsi yang menjelaskan tentang isi dari text tersebut. Kotak yang muncul inilahyang disebut dengan tooltips. Trus bagaimana cara membuat tooltip seperti diatas?Untuk itu ikuti tutorial ini hingga selesai.

Untuk membuat tooltip diatas kita memerlukan kode javascript. Untuk kode scriptnya bisaanda lihat pada kotak dibawah ini.

<script type="text/javascript">/************************************************ Cool DHTML tool t ip scr ipt I I - © Dynamic Dr ive DHTML code l ibrary(www.dynamicdr ive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code***********************************************/

var offsetfromcursorX=12 //Customize x offset of tooltipvar offsetfromcursorY=10 //Customize y offset of tooltipvar offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer imagevar offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer imagedocument.write('<div id="dhtmltooltip"></div>') //write out tooltip DIVdocument.write('<img id="dhtmlpointer" src="arrow2.gif">') //write out pointer image

var ie=document.allvar ns6=document.getElementById && !document.allvar enabletip=falseif (ie||ns6)var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById?document.getElementById("dhtmltooltip") : ""var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById?document.getElementById("dhtmlpointer") : ""function ietruebody(){return (document.compatMode && document.compatMode!="BackCompat")?document.documentElement : document.body}function ddrivetip(thetext, thewidth, thecolor){if (ns6||ie){if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolortipobj.innerHTML=thetextenabletip=truereturn false}}

588

PROOF


function positiontip(e){if (enabletip){var nondefaultpos=falsevar curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;//Find out how close the mouse is to the corner of the windowvar winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorXvar bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY :winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menuif (rightedge<tipobj.offsetWidth){//move the horizontal position of the menu to the left by it's widthtipobj.style.left=curX-tipobj.offsetWidth+"px"nondefaultpos=true}else if (curX<leftedge)tipobj.style.left="5px"else{//position the horizontal position of the menu where the mouse is positionedtipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"pointerobj.style.left=curX+offsetfromcursorX+"px"}//same concept with the vertical positionif (bottomedge<tipobj.offsetHeight){tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"nondefaultpos=true}else{tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"pointerobj.style.top=curY+offsetfromcursorY+"px"}tipobj.style.visibility="visible"if (!nondefaultpos)pointerobj.style.visibility="visible"elsepointerobj.style.visibility="hidden"}}

function hideddrivetip(){if (ns6||ie){enabletip=falsetipobj.style.visibility="hidden"pointerobj.style.visibility="hidden"tipobj.style.left="-1000px"

589



tipobj.style.backgroundColor=''tipobj.style.width=''}}document.onmousemove=positiontip</script>

Untuk mengatur bagaimana tampilan tooltip tersebut nantinya, maka disini memerlukankode style. Kode yang diperlukan seperti berikut ini.

<style type="text/css">#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color: #E1EEFD ; font-family:"Verdana",Arial;font-size:12px;visibility: hidden;z-index: 100;/*Remove below line to remove shadow. Below line should always appear last within thisCSS*/filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}</style>

Kode script dan style diatas sebelumnya letakkan dihosting anda. Jika andamenggunakan blogger, maka anda bisa menggunakan saran untuk meletakkan javascriptseperti pada posting solusi hosting javascript di blogger . untuk kode style bisadigabungkan dengan kode style blog di atas </head>.

Setelah kode javascript dan style telah diletakkan dengan benar, maka selanjutnya kitameletakkan kode tooltip di tempat yang kita inginkan. Misalnya kita ingin memasangtooltip pada link referral. Dengan begitu akan membuat pembaca lebih tertarik untukbergabung dengan referral kita. Misalnya kita ingin meletakkan tooltip di text Caramemasang tooltip dengan javascript. Maka hasilnya menjadi seperti berikut ini. Kodeyang kita pasang pada sebuah link :

onmouseover="ddrivetip('tutorial bagaimana memasang sebuah tooltip yang membuattext menjadi lebih menarik.', 240)" onmouseout="hideddrivetip()"

keterangan : merah = text yang kita inginkan muncul di tooltip Biru = lebar kotak yang kitainginkan secara keseluruhan kodenya menjadi seperti berikut ini.

<a onmouseover="ddrivetip('tutorial bagaimana memasang sebuah tooltip yang membuattext menjadi lebih menarik.', 240)" onmouseout="hideddrivetip()" href="http://www.o-

590

PROOF


om.com/2010/02/cara-memasang-tooltip-dengan-javascript.html" target="_blank">Caramemasang tooltip dengan javascript</a>

jadi kode tersebut bisa kita pasang pada link refferal, banner atau yang lainnya. untukmengubah warna background kotak tersebut bisa kita lakukan melalui style css diatas.Akhirnya selesai juga tutorial javasript episode kali ini. semoga tutorial ini bisa bergunauntuk anda. Terima kasih banyak buat O-Om yang sudah mau menampilkan tulisansaya.

Penasaran siapa dibalik penulis artikel ini?Anawia putra | anawia.com


Point Penting Dari Sebuah BlogSunday, February 14, 2010Penulis:Aglolink | Aglolink.org

Setelah mendapat respon dari pembaca O-om, saya terus bertekad untuk menulis artikellebih lanjut dan mungkin akan dipublish O-om tiap minggu (kalau diijinkan). Ada yangberkomentar bahwa posting saya bisa digunakan didalam marketing, itu benar! Basicsaya memang marketing dan dimana-mana yang namanya basic itu tetap sama, biarpunsaya marketing offline tetapi saya yakin dapat mengekspresikan trik offline di duniaonline. Saya sering membuat tulisan mini mengenai marketing tapi hanya untuk pribadisaya. Bukannya tidak mau membuat blog tersendiri, kalau isinya hanya tips melulupembaca juga bakalan bosan. Blog tips memang harus dibarengi dengan coding (inikekurangan saya), seperti di blog Oom yang komplit banget!

Untuk topik kali ini saya akan memberikan beberapa point penting dari sebuah blogspesial. Apa itu blog spesial?Maksudnya, blog tersebut lebih dihargai pembaca baik dari sisi isi konten maupun dalammerespon komentar yang diberikan orang lain terhadapnya, dan memberikan cita rasaberbeda dari blog lain yang sejenis. Berikut penjelasan dari point-point penting/spesialyang bisa anda gunakan untuk blog anda;

Bersikeras dengan tanggapan Anda yang benar, akan membuat Anda lebih bijaksana.Namun, Anda perlu melihat hal-hal lain untuk bisa menjelaskan pendapat Anda adalah'benar' daripada yang lain. Jangan biarkan siapa pun meluruskan pendapat anda bahwaitu benar-benar 'salah'. Dan mengakui kesalahan Anda kepada diri Anda sendiri akanmemberikan pengaruh besar pada banyak orang. Ini membutuhkan keberanian, dandapat mengundang reaksi besar dari orang lain. Berani mengungkapkan faktamerupakan daya tarik utama bagi pembaca Anda.

Memberikan informasi yang tidak diperoleh orang lain adalah sikap positif yang dapatmengambil perhatian pembaca Anda. Memberikan informasi yang lengkap dan mudahdipahami akan membuat orang lain merasa memiliki blog Anda (seperti blognya O-om^_^)

591



Memberi kejutanSama seperti memberikan hadiah kepada seseorang yang Anda sayangi, maka orang ituakan merasakan hal yang sama kepada Anda. Atau cara lain adalah untuk memberikangambar bunga atau video, menciptakan karya-karya yang akan bermanfaat bagipembaca. Biasanya blog-blog besar memberikan free pdf book kepada subscriber byemail, sehingga penggemar merasa diperlakukan istimewa.

Membuat orang tertawa saat membaca blog Anda.Situasi ini akan membuat pembaca blog Anda tidak kaku dan tidak merasa bosan.Kadang-kadang orang lain benar-benar membutuhkannya, dan Anda dapat bertindaksebagai dokter yang dapat mengatasi masalah mereka.

Buat posting yang menarikSub ini sudah saya jelaskan pada artikel terdahulu, anda cukup membaca ulang. Jikaseorang pria remaja pergi ke pantai, apa yang membuatnya tertarik? Alasannya hanyasatu, "wanita dengan pakaian bikini". Tulisan yang panjang tidak menjamin pembacaakan merasa puas tentang penjelasan Anda, justru sebaliknya akan merasa bosandengan kata-kata yang berbelit.

Haruskah membuat perbedaan antara penulis dan pembaca?Ini hanya pendapat universal, bahwa kebanyakan dari mereka (pembaca) mengikutisemua tentang kehidupan penulis, terus-menerus mendefinisikan dan mendefinisikankembali diri anda. Dan anda selalu merasa tidak aman dengan identitas yang dimiliki.Ubah blog Anda menjadi sesuatu yang mendefinisikan diri anda kepada pembaca.

Jujur dan sopan adalah salah satu kunci sukses dalam blogging.Jujur dalam beberapa cara yang akan membuat pembaca Anda merasa puas dankadang-kadang membingungkan mereka untuk memberikan komentar yang buruk.Sopan akan menutupi kekurangan Anda dalam berinteraksi dengan pembaca danmereka akan merasa dihormati atau dihargai.

Salah satu ide yang bagus adalah "cerita yang menarik dan mendapat respon yang baikdari pembaca Anda."Cerita ini tidak menghantui hidup mereka, tidak menakutkan atau mendorong merekauntuk berbuat jahat kepada orang lain. Berikan kebebasan batin yang dapat memasukijiwa pembaca akan lebih mendapatkan respon positif.

Penasaran siapa dibalik penulis artikel ini?Aglolink | Aglolink.org


592

PROOF


Cara Simple Membuat Iklan Melayang denganTombol CloseTuesday, February 16, 2010Penulis:Kang Yasin | trik-tipsblog.blogspot.com

Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebihrumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebihmudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodeanpasti bisa melakukannya, ok saya "Kang Yasin" akan segera memberikan tutornya, nihikutin saja langkahnya :

1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya2. Masuk ke Tab Tata Letak3. Pilih Elemen Halaman4. Tambah Gadget Pilih HTML / JAVASCRIPT5. Dan Copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.d e s e l e c t B l o g g e r I m a g e G r a c e f u l l y ( ) ; } c a t c h ( e ) { } "href="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block;t e x t - a l i g n : c e n t e r ; c u r s o r : p o i n t e r ; w i d t h : 4 0 0 p x ; h e i g h t : 3 0 0 p x ; "src="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-q r O C c Q Z z U / s 4 0 0 / W i d g e t . J P G " a l t = " "id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" />< /a>

<style type="text/css">#gb{position:fixed;top:10px;z-index:+1000;}* html #gb{position:relative;}

.gbcontent{

593



float:right;border:2px solid #A5BD51;background:#ffffff;padding:10px;}</style>

<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right"><a href="javascript:showHideGB()">.:[Close][Klik 2x]:.</a></div><center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (30-gb.offsetWidth).toString() + "px";</script></center></div></div>

6. Simpan

Semoga BERHASIL :)

Penasaran siapa dibalik penulis artikel ini?Kang Yasin | trik-tipsblog.blogspot.com

594

PROOF



Tips Meningkatkan Pagerank Pada Website FullFlashThursday, February 18, 2010

P e n u l i s : R i z k y 2 0 0 9 |r i z k y 2 0 0 9 . b l o g s p o t . c o m

Website dengan full Flash memang sulituntuk mendapatkan pagerank di google,dan tanggal 30 Juni 2008 Google telahb e r u p a y a d a l a m m e m a k s i m a l k a n"pembacaan" website Flash. Googlekesulitan dalam "membaca" flash karena :

1. Ada beberapa "javascript" yang tidakdibaca oleh googleboots, jadi jika ada file

flash yang dipanggil menggunakan javascript, maka google tidak akan merespon.

2. Google tidak membaca file yang secara eksternal disambungkan pada file flash,seperti misalnya xml, html, dan PDF yang dipanggil dalam file Flash. File-file tersebutmemang terbaca tetapi tidak akan menjadi satu kesatuan dengan web flash tersebut.

3. Google kesulitan membaca bahasa yang terdapat dalam file Flash yaitu bahasaactionscript.

Hal ini tentu menjadi masalah karena, banyak website yang menggunakan file Flashkarena lebih animatif, more exploration design dibanding html. Berbeda dengan websitehtml yang bisa "dibaca" oleh search engine, aksesnya lebih cepat, tapi tidak animatif dansimple.

Namun ada strategi untuk meningkatkan pagerank pada website yang full Flash ialah :

1. Dengan menggunakan halaman html yang "memanggil" file flash ditengah-tengah, dandalam file html tersebut (yang berfungsi sebagai background) diinput keyword dengantext yang diberi warna sama dengan backgroundnya supaya tersamarkan dan tidakmerusak keindahan desain.

2. Cara lain adalah dengan membuat blog sebagai penunjang dari website Flashtersebut. Blog hanya digunakan sebagai link yang mengarah pada website Flash.

3. SEO juga hal yang penting dalam meningkatkan pagerank. SEO untuk website flashadalah dengan menciptakan link yang mengarah ke website.

Contoh web site full flash bisa rekan sambangi disini

595



*** Adobe Flash adalah suatu program aplikasi untuk membuat animasi yang sangathandal. Kelengkapan feature dan tools yang dimiliki, menjadikan program pengolahanimasi ini pilihan wajib para Animator dan para professional lainnya. Banyak hal yangdapat dilakuan dengan aplikasi pembuat animasi ini, diantaranya adalah: mendesaininterface suatu halaman web, membuat presentasi, membuat game, membuatmultimedia interaktif dan masih banyak lagi yang dapat dilakukan dengan programaplikasi ini. ***

Penasaran siapa dibalik penulis artikel ini?Rizky2009 | rizky2009.blogspot.com


5 Keuntungan Menjadi Guest Blogger di BlogMasterFriday, February 19, 2010Maaf Artikel Guest Blog ini telah dihapus oleh Admin o-om.com, Blog Guest dari Artikelini telah di Compline oleh penulis/pemilik sebenarnya. Thanks


Thumbnail Related Posts with Marquee(Berjalan)Friday, February 26, 2010

Penulis:G E O R G E O U Z | serba-seru.blogspot.com

Bagi anda yang sudah menggunakan atauingin menggunakan Thumbnail RelatedPosts (artikel terkait bergambar), tentu

akan lebih tertarik menggunakannya, karen tampilannya cukup menarik dengan adanyagambar, namun ada sedikit kekurangan dari tool yang satu ini, yaitu memakan banyaktempat di halaman blog. Maka dari itu, kebanyakan blog yang saya kunjungimeminimalkan jumlah related post tersebut, apalagi dengan ukuran halaman postingyang sempit. Maka dari itu untuk memaksimalkannya yaitu dengan alternatifmarquee(berjalan).

Nah, untuk contoh Thumbnail Related Posting menggunakan metode Marquee ini bisasobat lihat disini.

596

PROOF


Pada postingan sebelumnya sudah dipaparkan cara membuat Related Posts +Thumbnail, sobat bisa menerapkan terlebih dahulu tutorial Thumbnail Related Postsnyadisini, namun cukup terapkan Code CSSnya saja (Script code yg pertama)Untuk membuat Thumbnail Related Posts ini agar bisa ditampilkan dengan jumlah yangbanyak yaitu dengan metode Marquee, ada sedikit perubahan yang akan dilakukan padascript code yang kedua.

Nah, untuk memulainya :1. Silakan lihat cara membuat Thumbnail related posts disini (Cukup terapkan codeCSSnya saja/ code yang pertama)2. Setelah sobat terapkan poin pertama diatas, sekarang silakan cari code ini :


atau

<p class='post-footer-line post-footer-line-1'>

3. Jika sudah ketemu salah satu code diatas, letakkan code dibawah ini setelah salahsatu code diatas :

<b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-s c r i p t & c a l l b a c k = r e l a t e d _ r e s u l t s _ l a b e l s _ t h u m b s & m a x - r e s u l t s = 1 2 " 't y p e = ' t e x t / j a v a s c r i p t ' / > < / b : i f > < / b : l o o p ><h3><b>Related Posts</b></h3><marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()'onmouseover='this.stop()' scrollamount='2' width='100%'><script type='text/javascript'>var currentposturl="<data:post.url/>";var maxresults=10;var relatedpoststitle="";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></marquee></div><div style='clear:both'/></b:if><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

597



<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html' style='display:none;'>Thumbnail Related Post</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a></b:if></b:if>

- Untuk menampilkan jumlah postingan, sobat bisa merubah code yang berwarna merah- Untuk mengganti title, sobat bisa merubah code yang berwarna biru

4. Simpan dan lihat hasilnya

Selamat berkreasi, Semoga bermanfaatThanx buat O-Om yang sudah menampilkan artikel ini, sukses buat semuanya

Penasaran siapa dibalik penulis artikel ini?G E O R G E O U Z


Merancang RSS FEED Aggregator untuk versiMobile Phone (bag 1)Sunday, February 28, 2010oom is back! ya saya kembali untuk menulis lagi hehehe. Setelah sekian lama blog initidak tersentuh tangan saya sendiri saya coba kembali hadir dengan tulisan maupuntutorial terbaru yang lebih segar dan memang tutorial kali ini rada lebih berat dari tutorialyang pernah saya publish terdahulu karena berhubungan langsung dengan PHP murni.Tapi rekan jangan kawatir, tutorial ini cocok sekali untuk pengguna Wordpress dan tidakmenutup kemungkinan saya juga akan berpikir lebih keras agar juga bisa di kloning untukflatform Blogspot, so..ditunggu aja untuk edisi bloggernya :)

Versi mobile ini bisa saya katakan sebagai versi untuk pengguna HP, walaupun rata2browser yang tertanam pada HP modern saat ini sudah support untuk menampilkanhalaman dalam full browser tetap saja tidak senyaman dan seringkas kitamenampilkannya dalam format RSS FEED.

598

PROOF


Seperti biasa, ciri khas tulisan saya singkat padat dan jelas. Namun sebelum sayamemulainya mungkin rekan sudah melihat multy RSS FEED edisi mobile yang sayarancang sendiri untuk Wordpress dialamat ini m.o-om.net(silahkan buka alamat inidengan HP kalian masing2). OK, saya harap rekan sudah mencoba dan melihat sampledisplay-nya, kalau gak punya HP ya tetap bisa kok buka dengan browser biasa ataudengan simulator ini testiphone.com , yang jelas seperti itulah contoh rancangan yangakan kita buat nantinya. Langsung ke tutorial aja ya :)

Perkakas penting yang dibutuhkan:

SimplePie: Simplepie ini bisa saya katakan sebagai PHP RSS FEED Parser tercepat danterbaik sampai saat ini, walaupun ada beberapa RSS parser yang sering saya cobaseperti MagPieRSS tetap saja tidak bisa mengubah kecintaan saya dengan Simplepie.Mungkin rekan masih bingung fungsinya untuk apa, simplepie ini sebenarnya bahasaprogram PHP yang berguna untuk Baca-Tulis format XML yang terdapat dalam batangtubuh RSS FEED. Simplepie sendiri dari edisi lawas sampai yang versi terbaru saat initelah support untuk baca-tulis untuk format FEED, RSS sampai dengan ATOM. Rekanbisa mendownload Simplepie secara gratis langsung di alamat ini simplepie.org

Langkah-langkah:

1. Silahkan buat subdomain baru terserah rekan saja, agar terlihat professional buat sajadengan huruf (m) contoh: m.namadomainanda.com atau mobile.namadomainanda.comatau kalau malas membuat domain baru buat aja sub folder baru misalkannamadomainanda.com/mobile

2. Buat file baru dengan nama index.php kemudian masukan semua script dibawah ini,lalu upload ke server domain yang baru rekan buat barusan.



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><head><title>MY MOBILE</title><style type="text/css">body {font-family: "Lucida Grande", "Liberation Sans", Tahoma, Verdana, Arial, sans-

599



serif; margin:0px; padding:0px;}#header {background:#432E0D; color: #FFFFFF; margin: 0px 0px 5px 0px; padding: 2px;height: 38px; border-bottom:1px solid #000000}h2 {font-size: 20px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px;}h2 a{color:#FFFFFF}a {text-decoration: none; color:#453528;}small {font-weight: bold; font-size:x-small; color:#EBEBE6}#content { font-size: 11px; clear: both; }#content ul{padding-left:15px; font-size:11px; }#content li {list-style-type:square; padding:3px }#footer { background:transparent none repeat scroll 0 0; border-top:1px solid #000000;clear:left; font-size:x-small; margin:5px 0 2px; padding:2px; }</style></head><body>

<div id="header"><h2><a href="http://m.o-om.net">MY MOBILE</a></h2><small>ini adalah edisi mobile pertamaku</small></div>

<?php$widget_string .='<div id="content">';$widget_string .='<ul>';$ w i d g e t _ s t r i n g . = ' < l i > < ahref="h t tp : / /m.namadomainanda.com/m?s=okezone">OkeZone</a></ l i> ' ;$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=liputan6">Liputan6</a></li>';$ w i d g e t _ s t r i n g . = ' < l i > < ah r e f = " h t t p : / / m . n a m a d o m a i n a n d a . c o m / m ? s = r i l e k s " > R i l e k s < / a > < / l i > ' ;$ w i d g e t _ s t r i n g . = ' < l i > < ah r e f = " h t t p : / / m . n a m a d o m a i n a n d a . c o m / m ? s = a s t a g a " > A s t a g a ! < / a > < / l i > ' ;$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=kapanlagi">KapanLagi</a></li>';$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=lintasberita">LintasBerita</a></li>';$ w i d g e t _ s t r i n g . = ' < l i > < ah r e f = " h t t p : / / m . n a m a d o m a i n a n d a . c o m / m ? s = a n t a r a " > A n t a r a < / a > < / l i > ' ;$ w i d g e t _ s t r i n g . = ' < l i > < ah r e f = " h t t p : / / m . n a m a d o m a i n a n d a . c o m / m ? s = i n i l a h " > I n i l a h < / a > < / l i > ' ;$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=bbcindonesia">BBCIndonesia</a></li>';$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=avivanews">VIVANews</a></li>';$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=voanews">VOANews</a></li>';$ w i d g e t _ s t r i n g . = ' < l i > < ahre f= "h t tp : / /m .namadoma inanda .com/m?s=kompas">Kompas< /a>< / l i > ' ;$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=tempo">TempoInteraktif</a></li>';$ w i d g e t _ s t r i n g . = ' < l i > < ahref="ht tp: / /m.namadomainanda.com/m?s=republ ika">Republ ika</a></ l i> ' ;

600

PROOF


$widget_string .='</ul>' . "\n";$widget_string .='</div>' . "\n";echo $widget_string?><div id="footer">mobile edition - get the full buzz at <a href="http://o-om.net">o-om.net</a></div></body></html>

3. Langkah selanjutnya, silahkan buat folder baru dengan nama folder m, kemudian buatlagi folder baru dalam folder m dengan nama cache

ingat! folder cache merupakan lokasi tempat menyimpan file cache RSS FEEDsementara yang harus anda buat, hal ini agar simplepie tidak memeriksa berulang-ulangalamat rss feed yang sudah diperiksa sebelumnya dan juga untuk menghindari overloadmemory yang ada di server.

Kemudian, jangan lupa set attribute folder cache ke 755 atau 777 (writable)

4. Buat file baru lagi dengan nama index.php kemudian masukan semua script dibawahini, lalu upload ke server domain dengan nama folder m yang baru rekan buat barusan.

<?phprequire 'simplepie.inc';$ d e t i k ='http://pipes.yahoo.com/pipes/pipe.run?_id=9c15722cfefcf81ee8f8dd4eb2e0985d&_render=rss';$ o k e z o n e ='http://pipes.yahoo.com/pipes/pipe.run?_id=e0424bf5069943d85b5e4672491b2fd1&_render=rss';$ l i p u t a n 6 ='http://pipes.yahoo.com/pipes/pipe.run?_id=beda5b8cc1179ea96f3a958336f2cfb3&_render=rss';$ r i l e k s ='http://pipes.yahoo.com/pipes/pipe.run?_id=15f8964846497c7e1be77781e883cf0b&_render=rss';$ a s t a g a ='http://pipes.yahoo.com/pipes/pipe.run?_id=4745466594835975c8d0efdd47bf9901&_render=rss';$ k a p a n l a g i ='http://pipes.yahoo.com/pipes/pipe.run?_id=83460baf022261d35b33fff59c65aaa8&_render=rss';$ l i n t a s b e r i t a ='http://pipes.yahoo.com/pipes/pipe.run?_id=ee2ca19f30d6de4ca514b6bfb06c3a5c&_render=rss';$ a n t a r a ='http://pipes.yahoo.com/pipes/pipe.run?_id=f4a4807f1b1a65031fa3a1a28a39a994&_rend

601



er=rss';$ i n i l a h ='http://pipes.yahoo.com/pipes/pipe.run?_id=f4a4807f1b1a65031fa3a1a28a39a994&_render=rss';$ b b c i n d o n e s i a ='http://pipes.yahoo.com/pipes/pipe.run?_id=4a73a632159b8f664c61cc6284a80987&_render=rss';$ a v i v a n e w s ='http://pipes.yahoo.com/pipes/pipe.run?_id=e05d69d292ef09fbe2132e0620d86d2f&_render=rss';$ v o a n e w s ='http://pipes.yahoo.com/pipes/pipe.run?_id=06502cae18b3175792c96582dd4004b8&_render=rss';$ k o m p a s ='http://pipes.yahoo.com/pipes/pipe.run?_id=fefd624f1e6bdb94fe8bb2638adb2ae3&_render=rss';$ t e m p o ='http://pipes.yahoo.com/pipes/pipe.run?_id=8044ec72ac31ca481a629bdb38007b78&_render=rss';$ r e p u b l i k a ='http://pipes.yahoo.com/pipes/pipe.run?_id=bcd8fcb247f331b54231c0f0db087a39&_render=rss';

$getinput = $_GET['s'];

if ($getinput == 'okezone') { $getinput = $okezone;}if ($getinput == 'detik') { $getinput = $detik; }if ($getinput == 'liputan6') { $getinput = $liputan6; }if ($getinput == 'rileks') { $getinput = $rileks; }if ($getinput == 'astaga') { $getinput = $astaga; }if ($getinput == 'kapanlagi') { $getinput = $kapanlagi; }if ($getinput == 'lintasberita') { $getinput = $lintasberita; }if ($getinput == 'antara') { $getinput = $antara; }if ($getinput == 'inilah') { $getinput = $inilah;}if ($getinput == 'bbcindonesia') { $getinput = $bbcindonesia; }if ($getinput == 'avivanews') { $getinput = $avivanews; }if ($getinput == 'voanews') { $getinput = $voanews; }if ($getinput == 'kompas') { $getinput = $kompas; }if ($getinput == 'tempo') { $getinput = $tempo; }if ($getinput == 'republika') { $getinput = $republika; }

// Konfigurasi utama untuk pemanggilan simplepie$feed = new SimplePie();$feed->set_feed_url($getinput);$feed->enable_cache(false);$success = $feed->init();$feed->handle_content_type();

?><!DOCTYPE html PUBLIC "-/ /W3C//DTD XHTML 1.0 Transit ional/ /EN""http:/ /www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional.dtd">

602

PROOF


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><head><title>MY MOBILE</title>

<style type="text/css">body {font-family: "Lucida Grande", "Liberation Sans", Tahoma, Verdana, Arial, sans-serif; margin:0px; padding:0px;}#header {background:#432E0D; color: #FFFFFF; margin: 0px 0px 5px 0px; padding: 2px;height: 38px; border-bottom:1px solid #000000}h2 {font-size: 20px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px;}h2 a{color:#FFFFFF}a {text-decoration: none; color:#453528;}small {font-weight: bold; font-size:x-small; color:#EBEBE6}#content { font-size: 11px; clear: both; }#content ul{padding-left:15px; font-size:11px; }#content li {list-style-type:square; padding:3px }#footer { background:transparent none repeat scroll 0 0; border-top:1px solid #000000;clear:left; color:#000000; font-size:x-small; margin:5px 0 2px; padding:2px; }</style></head><body><div id="header"><h2><a href="http://m.o-om.net">MY MOBILE</h2><small>ini adalah edisi mobile pertamaku</a></small></div><?php// jika error tampilkan pesan iniif ($feed->error()){echo '<div class="sp_errors">' . "\r\n";echo '<p>' . htmlspecialchars($feed->error()) . "</p>\r\n";echo '</div>' . "\r\n";echo '<p><a href="http://m.o-om.net"><b>« back</b></a></p></a>';}?>

<?php if ($success): ?><?php$widget_string .='<div id="content">';$widget_string .='<p><a href="http://m.o-om.net"><b>« back</b></a></p></a>';$widget_string .='<ul>';foreach($feed->get_items(0, 10) as $item){$widget_string .='<li>';$widget_string .='<a href="' . $item->get_permalink() . '">' . $item->get_title() .'</a>';$widget_string .='</li>' . "\n";}$widget_string .='</ul>' . "\n";$widget_string .='<p><a href="http://m.o-om.net"><b>« back</b></a></p></a>';$widget_string .='</div>' . "\n";echo $widget_string

603



?><?php endif; ?>

<div id="footer">mobile edition - get the full buzz at <a href="http://o-om.net">o-om.net</a></div></body></html>

Contoh diatas, saya menggunakan Yahoo Pipes, kalian bisa mengubah perantaralainnya dengan menggunakan Feed Burner atau menggunakan Rss Feed versi sendiri.

5. Langkah akhir jangan lupa upload juga file simplepie.inc yang sudah rekan downloadsebelumnya ke dalam folder m yang ada dalam server.

6. Silahkan dicoba, dan sekarang kalian sudah mempunyai versi mobile sendiri untukpembaca web atau blog kalian via rss feed. Kren khan hehehehe

Ini hanya contoh sederhana untuk membuat versi mobile untuk Aggregator Rss Feed,rekan tentu bisa mengembangkan sendiri untuk versi mobile yang lebih canggih.

Lihat Demo | Download Versi full

Artikel berikutnya saya akan membahas bagaimana cara mendeteksi program yang kitabuat apakah hanya dapat ditampilkan khusus untuk versi mobile phone atau dapat jugadilihat pada standar dibrowser. Ditunggu ya...


Cara Mendeteksi Mobile User Agents danBrowsers (bag 2)Wednesday, March 10, 2010Seperti janji saya pada akhir post sebelumnya tentang merangcang RSS FEED untukversi mobile phone, sekarang saya coba langsung membahas bagaimana caramendeteksi program yang kita buat apakah hanya dapat ditampilkan khusus untuk versimobile phone atau dapat juga dilihat pada standar dibrowser.

untuk memahami maksud artikel ini, sekarang coba rekan mengakses m.o-om.net, sudahjelas ya alamat ini masih leluasa dapat ditampilkan pada halaman standar browser padaversi dekstop. Nah, untuk contoh lainnya sekarang saya minta rekan untuk mencobamengakses halaman kaskus versi mobile dialamat ini m.kaskus.us apa yang terjadi? ya,kita tidak bisa mengakases kaskus mobile langsung dari browser dekstop, tapi kitalangsung diredirect ke situs utamanya.

Sekarang yang jadi pertanyaan gimana programmer kaskus bisa membuat redirectseperti itu? ternyata caranya tidak terlalu sulit, walaupun saya sendiri tidak pernahmelihat langsung script dari mobile kaskus paling tidak logika progammingnya sama saja

604

PROOF


:)

Cara yang paling mudah yaitu menggunakan script PHP yang sudah disediakan pihakketiga, saya biasa menggunakan script dari detectmobilebrowsers.mobi, atau silakandownload source codenya disini.

Saya beri sedikit gambaran bahwa script ini mempunyai fungsi terdiri dari 8 pilihanparameter untuk membuatnya bekerja. jadi bisa dikatakan setiap 8 parameter menanganiskenario yang berbeda pula. namun yang perlu diingat jangan lupa untuk memanggilfungsi ini terlalebih dahulu agar semua fungsi pendukung bisa berkerja dengan baik.

include ( 'mobile_device_detect.php');$ mobile = mobile_device_detect ();

Jika rekan masih bingung untuk setting setiap paramater, sebenarnya ada yang lebihmudah lagi dengan menggunakan fungsi generator yang juga sudah disediakan olehsitus diatas. silahkan dicoba saja. oh iya, untuk scipt pilihan bahasa program lainnya bisalangsung pelajari saja disitus ini detectmobilebrowser.com

Sebenarnya sampai disini saja penjelasan diatas sudah bisa saya katakan selesai,memang untuk kali ini rekan paling tidak harus sedikit mengerti tentang PHP, jadi tidakterlalu sulit untuk menerapkannya.

Semoga artike ini bermanfaat :)


Blogger Support Template DesignerFriday, March 12, 2010Inilah yang ditunggu-tunggu para pengguna blogger selama bertahun-tahun, akhirnyasampai juga saatnya dimana blogger meluncurkan cara termudah bagi penggunanyauntuk mendesain template sendiri secara online yang ditanam langsung pada halamandashboard. Berita yang baru saja om terima dari blogger in draft tentu saja membawaangin segar buat yang kesulitan untuk men-custom tampilan blognya agar bisa tampillebih menarik dan berbeda.

Selain menambahkan fitur terbaru pada template desainer, blogger juga dengan senanghati menyediakan 15 pilihan template terbaru. Disitu pula tersedia pilihan layout colommulai dari 1-3 pilihan colom yang dapat rekan pilih langsung. Dan yang lebihmenyenangkan, blogger juga menyediakan ratusan background dan beberapa pola siappakai. Biar gak penasaran, rekan lihat saja videonya langsung dibawah ini:

Untuk bisa mencoba layanan ini, karena masih dalam tahap uji coba, rekan seperti biasaharus login dulu melalui blogger draft di alamat ini http://draft.blogger.com

Selama mencoba aja :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |

605



Digital technology

Membuat "Bubble Tool Tips" 100%menggunakan CSSSunday, March 28, 2010

Penulis:Eldo A Pradana | dindingcoret.com

Bubble Tool Tips ini berguna sekali untukmemberikan informasi tentang sebuah link(bisa link refferal supaya banyak orangyang ikutan). Jika digerakkan diatas link(hover) maka secara otomatis bubble tooltips akan keluar dengan segala informasi

yang ada yang dituliskan. Biasanya untuk membuat balon tip ini sebagian orangmemanggilnya dengan javascript yang akan membebani blog dengan size yang sangatbesar. Nah ini ada trik yang menggunakan CSS murni sebagai pemanggilan codenya.Untuk lihat live previewnya silahkan klik aja link ini .

Penerapan trik ini pake CSS, dan ini dia codenya:

/*---------- balon tips -----------*/a.bt{position:relative;z-index:24;color:#3CA3FF;font-weight:bold;text-decoration:none;}

a.bt span{ display: none; }

/*background:; ie hack, harus mengubah sesuatu untuk menampilkan di IE*/a.bt:hover{ z-index:25; color: #aaaaff; background:;}

a.bt:hover span.balontips{display:block;position:absolute;top:0px; left:0;padding: 15px 0 0 0;width:200px;color: #993300;text-align: center;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;}

a.bt:hover span.atas{

606

PROOF


display: block;padding: 30px 8px 0;b a c k g r o u n d : u r l ( h t t p : / / l h 3 . g g p h t . c o m / _ p t 7 i 0 n b I O C Y / S z I c n N e A r -I / A A A A A A A A C e k / o l 5 o 6 r q B 5 Q w / b u b b l e _ t h u m b . g i f ) n o - r e p e a t t o p ;}

a.bt:hover span.tengah{display: block;padding: 0 8px;b a c k g r o u n d :url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcrZtXeiI/AAAAAAAACes/f3SeQ8tdw5A/bubble_filler_thumb%5B1%5D.gif) repeat bottom;}

a.bt:hover span.bawah{display: block;padding:3px 8px 10px;color: #548912;b a c k g r o u n d : u r l ( h t t p : / / l h 3 . g g p h t . c o m / _ p t 7 i 0 n b I O C Y / S z I c n N e A r -I / A A A A A A A A C e k / o l 5 o 6 r q B 5 Q w / b u b b l e _ t h u m b . g i f ) n o - r e p e a t b o t t o m ;}

/*---------- balon tips END-----------*/

Untuk penggunaannya:

1. Link yang udah dibuat di kasih deklarasi class="bt".

Link dalam code HTML bentuknya seperti ini <a href="http://dindingcoret.com"></a>S e t e l a h d i b e r i d e k l a r a s i a k a n j a d i s e p e r t i i n i : < a c l a s s = " b t "h r e f = " h t t p : / / d i n d i n g c o r e t . c o m " > < / a >

2. Deklarasikan balont ips. Panggi l code balont ips dengan menul iskan<span="balont ips"></span>. Masukkan d iantara code l ink.

3. Panggil gambar atas dengan cara ketik <span="atas"></span>. Masukkan diantarakode "balontips".

4. Panggil gambar tengah dengan cara ketik <span="tengah"></span>. Masukkandiantara kode "balontips" dibawah code "atas". Ditempat inilah sobat menuliskankomentar sobat.

5. Panggil gambar bawah dengan cara ketik <span="bawah"></span>. Masukkandiantara kode "balontips" dibawah code "tengah".

Contoh penulisan code bisa dilihat disini:

<a class="bt" href="URL SOBAT">kata-kata terserah deh..<span class="balontips"><span class="atas"></span>

607



<span class="tengah">Tempat sobat tulis info tentang link dan akan keluar sebagai bentuk balon</span><span class="bawah"></span></span></a>


Memilih Template Yang BenarSaturday, April 10, 2010

Penulis:Biyan A Pasau | i-biyan.com

Template mu adalah ident i tas mu.Pemilihan template tidak bisa dilakukansecara sembarangan.

Saya pernah mereview salah satu blogyang berNiche cord gitar tetapi template

yang digunakan berbasis magazine (*mudah-mudahan orangnya gak baca ini). Tidaksalah memang…ini tergantung dengan tastenya si Admin. Masalahnya, apakah ini cocokdimata yang lain. Blog tidak hanya dilihat untuk kita sendiri selaku admin tetapi jugauntuk mereka yang bertindak sebagai visitor.

Untuk blog non komersil seperti saya ^ ^, pemilihan template bebas bisa anda lakukansecara sepihak mengingat bahwa itu tidak diperuntukan untuk moneytise bahkanmungkin dikhususkan untuk anda sendiri.

Mari abaikan pihak non Moneytize…kita berbicara tentang blogger komersil.

Saya hanya mau sharing tentang tips dan trik memilih template.

Ingat nice andaTanyakan pada diri anda, tema apa yang akan saya usung? Apakah Uang Segar $_$,Blog Tutorial, Cord Gitar, Gallery & Screenshoot atau yang lain. Jangan gunakan temayang tidak nyambung semisal nice Cord Gitar tetapi menggunakan template dengan styleportfolio. Kalau cord gitar yah code gitar. Kalau affiliasi dengan amazone yah modelseperti template reseller, kalau template gallery yah template gallery.

Perhatikan Komentar yang MasukSaat berkunjung ke blogger gallery semisal dzignine.com atau zoomtemplate.com,bagian bawah dari template tersebut biasanya berisi komentar. Kita tidak bisamengatakan kalau template tanpa komentar tidak bagus, atau template yang banyakkomentarya itu bagus. Coba perhatikan kandungan komentar yang masuk. Merekamarah, berterima kasih, atau mencela bahkan bertanya?

608

PROOF


Analisa saya seperti ini:

- Komentar yang berisi ucapan terimakasih, berarti author tersebut sangat semangatsampai sampai mengucapkan terima kasih, atau dia sedang kebelet dan memang sangatmembutuhkan design seperti itu atau yang lebih parah…dia sedang blogwalking. Ini tidakusah dijadikan acuan mengingat belum tentu anda membutuhkannya juga.

- Komentar mencela, marah dll yang sedarah. Bisa ditebak kalau template itu banyakmasalahnya. Apakah tidak lulus cross browser atau designya yang terhambur…entahlah. Ini yang anda jadikan acuan. Kalau perlu jangan diambil.

- Komentar bertanya. Ini komentatornya yang tidak mengerti karena tidak membacatutorial dari sang designer dengan baik atau karena memang tutorialnya tidak ada?Beberapa template memang memiliki instruksi instalasi yang lumayan rumit. Biasanya sihtemplate rumit itu berbasis magazine atau portfolio yang menggunakan jquerry danmootools. Kalau anda tidak yakin, jangan diambil.

Tested In Major BrowserPastikan template yang kamu inginkan/gunakan sudah dites di browser besar semisalMozilla FF 3 keatas, Opera 10, Chrome semua jenis, Safari semua keluarga, dan yangterpenting IE 7-8. IE sekeluarga itu yang paling perlu anda perhatikan mengingat diabiasanya menghancurkan tampilan template.

“Jika membuat template / theme dalam bentuk apapun buat seindah mungkin, tapi tetapterlihat rapi dan terbaca di web browser terjelek sekalipun. Karena kita tidak akan pernahtau web browser apa yang visitor gunakan, dan kita tentunya t idak bisamemaksakannya.”

Proses ini bisa dikatakan sebagai proses terpenting dalam menjelajah template gallery.Walau terlihat indah dimata Mozilla FF tetapi kalau Terhambur di IE sekeluarga,sebaiknya jangan diambil. Ini hanya bisa merusak reputasi anda sebagai bloggerprofessional.

SEOPerhatikan juga dari segi SEOnya. Apakah penempatan tag tag sudah dilakukan secarasempurna. Tahapan ini dinamakan semantic structure. Ada satu tools yang menarik yangbisa anda gunakan untuk menganalisa disain SEO friendly suatu template. NamanyaRaven. Ada Versi trial nya loh ^.^

SizeSaat mendownload, perhatikan sizenya. Saya tidak menyarankan anda untukmenggunakan template yang size file XML nya lebih dari 50kb. Jangan lihat size ini saatmendownload. Kadang file yang anda download memang bersize besar karena banyakyang authornya isikan (*bisa saja batu). Jadi kalau mau melihat size aslinya, extract dulufile rar/zip tersebut lalu cari file XML. Kalau file XMLnya bersise diatas 50kb sebaiknyajangan digunakan. Tetapi ini hanya saran lho. Semuanya tergantung anda.

Ok..sekian dulu. Kalau tidak sibuk berdiskusi dengan Google Adsense kemungkinansaya akan menulis tentang “Bagaimana Membuat Blogger Newbie Terlihat Profesional”Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

609


5 Tips Sederhana Meningkatkan PageView Blog


Sunday, April 18, 2010Penulis:Satrya | margasatrya.com | Twitter

Apa itu pageview? Pageview adalah nilairata-rata jumlah halaman blog kita yangdiakses oleh satu visitor dalam satu kalikunjungan.Pageview ini sangat pentingsekal i , karena anda bisa mengukurseberapa bermanfaatkah atau seberapamenar ikah art ikel anda untuk parapembaca blog anda, bila pageview andatinggi walaupun dengan visitor yang masihminim itu berarti artikel-artikel yang andatulis cukup memberikan manfaat danmenarik perhatian untuk pembaca.Hal inipun menurut pengalaman pribadi saya bisa

menambah semangat anda dalam menulis.Coba anda bayangkan ketika blog andamempunyai traffic yang tinggi ditambah artikel-artikel anda yang menarik dan bermanfaatsudah dipastikan pageview anda juga akan sangat tinggi mungkin bisa menyamai blog inibahkan mungkin bisa melewati blog o-om.com ini :D.

Saya akan memberikan 5 tips sederhana yang bisa meningkatkan pageview blog anda :

1. Mengupdate Artikel Setiap Hari.

Mengapa harus update artikel setiap hari?apa hubungannya dengan pageview?Mengupdate artikel setiap hari tentunya akan menambah banyak jumlah artikel yanganda tulis pada blog anda.Bila satu hari ada seorang visitor yang berkunjung ke bloganda, ketika visitor tersebut membaca satu artikel anda dan dia mendapatkan manfaatdari artikel anda tersebut, pasti dia akan mencari artikel-artikel bermanfaat lainnya di bloganda.Setiap artikel yang dia baca akan menambah jumlah pageview anda.

2. Membuat Judul Artikel Semenarik mungkin

Jangan sampai para pembaca blog anda melewatkan sebuah artikel penting hanya gara-gara judul yang kurang menarik.Dengan judul artikel yang menarik kemungkinan besarpengunjung penasaran untuk membaca artikel tersebut.

3. Submit Artikel Anda ke Social Bookmark

Pasti anda sudah tahu apa itu social bookmark.Social bookmark bisa mendatangkantraffic yang banyak.Ada 3 situs social bookmark yang biasa saya gunakan dan memangkhusus blog berbahasa indonesia yaitu, l intasberita.com ,infogue.com danantarblog.com.

4. Pasang Artikel Penting di Sidebar

Manfaatkanlah sidebar anda untuk memberi kemudahan oada pengunjung untuk

610

PROOF


menavigasi blog anda.Maksudnya pasanglah artikel-artikel yang menurut andabermanfaat atau menarik di sidebar anda.Misalkan artikel terpopuler dari blog anda, atauartikel yang penting untuk di baca pengunjung anda.

5. Pasang Artikel Terkait dibawah Setiap Postingan Anda

Gunanya hampir sama dengan memasang artikel penting di sidebar, tapi biasanya artikelterkait ini satu kategory dengan artikel yang sedang di baca oleh pengunjungtersebut.Ketika selesai membaca artikel kemudian pengunjung melihat artikle terkaittepat di bawah postingan bukan tidak mungkin pengunjung tersebut akan terus tertarikuntuk membaca artikel lainnya.

Sekarang anda perhatikan susunan 5 tips yang sudah saya tulis di atas.Pertama andaharus mengupdate setiap hari artikel agar menambah jumlah artikel di blog andasemakin banyak dengan judul setiap artikel menarik perhatian pengunjung, setelah ituanda submit artikel-artikel anda ke situs-situs social bookmark untuk mendapatkanvisitor.Ketika visitor tertarik berkunjung dan membaca salah satu artikel anda ternyatabermanfaat atau menarik maka pengunjung tersebut pun akan mencari artikelbermanfaat atau menarik lainnya dengan mencarinya di sidebar atau pada postinganterkait yang sudah anda letakan tepat di bawah postinganan anda.

Semoga bermanfaat.


Compress Javascript dengan YUI CompressorSunday, April 25, 2010

Percaya nggak desain web site/blog tanpa javascript ibarat sayur tanpa garam?bagaimana mungkin sebuah aplikasi web profesional tidak didukung dengan javascriptini. Silahkan anda cek sendiri web site kelas dunia diluar sana yang kebanyakanmenggunaan fitur AJAX seperti Yahoo, Google dan Facebook apa mereka menghindariscript yang satu ini, gak mungkin lah hehehe jadi jangan pernah berpikir menghindarinyajika kita hanya berpikiran untuk masalah kecepatan loading website. PemakaianJavascript yang wajar-wajar saja saya rasa tidak ada masalah, asalkan memangdidukung dengan server yang mumpuni, terlebih yang menggunakan platform blogspotyang dihost langsung pada platform tersebut..coba silahkan buka kembali tutorial lawas

611



saya disini yang membahas cara host javascript langsung di blogspot.

Sebenarnya banyak sekali tools javascipt compressor diluar sana yang bisa kita coba,namun hanya sedikit yang benar-benar bekerja dengan baik menurut saya. Dari sekianbanyak tools yang saya coba hanya YUI Compressor yang dikembangkan langsungmelalui dapur Yahoo Developer Network ini saja yang benar-benar berkerja tanpakesalahan (error). Ini sudah saya buktikan pada beberapa blog blogspot saya dansemuanya bekerja dengan sempurna. silahkan cek langsung pada zoomtemplate.comdengan melihat source codenyanya secara langsung melalui browser kita masing-masing.

Ok lah mungkin sebagain dari blogger kurang setuju menggunakan javascript denganalasan kecepatan, tapi jika kita terpaksa tetap menggunakannya ya mau tidak mau kitaharus mencoba merampingkannya dengan cara mengompress script tersebut.Tujuannya agar ukurannya menjadi lebih kecil dari ukuran semula dan tentu saja palingtidak loading page blog kita jadi sedikit lebih cepat :)

Ada beberapa layanan Online yang sudah support YUI Compressor yang bisa kita coba,diantaranya yang sering saya gunakan adalah YUI Compressor Online dan Online YUICompressor. Cara menggunakan layanan ini juga tidak sulit, kita tinggal memasukansaja semua kode javascript yang ingin di-kompresi, ingat! tanpa memasukan tag <scripttype='text/javascript'>..</script> tapi hanya kode utamanya saja.

Tampilan Online YUI Compressor

Tampilan YUI Compressor Online

612

PROOF


Sebenarnya saya sekali ingin menjelaskan panjang lebar semua mengenai YUICompressor, namun saya yakin dari pada kalian bosan membacanya mending pelajarisaja ya secara langsung dialamat websitenya disini :)


7 Manfaat Widget Google Friend ConnectWednesday, April 28, 2010Penulis:Anawia putra | anawia.com

Sudah tahu apa itu google friend connect, Google friend connect adalah suatu programkomunitas sosial seperti BlogCatalog, MyBlogLog, dan lain-lain. Bagi pengguna bloggermungkin tidak asing lagi karena sudah tertanam didalamnya secara otomatis. karenablogger juga milik google jadi otomatis sudah dipasangnya.

Bagi pemilik blog ber mesin wordpress harus mendaftar terlebih dahulu untuk digunakandi blognya. caranya bisa dibaca di cara memasang google friend connect yang pernahsaya tulis di blog saya.

Kebanyakan blogger hanya memajang widget ini sebagai trend saja. Tanpamemanfaatkannya lebih jauh lagi. Padahal widget tersebut memiliki fungsi yang besaruntuk membesarkan situs kita. Untuk itu saya mencoba membahas setidak nya 7manfaat dari google friend connect.

7 manfaat itu antara lain :

1. Dapat mempromosikan tulisan terbaru

Bagi pengguna blogger akan secara otomatis memberitahu artikel terbaru kita dihalamandashboard para follower atau di halaman http://www.blogger.com/home setelah andamasuk ke account blogger anda. Jika tulisan anda menarik, mereka akan segeraberkunjung ke blog anda.

2. Dapat digunakan untuk mempromosikan produk terbaru kita.

Tanpa disadari tenyata google friend connect bisa dimanfaatkan sebagai alat untukmempromosikan produk. Melalui f i tur nawala yang ada didalamnya. caramenggunakannya yaitu dengan mengirim pesan nawala yang isinya produk yang inginanda promosikan. Kemudian kirimkan ke follower-follower anda. Pesan akan terkirimdalam bentuk email. artinya anda tidak perlu capek membuat autoresponden, karenagoogle friend connect telah dapat dimanfaatkan untuk itu.

3. Bisa mengetahui minat pembaca

Buat sebuah pertanyaan untuk mengetahui minat pembaca dengan mengakifkan pollingyang tersedia. Dengan mengetahui minat pembaca, maka anda dapat menulis artikelyang disukai pembaca, dengan demikian maka tulisan anda akan dilahap habis oleh

613



pembaca. Mempromosikan produk sesuai dengan minat mereka mungkin akan sangatbaik untuk produk yang anda recomendasikan.

4. Meningkatkan pertumbuhan blog

Dengan berjalannya manfaat pada point 1. saat anda mempromosikan tulisan-tulisananda maka secara tidak langsung membantu meningkatkan pertumbuhuan blog andadan ini harapan dari semua blogger. Karena itu tingkatkan follower blog anda agarpertumbuhan blog yang anda miliki lebih baik dari sebelumnya.

Banyak cara untuk meningkatkan follower blog kita. dan ini hanya membutuhkankreatifitas kita misalnya dengan memberikan bonus ebook atau yang lain. sekedarcontoh saya memberikan 2 bonus ebook untuk pelanggan follower saya lihat di link tadi.

5. Dapat menjaring pelanggan lebih luas

Siapapun dapat dengan mudah menjadi pelanggan follower anda.bergabung dalam situs Anda dengan sekali klik. Mereka dapat menggunakan accountGoogle, Yahoo, Twitter dan account lainnya. karena itu membuka gerbang untukmenjaring pelanggan yang lebih luas lagi.

6. Pengunjung dapat berinteraksi dengan pengunjung yang lain

Kelebihan google friend connect yang memberi manfaat untuk pemilik blog adalahadanya fasilitas untuk berinteraksi sesama follower. Dengan demikian mereka akanmenjadi lebih kerasan berada di blog anda. Mereka sebagai follower juga bisa menilaidan memberi rating blog anda. mengundang teman-teman mereka dalam penerbitanhasil kegiatan mereka kepada mereka jaringan sosial. lebih mendalam melibatkanpengunjung dengan situs Anda begitu jugaantara pengunjung yang satu dengan yang lainya

7. Pelanggan follower dapat bertambah otomatis

Bertambah otomatis artinya pelanggan yang suka dengan blog anda bisa mengundangsahabat-sahabat mereka untuk bergabung menjadi follower. Dalam hal ini terjadi secaraotomatis tanpa anda suruh. Fitur seperti inilah yang menurut saya bisa menjadikanfacebook besar seperti sekarang ini. tapi ini hanya pendapat saya.

Nah dari 7 manfaat ini sebenarnya masih bisa anda gali menjadi 10 atau lebih mungkinmanfaat dari anda memasang widget follower. Terima kasih kesempatannya kepada OmAgus telah menerbitkan tulisan sederhana saya.

Satu pertanyaan untuk menutup ulasan saya mengenai manfaat follower ini adalahSudahkah anda memasang follower widget dan sudah pula kah anda memanfaatkannya?Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

614

PROOFInstallasi Twitter @Anywhere Pada KotakKomentar


Saturday, May 01, 2010P e n u l i s : A r d i a n Z z Z |A r d i a n z z z . b l o g s p o t . c o m

Kotak komentar adalah sarana diskusi yangpaling efektif. Atau paling tidak, kotak

komentar adalah salah satu tempat untuk sekedar saling sapa dan berinteraksi. Karenapada engine blogger tidak terdapat fasilitas untuk reply comment, kegiatan bertegur-sapabiasanya dilakukan dengan meniru Facebook atau Twitter. Yaitu dengan menambahkansimbol “At”(@) pada awal nama. Misalnya saya ingin membalas komentar o-om, makasaya menambahkan @oomdotcom pada awal kalimat. Sebagai tanda bahwa tanggapantersebut saya tujukan untuk o-om.

Kita dapat menambahkan interaktivitas kotak komentar dengan menggunakan plugnTwitter @Anywhere. Dimana setiap kata yang diawali dengan simbol “At”(@) dapatdiconvert secara otomatis menjadi link yang menuju akun twitter yang dituju. Sangatmenarik bukan, karena dapat menambah suasana kotak komentar menjadi lebih hidupdan interaktif.

Untuk lebih jelas, dapat dilihat pada demo page disini.

Berikut ini adalah langkah-langkah installasi Twitter @Anywhere:

1. Masuk di @Anywhere

Sebelumnya, anda harus memiliki akun twitter terlebih dahulu. Kemudian kunjungihttp://dev.twitter.com/anywhere

615



2. Daftarkan Aplikasi

Isikan segala informasi yang dibutuhkan. (Hal ini sangat mudah dan tidak perlupenjelasan lebih)

3. Dapatkan API key.

4. Installasi

Setelah mengetahui API key, hal yang perlu dilakukan adalah dengan menambahkanJavaScript berikut ini sebelum </head>

< s c r i p t s r c = " h t t p : / / p l a t f o r m . t w i t t e r . c o m / a n y w h e r e . j s ? i d = A P I K e y "t y p e = " t e x t / j a v a s c r i p t " > < / s c r i p t >

Gantilah APIKey dengan API Key anda.

616

PROOF


Beberapa fitur yang dapat digunakan adalah:

a. LinkifyUser

Script akan mengubah semua konten yang diawali dengan “at” simbol menjadi link akuntwitter.

b. Hovercards

Membuat link memunculkan tooltip yang berisi informasi tentang akun twitter.

Untuk melakukannya letakkan javascript berikut ini:

<script>twttr.anywhere(function(twitter) {twitter(".comment-body").linkifyUsers();twitter.hovercards();});</script>

Ganti huruf yang berwarna merah dengan class yang sesuai. Jika anda menggunakanBasic Minima, maka kotak komentar memiliki class .comment-body. Jika tidak yakin dananda menginginkan semua konten dalam body diconvert menjadi link maka gantilahdengan body.

5. Kesimpulan

Cara ini sangat mudah dilakukan dan cukup efektif untk menambah interaktivitas padakotak komentar. Tetapi yang perlu diperhatikan adalah, jika kita menuliskan usernameyang salah maka link yang dihasilkan menjadi tidak relevan. Misalnya saya menuliskan@oomdotcom yang menghasilkan link menuju http://twitter.com/oomdotcom. Tetapi jikasaya menuliskan @o-om, maka link yang dihasilkan adalah http://twitter.com/o-om yangberarti salah sasaran.

Selain kedua fitur di atas, terdapat jga fitur-fitur seperti

• Follobutton• Tweet Box• Twitter Connenct

Untuk lebih je lasnya tentang cara penggunaannya dapat mengunjungi :ht tp: / /net . tutsplus.com

Profile Penulis:ArdianZzZ adalah Seorang blogger biasa tetapi bukan blogger yang biasa-biasa saja.Sangat antusias dengan webdesain terutama pada Typography, CSS dan JavaScript.

617




5 Sumber Ide untuk Artikel Blog AndaFriday, May 07, 2010Penulis:Reza Winandar | Blogger Make Money

Tentu blog kita mempunyai postingan bukan? Apakah isi dari postingan itu? Apakahhanya sekedar curhat dan cerita mengenai kehidupan kita, atau berupa ilmupengetahuan? Yang pasti banyak blogger yang mengisi blognya dengan artikel. Artikeldapat berupa guide maupun penjelasan terhadap suatu hal. Artikel merupakan hal yangsangat penting dalam blog karena artikel adalah salah satu kunci keberhasilan blog kita.Kadangkala, kita dapat dibuat pusing dalam mencari ide untuk membuat artikel. Dalammembuat artikel, kita harus mencari ide-ide yang fresh agar pengunjung tidak bosan.

Banyak sekali sumber-sumber ide yang mungkin belum tereksplorasi. Dan beberapasumber ide itu kadangkala muncul di depan mata kita, tapi kita tidak menyadarinya.Beberapa orang berpikir keras untuk mencari ide, padahal sebenarnya apabila ia peka,maka ia bisa mendapatkan ide dengan mudah. Berikut adalah contoh-contoh daribeberapa sumber ide untuk artikel blog kita:

1. Google Trends

Google Trends dapat digunakan untuk mencari topic-topik apa saja yang sedang hangatdibicarakan, dan apabila kita cepat dalam mengambil topic tersebut, bukan tidak mungkinkita bisa menjadi yang nomor satu di Google dalam waktu singkat.

2. Forum

Jadilah aktif di forum dan anda akan menemukan thread yang berisi pertanyaan,kemudian anda bisa membantu mencari jawabannya dan mempostingnya di blog anda,selanjutnya tinggal arahkan pengunjung forum ke blog anda.

3. Komentar pada blog anda sendiri

Saya pernah mengalami ini, suatu ketika ada pengunjung yang bertanya sesuatu kepadasaya, dan untuk menjawabnya, saya membuat artikel kemudian mempostingnya danmemberitahu si pemberi komentar bahwa saya telah menjawab pertanyaannya.

4. Situs berita

Anda bisa mencari berita yang tengah hangat kemudian menulis ulang danmempublikasikannya kepada para pembaca anda. Sebaiknya cari topic yang sesuaidengan niche blog anda.

5. Direktori artikel

Di sinilah gudangnya informasi dan pengetahuan. Cobalah iseng-iseng untuk membukasalah satu situs ini dan mencari artikel yang sedang dipajang di halaman utama, atau

618

PROOF


anda bisa mencari artikel yang anda gemari, contoh : Hobi Memancing. Dari situ andabisa tahu topic apa yang sedang hangat dibicarakan atau apa yang sedang menjadidiskusi para pemancing.

Anda juga bisa mendaftar di ReadBud untuk mendapatkan artikel-artikel berkualitas yangbisa anda jadikan sumber ide sekaligus menghasilkan dollar. Setiap anda membacaartikel dan member rating yang JUJUR, anda akan mendapatkan beberapa sen yangsetiap harinya anda bisa menghasilkan lebih dari $1.

Nah, sekian beberapa contoh sumber ide dari saya, apabila anda tertarik dengan artikel-artikel saya, silakan tunggu guest post selanjutnya di blog ini.


Cara Membuat Sub Domain CO.CCFriday, May 14, 2010Penulis:Azhar Fahrurazi | henpina.co.cc

Mungkin sudah banyak oran-orang yang mengetahui trick ini, sampai-sampai orang yangakan membacanya-pun enggan membaca Artikel tersebut, tapi, yang mereka ajarkanadalah menggunakan dnspark.net yang ada masa expired atau massa berlakunya,meskipun suangat lama, tapi, sewaktu-waktu kita pastinya akan merasa tidak nyamanbukan?

Nah, disini saya ingin memperlihatkan kepada anda bagaimana caranya membuat Sub-Domain langsung didalam Co.cc secara realive, gak percaya ? Simak Gan ( KasKuslangue mode : On)

1 . Masuk keda lam co . cc dengan Accoun t anda mas ing -mas ing d ih t t ps : / /www.co . cc / l og_ i n_ou t / l og i n .php

2. Setelah itu, anda akan disuguhkan dengan sebuah Form yang berisikan 4 alamatdomain yang sudah anda buat ( Apabila anda berhasil Login ).

619



3. Pilih domain yang akan anda jadikan Sub-Domain, disini dan didalam contoh ini, sayaakan memakai proxyesterday.co.cc

4. Klik Setup

5. Setelah itu, anda akan disuguhkan Form Setup

6. Klik zone record

7. Didalam Host, isikan apa yang ingin anda jadikan Sub domainnya, misalkan oom

8. Dan otomatis, domain yang akan keluar adalah oom.aktifiskaskus.co.cc

9. Didalam Value, isikan ghs.google.com

10. Klik Setup

11. Berhasil !!!!!

620

PROOF


Lalu, apa yang harus kita lakukan selanjutnya?

Setup Sub-Domain didalam Platform kita sendiri, disini saya menggunakan blogspot.com

1. Login kedalam Account Platform anda ( Didalam contoh ini saya menggunakanBlogspot )

2. Setelah berhasil, masuk kedalam menu Pengaturan → Publikasikan dan disana yangharus anda pilih adalah Domain Ubah Suaian

3. Kemudian pilih Beralih ke pengaturan lanjut

4. Masukkan Sub Domain yang sudah anda masukkan dan Setup tadi, yaituoom.aktifiskaskus.co.cc

5. Masukkan Capcay ( Verifikasi Kata )

6. Klik Simpan Setelan

7. Berhasil !!!!!!!

621



8. Kemudian klik Lihat Blog

S e l a m a t , S u b - D o m a i noom.aktifiskaskus.co.cc berhasil dibuat !


Convert Wordpress Theme to Blogger TemplateTuesday, May 18, 2010Merancang desain fresh dan terbaru pada template bisa om katakan sangat sulit, inibukan karena masalah pengkodean CSS dan XML yang ribet, tapi memang merancangsesuatu yang baru dan segar dari segi desain dan pemilihan warna untuk template blogitu sendiri yang bikin pusing. Dari pada pusing tujuh keliling mendingan melakukankonversi dari template platform lain yang sudah jelas desainnya, selain lebih mudah tenturesiko kejelekannya bisa diantisipasi hehehe

Oh iya, judul diatas bukan ngajarin caranya ya, disini om cuman nginformasiin kalau duahari ini om lagi senang-senangnya melakukan konversi wordpress ke blogger template,dan ini ada 2 yang sudah om buat jadi silahkan di download :)

MysticGrunge Blogger template

622

PROOF


Blogger template terbaru hasil konversi Wp ke blogger buatan om, theme dengan nama"Mystic Grunge" ini Elegant banget dan cocok sekali buat Blogger Misterius hehehe,jangan lupa di-Vote dan di-Comment ya.

Demo http://mysticgrunge-zoomtemplate.blogspot.com

Download http://www.zoomtemplate.com/2010/05/mysticgrunge.html

KikiBerry Blogger template

"KikiBerry Blogger template" terbaru hasil konversi dari WP ke Blogger buatan om,pokonya ini template elegant abis dan simple, cocok banget buat blogger cewek :Dsilahkan di download ya, jangan lupa kasih Vote

Demo http://kikiberry-zoomtemplate.blogspot.com

Download http://www.zoomtemplate.com/2010/05/kikiberry.html

OK, ditunggu ya konversi lainnya :)

NB: Jangan lupa kalau kasih komen di zoomtemplate sebisanya pake English ya :)thanksPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

623


Blogger Template: Today's News dan Diadema


Friday, May 21, 2010Today's News Blogger Template

Today's News Blogger Template merupakan hasil konversi Wordpress ke Blogger yangbaru saja saya buat tadi malam, Hadir dengankonsep desain nan elegan dan cool abis inibisa membuat rekan sobat iri hehehehe. Template Ini sangat cocok buat blog atau situsdengan konsep berita. Ok jadilah orang pertama yang mencobanya :)

Demo | Download

Features:

• Options Page• Post Thumbnails• Featured Content• 125×125 banners ready (easy editable from admin options)• 468×60 Header Banner ready (easy editable from admin options)• Three columns• Gravatar on Comments• Compatible with latest WordPress versions• Widgets Ready• SEO Optimized• Fixed width• Tested and compatible with all major browsers: IE, FF, Safari

Diadema Blogger Template

Hampir Sama dengan Today's News, template Diadema hadir dengan konsep yangsangat menawan dengan desain yang mengagumkan. kalau rekan pecinta Fashiontemplate ini jangan sampai dilewatkan :)

624

PROOF


Demo | Download

Features:

• Options Page• Post Thumbnails• Featured Content• 125×125 banners ready (easy editable from admin options)• Two columns• Gravatar on Comments• Compatible with latest WordPress versions• Widgets Ready• SEO Optimized• Fixed width• Tested and compatible with all major browsers: IE, FF, Safari


Blogger Template: Dating Theme / Love LetterSaturday, May 29, 2010Dating theme atau love leter template terbaru hasil konversi om, dengan warna ping danlove-love berhamburan, cocok buat yang lagi sedang jatuh cinta atau blog yang menulistentang kata-kata mutiara, so jadilah yang pertama mencobanya hehehhehe

Demo: http://datingthemes-zoomtemplate.blogspot.comDownload: http://www.zoomtemplate.com/2010/05/dating-theme.htmlPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

625



Blogger Template: Smart TouchTuesday, June 01, 2010

Smart Touch merupakan Blogger template hasil konversi dari CSS template ke bloggerdengan tampilan elegant dengan warna biru yang menawan, template ini seperti biasasudah tertanam fitur SEO Friendy, auto bookmark dan Ads Ready, jadi rekan gakkesulitan lagi mengatur semuanya karena sudah All in one :)

Demo: http://smarttouch-zoomtemplate.blogspot.com

Download: http://www.zoomtemplate.com/2010/05/smart-touch.html


Blogger Template: Baby ShopTuesday, June 08, 2010

626

PROOF


Baby Shop Blogger Template merupakan desain template yang khusus saya konversibuat rekan yang ingin membangun toko online sederhana terutama yang ingin berjualanpernak pernik peralatan Bayi. Dengan style tampilan yang sangat elegant dan terlihatprofesional, template ini tentu saja dirancang khusus bergaya Gallery plus Magazine,tidak lupa juga sudah saya tanam fitur SEO didalamnya biar jualannya lancar hehehehe.Tapi sayang, karena terbatasnya fasilitas di blogger ruang gerak saya untuk merancangmemiliki fitur Shoping Cart jadi batal, jadi pemesanan per item hanya bisa dilakukansecara manual. yah anggap saja transkasi jual beli dan pembayaran nanti dilakukansecara manual saja via rekening bank atau via Paypal juga gak masalah. Ok selamatberjualan :)

Demo: http://babyshop-zoomtemplate.blogspot.com

Download: http://www.zoomtemplate.com/2010/06/baby-shop.html


Membuat Highlighting Current Page atau CurrentMenu di BloggerThursday, June 17, 2010Highlighting Current Page atau Current Menu biasanya diartikan sebagai penandahalaman aktif untuk saat ini ketika user berada dalam halaman tertentu, misalkan dalamhalaman Home, About, Help us dan Contact. Pada Blogger sendiripun sebenarnya baru-baru saja sudah menanamkan fitur ini jika kita sedang mengaktifkan fitur untuk halaman(Page). Namun entah kenapa kebanyakan blogger termasuk saya sendiri tidak begitutertarik menggunakan. Mungkin sudah telat kali ya :)

Yang membuat Saya tertarik untuk membahas fungsi Current Page ini karena hampirsemua template yang saya sediakan di zoomtemplate.com sudah tertanam fitur untukmenampilkan menu navigasi, sayangnya ya itu tadi, menu yang seharusnya bagus malahseperti hanya sebagai hiasan pengganti link saja, dan kebanyakan hanya terlihat cantikketika user mengarahkan mouse (mouse hover) namun tidak memiliki fitur penandabahwa menu tersebut seharusnya terlihat ikut aktif dalam halaman yang juga aktif.

627



Sebagai contoh silahkan rekan melihat demonya di zoomtemplate.com

Disitu bisa rekan lihat saat kita berada dalam area halaman HOME, Link menu HOMEjuga terlihat ikut aktif. Begitupula saat rekan berapa dalam halaman FAQ'S dan beberapaMenu lainnya yang terlihat juga ikut aktif.

Biar lebih mudah mempelajarinya silahkan Download contoh Demo Menu yang sudahsaya rancang disini.

OK langsung ke tutorial saja ya. Oh iya contoh menu dibawah ini tidak sama dengancontoh menu di zoomtemplate.com, tapi rekan dapat mengedit menu tersebut sesuaikebutuhan. Terus terang saya kesulitan menjelaskannya, karena hampir setiap kodeCSS Menu memiliki rancangan yang unik dan berbeda.Tapi dengan contoh kali ini sayayakin rekan paling tidak mempunyai sedikit gambaran bagaimana cara Aktive CurrenPage / Current Menu ini bekerja.

1. Silahkan langsung tuju ke halaman Edit HTML

2. Letakan kode CSS dibawah tepat diatas kode ]]></b:skin>

#nav ul {background:url(http://1.bp.blogspot.com/_C6KkooKXCEw/TBoL1r2WrmI/AAAAAAAAGDo/RPFGeeHuA6M/s400/backgr.jpg) repeat-x left top;margin:0;border-bottom:3px solid #98CB00;border-top:1px solid #00CCFF;list-style-type:none;height:31px;}#nav li {float:left;}#nav li a {display:block;padding:5px 15px 4px;font:bold 16px "Trebuchet MS";font-stretch:condensed;text-decoration:none;color:#00CCFF;letter-spacing: -0.1em;}#nav li a:hover {color:#98CB00;

628

PROOF


}#nav li.current {b a c k g r o u n d : u r l ( h t t p : / / 2 . b p . b l o g s p o t . c o m / _ C 6 K k o o K X C E w / T B o L 1 9 9 -A9I/AAAAAAAAGDw/v2878UtlPsA/s400/current.gi) no-repeat center bottom;color:#98CB00;}

2. Letakan kode Javascript dibawah ini tepat diatas kode </head>

<script type='text/javascript'>//<![CDATA[

function extractPageName(hrefString){var arr = hrefString.split('/');return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();}function setActiveMenu(arr, crtPage){for (var i=0; i<arr.length; i++){if(extractPageName(arr[i].href) == crtPage){if (arr[i].parentNode.tagName != "DIV"){arr[i].className = "current";arr[i].parentNode.className = "current";}}}}function setPage(){hrefString = document.location.href ? document.location.href : document.location;

if (document.getElementById("nav")!=null)setActiveMenu(document.getElementById("nav").getElementsByTagName("a"),extractPageName(hrefString));}

//]]></script>

3. Kemudian silahkan cari kode dibawah ini dalam barisan kode pada halaman EditHTML

<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section></div>

629



Lalu letakan kode dibawah ini tepat diatas kode diatas.

<div id='nav'><ul><li><a href='/'>HOME</a></li><li><a href='#'>FAQ'S</a></li><li><a href='#'>HELP US</a></li><li><a href='#'>CONTACT</a></li></ul><script language='javascript'>setPage()</script></div>

Agar Efek Current Page / Menu bisa bekerja, rekan harus mengganti tanda # diatasdengan alamat url post yang aktif.

Untuk membuat dan mengedit tampilan menu jauh lebih cantik dari contoh menu diatasrekan sebaiknya mau tidak mau harus banyak mempelajari pengkodean HTML, CSS danJavascript.

Selamat mencoba :)


Blogger StatistikSaturday, July 03, 2010Tampilan grafis sederhana namun terasa nyaman digunakan, itulah kesan pertama sayaketika mencoba fitur terbaru dari Blogger Statistik. Dari sekian banyak fitur yang sudahditanam kedalam Blogger, baru kali ini saya merasa semuanya terasa lengkap. Kalausebelumnya saya harus login bolak balik ke Google Analytics, kali ini semua terlihat lebihsimple kerena sebagian fitur penting dari Google Analytics sudah tertanam kedalam fiturBlogger Statistik yang bisa kita lihat langsung melalui halaman Dashbord. oh iya..untukbisa mencoba fitur ini karena masih dalam tahap uji coba, maka rekan bisamengaksesnya melalui halaman Blogger In Draft

Biar lebih mudah mempelajari semua fitur yang ada, disini saya coba uraikan satu-persatu :

1. Blogger Statistik Overview

Fitur ini memungkinkan kita melihat statistik dari jumlah kunjungan secara global.Dengan tampilan statistik terbagi menjadi 4 bagian, kita sebagai admin tentu dipermudahmenganalisa trafik secara real time, melihat minat pengunjung dan menganalisa darimana saja pengunjung blog kita berasal. Untuk yang lebih spesifik lagi kita dapat memilihwaktu penanyang yang tersedia dapat beberapa tab, bisa dalam hari, minggu, bulan ataupada total waktu keseluruhan.

2. Blogger Statistik Post

630

PROOF


Gak perlu dijelaskan panjang lebar untuk statistik post, kita tentu sudah mengerti maksuddari penayang ini, Singkatnya kita dapat melihat langsung postingan atau artikel manayang paling banyak diminati pengunjung. Nah kalau mau menganalisa lebih jeli, statistikpost dengan nilai terbesar bukan hanya berisi artikel menarik atau karena posting ini baruditerbitkan, tapi kata kunci sesuai penargetan juga berpengarur besar lho :) yang lebihkren lagi jika blog kita khusus untuk jual-beli barang tentu kita bisa dengan mudahmengalisa barang apa saja yang paling banyak dicari pembeli :)

3. Blogger Statistik Traffic Sources

Bagaimana cara pengunjung menemukan blog kita? disinilah semuanya trafik kujungantercatat dan ditampilkan kedalam bentuk laporan. Ada 3 bagian yang bisa kita anlisayaitu, bisa melalui Referring URLs, Referring Sites dan Search Keyword.

4. Blogger Statistik Audience

Sangat menarik jika kita dapat dengan mudah mengalisa dari negara mana sajapengujung kita berasal, Web Browser dan SO apa saja yang paling banyak digunakanuntuk menampilkan halaman blog kita. Ingat pengunjung adalah raja, tentu kita berharapmemberikan servis terbaik untuk mereka.

Satu hal menurut saya ada yang kurang atau memang sengaja tidak ditampilkan, kenapablogger hanya menampilkan statistik untuk jumlah pageviews tanpa menampilkan jumlahvisitor? atau memang jumlah visitor langsung djumlahkan dengan kedalam statistikpageviews. yah siapa yang tau...ditunggu aja kabar selanjutnya... :)


Fungsi Kode Untuk Mengatur Tampilan ContentBlogSunday, July 18, 2010Seperti yang kita ketahui, template blog dengan gaya Magazine Style merupakan salahsatu favorit template yang sering di pakai oleh para blogger. Salah satu ciri template blogdengan gaya Magazine Style adalah adanya widget yang muncul lalu menghilang atauawalnya menghilang lalu muncul pada suatu halaman atau postingan blog.

Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog darimuncul lalu menghilang dan menghilang kemudian muncul. yang bisa Anda terapkanuntuk mengatur tampilan widget blog Anda.

1. Hanya pada Halaman Utama Blog

<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog sajaalias akan menghilang ketika sobat mengklik Label Post atau membaca postingan secarakeseluruhan.

631



Contoh penggunaan kode ini bisa anda liat pada demo blog berikut. Jika sobat membacaartikel secara keseluruhan atau mengklik kategori post, 3 kolom diatas main post akanmenghilang.

2. Kategori Post dan Single Post

<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post(membaca postingan secara keseluruhan).Contoh penggunaan kode ini bisa Anda lihat pada demo blog tadi dimana ketika sobatmengklik kategori post atau membaca postingan secara keseluruhan, widget pada kolomfooter dengan judul DheTemplate.com - New Free Blogger Template Everyday barumuncul. Widget ini tidak akan muncul pada halaman utama blog.

3. Halama Utama Blog dan Kategori Post

<b:if cond='data:blog.pageType != "item"'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada main post dan kategori post danakan menghilang ketika membaca postingan secara keseluruhan.Contoh penggunaan kode ini pada demo blog tersebut adalah widget pada sidebar kiridengan judul New Templates. Jika sobat membaca suatu postingan secara keseluruhanatau mengklik kategori post (About dan DheTemplate pada menu navigasi), maka widgettersebut akan menghilang.

4. Single Post

<b:if cond='data:blog.pageType == "item"'> ... </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atauketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada mainpost atau kategori post.Contoh penggunaan kode ini pada demo blog tersebut adalah widget sidebar kiri denganjudul Blog Template dimana saat sobat membaca suatu postingan secara keseluruhan,maka widget tersebut baru muncul.

5. Halama Utama Blog dan Kategori Post

<b:if cond='data:blog.pageType == "index"'>

Fungsi kode ini sama dengan fungsi kode pada nomer 3.

6. Menampilan Widget Blog Pada Postingan Tertentu Saja

<b:if cond='data:blog.url == "URL_POST_TERTENTU"'> ... </b:if>

Kode ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu postingantertentu. Untuk lebih jelasnya silahkan sobat melihat demo blog tersebut. Lalu klik artikelpost dengan judul DheTemplate.com - New Free Blogger Template Everyday. Anda akanmelihat widget blog dengan judul Templates By DheTemplate muncul. Widget tersebuttidak akan muncul apabila sobat membaca postingan blog yang lain. Misalnya sobat

632

PROOF


membaca postingan pada demo blog tersebut dengan judul DheTemplate.com, makawidget tersebut tidak akan muncul.

7. Menyembunyikan Widget Post Pada Postingan Tertentu Saja

<b:if cond='data:blog.url != "URL_POST_TERTENTU"'> ... </b:if>

Kode ini merupakan kebalikan dari kode no 6 dimana widget blog akan menghilang darisuatu postingan tertentu dan baru muncul pada postingan yang lain. Untuk lebihjelasnya, sobat klik artikel post dengan judul DheTemplate.com - New Free BloggerTemplate Everyday dan bandingan jika sobat mengklik postingan dengan judulDheTemplate.com. Apa yang akan Anda dapat?? Widget blog dengan judul BlogListtidak muncul pada artikel postingan dengan judul DheTemplate.com - New Free BloggerTemplate Everyday dan widget tersebut baru muncul pada artikel postingan dengan judulDheTemplate.com. termasuk juga artikel postingan yang lain dan halaman utama dankategori post

Mungkin itu saja yang saya tahu tentang cara membuat widget blog dari muncul menjadimenghilang atau menghilang kemudian muncul. Untuk penerapan kode-kode diatas ada2 cara yaitu langsung pada widget dan secara kelompok (mungkin pada artikelselanjutnya). Semoga bermanfaat.

Penulis : DheTemplate - "New Free Blogger Template Everyday - Everyday Is New free BloggerTemplate"Blog : http://www.DheTemplate.comPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Zoom Feed Aggregator (Premium) - BloggerTemplate pertama sebagai F...Sunday, August 22, 2010"..Specially designed for Make Money Online with Google Adsense or you can play withother Pay Per Click (PPC) Advertising.."

Keterbatasan Blogger selama ini tidak menyurutkan niat saya untuk mengembangkanversi template yang lebih canggih lagi. Ini bisa saya buktikan langsung dengan hadirnyaTemplate yang dikembangkan khusus sebagai Feed Aggregator, dan bahkan bisa sayakatakan template ini hanya satu-satunya didunia yang pernah dirancang menggunakanflatform Blogspot.

Berawal dari kekaguman saya pada situs Feed Aggregator seperti Alltop.com andPopurls.com, Zoom Feed Aggregator juga dikembangkan dengan konsep yang sama.Alltop dan Popurls adalah situs yang dibangun disekitar gagasan dengan mengambilbeberapa RSS feed dari situs populer dan menampilkan semua sindikasi berita hanyadalam satu halaman.

Zoom Feed Aggregator benar-benar dirancang memiliki keunggulan dari template yang

633



pernah ada, Jika sobat blogger melirik demonya kalian mungkin tidak akan percaya inidibangun menggunakan Blogger sebagai engine-nya. Bahkan beberapa fitur yangtertanam pada template ini benar-benar sangat baru dan sangat powerfull. Yang palingsangat saya sukai dari template ini yaitu ada fitur pada posting yang memudahkan sobatuntuk membuat deskripsi singkat untuk artikel tanpa harus berpusing ria lagi mencari ideuntuk menulis. Cukup cari berita yang sekiranya paling Hot, tulis deskripsi singkat dari intiArtikel tersebut beserta linknya lalu Posting, dan biarkan pembaca yang melanjutkansendiri ke link resminya. Menurut saya, cara seperti ini bukan termasuk Copy-Paste danbisa saya katakan sangat Legal. Yang perlu saya tekankan Zoom Feed Aggregator tidakbekerja sebagai Auto Blog, selain itu Rss Feed yang ditanamkan juga tidak akan terindexpada Search Engine, jadi template ini sama sekali tidak melanggar hak cipta konten. Tapisaya tetap menyarankan meminta ijin terlebih dahulu kepada pemilik feed situs :)

Zoom Feed Aggregator sebenarnya saya rancang khusus buat Make Money Onlinedengan Google Adsense atau Program Pay Per Click (PPC) lainnya, karena tempate inidibangun memang khusus untuk tujuan tersebut. Jadi jangan ragu untuk menggunakantemplate ini sebagai mesin uang!

Simak Presentasi dibawah ini:Lihat LIVE DEMO Disitus Resminya.Zoom Feed Aggregator Features:

• Dirancang khusus untuk Make Money Online dengan Google Adsense atau PPClainnya.

• Loading Halaman sangat cepat, karena hanya menggunakan 20% image.• Panduan Lengkap SEO untuk Blogger (Anda harus melihatnya).• Mengusung konsep Blogazine (Blog Magazine).• 4 pilihan skema warna (Gray, Purple, Yellow, Red, Blue)• Dukungan Email Box Subsciber dengan FeedBurner.• Tersedia 30 Widget untuk menampilkan Berita RSS FEED (1st Feature)• Support digunakan dengan Standar RSS Blogger Widget atau dengan Feedburner

(direkomendasikan)• Mendukung Jump Lik untuk memudahkan pembaca menuju orginal link (1st Feature)• Dukungan 1 sidebar pada halaman Posting.• mendukung 4 kolom widget pada Bottom Footer.• Dukungan Custom Search Box dibawah posting widget (1st Feature).• Dukungan tooltips ketika pengguna menggunakan mouse over pada berita link Feed

(1st Feature).• Dukungan Facebook Like dan Sosial Bookmark.• Dukungan Related Post dengan Thumbnail.• Dukungan Avatar pada kotak Komentar.• Diuji dan bekerja dengan baik di browser IE6/7, Firefox, Opera, Safari, Chrome,

Flock.• Pedomain Lengkap Installasi (PDF Setup Guide)

Berminat memiliki template ini? silahkan baca rincian harga disini


634

PROOFe-Junkie: Jualan produk online jadi lebih mudah


Thursday, August 26, 2010Anggap saja saat ini kita sudah membuat sebuah produk yang siap dijual secara online,entah itu mungkin produk fisik atau digital, bisa berupa e-Book, Kaos, Video Tutorial atauTemplate Premium, namun masih bingung harus menjualnya menggunakan layananapa. Mungkin artikel kali ini akan menjawab pertanyaan rekan semua bagaimanamudahnya menjual produk kita secara online menggunakan E-Junkie, tanpa harus ribetmenyediakan script khusus untuk situs jualan dan semua produk yang ingin dijual bisadilakukan hanya dengan bermodal Blogger saja.

Seperti yang kita ketahui, banyak sekali para penyedia layanan Shoping Card sepertihalnya Click Bank, 1ShoppingCart , PayDotCom dll. Namun kali ini saya hanyamenjelaskan menggunakan layanan e-junkie, karena saya sendiri juga menggunakannyauntuk jualan templale di premium.zoomtemplate.com . e-junkie sendiri sebenanya bisadikatakan sebagai jasa perantara penjualan online karena mereka sudah terintegrasioleh banyak layanan pembayaran standar seperti PayPal , PayPal Pro , GoogleCheckout , Authorize.Net , 2CheckOut , ClickBank dan TrialPay.

Banyak keunggulan yang ditawarkan e-jankie jika dibandingkan dengan layananpenyedia shopping card lainya. Walaupun pada intinya semua sama-sama meyediakanfasilitas Button Buy Now dan Shopping Card. Dengan e-junkie kita dapat dengan mudahmelakukan setup sederhana, menambah produk, mengeditnya dan melakukan copy-paste kode html button buy dimana saja pada situs kita.

Setiap buyer selesai melakukan pembayaran pada salah satu produk yang kita jual,maka secara otomatis akan dikirim link download langsung ke email pembeli. Kelebihanlainnya kita juga bisa mengamankan link download tersebut dengan batasan waktutertertu, atau hanya berapa kali link tersebut boleh di download, mingkin ini salah satucara terbaik untuk mengamankan link download agar tidak disalahgunakan oleh pembeliyang "nakal". E-junkie juga menyediakan fasilitas reseller produk (affiliate), jadi siapa sajadapat menjual kembali produk kita dengan komisi yang sudah kita tentukan sebelumnya.

Sayang, layanan e-junkie ini tidak gratis, harga termurah yang mereka berikan dimulaidari $5/Bulan dengan kapasitas simpan 50BM. tentu saja ini terbilang sangat murah jikaproduk yang kita jual memang laku terjual :), Jangan kawatir untuk pendaftaran tetapgratis kok selama 7 hari untuk kita bisa mencobanya.

Mau akses gratis selama 3 bulan?

Tolong jangan langsung daftar, silahkan bawa COUPON CODE = PAYPALSPECIAL

Saat daftar pertama kali ke layanan E-Junkie jangan lupa masukan Coupon Codenya yabiar bisa 3 bulan mencobanya gratis, khan lumayan (mudahan Coupon Code-nya masihberlaku)


635


Membuat RSS Feed Untuk Website Yang TidakMendukung Feed


Monday, August 30, 2010

Website standar atau jadul biasanya tanpa dukungan Rss Feed, ini berbeda jika kitamenggunakan platform blog seperti Blogger, Wodpress dan platform lainya yangmemang sudah terlebih dahulu tertanam sindikasi Rss Feed. Keutamaan Rss Feed tidaklain adalah sebagai cara termudah agar pembaca (subscriber) feed via online dapatmengetahui update terbaru pada suatu situs, selain itu tentu saja peran Rss Feedsangatlah besar bagi spider search engine agar dapat mengindex semua halamanWebsite.

Tutorial kali ini saya akan menunjukan bagaimana mudahnya membuat Rss Feeddengan cepat tanpa harus menggunakan software tertentu atau tanpa harus menulisbaris kode XML yang bikin kita pusing.

Tutorial Membuat Feed dengan Goolge Reader:

Langkah I:

1. Silahkan kunjungi Google Reader, login seperti biasa.

2. Tuju ke Notes

636

PROOF


3. Arahkan mouse ke button Note In Reader, lalu drag and drop button tersebut dengancara menahan klik dan arahan ke tab bookmark website rekan (dalam contoh sayamenggunakan browser Flock)

Link Google reader yang sudah tersimpan dalam Bookmark

4. Sekarang buka website rekan yang ingin ditambahkan RSS Feed, Contoh disini sayamenggunakan Premium template.

5. Blok sebagian tulisan yang menurut rekan penting, mulai dari title dan deskripsisingkat. Lalu klik Note in Reader yang ada dalam Bookmark

6. Akan muncul Dialog Box Google Reader disebelah kanan.

7. Disini silahkan hilangkan tanda Check untuk Add to shared items, Masukan nama Tagutama kedalam Add Tags (contoh: Zoom Premium), dan pastikan rekan menggunakantag yang sama untuk setiap halaman yang akan rekan buat Feednya.

637



9. Klik tombol Post Items

Langkah II:

1. Tuju ke menu Settings, lalu klik Reader Settings

2. Pilih Tab Folder and Tags

3. Akan tampil nama tag yang sudah rekan buat, jangan lupa set feed berwarna abu-abu(private) ke Public

4. jangan lupa catat / copy alamat linknya.

Langkah III:

Langkah membuat feed sudah hampir selesai, sekarang kita membakar link Feed yangsudah rekan copy tadi dengan Feedburner. Maaf saya tidak menjelaskan panjang lebartentang pendaftara Feedburner, disini saya anggap rekan sudah mengerti caranya :)

Langkah Terakhir:

Agar website langsung support Rss Feed, rekan hanya perlu menambambahkan kode dibawah ini kedalam website. Letakan diantara Tag <Head> </Head>

< l i nk re l= "a l te rna te " t ype="app l i ca t i on / r ss+xml " t i t l e= "T i t l e webs i te "h re f= "h t tp : / / f eeds2 . feedburne r . com/ feedburne r ID" />

Note: Jika rekan ingin menambahkan Feed untuk halaman yang baru, rekan dapatdengan mudah mendistribusikannya melalui RSS feed dengan hanya mengulangiLangkah I


12 Fakta Keliru Seputar Platform Blogger(Blogspot)Monday, September 06, 2010

638

PROOF


Dibawah ini saya coba merangkum beberapa pertanyaan yang menurut saya unik dankadang ditanyakan langsung kepada saya melalui email atau melalui pesan di Facebookdan diantara pertanyaan unik yang masuk biasanya juga sering diperdebatkan olehkebanyakan pengguna Blogger. Disini saya berusaha mencoba meluruskan perdebatanyang mungkin selama ini menurut saya keliru. Ingat! saya hanya berusaha meluruskanbukan membenarkan :)

Blogger tidak mendukung kompresi GZip?

Salah, secara default blogger yang kita gunakan sudah mendukung teknik kompresitingkat tinggi dengan Gzip, jadi kenapa kita harus berpikir untuk melakukannya, Lupakansaja teknik kompresi tersebut, biarkan blogger sendiri yang melakukan tugasnya. masihkurang yakin? cek saja custom domain blogger atau blogspot kita dengan tools iniGidnetwork, Digital Coding dan GZip Test

CSS, Image dan Javascript tidak perlu dikompresi lagi dong?

Salah, walaupun Blogger sudah mendukung kompresi Gzip itu hanya pada sisi Serverbukan pada sisi Client, saya tetap meyarankan kita tetap melakukan kompresi pada Css,Image dan Javacsript secara manual. Silahkan Gunakan tools Css Compressor,Javascript Compressor dan Optimasi Gambar dengan Yahoo! Smushit.com

CSS External lebih cepat dari CSS internal?

Salah, Blogger sendiri akan lebih cepat dengan Css Internal, meskipun padakenyataanya Css External lebih disarankan oleh pengguna non platform blogger.Kekurangan Css Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran(size) pada besarnya halaman.

SERP Blogger masih kalah jauh dengan Platform lain?

Salah, Teknik SEO pada Platform blog manapun hampir sama yaitu hanya berkutat padaseputar Meta title, Meta keyword dan Meta Deskripsi. Kekuatan SERP hanya tergantungdari banyaknya backlink serta kepadatan keyword pada suatu halaman dan bukan padaPlatformnya.

639



SERP dengan Custom Domain lebih bagus dari standar Blogspot?

Salah, tidak ada hubungannya sama sekali. (baca kembali point diatas)

Meta Title dan Deskripsi Internal lebih bagus dari Meta title dan deskripsi dalam defaultWidget?

Salah, dan sangat sedikit saja pengaruhnya, kenapa kebanyakan kita (blogger) lebihmemilih Meta tag internal? itu tidak lain hanya karena masalah mudahnya kustomisasi.

Terlalu banyak Upload gambar akan dibanned?

Salah, secara default gambar yang kita upload ke blogger akan tersimpan otomatisdalam database Google Picassa, jikapun terlalu banyak upload gambar, itu hanya akanmengurangi kapasitas simpan kita. Ingat kapasitas simpan satu account kita padaGoogle hanya dibatasi sekitar 1024MB. Baca selengkapnya atau silahkan cek langsungberapa banyak kapasitas simpan yang masih dapat digunakan dialamat iniManageStorage

Blogger tidak boleh untuk situs Porno atau yang berhubungan dengan pornografi?

Saya masih ragu juga menjawabnya, ada beberapa blog yang terang-terangan dibuatuntuk tujuan pornografi dan itu tidak masalah, kalau memang tidak boleh untuk apa adapilihan "Konten Dewasa?" pada pengaturan (settings). Mungkin yang tidak boleh adalahadanya unsur Sara, Pornografi Anak, Agama dan dll. Silahkan baca kembali peraturanblogger TOS disini

Blogger tidak mendukung Adsense untuk bahasa indonesia?

Benar, tapi bisa juga Salah. Google Adsense tetap bisa dicurangi agar bisa tampildihalaman yang berbahasa indonesia dan beberapa blog yang saya lihat selama iniaman-aman saja menggunakan teknik "curang" tersebut. Tapi saya tidak menyarankancara ini dan sebaiknya dihindari.

Blogger (blogspot) masih diterima untuk pendaftaran Adsense?

Salah, Google sudah tidak menerima lagi pendaftaran menggunakan account Blogspottanpa menggunakan TLD atau Custom Domain. Jadi sebaiknya gunakan dulu BloggerCustom Domain sebelum daftar Adsense.

Blogger tanpa TLD atau Custom domain tidak boleh dipasang Kode Adsense?

Salah, Google Adsense masih bisa dipasang di blogspot tanpa custom domain, yangtidak diterima saat ini hanya waktu pendaftaran saja. Saran saya, silahkan ikuti terusperkembangan dan perubahan Google Adsense TOS barangkali saja pendapat sayasaat ini sudah tidak berlaku lagi.

Menghapus Navigation Bar (NavBar) akan dibanned?

Masih diragukan kebenarannya, Namun saya berpikir Blogger tidak sebodoh dan sejahatitu, mereka sangat butuh kita (pengguna blogger) untuk mengiklankan semua produkadvertising mereka. Walaupun Google saat ini sangat selektif itu tidak lain untuk menjaga

640

PROOF


nama baik mereka dimata Advertiser. so, terserah kita sekarang mo dihilangkan apatidak..segala resiko ditanggung sendiri ya :)

Ok! mungkin segitu saja dulu. Semua masukan dan jawaban saya diatas mungkin sajakeliru dan tidak semuanya benar. Semua perubahan mungkin saja terjadi sewaktu sayamenulis ini atau mungkin saja malah ada aturan baru lainnya.. who's know?

Ada yang ingin menambahkan? Silahkan kita bahas bersama di kolom komentar :)


Selamat Hari Raya Idul Fitri 1 Syawal 1431 HWednesday, September 08, 2010

Saya Sekeluarga Mengucapkan Selamat Idul Fitri 1 Syawal 1431 H. Minal Aidin WalFaidzin Mohon Maaf Lahir dan Batin. Buat semua Sahabat Pembaca Setia blog ini,Maafkanlah atas semua kesalahan dalam tutur kata dan semua khilaf, Semoga Allahmenerima ibadah dan mengampuni dosa-dosa kita semua selama ini. AMIN (Agus &Lulu)


15 Cara Optimasi Blog Agar Tampil Lebih CepatMonday, September 13, 2010

641



Need for speed up your blog? Yups, siapa yang tidak ingin halaman blog-nya tampil lebihcepat, pada kenyataannya selain kualitas konten, faktor kecepatan loading page lah yangsangat besar pengaruhnya buat kenyamanan pengunjung. Sudah menjadi sifat dasarmanusia dimana menunggu adalah pekerjaan yang sangat membosankan, ini yangharus kita cermati bersama, jangan sampai pengunjung kabur dan pindah ke situs lainhanya karena blog kita sangat lambat ketika dibuka..walaupun itu hanya telat beberapadetik saja. Faktor kecepatan koneksi juga bisa dikatakan sebagai salah satu biang kerok,meskipun kita berpikir halaman blog kita tampil secepat kilat ketika dibuka padakomputer kita sendiri, tapi tidak begitu khan dengan koneksi pengunjung :)

Nah, disini saya mencoba memberikan tips cara Optimasi blog agar bisa tampil lebihcepat, tentunya cepat dalam batas wajar :)

15 Cara Optimasi Halaman Blog Agar tampil lebih cepat:

1. Aktifkan Kompresi dengan GZIP

Browser modern biasanya mendukung kompresi untuk HTML, CSS dan Javascript.Melakukan kompresi pada ketiga file tersebut tentu akan menghemat waktu loadinghalaman dan secara otomatis tentu akan terjadi pengurangan waktu download. ParaWebmaster pintar diluar sana sangat menyarankan kita menggunakan kompresi denganGzip. Untuk teknik dan tutorial Gzip silahkan disearch aja ya..sudah banyak sekali yangmembahasnya. Jika pembaca menggunakan Platform Blogspot abaikan saja kompresi inikarena secara default blogspot sendiri sudah mendukung teknik tersebut. Untukpengguna Plaform lain seperti Wordpress silahkan menggunakan Kompresi Gzip ini ataukalau gak mau repot pake Gzip sebaiknya gunakan saja plugin WP Super Cache.

2. Buang Spasi kosong pada kode HTML

Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu denganmemadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasatidak berguna. Salah satunya termasuk juga dalam Inline untuk kode Javascript danCSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte datadan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yangtidak perlu saya biasanya menggunakan Tools Editor seperti Notepat++. Caranya sangat

642

PROOF


mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilihmenu TextFX -> TextFX Edit dan pilih Delete Blank Lines atau Delete Surplus BlankLines.

3. Lakukan Kompresi CSS (Stylesheet)

Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatasyaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodeanCSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatuhalaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakantools gratis yang sudah banyak disediakan seperti YUI Kompresor dan cssmin.js.

4. Letakan CSS (Stylesheet) di Atas

Adakalanya kita tidak meletakan CSS di header, biasanya cara tersebut kita gunakanuntuk membuat Style tunggal untuk gaya tertentu pada widget. Para webmaster yang ahlibiasanya menyarankan kita sebaiknya memanggil semua kode CSS pada halamanHEAD entah itu CSS Internal maupun CSS External semuanya sebaiknya dijadikan satupemanggilan dalam Header.

5. Buang CSS (Stylesheet) yang tidak perlu

Ketika browser mengakses halaman, biasanya harus melalui proses download danmenganalisa setiap baris kode dalam CSS (stylesheet) terlebih dahulu, bayangkan jikabanyak kode CSS percuma yang harus diproses namun tidak dieksekusi sama sekali! iniakan sangat mengganggu karena akan menghambat proses rendering yang harusnyalebih cepat!

6. Periksa Validasi CSS (Stylesheet)

Walaupun sering terjadi kesalahan dalam menulis kode CSS, broser tidak akanmenampilkan pesan kesalahan apapun dalam layar, semua eksekusi akan terusdijalankan tanpa adanya laporan error meskipun itu hanya salah dalam satu huruf saja.Sebaiknya jangan abaikan kesalahan ini, silahkan check validasinya. Untuk lebihmudahya silahkan gunakan tools online gratis seperti W3C CSS Validations

7. Kombinasi CSS (Stylesheet) dalam file External

Kekurangan CSS Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran(size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kitasebaiknya melakukan pemanggilan kode CSS melalui akses external, j ikamemungkinkan lebih bagus lagi melakukan kombinasi semua kode CSS hanya dalamsatu file saja. (untuk pengguna blogger abaikan teknik ini karena akan lebih bagusdengan pemanggilan internal)

8. Lakukan Kompresi Javascript

Teknik kompresi Javacsript hampir sama dengan CSS yaitu dengan cara membuangspasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebatwaktu download, Parsing dan waktu eksekusi pada suatu halaman. Untukmempermudah kita melakukan kompresi pada javascript silahkan gunakan tools gratisyang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin

643



9. Buang Javascript yang tidak Perlu

Suka tidak suka penggunakan javacript (JS) kadang sangat diperlukan, walaupun JSkadang membuat loading halaman akan semakin berat. Ketika browser mengaksessuatu halaman, biasanya harus melalui proses download dan menganalisa kode dalamJS terlebih dahulu, bayangkan jika banyak pemanggilan JS secara percuma yang harusdiproses namun tidak dieksekusi sama sekali! Silahkan teliti kembali kode JS yangmenurut kita tidak berguna, cek ulang dan jangan sampai parkir terlalu lama, jika tidakdigunakan lagi mending hapus saja!

10. Kombinasi Javascript dalam file External

Hampir sama kasusnya dengan CSS External diatas, Kekurangan javascript Internalhanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnyahalaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukanpemanggilan melalui akses external, jika memungkinkan lebih bagus lagi melakukankombinasi semua koding JS hanya dalam satu file saja. (untuk pengguna blogger jikamemungkinkan sebaiknya panggil melalui file internal saja, silahkan baca kembali solusihosting javasript internal)

11. Lakukan Optimasi Gambar

Website dinamis tanpa dihiasi gambar tentu tidak akan menarik, namum penggunaangambar yang berlebihan akan menjadi masalah ketika browser melakukan downloadpada halaman. Sebaiknya kurangi gambar yang tidak perlu, terlebih pada gambar yangmempunyai ukuran cukup besar. Jika memang terpaksa menggunakannya, sebaiknyalakukan optimasi pada gambar tersebut dengan cara melakukan kompresi tanpa harusmengurangi kualitas gambar. Saran saya silahkan gunakan Yahoo! Smush.it

12. Jangan Paksa Skala Gambar dalam HTML

Hindari menggunakan gambar yang besar hanya karena kita dapat mengatur lebar dantinggi dalam HMTL, Kita memang bisa mengatur ulang gambar sesuka hati melalui CSSatau dalam tag <Img> seperti pada html berikut ini <img width="100" height="100"src="gambar.jpg"/> walaupun ukuran gambar sebenarnya adalah 200x200px sebaiknyajangan mengecilkan dengan mengatur ulang skala gambar, akan lebih baik kita membuatgambar 100x100px sesuai dengan ukuran gambar sebenarnya.

13. Hindari Gambar SRC kosong

Pemanggilan tag SRC untuk gambar biasanya ada pada dua kemungkinan, bisa melaluiHTML <img scr=""> atau memalui Javascript var img = new Image(); img.src = "";walaupun browser mengabaikan permintaan ini jika gambar dalam keadaan kosong,tetap saja ini melalui proses rendering yang harusnya tidak membebani server. Silahkanperikasa kembali blank SRC, Jika memang tidak digunakan mending dihapus saja.

14. Periksa Kembali Broken link

Link yang telah mati bakal tidak disukai pembaca, jangankan pembaca..search enginesekalipun tidak menyukai hal ini. Lakukan pengecekan broken link sesering mungkin,banyak tools di internet yang bisa melakukan tugas ini, salah satunya yang terbaik bisamenggunakan tools dari W3C Checklink

644

PROOF


15. Buang Widget atau plugin yang tidak Perlu

Widget yang terlalu banyak hanya membuat halaman jadi semakin berat, apalagi widgettersebut tidak begitu berguna. Silahkan kita pilah-pilah kembali widget yang sekiranyatidak ada maanfaat sama sekali seperti memasang jam dan kalender. Tanyakan pada dirikita sendiri apa gunanya memasang jam di blog, jika hanya sebagai penunjuk waktu..trusapa gunanya jam pada taksbar windows? untuk lebih jelas mengenai bahasan ini cobabuka kembali catatan lama saya dilink ini 17 tips agar halaman blog tampil profesional


Mengenal Karakter Dari Situs e-CommerceThursday, September 16, 2010

Dunia bisnis zaman sekarang erat kaitannya dengan yang namanya Internet. Saat ini,internet telah menjadi Tool (alat) bisnis yang sangat penting bagi para entrepreneur.Internet tidak lagi menjadi sarana untuk dunia hiburan maupun teknik, namun jugamenjadi media penting untuk meningkatkan keuntungan berbisnis.

Mengapa Internet menjadi penting? Karena Internet menyediakan berbagai sarana yangdapat digunakan untuk meningkatkan pemasaran, promosi maupun penjualan produktanpa adanya batasan Negara, Waktu, dan Tempat. Itulah alasan mengapa banyakPerusahaan-perusahaan besar yang membangun sebuah Website hanya untukmelakukan sebuah Penjualan tiket secara Online dan Mempromosikan Produk yangmereka jual, mengapa? Karena Internet memiliki fasilitas tanpa batasan Negara, Waktu,dan Tempat. Karena itu, para entrepreneur yang ingin sukses di zaman ini wajibmemahami Internet, guna menunjang proses Bisnis mereka. Internet bisa digunakanuntuk menunjang pengembangan bisnis (Biasanya Perusahaan) atau bahkan bisamenjadi Basis dari bisnis mereka (Seperti eBay, Amazone, dll).

Salah satu penerapan bisnis via Internet adalah e-commerce. Adalah singkatan dariElectronic Commerce, merupakan sebuah transaksi pembelian dan penjualan baik

645



Produk barang atau jasa melalui sistem elektronik, seperti Internet dan jaringan komputerlainnya.Saat ini, jumlah barang dan jasa yang dijual lewat Internet sudah sangat banyak.Pesatnya perkembangan itu tak lepas dari menjamurnya teknologi untuk melakukanTransfer uang elektronik, mulai dari transfer lewat Bank, adanya berbagai variasiteknologi pendukung e-commerce, Seperti Supply Chain Management, InternetMarketing, Pemrosesan transaksi Online, Electronic Data Interchange, SistemManajemen Inventori, dan sistem pengumpulan data Otomatis.

E-Commerce modern pada umumnya merupakan salah satu tahapan dari jual-belisecara keseluruhan, yaitu menggunakan Interface Web untuk mengakomodasi salahsatu tahap penjualan.Pada umumnya, memang demikian keadaannya, Web saja tidaklah cukup. Sebut sajatransfer uang (Pembayaran) yang masih dilakukan antar Bank lokal, sementara apabilaanda membeli sebua barang dari Luar Negeri, pembayaran akan susah untuk dilakukan.Banyak toko e-Commerce yang menjual barang atau produk berbentuk Non-Fisik, sepertie-book (Electronic Book), Layanan Konsultasi, dsb. Padahal, sebuah toko haruslahmemiliki sebuah produk yang dapat dipakai atau dilihat secara fisik, seperti Kasur,Bantal, Selimut, Buku (Hard Copy), Busana, dsb.Penjual retail melalui media Online biasanya disebut dengan “e-tailer” untukmempersingkat namanya agar lebih Familiar dan Mudah diingat, maka disingkat lagidengan nama e-tail. Para penjual besar dahulu tidak menggunakan e-Commerce kinimulai banyak yang memanfaatkan sarana ini.

E-Commerce ditinjau dari pihak yang berkepentingan dapat dibagi menjadi dua, yaitu:1. Business to Business (B2B)2. Business to Costumer (B2C)

Jenis B2B dapat terdiri dari banyak pilihan yang berkepentingan, seperti pertukaranKomoditas atau partisipan terpilih saja, misalnya pasar Elektronik Pribadi. E-Commercesendiri merupakan bagian kecil dari strategi yang lebih besar lagi dibandingkan denganDomain bisnis di Internet, yaitu e-business. E-Commerce hanyalah bagian yang melayanitransaksi elektronik atau bisa dikatakan bagian dari penjualan dari e-business.

Penulis:Azhar Fahrurazi | http://www.rpraja.co.cc

"Hanya ingin berbagi pengalaman dan Ilmu yang saya punyai kepada orang lain tanpameminta imbalan ^_^"


646

PROOF


Perubahan Blog Branding Logo dan Slogan O-OM.COMSaturday, September 18, 2010Malam minggu ini adalah malam yang spesial untuk blog o-om.com karena malam inilogo blog ini resmi melakukan perubahan kebentuk desain yang lebih segar dan memilikikesan yang menurut saya lebih Welcome Smile, Simple, Elegant dan Professional.

Dari beberapa perubahan, slogan yang awalnya "i'm oom, your blogging stuffs" setelahsaya pikir akan lebih bagus jika hanya menggunakan "..your blogging stuffs" jangantanya kenapa ya? jawabanya sederhana saja, menurut saya pribadi terasa lebih pas ajakali hehehe, trus..selainitu logo terbaru o-om.com ini tentu tidak akan pernahmenghilangkan kesan Welcome Smile yang selalu tersenyum manis setiap saat kepadapengunjung agar mereka selalu merasa betah dan merasa disambut dengan ramah olehpemilik blog walaupun itu secara tidak langsung :) Sayang Logo yang sebelumnya identikdengan gambar kartun laki-laki berkacamata dengan gaya rambut ala jabrik sudah tidaksaya tampilkan lagi, begitu juga dengan favicon yang nantinya mungkin akan sayadesain ulang dengan desain yang lebih segar dari yang sekarang ini.

Ok, Mungkin segitu aja dulu..mudah-mudahan dengan desain logo terbaru ini membuatbrand blog logoo-om.com jadi semakin kuat terekam dimemori pengunjung dan semogadengan perubahan logo ini juga akan membuat saya lebih bersemangat untuk ngeblog,menulis artikel, maupun memikirkan tutorial terbaru yang lebih up2date lagi. Amin

Met wiken aja Bro :)


Optimasi blog dengan Google Page Speed danYahoo! YSlowTuesday, September 21, 2010Postingan kali ini merupakan kelanjutan dari tulisan saya sebelumnya mengenai bahasan15 Cara Optimasi Blog Agar Tampil Lebih Cepat, buat yang sudah baca silahkanlanjutkan baca artikel ini, kalau belum..silahan baca dulu, karena untuk bahasan kali inikita langsung praktek menganalisa menggunakan tools, dan artikel yang saya tulissebelumnya itu sebagai pegangan saja biar nanti gak bingun memilah apa saja halamanyang sekiranya wajib dioptimasi.

Optimasi kali ini sebenarnya bertujuan untuk mengurangi pesan kesalahan ketikabrowser melakukan rendering pada suatu halaman. Logikanya yaitu semakin sedikitkesalahan tentu akan semakin baik karena ini akan mengurangi kerja berat dari Browseratau paling tidak kita berusaha menghemat pemakain Bandwith.

Google Page Speed

Untuk Tools Optimasi yang pertama, saya biasanya menggunakan Google Page Speed,

647



selain karena tools ini besutan langsung dari Google, tools ini juga memberikan informasicukup lengkap mengenai laporan kesalahan pada halaman. Setiap halaman blog yangkita analisa secara otomatis akan dilaporkan kedalam tabel list. Page Speed akanmemilah dan menginformasikan secara rinci apa saja kesalahan yang ditemukan, selainpesan kesalahan, disitu juga di-informasikan pesan kebenaran, yang berarti ditemukansebagian element halaman yang tidak perlu lagi diperbaiki karena dianggap sudah benar.

Halaman yang selesai dianalisa Google Page Speed biasanya akan diberi nilai (score).Nilai score terbaik adalah 100, ingat! tidak mudah untuk bisa mencapai nilai 100, saransaya cukuplah mencapai score antara 80-90/100, inipun sudah terbilang angka yanglumayan bagus.

Lalu bagaimana memperbaiki kesalahan?

Setiap pesan error yang ditampilkan dalam list semuanya tentu sudah ada solusinya,misalkan pesan tersebut menampilkan "Remove unused CSS" yang berati kita dimintauntuk membuang kode CSS yang tidak digunakan. Silahkan klik link yang menampilkankesalahan, secara otomatis Google akan memberikan solusi terbaik untuk mengatasimasalah tersebut. Nah, tugas kita tinggal pelajari saja intruksi dan tips optimasi dariGoogle.

Yahoo! YSlow

Selain Google Page Speed ada satu lagi tools yang biasanya saya gunakan yaitu Yahoo!YSlow. Pilihan pada YSlow karena saya menyadari tools ini dikembangkan langsungoleh Yahoo, tentu saja keakuratannya gak perlu diragunakan lagi. Sebenarnya cara kerjaYSlow mulai dari informasi laporan kesalahan dan tetek bengeknya hampir sama sajadengan Google Page Speed, keduanya sama-sama memberikan informasi perbaikandan tentu saja cara menangani kesalahan. Perbedaan yang mecolok terletak padapemberian Nilai halaman, jika Google Page Speed berdasarkan pada Score, YahooYSlow sendiri berdasarkan pada Grade A-F dimana nilai Grade A adalah nilai terbaik danGrade F adalah nilai yang terjelek. Seperti saya bilang diatas tentu sulit sekali untukmencapai nilai sempurna, saran saya cukup diantara Grade B-C saja.

648

PROOF


Nah, sekarang terserah rekan saja memilih dari kedua tools diatas, keduanya samabagusnya. Hemat saya pilih salah satu saja, karena kedua tools diatas sudah pastimemberikan nilai score yang berbeda.

Cara Installasi:

Sebelum mencoba kedua Tools diatas pastikan rekan sudah menginstall firefox pluginuntuk Firebug, ok! kalau sudah, silahkan install plugin untuk Google Page Speed danYahoo! YSlow. trus ngapain....apa ya?....ya tinggal langsung dicoba aja bro hehehe


Memonitor performa blog dengan ShowSlowThursday, September 23, 2010

ShowSlow merupakan pilihan online tools yang berguna untuk memonitor performa blogsecara real time. Saya memilih tools ini karena ShowSlow sendiri masih sangat berkaitandengan artikel yang saya tulis sebelumnya untuk tutorial Google Page Speed dan Yahoo!Yslow.

ShowSlow sendiri sebenarnya bekerja dengan cara menangkap hasil dari analisa,statistik dan grafik dari YSlow, Page Speed dan Dynatrace, kemudian mengumpulkansemua data terbsebut sebagai laporan yang nantinya untuk memudahkan kita untuk

649



menganalisa dan mengukur kinerja suatu halaman secara live time dari waktu ke waktu.Untuk laporan performa data dan statistik, ShowSlow menampilkan berdasarkan Statusbar, cara ini sangat memudahkan kita untuk membandingkan hasil performa yangberbeda pula untuk setiap nilai (score).

Untuk mencoba fasilitas layanan ini silahkan daftar dahulu, kemudian kita tingalmemasukan alamat blog atau website yang ingin dimonitor performanya setiap saat.

Oh iya, kalo rekan jeli kita bisa kok memanfatkan layanan ini untuk meningkatkan trafikdan mendapatkan backlink secara gratis. Caranya silahkan aktifkan Firebug, lalu aktifkanGoogle PageSpeed (baca kembali postingan saya kemaren, lihat dilink atas) kemudianpada menu Firebug pilih Export, lalu pilih Send Scores to www.showslow.com dan lihathasilnya dihalaman home Showslow, tuh lumayankan dapat Backlink gratis walau cumansekejap hehhehehe (kalau mau backlink permanen harus login dulu, itu status link-nyadofollow kok)

Selamat mencoba aja :)


Harga Diskon Zoom Feed Aggregator - NowOnly! Rp99.000Saturday, September 25, 2010Sebelumnya saya berterima kasih kepada rekan semua atas pujian dan sanjungannyauntuk produk blogger template Zoom Feed Aggregator. Saya tidak menyangka templateini ternyata mendapat perhatian khusus dari beberapa blogger tanah air, sampai diluarnegeripun template ini banyak yang memujinya. Namun sayang, dari segi harga yangsaya berikan ternyata template ini terbilang cukup mahal, terutama buat blogger yangbelum punya penghasilan ini tentu saja sangatlah menguras kocek. Selain itu juga sayajuga cukup kaget karena dibeberapa forum ada yang sampai berniat urunan untuk bisamemiliki template ini dan berharap bisa mendapatkan produk untuk Multiple Use License,yang sebenarnya lisensi tersebut hanya boleh digunakan oleh satu Pengguna saja danbukan untuk dibagi-bagikan kepada non pembeli.

Ok, kalau menurut rekan template ini terlalu mahal namun sangat ingin sekalimemilikinya, dan saya juga jujur hasil penjualan saya sebelumnya saya rasa sudahcukup membayar keringat saya, jadi sekarang saya beri tawaran khusus dengan hargayang jauh lebih murah bahkan bisa saya katakan template ini saya berikan saja secaracuma-cuma mengingat template ini hanya satu-satunya template yang pernah adadidunia yang dirancang khusus untuk Feed Aggregator mengunakan platform blogger.

Simak Presentasi dibawah ini:Silahkan lihat Live Demo dibawah ini:

650

PROOF


Demo for Gray ColorDemo for Red ColorDemo for Yellow ColorDemo for Purple ColorMiliki sekarang juga sebelum saya berubah pikiran danRekan Blogger cukup membayar hanya:

Rp99.000 atau $10 (Single Use License)• Hanya boleh digunakan oleh satu pengguna dan satu nama domain / Blogspot• Hanya dapat satu pilihan warna (silahkan pilih salah satu dari 5 pilihan warna)• Tidak dibolehkan menghapus link credit di footer.• Tidak untuk dijual belikan.• Gratis mendapatkan Update veri terbaru dan Perbaikan

Rp149.000 atau $15 (Multiple Use License)• Hanya boleh digunakan oleh satu pengguna dan dapat digunakan untuk lebih dari

satu nama domain, sub domain atau Blogspot• Dapat 5 pilihan warna berbeda (Gray, Red, Purple, Yellow, Blue)• Dibolehkan menghapus link credit di footer• Tidak untuk dijual belikan.• Gratis mendapatkan Update veri terbaru dan Perbaikan

Ingat! kedua Lisensi diatas hanya boleh digunakan untuk satu Pengguna saja, bukanuntuk dibagi-bagikan kepada orang lain :)

Silahkan kirim pembayaran melalui salah satu Rekening Bank dibawah ini:

MANDIRI:

Bank Mandiri KCP Pangkalan Bun

No. Rek: 159-00-0049258-6

A/N: Agus Ramadhani

=============================

PAYPAL:

Untuk Pembelian Melalui PayPal:

Silahkam kirim pembayaran melalui blog resmi penjualannya disini Zoom FeedAggregator

Konfirmasi kesaya setelah melakukan pembayaran disini, File Download akan saya kirimvia email!

Hormat Saya,

651



Agus Ramadhani


4 Penyebab Anda Gagal Dalam BloggingTuesday, September 28, 2010

Mungkin anda pernah depresi dalam menjalani aktivitas blogging, entah anda karenatidak ada trafik maupun sesuatu yang dihasilkan. Hampir setiap blogger pasti pernahmengalaminya, beberapa diantaranya ada sukses, dan kebanyakan tidak mencapai apayang mereka inginkan. Berikut ini akan dibahas beberapa sebab yang paling umum daribeberapa kemungkinan yang menyebabkan anda gagal dalam mencapai target anda.

1. Tidak konsisten

Anda sudah membuat jadwal kapan anda harus membuat postingan, memberi komentar,membangun backlink, submit ke RSS ataupun hal-hal lainnya. Namun anda bertahanhanya beberapa hari saja, setelah seminggu anda mulai merasa bosan dan sudah tidakmengikuti jadwal lagi. Jika anda ingin sukses, konsistensi adalah salah satu kuncinya.

2. Terlalu sering mengotak-atik blog

Anda penasaran dengan tutorial yang ditawarkan blog ini, kemudian blog yang itumenawarkan tutorial yang baru, anda tertarik dan mencobanya satu-satu. Memang tidakada salahnya, namun hal ini menghabiskan waktu anda. Saran saya, gunakan widgetyang memang perlu dan simpan saja widget-widget yang keren yang lainnya. Toh,postingan blog tersebut tidak akan hilang kok

3. Terlalu banyak ide

Saya sering mengalami hal ini, punya banyak ide yang lumayan bagus. Namun sayang,karena terlalu banyak ide, saya jadi sulit menentukan mana yang ingin direalisasikanterlebih dahulu. Hidup ini penuh pengorbanan, jadi pasti harus ada yang dikorbankan.Catat saja ide anda, dan mulai pilih mana yang harus diprioritaskan. Jika memang adaide yang tidak bisa kita realisasikan, kenapa kita tidak memberikan kesempatan padaorang lain untuk mewujudkannya?

652

PROOF


4. Terlalu banyak belajar

Jangan diartikan yang lain dahulu. Belajar itu baik, tapi kalau kita terlalu sering belajar,kapan kita bisa mempraktikkannya? Faktanya, semua ebook yang beredar di internethanya membahas hal yang sama, entah itu tentang SEO, Adsense, Backlink, ataupunMake Money Online. Semua hanyalah ebook yang disusun dengan cara yang berbedanamun dengan inti yang sama. Jika anda sudah mengerti basic dari semuanya, andahanya perlu praktik dan praktik.

Di atas adalah beberapa contoh penyebab kemungkinan anda gagal, dan banyakdiantara blogger yang pernah mengalaminya, ini sangat wajar, mengingat banyakdiantara kita yang ingin hasil yang lebih cepat dan maunya instan. Postingan ini bisaanda jadikan sebagai renungan, silahkan pahami kembali makna dari point pentingdiatas.

Guest Post / Penulis dibalik Artikel ini:Reza Winandar | Blogger Make Money | Twitter : @rezawinandarPublished by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

ZoomBoox.Com - File Sharing Search Engine(Beta Version)Thursday, September 30, 2010

Situs ZoomBoox.Com dibangun sebagai sarana untuk mempermudah kita mencari fileapa saja yang ada di internet. Hadir dengan konsep All In One, saat ini ZoomBooxmampu melakukan pencarian pada 31 Situs berbagi file terkemuka didunia sepertiRapidshare, MegaUpload dan 4shared.

ZoomBoox sendiri mampu mem-filter pencarian file dengan mudah, kita bisa mencari fileapa saja berdasarkan layanan tertentu atau hanya dalam format file pilihan misalkan Zip,

653



Rar, Mpg atau MP3. Krennya lagi ZoomBoox.com saat ini memiliki index pencariansebesar 110,276,828 files indexed, walaupun index tersebut tidak murni milik ZoomBooxdan itu hanya meminjam API dari situs pencarian file populer :)

Ok, silahkan berburu file apa saja, karena situs ini masih versi beta jadi silahkan gunakanZoomBoox.com dengan bijak ya :)

Kira-kira suka dengan ZoomBoox gak ya?


Perlukah Mengeluhkan Blog Anda?Tuesday, October 05, 2010

Bukan masalah jika mengeluhkan tentang blog Anda asalkan hal tersebut beralasankuat. Bila Anda termasuk salah seorang yang gemar mengeluhkan blog yang dimiliki,teruslah mempertahankannya. Anda mungkin heran kenapa harus mempertahankankeluhan tersebut, karena kemungkinan besar bisa mendapatkan kesempatan lebih baikdibandingkan apa yang telah diperoleh saat ini. Masih belum percaya? Berikut sayaberikan beberapa acuan yang bisa Anda gunakan dalam meningkatkan kualitas blogAnda.

Penulis dibalik Artikel ini: Strategi Marketing | Kaget.com

Rumput Tetangga Ternyata Jauh Lebih Hijau

Beberapa orang memiliki kegemaran menganalisa apa yang seharusnya mereka milikidan kemudian menyebarluaskan pada orang lain. Misalnya membandingkan jumlahpengunjung, pembaca, bahkan pendapatan blog pada posisi yang sama (memiliki tema,topic, pasar dan target yang sama). Tapi jika memang Anda sudah tidak bahagia denganblog yang telah dimiliki, cobalah cari ide lain dengan membuatnya lebih khusus. Masih

654

PROOF


banyak ide yang bisa dikeluarkan dan pembaca memerlukan keahlian Anda. Dan jikaAnda tidak ingin berpindah atau melakukan transisi, mau tidak mau Anda harusmenerimanya. Dengan terus menerus mengeluhkan blog Anda tentang berbagaikekurangan, lambat laun pasti akan terdorong untuk melakukan perubahan dengan caraapapun. Kalau beruntung, kesempatan baik menunggu blog Anda.

Berharap Mendapatkan Blog Impian

Sebagian orang mengerjakan dan membuat blog dengan topik SEO yang sebenarnyatidak mereka inginkan, padahal sebenarnya mereka menginginkan sebuah blog dengantema media (atau seperti minat mereka). Cari tahu kemampuan Anda sebenarnya, bukanmengikuti arus dan trend yang ada saat ini. Sedikit mengerti tentang SEO, tapi sudahberani memberikan blog yang terkait. Padahal saya yakin semua tips dan trik yangdiperoleh hanya berupa copy paste tanpa seizin pemilik blog tersebut. Apakah Andatidak merasa malu dengan kebohongan besar yang diberikan?Setidaknya saya mengerti tentang SEO, tetapi saya lebih memilih blog yang mengupastentang marketing karena pada dasarnya sudah menjalani dan merasakan. Dengankebiasaan dan rutinitas yang kita lakukan akan lebih mudah menciptakan sebuah topictanpa harus melihat hasil orang lain terlebih dahulu. Jangan takut bahwa blog Anda tidakakan selaris SEO, tidak semua surfer mencari informasi tentang SEO. Fokuskan padasatu titik, yaitu bakat Anda! Yakinlah bahwa Anda akan membentuk satu komunitassendiri melalui blog tersebut.

Lakukan Yang Anda Inginkan

Ada sebuah kalimat yang mengatakan “lakukan yang Anda suka dan uang akanmenghampiri”. Cobalah untuk melakukannya, mungkin keberuntungan berada dipihakAnda. Meski sudah memiliki satu blog yang sesuai dengan minat Anda, jangan pernahmembuang dan mencari kesempatan lain untuk membentuk blog yang lebih baik denganmengembangkan minat tersebut. Satu minat bisa saja memiliki beberapa sub-bakat yangbisa Anda pergunakan sebaik mungkin. Tapi jangan langsung meninggalkan blog yangtelah Anda mulai, cari tahu kelemahan dan kelebihannya dengan membandingkan idebaru tersebut.Apapun yang ingin Anda lakukan, sebenarnya banyak kesempatan untuk meraihnya.Banyak orang terpengaruh dan mengeluh tentang sulitnya mendapatkan ide. Janganterbebani dengan pikiran ini, cari terus celah dan kesempatan yang ada. Bila Anda ahlidalam suatu bidang, mereka pasti akan menerima dengan suka cita.

Bagaimana menjadi yang terbaik dan bukan hanya mengeluhkan hasil karya Anda?Banyak bekerja dan sedikit mengeluh! Tingkatkan terus keahlian yang dimiliki, banturekan lain yang membutuhkan dukungan Anda. Blogger yang tidak puas dengan hasilkerjanya akan berbeda dengan blogger yang menghargai dan menyukai hasil kerjanya.Dan jika Anda masih terus mengeluh, cobalah keluhkan untuk kebaikan semua orang.Karena didalamnya terdapat rahasia besar dalam mengembangkan bakat Anda.


655



Mengapa Anda Blogging?Sunday, October 24, 2010

Mungkin itu pertanyaan yang perlu dijawab untuk mengevaluasi kegiatan blogging kitaselama ini. Pada umumnya orang menjawab hanya sekedar hoby atau jawaban palingbanyak adalah untuk mendapat uang. Ya, itulah jawaban rata-rata mungkin berbedauntuk Anda.

Meskipun berbeda dari kedua jawanban diatas, itu bukanlah masalah. Yang terpentingadalah menanyakan kepada kita. Apa niat kita blogging selama ini? Jawaban paling tepatmenurut saya adalah untuk berbagi. Mengapa?

Penulis dibalik artikel ini: Jangka. - Setahu Saya | Blog Tips | Blog Trik | Bisnis Online

Karena inilah niat yang paling kuat menjaga stamina dalam blogging. Anda tidakmempermasalahkan uang yang didapat dari blogging. Rata-rata blogger pemula yangdiawali niat uang tidak mampu bertahan lama di kancah blogosphere. Mengapa? Karenajika setelah satu dua tiga bulan tidak mendapat uang yang diharapkan maka bisadipastikan akan mundur dari kancah blogosphere atau disebut GAGAL.

Selain itu juga berbagi dengan niat yang ikhlas tentu akan mendapat pahala. Selainmemikirkan dunia, akhirat sebenarnya adalah utama. Karena kita hidup di dunia bukanhanya untuk kehidupan sekarang tapi juga kehidupan setelah kita mati. Dengan niatikhlas untuk berbagi semoga kita mendapat pahala! Amiin.

Namun tenang saja. Hanya dengan niat berbagi bukannya kita tidak bisa menghasilkanuang dari blog. Setelah membaca beberapa kisah sukses AdSense maupun kisahsukses blogger lainnya, saya mendapat sebuah kesimpulan. Bahwa niat awal merekabukanlah uang. Tetapi adalah berbagi. Dan ujungnya malah dapat uang yang melimpahpula.

Mulai sekarang ubahlah niat kita. Niatkanlah blogging ini untuk berbagi. Untuk mendapatpahala. Bukan yang lain. Maka Anda akan plong dalam posting. Tidak pusing karena hal

656

PROOF


lain. Dan lama-kelamaan bukan Anda yang mencari uang. Tapi biarkan UANG YANGMENCARI ANDA!


Free Wordpress Themes onwordpress.zoomtemplate.comSaturday, October 30, 2010

Tidak ada yang begitu spesial, seperti halnya zoomtemplate yang dikhususkan untukblogger template, blog ini hanya sebagai gallery yang dibangun khusus untuk memenuhitingginya minat pengunjung non blogger agar om bisa juga memberikan akses downloadgratis untuk Wordpress Template. Semoga saja untuk kedepannya Free WordpressThemes ini bisa menjadi gallery terlengkap ya :)

Ok, buat yang punya koleksi lengkap WP Templates buatan sendiri, tidak ada salahnyauntuk dipajang di gallery ini biar bisa di download bersama :)


Fresh Revolution Blogger Template (Premium)Thursday, November 04, 2010

657



Fresh Revolution merupakan Blogger Template Premium (berbayar) yang didesaindengan gaya yang sangat Elegant dan dilengkapi fitur dan fasilitas yang sangatpowerfull. Template ini hadir dengan gaya tren template blogger saat ini yaitu Blogazine(Bog Magazine), terlihat sangat bersih, SEO Friendly dan Loading-nya pun terbilangsangat cepat dan tentu sangat cocok sekali buat rekan yang ingin menampilkan blogdengan tema blog news (berita) karena template ini memang khusus dirancang untukkebutuhan tersebut.

LIHAT LIVE DEMO

Fitur-fitur Fresh Revolution:

Beberapa fitur yang bisa anda dapatkan dari fresh revolution template :

• Smooth top navigation menu• Slider (Slide Show).• Social icons with cool jquery tooltip• Automatic Featured Category• 3 custom template1. Full Width, 2. Gallery, 3. Contact Us• 3 Coloum Layout• Bookmark Ready• Dropdown Menu• HTML Setup guide (Panduan Lengkap Installasi)

Maaf masa berlaku penjualan template ini situs o-om.com sudah berakhir!!

Hormat Saya,

Agus Ramadhani


658

PROOFRahasia Menjadi 10 Top Artikel di Lintas Berita


Friday, November 12, 2010

Di artikel sebelumnya yang berjudul "Lintas Berita Efektif Naikkan Traffic Pengunjung",saya coba berbagi Bagaimana Cara Naikkan Pengunjung Blog. Disana disebutkanbahwa judul artikel yang saya "titipkan" ke Lintas Berita memiliki Pageviews tinggi. Selainitu, artikel tersebut juga mendapat "cipratan" keyword yang kuat dimesin pencarikhususnya Google dan Yahoo. Artinya, jumlah pengunjung saya makin bertambah saja.

Penulis dibalik Artikel ini: Andi Kusuma | http://www.kedaiobat.co.cc

Beberapa Tips Agar Menjadi 10 Top Artikel Di Lintas Berita adalah :

1. Buatlah Konten berita yang original. Artinya berita yang ingin kita buat, didasarkan dariData Sekunder. Data yang kita dapat dari beberapa data primer yang kuat dasar danfaktanya serta dapat dipertanggung jawabkan.

Hindari men-copy habis semua artikel yang menjadi Top Artikel disana. Sadurlahbeberapa kalimat dengan mencantumkan sumbernya. Jika hal ini tidak dilakukan, Pastihasilnya percuma saja! Traffic pasti akan "Kalah" dengan pembuat artikel yang pertamakali. Sedangkan Keyword di mesin pencari pun akan jauh tertinggal.

2. Buat Judul Artikel Yang Menarik. Pembaca akan segera meng-klik segala yang berbau"Penasaran" di halaman Berita Baru Melintas di Lintas Berita. Gunakan kata-kata efektifseperti kata penarik Pembaca, seperti : "Bussyeet!", "Inilah..", "Berita Hot..", "6 FaktaTerbaru..", dsb. Contoh berita ini : Inilah Ibu Termuda Didunia, Empat Orang Yang MiripPresiden, Nama-Nama Bola Piala Dunia, dsb.

3. Berita Yang Disajikan Up To Date . Artinya kontent berita disesuaikan dengan hal yangsedang Hot pada saat ini. Misalnya : Siapa Pengganti Mbah Maridjan? , Daftar GunungBerapi Lainnya Berpotensi Meletus, 6 Dampak Akibat Letusan Merapi, dsb.

4. Perhatikan Keyword Pada Judul Posting. Sebelum kita posting, silakan ketik duluKeyword dari judul artikel sobat yang akan Submit ke Lintas Berita. Lihat 20 situsterdepan disana, apakah ada salah satunya datang dari Lintas Berita? Jika ada, mendingsobat urungkan niat untuk posting itu. Jika belum, silakan "Tembak Keyword" tersebutdijudul postingan sobat. Kalau bisa merangkum seluruh Keyword yang dicari orang.Misalnya : "Info CPNS DKI Jakarta Di Situs Resmi Pemkot Jakarta.Go.Id Tahun 2010".Judul ini adalah gabungan seluruh keyword tentang Info CPNS Jakarta 2010, coba ceksaja sob!

5. Perhatikan Pagerank Situs Pesaing Anda Di Keyword Judul Postingan. Jika diKeyword yang ingin sobat posting, urutan pertama sampai sepuluh, adalah dibawahPagerank Lintas Berita yakni = 4, maka langsung saja (Babat Man!). Segera posting.

659



Cara ini dan diatas ditujukan agar, sobat mendapat 2 keuntungan dari 1 artikel sobat.Pertama, mendapat Traffic Melimpah Dari Lintas Berita, dan Memperoleh Rangking 10Besar Pencarian Google.

Selain mendapat Traffic dan Posisi Bagus di Google SE, Tips Agar Menjadi Top Artikel DiLintas Berita ini dapat membantu sobat dalam mengikuti Kontes Blogger. Seperti :Kontes SEO Yang Berjudul "Pasang Iklan Gratis Sebagai Langkah Awal Mulai BisnisOnline". Banyak Manfaat Dari Kontes SEO ini. Selain teman dan keakraban, Kontes SEOini dapat menambah pengetahuan kita dalam meng-optimasi artikel atau blog kita agarlebih baik lagi (Promosi Blog).

Demikian 5 Tips Agar Menjadi 10 Top Artikel Di Lintas Berita ala "Nyubie". Semogabermanfaat dan berguna. Terima kasih.


Tips Dasar Memulai Bisnis OnlineThursday, November 25, 2010

Bagaimana cara menjalankan “make money online dengan baik dan benar?” sebentarlagi Anda akan mengetahui jawabanya.Asal Anda tahu, membangun bisnis online sama saja dengan membangun rumah. Cobasaja, jika rumah Anda kumuh, berantakan, bangunanya tidak awet mungkin tamu yangberkunjung tidak mau tinggal berlama-lama di rumah Anda (Jadi, gak dapet berkah..).Sama saja dengan bisnis online, jika pondasi bisnis online Anda saja sudah berantakan,mana mungkin Anda bisa mendapatkan income.

Penulis dibalik Artikel ini:LUTHFI TRI ATMAJA | http://ebo-free.co.ccNah, maka dari itu, saya akan membahas tantang tips dasar membangun bisnis onlineagar bisnis online Anda bisa sukses, ampuh, dan kuat nantinya.

660

PROOF


Apa saja tips dasarnya ?

1. Traffic, Pagerank, itu wajib !Sebelum mengembangkan bisnis online, tingkatkanlah traffic dan pagerank web andaterlebih dahulu. Jangan pikirkan yang lain, Anda harus focus, focus dan focus pada trafficterlebih dahulu. Setelah traffic blog Anda tinggi barulah jalankan bisnis online denganserius.

2. Anda harus kreatif !Mengapa harus kreatif ? Yang mudah saja, coba lihat blog o-om.com (blog Ini). Ia pandaisekali mendesain template blog. Dan menjual templatenya sendiri dengan harga yangcukup lumayan murah namun cukup menguntungkan juga. Atau lihat saja rajasulap.com,kebanyakan alat sulap yang mereka jual, adalah kreasi mereka sendiri. Saya rasa Andasudah tahu maksud saya, intinya buatlah produk sendiri, lalu jual produk tersebut di webatau blog Anda.

3. Jadilah Afiliasi !Apa keuntungan jadi seorang afiliasi ? hmm… mungkin Anda belum tahu keuntunganmenjadi seorang afiliasi. Dengan menjadi seorang afiliasi, Anda akan mendapatkankeuntungan yang sangat besar. Coba daftar di clickbank.com, dengan menjadi seorangafiliasi Anda akan mendapatkan komisi hingga 85% per penjualan ! Bayangkan jika Andaberhasil menjual produk senilai $500 berapa komisi yang Anda dapatkan ??? hitungsendiri ya..

4. Jangan malu bertanya !Jika Anda punya masalah dalam aktifitas make money online, coba tanyakanlah kepadamaster yang sudah sukses. Ingatkah akan pepatah “Malu bertanya sesat di jalan?”.

5. Belajar lewat E-book !Media terbaik untuk belajar bisnis online adalah dengan mempelajari lewat sebuah E-book. Lalu, bagaimana cara mendapatkan Ebook bisnis online ?Ada dua cara untuk mendapatkanya. Pertama, anda harus punya duit buat beli ebook,kedua, Anda gak perlu punya duitPilih yang mana? haha.. pasti pilih yang kedua kan? Bagi yang mau pake cara ke-dua,silahkan kunjungi Blog Penulis untuk mendapatkan puluhan ebook bisnis online gratis.

Sekian dulu ya, Semoga tips yang saya tulis diatas dapat bermanfaat bagi kita semua.Amin


661



Menampilkan Thumbnail yang Berbeda PadaHalaman HomeSunday, December 05, 2010Saya kurang tau apakah wordpress menggunakan plugin untuk menampilkan thumbnailyang berbeda pada halaman home, tapi itu bisa dilakukan dengan lebih mudah diblogger. Cukup dengan conditional Tag.

Thumbnail ini akan digunakan pada halaman home untuk memberikan gambaran tentangisi artikel, dan akan hilang setelah visitor masuk ke artikel. Salah satu blog yangmenerapkan system ini adalah bloggerplugin. Disini saya akan menjelaskanpengaplikasiannya.

Kita akan menggunakan conditional tag yang mengatur penampakan pada halamanartikel (item).

<b:if cond='data:blog.pageType == "item"'>

Untuk membungkus Class tertentu. Class ini akan diletakkan pada HTML gambar yangingin dijadikan thumbnail.

Berikut total kode:

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>

.thumb {display:none}

</style></b:if>

Letakkan kode tersebut diatas </head>

***

Masuk kehalaman posting & saat memasukkan gambar ke artikel, akan muncul kodeberikut:

<a class="thumb" onblur="try{parent.deselectBloggerImageGracefully();} catch(e) {}"href="...s1600/anonymous.png"><img style="display:block; margin:0pxauto 10px; text-align:center;cursor:pointer; cursor:hand;width:

662

PROOF


35px; height: 35px;" src="...s400/anonymous.png" border="0"alt=""id="BLOGGER_PHOTO_ID_5529584144433618498" /></a>

Atau,

<img class="thumb" src="...s1600/anonymous.png" alt="" />

Tambahkan kode yang berwarna merah seperti yang ditunjukkan pada kode HTMLdiatas. Intinya adalah pada class="thumb". Commons ini yang mengatur bahwathumbnail/gambar dihidden jika masuk ke halaman artikel.

Penulis dibalik Artikel ini:Biyan | hhttp://www.dzignine.comTrik ini juga bisa dilakukan untuk mengobati thumbnail yang jelek pada auto read more,tentu saja selain dengan melakukan cropping pada gambar.


Cara Menghindari SCAMThursday, December 09, 2010

Seiring pesatnya pertumbuhan bisnis di dunia maya, membuat banyak sekali oknum-oknum yang tidak bertanggung jawab dengan membuat website berbentuk afiliasi yangterbukti tidak membayar. Atau yang lebih kita kenal dengan istilah SCAM.

Yang menjadi pertanyaan sekarang adalah, bagaimana cara menghindari SCAM ?Sebenarnya untuk meneliti scam atau tidaknya sebuah website itu sangat mudah. Yangperlu Anda lakukan hanya memperhatikan perkembangan website tersebut. Atau lebihlengkapnya, mari kita simak tips menghindari SCAM.

Penulis dibalik Artikel ini:

663



LUTHFI TRI ATMAJA | http://ebo-free.co.cc1. Perhatikan Sistem KerjaLangkah pertama yang perlu Anda perhatikan adalah system kerjanya. Hati-hati denganprogram yang meng-hipnotis mata kita agar kita dapat mengikuti program tersebut.Contohnya ; Anda sebagai member akan dibayar besar, sedangkan kerja Anda sendiriterbilang kecil (mudah dilakukan) kemungkinan besar, program ini adalah SCAM

2. Perhatikan Nilai KomisiKebanyakan kita tergiur oleh program yang memberikan komisi WAH….. alias komisibesar (beda dengan umumnya). Hal ini sering terjadi di program-program PTC.

3. Perhatikan umur websiteWebsite yang terpercaya dan benar-benar membayar pada umunya sudah berumurpaling sedikit satu setengah tahun. Maka saya sarankan ikuti program yang sudahberumur sekian. Anda dapat mengecek umur sebuah website dengan tool yang diberikan oleh situs http://www.domaintols.com .Misalnya jika anda ingin mendaftar progam PTC, silahkan daftar di http://www.bux.to,http://www.neobux.comWebsite PTC tersebut telah terbukti membayar dan artinya bukan SCAM.

4. Bertanya di yahoo answerYahoo answer adalah tempat berkumpulnya semua orang, termasuk para pebisnis onlineyang sudah berpengalaman. Saya sendiri sering menggunakan trik ini untuk mengecekscam atau tidaknya sebuah situs.Bertanyalah di yahoo answer dengan cara yang baku dan gunakanlah bahasa yangmudah di mengerti, Contoh :

“Saya newbie yang baru saja berlabuh di bisnis online, disini saya mau bertanya apakahsitus xxx.com itu scam ?”.

Saya yakin, pertanyaan yang Anda ajukan tersebut pasti akan di jawab.

Semoga artikel ini dapat bermanfaat…


Blog Mu Ciri Khas MuFriday, January 21, 2011

664

PROOF


"Ciri Khas". Mungkin kata ini sudah tidaklah asing lagi kita dengar ditelinga kita.terkadang hal inilah yang membuat sebagian besar seseorang dapat menjadi sukses.Mengapa....? ini dikarenakan kita akan tampil lebih beda dibandingkan dengan yang lain,misalnya, jika kita mempunyai sebuah penemuan lantas penemuan kita itu sudah adaatau umum orang ciptakan, penemuan tersebut mungkin akan disepelehkan olehsebagian orang, dan orang yang bertujuan untuk mencari barang tersebut pasti akanmencari barang yang mempunyai kualitas terbaik dan terpercaya. hal inilah yangmembuat persaingan kita menjadi sangat berat, apalagi jika kita masih orang baru makasangat sulit untuk mengalahkan saingan-saingan kita yang sudah senior. namun jikapenemuan kita berciri khas dari penemuan-penemuan yang lain, mungkin orang akanmempertimbangkan penemuan kita dikarenakan mempunyai "ciri khas" berkualitas yangberbeda dari yang lain.

Penulis dibalik Artikel ini: Anugrah Pasau | http://i-unzero.blogspot.com

seperti yang diceritakan Mas Dedy Corbuzer dalam acaranya di TV hari Senin, 17 januari2011 : ada seorang kuli bangunan yang bekerja keras dengan sangat giat, namun diamulai mengeluh dengan keadaannya saat ini yaitu jabatannya tidak pernah dinaikkan.hingga kuli bangunan itu menceritakan hal ini di salah satu bosnya 'huhh.....saya sudahbekerja keras tapi kenapa gaji dan pangkat saya tidak pernah naik' lalu bosnyamenjawab : sebaiknya kau menggunkan topi biru pada saat bekerja. lalu kuli tersebutmenggunkan topi yang sudah disarankan tadi. dan akhirnya gaji dan pangkat kulibangunan tersebut naik dan terus naik. mengapa ini bisa terjadi......? bukan karena topiyang digunakan ada mantranya, tapi semua kuli bangunan yang bekerja di tempattersebut menggunkan topi berwarna merah dan yang menggunakan topi berwarna biruhanya dia sendiri, maka hal inilah yang membuat dia semakin diperhatikan karenakinerjanya yang sangat baik tersebut.

Lantas jika kita menerapkan hal ini di blog kita apakah berguna.......? jawabannya sangatberguna, karena jika blog kita berciri khas secara otomatis orang yang mengunjungi blogkita akan merasa mendapatkan hal yang baru dan berbeda dari yang lain. contohnyasaja blog ini (o-om.com) yang mempunyai ciri khas memberikan tutorial yang bukan hasilcopas(hehehe....cuman ini ciri khas yang saya tau dari blog ini kalo ada yang lebihsilahkan tambahkan :)

Pembaca : sudah cukup basa basinya saya sudah mulai bosan langsung saja masuk ketopik. penulis : ok saya mulai. berikut saran yang akan saya berikan untuk diterapkan diblog kalian agar mempunyai sebuah ciri khas :

665



1. jika blog kalian mempunyai postingan yang bukan kreativitas sendiri sebiknyatinggalkan, mungkin sebagian besar pembaca akan malas berkunjung ke blog kitadikarenakan pembaca akan mencari artikel yang memang dari sumbernnya.

2. kata-kata yang kita gunakan pun harus berciri khas. Contoh : Sobat, Bro, Gan,Dll.misal salah satu artikel kita berbunyi seperti ini : "jika membaca postingan ini mungkin'sobat' akan merasa bingung jadi sebaiknya baca artikel sebelumnya" Ok Bro....... ataumungkin kata-kata yang sobat (ups ketularan hahahaha......) gunakan mempunyaipenegasan-penegasan dalam kata-kata tertentu.

3. atau mungkin blog kita mempunyaio ciri khas update postingan tiap hari, kenapatidak...? ini sangat berguna loh untuk menambah visitor yang datang ke blog kita. tapijujur saja saya selaku penulis tidak mampu dalam hal ini hehehehe.....

4. usahakan template kita pun mempunyai desain yang berbeda dari yang lain dengancara menggabungkan pewarnaan yang saling berkaitan satu sama lain sehinggamembentuk suatu keharmonisan yang tak terduga. tetapi jika kita menggunkan templateyang hanya membuat mata pembaca menjadi sakit (alias menderita), saya jaminpembaca sudah lari lebih dulu sebelum membaca postingan kita. ini dikarenaknpewarnaan template kita yang saling bertabrakan sehingga otomatis mata akancenderung mencari warna yang lebih terang. hal ini sering terjadi pada template yangmenggukan latar background hitam. mis : penggabungan warna hitam dengan tulisanyang berwarna putih yang abu-abu. tapi masih bisa gunakan warna bertabrakan kok.contohnya penggbungan warna 'hitam dengan ungu'.

5. penggunaan adsense pun debenarnya masuk dalam ciri khas, karena jikamenggunkan adsense yang berlebihan saya jamin tampilan blog kalian akan berantakanapalagi jika meletakkan adsense tersebut di sembarang tempat pasti lebih berantakan.apa kalian mau kalau blog kalian mempunyai ciri khas seperti ini.....? yaph........ mungkinsampai sini saja tips yang saya berikan mengenai ciri khas kalo ada tambahan silahkankomen aja.


Mungkin Anda Sudah Terkena V!rus "BloggerPingitan"Monday, January 31, 2011Selama ini anda hanya memikirkan untuk sukses, sukses, dan sukses saja. Tetapiapakah pemikiran anda itu sudah didasari dengan usaha keras yang anda lakukanselama ini?! Jika tidak, maka mungkin anda sudah terjangkit v!rus yang satu ini !

Ada beberapa kriteria yang mungkin ada dalam diri anda menyangkut v!rus yang sayasebut v!rus ”Blogger Pingitan” ini. Berikut akan saya jabarkan kriteria blogger yang sudahterjangkit v!rus stadium akhir ini. Jika salah satu atau bahkan semua kriteria di bawah inisebagian besar tertanam sejak lama dalam diri anda, maka waspadailah! Janganberharap banyak (apalagi mau sukses) sampai anda membaca solusinya pada akhirpostingan ini.

666

PROOF


Penulis dibalik Artikel ini:Doodey Erick | http://blogdoodey.blogspot.com

Berikut kriteria v!rus yang saya sebut v!rus ”Blogger Pingitan” itu:

1. Betah di Kandang Sendiri

Sesuai dengan namanya ”Pingitan”, kriteria v!rus pertama ini adalah blogger yang lebihsuka berdiam terpaku di rumah sendiri. Bahkan ada blogger yang sepertinya tidak mautahu terhadap dunia luar, mereka asyik sendiri dengan blognya. Mulai dari sibuk menulispostingan sampai hal yang kecilnya. Sibuk di kandang sendiri memang bukan sesuatuyang bermanfaat dan berguna bagi kita, khususnya bagi kita yang menjadikan blog kitasukses ke depan. Singkat saja, solusi untuk mencegah v!rus ini masuk ke tubuh kitaadalah dengan jalan sering-sering ke luar rumah. Seringlah mampir ke blog-blog orang,siapa tahu dari situ kita akan mendapatkan inspirasi yang berguna untuk ke depan kitabuat postingan tentang hal itu.

2. Tidak Mau Bergaul alias Blogwalking

Sebagai blogger khususnya untuk blogger newbie, aktivitas ini mutlak wajib harusdilakukan. Sebab dengan aktivitas blogwalking atau lebih dikenal dengan bergaul keblogger lain dapat membuat blog kita lebih dikenal oleh orang banyak. Alhasil nantinyablog kita akan mendapatkan pengunjung dari blog yang telah kita kunjungi. Lain halnyadengan blogger yang sudah terjangkit kriteria v!rus kedua ini. Mereka sepertinya ’kuper’alias kurang pergaulan dengan blogger lain. Anda sendiri tahu apa dampak dari ’kuper’tersebut. Tentu saja tidak baik ke depan. Solusinya, rajin-rajinlah memperkenalkan diridengan jalan blogwalking ini agar ke depan bisa lebihn dikenal oleh blogger lain.

3. Sering Utak-Atik Template

Ini memang kriteria v!rus yang paling sering terjadi belakangan ini. Keseringan mengutakatik template blog yang sudah bagus-bagusnya merupakan ciri-ciri dari v!rus ”bloggerpingitan” ini. Memang dalam mengedit template blog sangat diperlukan untuk menarikpenonton berkunjung terus ke blog kita. Namun, janganlah sering-sering untukmemainkan template yang sudah benar- benar bagus itu. Frekuensi kekerapanmengutak-atik template juga sangat berpengaruh terhadap SEO blog itu sendiri. Cobabayangkan jika template blog pertama sudah boleh dikatakan SEO friendly, namun andamerasa bosan dengan template pertama lalu menambah beberapa widget lagi yang tidakpenting yang membuat template blog anda itu tidak SEO friendly lagi. Yang ada malahblog anda itu semakin berat saja. Solusi, janganlah sering-sering mengutak-atik templateanda yang sudah bagus itu. Langkah pertama yang anada harus lakukan adalah benar-benar memilih template yang baik dari segi andanya dan dari segi pengunjung. Tak lupajuga perhatikan template dari segi Search Engine dan juga ke-SEO-annya.

4. Kurang bisa memanfaatkan waktu

Kurang bisa memanfaatkan waktu adalah kriteria v!rus ”blogger pingitan” yang keempat.Kurang bisa memanfaatkan waktu sangat kerap terjadi di antara kita, para blogger.Terkadang kita kurang bisa membagi waktu yang mana waktu untuk membuat postingan,mengedit template, blogwalking, dan lain-lain. Ini memang masalah kecil yang bisaberdampak besar ke depan. Solusinya, mulailah mengubah diri anda mulai dari membagi

667



waktu yang anda miliki. Manfaatkan waktu yang ada dengan sebaik-baiknya. Janganterlena jika mungkin nanti anda gagal karena waktu. Karena dengan memanfaatkanwaktu juga bisa membuat anda menjadi blogger yang sukses.

Itulah tadi keempat kriteria yang termasuk ciri-ciri v!rus ”blogger pingitan” itu. Jika semuakriteria tersebut ada dalam diri anda, maka saran saya adalah mulai berubah danmengikuti solusi yang ada dalam setiap kriteria di atas. Untuk menjadi blogger yangsukses memang bukan barang yang mudah. Harus ada kerja keras di awal sampai andasukses ke depan. Untuk itu janganlah sekali-kali berpikir untuk melakukan hal-hal di atas.Salam. :)


Mengapa Blog Saya Terpilih Sebagai BestBusiness Blog di Indonesia?Friday, February 04, 2011

Dalam ajang tahunan Pesta Blogger di tahun 2010 lalu, alhamdulilah, blog sayastrategimanajemen.net terpilih sebagai blog terbaik dalam kategori businessentrepreneurship (http://apresiasi.pestablogger.com/?p=63) . Oleh para juri (antara lainNajwa Shihab dan jurnalis internet Budi Putra) blog tersebut terpilih sebagai nomer satu,dan layak mendapat hadiah sebuah Netbook plus uang tunai 5 juta rupiah (lumayan bro).

Namun mungkin bukan hadiahnya yang penting. Yang lebih penting adalah pertanyaan :faktor apa yang kira-kira membuat blog tersebut layak menjadi best blog? Dalam tulisanringkas ini, saya akan mencoba menelisik tiga faktor utama dibalik kemenangan itu.

Faktor yang pertama barangkali karena itu blog itu adalah niche blog, atau blog dengantopik spesifik, yakni tentang manajemen bisnis. Sejak awal saya memang membangunblog itu dengan konsep yang jelas dan spesifik, yakni bahwa konten blog itu hanya akanberbincang tentang topik strategi bisnis, management skills dan dunia seputar career life(pemilihan nama domain blog pun dilakukan berdasar konsep itu).

668

PROOF


Saya sendiri percaya bahwa masa depan niche blog akan lebih kinclong dibandingdengan blog gado- gado. Alasannya sederhana : jika ditulis dengan konsisten, niche blogakan punya peluang lebih baik dalam menjaring loyal readers yang disatukan oleh minatyang sama. Contohnya : ya blognya Oom ini . Karena secara konsisten selalu berisikanhal-ihwal tentang internet dan online business, blog ini kemudian menjelma menjadisalah satu rujukan utama bagi para peminat untuk topik tersebut.

Faktor kedua mungkin klise tapi amat penting : blog itu diupdate secara konsisten, danlebih khusus lagi, diupdate setiap Senin pagi. Ya, sejak hadir empat tahun silam, blog ituselalu dipdate setiap Senin pagi tanpa pernah berhenti. Dan kalimat “diupdate setiapSenin pagi” ini muncul di halaman homepage supaya semua pembaca tahu.

Update blog adalah kunci untuk mengembangkan great blog. Akan lebih bagus lagi jikafrekuensi update itu dilakukan secara konsisten (misal setiap minggu sekali tiap hariSenin atau Kamis). Saya melihat frekuensi update yang teratur ini membuat pembacatahu kapan konten blog itu diupdate, dan akan mendorong mereka membangun“kebiasaan baru” : oh ya setiap Senin pagi atau Kamis pagi, saya harus selalu membukablognya anu.

Frekuensi update yang teratur (dan konsisten) itu niscaya akan mendorong parapembaca untuk menjadi loyal readers atau bahkan menjadi pelanggan melaluifeedburner misalnya. Sebab mereka tahu, setiap minggu/setiap dua hari sekali pastiakan ada konten baru dalam blog tersebut (inilah juga yang mungkin menyebabkanpelanggan feed blog strategi + manajemen telah mencapai angka 7500 subscribers;sebuah angka yang lumayan tinggi).

Faktor terakhir adalah yang paling penting : sebuah blog dianggap bermutu jika secarakonsisten menyajikan konten yang bermutu tinggi dan bermanfaat bagi parapembacanya. Jujur saja, faktor ini yang cukup sulit, apalagi jika blog itu mempunya temayang spesifik.

Konsekuensinya, sang blogger harus rajin membaca buku/majalah/internet danmelakukan riset agar mampu menghasilkan tulisan bermutu setiap update. Itulah kenapasaya setuju dengan ungkapan bahwa blogger yang bagus pastilah juga seorang yangpunya hobi membaca. Sebab kalau tidak rajin membaca untuk mendapatkan informasibaru, bagaimana ia akan mampu menulis positingan yang bagus dan bermutu?

Itulah tiga elemen penting yang mungkin bisa dipetik sebagai pelajaran jika kita inginmembangun great blog. Yang pertama : bangunlah blog dengan tema yang spesifik(niche blog); lalu update blog itu dengan teratur dan konsisten. Dan terakhir : selaluberusaha untuk menyajikan konten yang renyah, bermutu dan bisa membuat parapembaca kesengsem.

Kalau saja kita dapat menerapkan tiga resep itu dengan teratur dan jitu, maka blog kitasuatu saat juga pasti akan menjulang dalam jagat persilatan blogger di tanah air. Bravoblogger Indonesia !!

GUEST BLOG:

Penulis dibalik Artikel ini:Yodhia Antariksa | strategimanajemen.net

669




AVG Security ToolbarSaturday, February 12, 2011

Bagi sobat pecinta Anti-Virus AVG tentusudah mengetahui kehandalan dankelebihan anti virus ini jika dibandingkandengan produk lain. Kini, AVG dengan versite rba runya , AVG An t i -V i rus 2011

menawarkan perlindungan keamanan yang lebih baik termasuk perlindungan saat men-download file, saat chatting, bahkan ketika kita berbelanja atau sedang melakukantransaksi perbankan online.

Versi Free Edition-nya saja sudah memiliki fitur-fitur proteksi yang cukup baik sepertiAnti-Virus, Anti-Spyware, Link Scanner, Anti Rootkit, Email-Scanner, PC Analizer,Ressident Shield, Update Manager, dan Identity Protection, apalagi jika kitamenggunakan AVG 2011 full version dengan fitur yang lebih lengkap. Harga AVGsampai tulisan ini dipublikasikan adalah Rp434.000,-

Dua opsi yang bisa kita pilih ketika proses instalasi AVG 2011 adalah instalasi AVGSecurity Toolbar dan Yahoo sebagai default Searh Box. Jika hal itu kita setujui dengancara mencentang opsi tersebut, maka setelah instalasi selesai, pada browser khususnyaMozilla Firefox dan Internet Explorer akan tampil AVG Security Toolbar yang dapat kitamanfaatkan sesuai fungsinya.

Fitur-fitur AVG Security Toolbar:

1. Dapat mengetahui seberapa aman dan seberapa bahayakah situs yang kita kunjungimelalui tombol “Page Status”.

2. Mendapatkan informasi aktual berupa berita dunia mengenai bisnis, olah raga danlain-lain melalui tombol “News” atau “AVG News”.

3. Dapat mengetahui email masuk tanpa harus membuka akun email. Untuk saat inihanya mendukung Gmail, Ymail, dan Hotmail. Melalui tombol “E-mail Notifier”. Angka disamping icon adalah jumlah email baru yang belum di buka. Notifikasi juga bisa terlihat disudut kanan bawah Taskbar.

Untuk dapat melihat status email, terlebih dahulu harus dilakukan konfidgurasi akunemail.

4. Dapat mengetahui cuaca dan suhu suatu tempat melalui tombol “Weather” denganmenentukan lokasi yang kita butuhkan untuk mengetahui keadaan cuaca kota yangdimaksud.

5. Dapat mengakses halaman Facebook dan mengetahui status Facebook melalui icon“Facebook” seperti Message, Friend Requests, Pokes, dan lain- lain. Dengan demikian

670

PROOF


Log In dan Log out dapat dilakukan melalui Toolbar ini. Notifikasi juga dapat terlihat disudut kanan bawah Taskbar.

Dengan dipasangnya AVG Security Toolbar setidaknya dapat mempermudah kitamengetahui berita aktual dunia, cuaca, email masuk, halaman Facebook melaluinotifikasi pada Toolbar atau Popup Window di sudut kanan bawah dan tanpa harusmembuka URL secara langsung.

GUEST BLOG:

Penulis dibalik Artikel ini:Yuda Isparela | http://www.linksukses.com


Download Free Premium Blogger Template(GRATIS)Tuesday, February 22, 2011Ok tanpa perlu banyak cuap-cuap template yang sebelumnya berbayar sekarang sudahom gratisin, tapi cuman 3 doang ya, yang zoom feed aggregator tetap berbayar hehehejadi buruan download aja ya :)

Adobe Photoshop (Free)

Adobe Photoshop Blogger Template didesain khusus buat pencinta Adobe Photoshop,dengan template ini anda bisa memajang gambar hasil kreasi anda atau tidak menutupkemungkinan bagi anda yang jago mengolah gambar bisa juga bisa berbagi tutorialmelalui template ini.

Live Demo / Free Download

Template Features:* SEO Optimized* 2 Coloum* 1 Right Sidebar

671



* Fixed Width* Widgets Ready* Auto Readmore* Auto Thumbnail* Hide Navigation Bar* Custom Menu* All Image Host into Blogspot

All In Sea (Free)

All In Sea Blogger Template didesain khusus buat pencinta indahnya keanekaragamanlaut indonesia, template ini sangat cocok sekali buat blog personal yang ingin menulismengalaman pribadi ketika liburan akhir tahun.


Template Features:* SEO Optimized* 2 Coloum* 1 Right Sidebar* Fixed Width* Widgets Ready* Auto Readmore* Auto Thumbnail* Hide Navigation Bar* Custom Menu* All Image Host into Blogspot

Merry Christmas Eve (Free)

672

PROOF


Merry Cristmas Eve Blogger Template didesain khusus buat sebagian rekan bloggeryang sebentar lagi merayakan Hari Natal dan Tahun Baru. Berbagi pengalaman LiburanNatal diakhir tahun ini tentu sangat menyenangkan dengan dukungan template yangcantik dan dinamis.


Template Features:* SEO Optimized* 3 Coloum* 1 Right Sidebar* 2 Right Sidebar* Fixed Width* SlideShow Ready* Widgets Ready* Auto Readmore* Auto Thumbnail* Auto Page Number* Hide Navigation Bar* Custom Menu

Zoom Feed Aggregator (Premium)

Zoom Feed Aggregator benar-benar dirancang memiliki keunggulan dari template yangpernah ada, Jika sobat blogger melirik demonya kalian mungkin tidak akan percaya inidibangun menggunakan Blogger sebagai engine-nya. Template ini sudah terjualsebanyak 200 template dan mereka yagn sudah membeli sangat puas menggunakantemplate ini.

673



[ Lihat Fitur dan Harga ]

Template Features:

* Best for Make Money Online with Google Adsense or with other PPC.* Very fast loading page, only use 20% small image.* Complete SEO Guide for Blogger (you must see).* Blogazine (blog magazine Style) Support.* 4 color scheme options (Gray, Purple, Yellow, Red)* Support email subscription box with FeedBurner.* 30 Widgets for show your RSS FEED News* Can use with Blogger Widget for Feed or with Feedburner (recommended)* Support Jump link to Original Link on your page post.* Support 1 right sidebar on page Post.* support 4 column widget on bottom bar.* Support Custom Search Box under main page post.* Support Tooltips when user use mouse Over on Your Feed List.* Support Facebook Like and Social Bookmark ready.* Support Related Post With Thumbnail.* Support Avatar and Highlighting Author on Comment box.* Tested on IE6/7, Firefox, Opera, Safari* PDF Setup guide


Semi Auto Generated Content For Blogspot -AGCThursday, February 24, 2011Pada kesempatan kali ini saya akan berbagi sedikit tips buat temen-temen blogger yglagi males atau gak punya banyak waktu untuk write and posts. Sesuai dengan judulposting “Semi Generated Content” yg bisa diartikan dengan setengah dari “AutoGenerated Content (AGC)”. Maksudnya adalah kita hanya perlu edit sedikit posting yangsecata otomatis masuk dalam “Daftar Entri” Blog kita masing- masing. Berikut iniperalatan yang temen blogger harus sediakan :

GUEST BLOG:

Penulis dibalik Artikel ini:Ari Ibnu umar | silabusandrpp.blogspot.com

1. Account Blogger

Dalam hal ini harus jelas blog Semi Generated Content yang akan temen buat tema danisinya kemana [Tema Blog]

2. Account Yahoomail

674

PROOF


Digunakan sebagai sumber artikel yang mengisi secara otomatis nantinya dalam “daftaEntri” Blog Semi Generated Content kita.

Langkah-langkahnya adalah sebagai berikut :

1. Buat satu blog dengan tema tertentu, misalnya ttg “Islam”

2. Pada tab “pengaturan” pilih sub menu “email and Selluler” seperti gambar dibawah ini :

3. Pada Opsi pengeposan isikan alamat email yg saudara inginkan, email ini merupakanSubdomain dari Email Google,, saudara bisa lihat pada gambar. Pada gambar diatasemail google nya adalah rppsilab[at] gmail.com dengan sub email yang saya isikanarimatematika. Jadi emailnya adalah rppsilab.arimatematika[at]blogger.com. Perlu diingatpada bagian bawah gambar diatas tandai “simpan email sebagai entri konsep” agar kitarapikan dahulu sebelum di terbitkan. [inilah yang saya maksud dengan Semi GeneratedContent For Blogspot, artikelnya masuk secara otomatis, tetapi masih perlu edit manualagar rapi ketika kita tampilkan dalam postingan.

4. Setelah itu saudara tinggal gabung disalah satu YahooGroups dengan accountYahooMail yg telah temen buat. [makin banyak groups yg diikuti, makin banyak artikel ygmasuk dalam daftar entri blog kita]. Bergabung dengan groups yg sesuai dengan temaBlog Semi Generated Content yg akan saudara buat. Ketika saudara bergabung isikanemail yg telah kita buat pada langkah 3. Lihat screen shoot dibawah ini

Bayangkan saja dalam waktu yg relatif singkat, daftar entri blog saya mencapai 346daftar postingan. Bisa lihat screenshoot dibawah ini pada blog saya yg berjudul“BACALAH” yang saya mulai dari 09 desember 2010.

675



Tetapi blog ini tidak saya kelola dengan baik, karena saya ingin focus pada blog saya ygtentang pendidikan, ngeblog harus focus dan sebaiknya focus ke tulisan konten orisinilitu akan lebih baik. Semoga bermanfaat :)


Semangat Belajar Make Money OnlineWednesday, March 02, 2011Halo sobat blogger dan sahabat pebisnis online. Mencari uang di internet sudahmerupakan suatu trend bagi seorang blogger. Artinya di mana ada blog maka 90% bisadipastikan ada space atau tempat untuk menghasilkan uang. Maksud saya blogger tidakhanya menjadi blogger. Tapi ia akan menjadikan blognya sebagai sumber uang. Lazim diinternet disebut work from home artinya bekerja dari rumah, work at home artinya bekerjadi rumah dan lain-lain. Yang lebih keren lagi make money online. Apa artinya itu? Itubahasa Inggris yang artinya membuat uang secara online. Membuat uang...bukanmencari uang. Itulah bedanya bisnis online dengan bisnis offline. Jadi kita yang membuatuang bukan mencari uang.

GUEST BLOG:

Penulis dibalik Artikel ini:Mukti Effendi | muktiblog.com

Dalam melakukan apa saja termasuk Make Money Online perlu ilmu untukmenjalankannya. Ibarat kata bijak manusia tanpa ilmu maka akan sesat. Jadi ketika andamendengar tentang bisnis internet ( dengan sederet istilahnya seperti work at home dll ),maka jangan tergiur dan menghayal melampaui batas. Jika melampau batas ataumengimpikan terlalu tinggi nanti malah bisa jatuh dan tak bangun-bangun lagi. Itu tadi,anda perlu mermiliki ilmunya untuk bisa mencetak pundi-pundi uang di internet. Denganilmu itulah maka anda memiliki strategi dan jurus ampuh untuk segera bergelut di dalambisnis online. Jadi kunci untuk bisa mencetak uang di internet adalah :

Belajar

Ya. Hanya dengan belajar orang bisa mencapai yang diharapkan. Untuk belajar bisnisonline medianya cukup banyak di internet. Salah satu guru terbaik kita adalah om google.Google adalah kamus terbesar kita untuk belajar bisnis online. Silahkan di bukawww.google.co.id lalu di kolom pencarian masukkan kalimat ( lazim disebut kata kunciatau keyword ) misalnya belajar bisnis online. Maka akan tampil sederet hasil pencariandengan daftar web yang merekomendasikan bisnis online. Tinggal klik sakah satu yangpaling cocok dengan anda. Tapi jangan lupa tetap harus selektif dan berhati-hati karenadi internet banyak hal yang kelihatannya baik padahal isinya sampah atau jelek.

Selain itu, anda belajar dari blogger yang sudah pengalaman untuk memulai bekerjadengan make money online. Di internet ( baik dari Indonesia atau luar negeri ) banyakbertebaran blogger-blogger yang telah sukses menjalankan bisnis online. Termasuk

676

PROOF


anda bisa belajar pada master blog kita ini, mas .... pemilik o-om.com. Walaupun iatermasuk blogger yang mengkhususkan dalam tutorial blog, tapi saya lihat daftar webafiliasinya juga ada dan patut kita jadikan "guru" untuk belajar make money online.Setujuuuuuu?? Yang lain, bisa dicari juga di mesin pencari google dengan kata kuncibelajar bisnis online, belajar cari uang di internet, atau make money online.

Jangan Malu Bertanya

Karena kita sedang belajar maka salah satu tipsnya adalah jangan malu bertanya. "Malubertanya sesat di jalan", begitu khan kata pepatah? Bertanya itu adalah separuh dari ilmupengetahuan. Bertanya bisa kepada blogger yang telah makan asam garam bisnisonline. Bisa melalui email atau blognya. Setiap pebisnis online mayoritas memiliki blogpersonal yang khusus untuk membahas hal hal penting berkenaan dengan make moneyonline. Di blog mereka itulah kita bisa berinteraksi dengan cara bertanya kepada merekahal-hal yang tidak kita mengerti.

Oke itu saja sobat semoga bermanfaat.


8 Tips untuk Mendapatkan Trafik dari ForumOnlineMonday, March 07, 2011Forum online sudah ada sejak pertama kali internet dibangun dan sudah banyak bloggerpula yang menjadikan forum sebagai media untuk menjaring trafik bagi blog mereka.Walaupun tidak sebaik dan sebagus web 2.0 seperti twitter dan facebook, forum tetapmenjadi media yang menggiurkan untuk mendatangkan trafik tertarget untuk blog Anda.Tips di bawah ini merupakan 8 hal yang harus Anda ingat untuk mendatangkan trafiktertarget dari sebuah forum.

GUEST BLOG:

Penulis dibalik Artikel ini:Musa Abdul Hamid | kangmusa.com

Pilih forum yang tepat.Memilih forum yang tepat merupakan salah satu hal yang sangat penting. Saya berharapAnda sudah bergabung dengan satu ataupun dua forum yang sesuai dengan niche dankonten blog Anda. Jika Anda belum bergabung sama sekali dengan forum online, Andabisa mencari forum-forum yang sesuai dengan niche Anda dengan mengetikkan "nicheAnda forum", contohnya "SEO online forum" di mesin pencari Google.Jika Anda bergabung dengan lebih dari satu forum, hendaknya Anda memusatkankonsentrasi pada satu forum dahulu untuk aktif dalam forum tersebut sehingga Andamenjadi salah satu member terbaik. Dengan begitu, Anda akan terkenal dalam forumtersebut. Dan jika Anda telah terkenal dalam sebuah forum, Anda bisa beranjak ke forum

677



selanjutnya.

Pilih username yang baik.Username Anda merupakan brand dalam forum tersebut karena username merupakanhal yang pertama kali dilihat dalam profil seorang member di sebuah forum. SehinggaAnda perlu untuk melakukan pemilihan kata yang sesuai untuk username Anda.Sebaiknya sesuaikan username Anda dengan niche blog Anda sehingga terlihat lebihprofesional. Contohnya adalah "kangmusa.pakarseo".

Letakkan alamat blog Anda di signatureSignature merupakan teks, link atau gambar yang akan muncul di bagian bawah setiappost Anda. Meletakkan alamat blog Anda di bagian signature merupakan tulangpunggung agar Anda mendapatkan limpahan trafik dari forum tersebut. Hal inidikarenakan setiap pengunjung forum yang membaca posting Anda pasti akan melihatalamat blog Anda juga di akhir post. Maka dari itu, sebaiknya Anda membuat postingyang menarik dan sesuai sehingga trafik bisa langsung diarahkan untuk mengunjungiblog Anda.

Bangun profil Anda dengan baik.Profil merupakan bagian yang akan dilihat pengunjung jika menekan username Anda.Dan biasanya sebuah profil akan menampilkan avatar Anda, biografi singkat, dan sebuahlink ke blog Anda. Pada umumnya avatar digunakan untuk menampilkan potongan fotodiri Anda. Anda bisa meletakkan foto wajah Anda di avatar tersebut. Namun jika Andalebih suka menjadi pribadi yang anonim di sebuah forum, sebaiknya avatar Anda diisidengan gambar yang mewakili niche blog Anda.Sedangkan biografi singkat berisi cerita mengenai diri Anda secara keseluruhan. Buatbagian ini terlihat profesional, tidak membosankan dan multidimensi. Anda bisamenceritakan pengalaman Anda di bidang keahlian Anda. Pada intinya buatlah setiaporang yang melihat profil Anda ingin untuk berinteraksi lebih lanjut dengan Anda.

Jangan melakukan tindakan spammingKetika Anda berinteraksi dengan orang lain di forum online, berinteraksilah dengan baik.Jangan langsung memberikan kartu bisnis Anda kepada orang lain yang baru Anda ajakberjabat tangan dan berkenalan. Berinteraksilah dengan orang lain sewajarnya. Janganmelakukan tindakan-tindakan spamming di forum. Ingat tujuan Anda bergabung denganforum bukan semata-mata untuk mempromosikan blog Anda, tapi berbagi ilmu danberinteraksi dengan orang lain di forum tersebut.

Sediakan konten yang berkualitasAnda pasti tahu bahwa nyawa sebuah blog adalah konten. Dan kontenlah yang akanmembawa trafik ke blog Anda dengan sendirinya. Hal ini juga berlaku di forum online.Sebagai contoh, balaslah sebuah pertanyaan dari orang lain dengan sebuah jawabanyang jelas, runtut dan bermanfaat. Jangan hanya membalas dengan kata "ya" atau"tidak".Salah satu taktik lain adalah meletakkan posting blog Anda di forum. Tentu posting yangbenar-benar berkualitas dan bermanfaat. Dan di akhir posting, Anda bisa meletakkankalimat seperti ini, "jika Anda rasa posting ini informatif dan bermanfaat, Anda bisamengunjungi blogAnda.com untuk mendapatkan posting lainnya."

Buat thread baruJika seseorang membuka sebuah thread, maka orang tersebut akan melihat postingpertama. Posting pertama akan lebih banyak dibaca dibandingkan posting kedua, ketiga

678

PROOF


dan seterusnya. Maka dari itu, menjadi thread starter yang memberikan posting pertamasangatlah penting. Anda bisa memulai sebuah thread dengan pertanyaan karena akanmembuat orang lain penasaran. Atau jika Anda tidak mempunyai pertanyaan, Anda jugabisa meminta opini orang lain mengenai suatu hal. Contohnya adalah "apa yang akanAnda lakukan jika Anda mempunyai penghasilan $500 per hari?" Hal itu akan membuatorang lain tertarik dan berpartisipasi di thread yang Anda buat.

Lakukan posting sesering mungkinHal ini juga penting untuk mendukung aktivitas Anda mempromosikan blog Anda di forumonline. Semakin sering Anda melakukan posting, maka semakin sering Anda dilihat olehorang lain. Semakin sering Anda dilihat, maka semakin sering alamat blog Andaditampilkan. Dan semakin sering blog Anda ditampilkan, maka semakin banyakpengunjung yang datang ke blog Anda.

Itulah 8 Tips untuk Mendapatkan Trafik dari Forum Online. Lakukan yang terbaik di forumonline yang sesuai dengan blog Anda, praktekkan 8 tips ini dan pastikan blog Andakebanjiran trafik.


4 Alasan Mengapa Anda Harus Menjawab SetiapKomentar di Blog AndaMonday, March 07, 2011Jika Anda membuat suatu posting, Anda pasti berharap banyak pembaca blog Andayang berkomentar di posting tersebut. Sama halnya dengan Anda melakukan presentasidi hadapan orang banyak dan berharap presentasi Anda diperhatikan dan dipahamidengan baik. Namun sebuah presentasi tidak akan ada artinya jika Anda mengabaikansetiap komentar dari audiens Anda. Begitu pula komentar di posting blog Anda, Andaharus menjawab komentar-komentar tersebut.

GUEST BLOG:

Penulis dibalik Artikel ini:Musa Abdul Hamid | kangmusa.com

Kebanyakan blogger berasalan tidak mempunyai waktu untuk menjawab komentar.Namun jika Anda terus beralasan dengan hal tersebut, maka selamanya Anda tidak akanmempunyai waktu untuk membalas komentar. Luangkan waktu 10 menit saja setiapharinya untuk membalas komentar yang datang ke blog Anda. Dengan membalaskomentar tersebut, Anda akan mendapatkan banyak keuntungan seperti yang akan sayajabarkan di bawah ini.

Mendorong orang lain untuk berkomentarBiasanya seseorang setelah meletakkan komentar akan langsung pergi. Namun denganmembalas komentar tersebut, orang lain tidak akan segan untuk kembali ke blog Andadan meninggalkan komentar lainnya.

679



Menambah kualitas dari posting AndaDengan membuat balasan komentar dan melakukan beberapa perbincangan kecildengan pengunjung blog Anda akan menambah kualitas konten Anda secarakeseluruhan. Beberapa poin-poin kecil yang terlewat biasanya akan lebih mudahterungkap dalam perbincangan ini. Dengan begitu, pengunjung yang baru datang ke blogAnda akan merasa beruntung karena mendapatkan informasi yang berkualitas danlengkap.

Dapat membantu aktivitas SEODengan melakukan perbincangan kecil di bagian komentar posting secara tidak langsungakan membantu aktivitas SEO Anda. Karena dalam komentar-komentar tersebutkeyword-keyword yang Anda tembak pasti akan muncul lebih banyak karena digunakanoleh banyak orang. Dengan begitu search engine akan dengan mudah memunculkankonten blog Anda jika dimasukkan keyword yang Anda bidik di kotak pencarian.

Menambah kepercayaan orang lain terhadap AndaMembuat balasan komentar, bisa menambah kepercayaan Anda di mata orang lain.Pengunjung blog Anda akan berasumsi bahwa Anda benar-benar ahli di bidang nicheblog Anda. Hal ini akan membangun brand dan kredibilitas Anda di mata orang lain akansemakin kuat.Selain itu jumlah komentar Anda juga akan berlipat ganda. Misalnya seperti ini, Andamempunyai 15 komentar di posting Anda, jika semua komentar tersebut Anda tanggapi,maka Anda akan mempunyai 30 komentar. Tentu ini hal yang menarik bagi setiap orangyang baru mengunjungi blog Anda dikarenakan jumlah komentar yang begitu banyak.

Pesan dari Admin o-om.com:

Mohon maaf saya sebagai admin o-om.com tidak bisa membalas semua komentar yangmasuk karena kesibukan admin sendiri di bisnis offline, tapi saya tetap berusaha untukmembalasnya walaupun gak bisa cepat :) Thanks


Lounching Mobimibo.com - Mobile Phones,Gadget and Technology NewsSunday, March 13, 2011

680

PROOF


Mobimibo.com - Mobile Phones, Gadget and Technology News, Ada banyak cara untukmenampilkan diri kita selalu terlihat up to date dengan teknologi terbaru. Kita bisa melihathampir setiap hari orang selalu bermain melalui ponsel pintar dan perangkat gadget ditangan mereka. Hal ini tidak hanya tentang fashion dan tren itu sendiri, tetapi sebenarnyatentang perlunya perangkat yang lebih pintar untuk mempermudah dan membantumenjalankan tugas mereka sehari hari.

Disinilah Mobimibo.com hadir untuk memenuhi kebutuhan informasi ponsel pintar daninformasi gadget terbaru agar kita bisa melihat review dan membandingkan perangkatmana yang memang sesuai untuk menjadi teman pintar kita. Ok selalu kunjungiMobimibo untuk informasi perangkat mobile lainnya :)


ZoomTemplate App (beta) Sudah Tersedia UntukGoogle ChromeMonday, May 09, 2011

Hari ini saya resmi merilis ZoomTemplate App khusus untuk Browser Google Chrome.Walaupun masih dalam tahap versi uji coba, saya yakin aplikasi ini sangat berguna buatrekan yang ingin dengan mudah mencari blogger templates gratis atau sekedar melihatupdate template terbaru tanpa harus membuka halaman ZoomTemplate terlebih dahulu.Memang Aplikasi ini terlihat sangat sederhana dan jujur saja memang masih dalam tahappengembangan, tapi semoga saja dalam waktu dekat saya bisa melengkapi semuakekurangannya :)

681



Untuk cara installasi Zoomtemplate App sangatlah mudah sekali, seperti halnya browserFirefox yang memiliki Add-On, Browser Google Chrome juga memiliki Extension dalambentuk Web Store sebagaimana aplikasi pihak ketiga yang ada pada Firefox. Yang rekanlakukan hanyalah mengunduh aplikasi Zoomtemplate ini dan silahkan mencobanya :)

Cara Installasi:

- Jika belum memiliki Browser Google Chrome silahkan download dulu disini

- Silahkan buka Google Chrome rekan

- Kunjungi Zoomtemplate App dan Lakukan Installasi (jangan lupa beri vote dankomentar ya)

- Kalau sudah maka akan muncul icon kecil khas Zoomtemplate.com di sebelahkanan Address Bar rekan pada Google Chrome rekan.

- Selesai..sangat mudah sekali dan selamat mencoba aja ya :)


Bejubel.com – Media Belanja Online TerpercayaMonday, July 04, 2011

Trend sistem penjualan online sudahmerambah segala level masyarakat.Masyaraka t t idak ragu lag i un tukmelakukan kegiatan jual beli melaluiwebsite Toko online seperti contohnyaBejubel.com. Website ini mempermudahbertemunya para penjual dengan pembeli.

682

PROOF


Bejubel.com adalah situs beranda jual beli gratis yang disediakan untuk memasang danmencari iklan, baik yang bersifat individual maupun profesional. Menjual dan membeliproduk-produk berkualitas tidak pernah semudah ini! Semua produk yang tersebar dipenjuru Indonesia dapat diperoleh tanpa perlu bersusah payah. Kini Bejubel.com telahmenempati rank kedua pada pencarian toko online di Google.

Mencari barang kesukaan Anda pada Bejubel.com dengan cepat, hanya denganmemasukkan kata kunci barang yang ingin Anda cari dan sekali klik lalu munculbeberapa kategori. Kategori yang bisa Anda pilih di Bejubel.com adalah perangkatkomputer, alat-alat rumah tangga, hewan peliharaan dan aksesorisnya, properti,elektronik, gadget, usaha jasa, jual laptop dan masih banyak lagi. Para sellerToko onlineturut merasakan kemudahan dari bejubel.com, mempromosikan barang-barang langsungke sosial media seperti Facebook dan twitter tentunya akan dapat meningkatkanpenjualan. Untuk buyer, Anda bisa temukan kemudahan mencari barang yang Andainginkan berdasarkan proximity dengan meng-klik ilustrasi peta yang ada pada halamandepan website bejubel.com.

Bejubel.com juga menyediakan tips seputar jual beli online yang terdapat di dalam blogbejubel. Hanya saja mungkin Anda masih kesulitan menemukan tips tersebut, karenapetunjuk tips tersebut hanya terdapat pada bagian “Berita Terbaru” bukan pada tabkhusus blog/tips di halaman depan.

Bejubel.com kini sudah dapat Anda temui pada sosial media antara lain: Facebook FanPage, Twitter, Kaskus, Koprol, dan Blogspot. Untuk menjadi anggota bejubel.com bisamenggunakan akun Facebook atau Twitter Anda, tidak sulit bukan? Dan tidak hanyayang memiliki Toko online saja yang berhak untuk berjualan online di bejubel.com, Andasebagai individu pun bisa melakukan penjualan.

Belanja murah, mudah, gratis daftar, dan tidak perlu beranjak ke luar rumah. Jadi Andatidak perlu ragu lagi untuk berbelanja online, segera kunjungi Bejubel.com dan rasakankemudahannya.


683



Pilihan Black atau White YouTube Video PlayerTuesday, August 16, 2011Sebelumnya anda mungkin hanya bisa menampilkan Video Player Youtubemenggunakan warna standar Light (white) saja, sedangkan saat tulisan ini saya buatmelalui situs resmi youtube Shannon Behrens mengatakan bahwa YouTube akan beralihke pemutar video gelap untuk semua embeds dalam beberapa waktu mendatang. Lalubagaimana jika anda sudah terlanjur ingin menggunakan warna Light saja sebagai warnastardar payer anda karena itu mungkin lebih sesuai dengan halaman blog anda saat ini.

Lihat Perbedaan Warna Player Video YouTube dibawah ini:

Untuk Light (white) Player:

<iframe src="http://www.youtube.com/embed/S1Q9bAochC0?theme=light" frameborder="0" width="575" height="350"></iframe>

Untuk Black Player:

<i f rame src="http: / /www.youtube.com/embed/S1Q9bAochC0?theme=dark"frameborder="0" width="575" height="350"></ i f rame>

Untuk Mengubah warna player sesuai selera caranya anda tinggal mengganti saja warnamerah pada source diatas. Semoga Berguna :)


Trik Sederhana Cara Proteksi Gambar di BlogFriday, August 19, 2011Rasanya sangat mustahil menghindari seseorang menyalin dan menyimpan gambaryang ada dihalaman blog anda. Hanya dengan melakukan klik kanan dan "save as"siapapun dapat dengan mudah mengambil gambar anda hanya dengan hitungan detik.

Nah disini sebenarnya ada Trik Proteksi sederhana yang bisa anda lakukan untukmenghindari gambar anda di simpan dari tangan-tanagn jahil, dimana hasil dari gambaryang dicoba disimpan nantinya hanya berupa gambar kosong.

Untuk uji coba silahkan klik kanan dan "save as" gambar dibawah ini:

Kode standar dari gambar biasanya seperti ini:

<img width="500" height="375" src="http://www.o-om.com/contohgambar.jpg"/>

Dengan menerapkan kode sederhana dibawah ini yaitu dengan hanya mengubah artibutsrc dan penggunaan css style langsung pada gambar maka cara Trik dibawah ini akanmenciptakan gambar kosong pada hasil download.

684

PROOF


<img style="background-image:url('http://www.o-om.com/contohgambar.jpg');"s r c = " d a t a : i m a g e / g i f ; b a s e 6 4 , R 0 l G O D l h A Q A B A I A A A P///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="500" height="375"/>

Ingat! selalu pastikan ukuran size dari gambar harus sama dengan aslinya. WalaupunTrik ini menurut saya tidak 100% akurat paling tidak khan cara ini bisa sedikitmengurangi dari tangan pengguna yang non-teknis :)


Cara Meningkatkan Traffic dan Visitor viaPlipeo.comMonday, September 12, 2011 Plipeo.com Mungkin rekan blogger belum banyak yang mengetahui cara meningkatkantraffic dan Visitor dengan Mudah dan cepat serta sedikit menghilangkan kejenuhanbahkan ketergantungan berharap mendapatkan traffic yang hanya datang pada searchengine atau blogroll dari blog lain, dan itu pun jarang karena adanya beberapa faktor lain.

Sekarang sobat blogger tidak perlu khawatir, karena sudah adanya Layanan SocialTraffic Exchange yang dikhususkan untuk para blogger yaituPlipeo.com. Plipeomenghubungkan Blog sobat ke blog lainnya yang sudah menjadi jaringan dariPlipeo.com dan sudah banyak yang menggunakan layanan ini karena mampumeningkatkan Traffic hingga 300%! serta mendatangkan Real Visitor atau pengunjungyang benar-benar tertarget ke blog anda.

Oke deh sekarang langsung saja saya akan menjelaskan cara mendaftar agar cepatmendapat Traffic dan Visitor dari Plipeo.com atau layanan Traffic Exchange untuk parasobat blogger sebagai berikut:

• Silakan sobat persiapkan blog yang akan di daftarkan lalu silakan buka halamanPlipeo.com untuk mendafar atau bisa langsung mengunjungi link berikuthttp://plipeo.com/webmaster/signup.

Klik Daftar

• Jika sudah pada halaman daftar silakan sobat isi data yang sesuai seperti Websitedi isi dengan Url blog, Nama, Email serta Traffic Harian dari blog sobat. dan Plipeotidak membatasi traffic jadi semua blogger bisa mendaftar dan mendapatkan traffic.

Daftar Plipeo.com

685



• Jika sobat sudah mendaftar maka akan langsung di terima menjadi member dariplipeo, dan langkah selanjutnya yaitu sobat wajib Memasang Widget dari Plipeodengan mengunjungi halaman Widget Anda ambil code widget tersebut lalu pasangdi Blog sobat, bisa di sidebar atau tempat lainnya dan jangan lupa untuk memilihkategori yang ingin di munculkan pada widget serta sedikit memodifikasi Widgetnyaagar terlihat indah pada blog sobat

Halaman Widget

• Setelah memasang Code Widget pada Blog sobat silakan sobat kirim artikel sobatdengan memilih Tambah Posting Anda, silakan isi Url, Judul ( Usahakan semenarikmunkin dan berbeda pada blog sobat, deskirpsi artikel, Tag, lalu Url gambar agarartikel yang sobat masukan terlihat menarik lalu klik submit menyatakab artikel sobatitu original dan tidak sama dengan yang lainnya.

Kirim Artikel Sobat

686

PROOF


• Bila sobat sudah kirim artikel sobat maka team dari Plipeo.com akan mereviewpostingan serta widget yang ada di blog sobat, jika sudah benar artikel Tidak hasildari Kopas ( Copy Paste ) dan widget terpasang maka artikel sobat akan langsungdisebar ke jaringan plipeo.

itulah beberapa langkah untuk bergabung,mudah bukan. :) . Layanan seperti inisudah banyak di Eropa dan Plipeo.com

satu-satunya penyedia layanan Traffic Exchange serupa di Indonesia. dan lihat gambardibawah salah satu contoh blog yang menggunakan Plipeo mendapatkan traffic hingga277%.

Traffic Hingga 277%!!

dan tambahan buat sobat blogger, saat ini plipeo sedang mengadakan sebuah kontesReview Plipeo.com jadi sobat hanya menulis artikel tentang mereka atau tutorial terserahsobatlah lalu masukan artikel sobat ke plipeo dengan memasukan ke kategori SupportUs dan Total hadiah yaitu sebesar $100 untuk 2 pemenang. kabarnya akan ditambahhadiahnya. silakan lihat pengumumannya di http://blog.plipeo.com untuk keteranganlebih lanjut.

Salam Blogger Indonesia :)Published by Blogger TutorialsSponsored Link by Blogger Templates | Free Blogger Templates | Zoom Application |Digital technology

Blogger Templates 2012: Blogger Store V2Tuesday, October 04, 2011This is Blogger Store v.2 the best blogger templates 2012 ever made. Comes with moreelegant, simple and fresh fresh design. Its beauty can you see in the background patternon the body and main content combined with appropriate background color.

687



|What the features of Blogger Store v2 ?

Live DemoDownload

I added some new features that do not exist in previous versions, and here the featuresyou can find on this template.

1. SimpleCart.js v2.2.2.

This template still using SimpleCart.js v.2.2.2 by The Wojo Group as ShoppingCartframework. Since I did some editing on this script, now you can using Indonesian Rupiah(IDR) for the currency. But it’s just a fake because Indonesian Rupiah currently not listedon Paypal.

2. Animated ShoppingCart

I added a little animation effects on shopping cart, at default position he would not bevisible and show only the total item and the total price and will be visible if you click onshopping cart menu. It will further reduce the use of space on your blog page

2. Superfish Menu.

I’ve added 2 pieces of dropdown menu, Top Secondary and Primary menu. I usesuperfish for it because I think superfish is better and give a softer effect than jQuerysliding menu on blogger store old version.

3. Automatic Featured Content with jQuery Carousel Fred.

As my framework i always using automatic methode for all of my template. and speciallyfor Blogger Store v2.0 I’m using Automatic featured content from jQuery Crausel Fredv.4.5.2, this is automaticly work to displaying product by label or recent product also candisplay from another source, just need a several setting.

4. Grid and List Style post integrated with jQuery Plugin.

688

PROOF


This is a great one !! you will see two view style on this template, default is Grid style andwill be change to List style if you click switcher button. This feature is integrated withjQuery Cookie Plugin, so the visitor can see style of the last time they visited.

5. Advanced Blogger Template Designer Support

This feature gives you flexibility to customize the background and color of template onTemplate Designer, so you can get unlimited color and unlimited font for your template,available for :

• Body Background Color• Main Text Color• Font Style and Size• Text Link Color• Background Menu Color• Background and border for Shopping Cart Color

This template also have several additional features:

6. Social Bookmark Icon

7. Search Form

8. Ads Space

9. Animated Sponsors Logo

10. Pattern Background.

I hope you like this template..


SERP SEO Tool Khusus Untuk Kontes SEOSaturday, October 22, 2011Search Engine Results Page (SERP) Tool ini merupakan SEO Tools yang dirancangkhusus untuk memudahkan sobat melacak kata kunci target di Search Engine Google. Inisangat berguna buat sobat yang sedang ikutan kontes atau sekedar hanya untukmelacak posisi keyword target di Google.

Cara melacak:1. Untuk mencobanya silahkan Langsung ke Sini2. Masukan Kata Kunci (keyword) yang sedang di ikutkan dalam Lomba SEO Kontes.3. Masukan Alamat URL Blog yang sedang di lombakan (bisa url saingan atau urlsendiri).4. Pilih target URL Google misalkan lomba diadakan pada Google.com atau Google.co.id(Indonesia).5. Selalu pastikan memilih YES untuk membersihkan Cache Browser agar hasilpencarian Maksimal.

689



6. Jika target ditemukan, hasil Pencariandilacak per 10 result dan ditandai denganpada nomor halaman.Semoga Tool diatas bermanfaat :)Published by Blogger TutorialsSponsored Link by Blogger Templates |Free Blogger Templates | Zoom Application| Digital technology

690

691

Non-customer created content © SharedBook and its licensors. All rights reserved by their respective parties. Patents pending for the SharedBook technology. NOT FOR RESALE. For personal, noncommercial use only. LIABILITY LIMITED TO COST OF PRODUCT.

0100990826

blogblog

blog b

log bl

og bl

og

BLOG

Blog

blog

Blog

BLOGblog

blog

blog BLOG

BLOG

Blog

Blog

Blo

blogblogblogblog

blog

blog

blog

BlogBLOGBlog

BLOG

BLOG

LOG blog

blog0100990826