Art Fussion Blogger

Cara Mengganti Tema/Tampilan Facebook

noreply@blogger.com (Yohanes Ari) — Thu, 19 Jan 2012 09:29:00 +0000

Kalo sebelumnya kita udah belajar gimana caranya merubah tema/tampilan facebook, sekarang waktunya kita merubah tampilan atau layout Facebook. pasti kalian udah nunggu2 artikel ini ditulis kan? maap ya, aku juga ngadain riset dulu sebelum nulis poting ini, ternyata berhasil ! jadi sekarang ilmunya bisa aku share lagi ke kalian.
hehehe. .
Tapi, tips ini cuma berlaku buat pengguna mozilla firefox aja, jadi pengguna opera dan internet explorer sabar dulu yah, sebenernya aku tau caranya, tapi aplikasi facebooknya lagi eror, aku coba2 terus tetep eror juga. huhu gimana donk ?!

Jadi gini caranya gan ( buat mozilla firefox ya. . ) :

1. download add ons mozilla (user style) klik disini
2. klik add to firefox - install now - jika proses instalasi selesai restart mozilla firefox.
3. pilih tampilan Facebook yang kamu inginkan di http://userstyles.org/styles/site/facebook.com
4. Nah disitu kan banyak pilihan, kalian coba klik salah satu misalnya "Facebook Dark", Nanti di pojok kanan atas ada tulisan "How to install", nah kalian klik "install with stylist", trus klik install.
5. Abis itu kamu langsung liat profil Facebook kamu, udah langsung berubah tu.hehe...

Untuk hasil layout Facebook Dark kayak gini nih :

tapi kalo belum bisa, wah coba kamu cek di Tools - add ons - kamu liat disitu udah ada User Style-nya belum? kalo tetep gak bisa, coba ulangi langkah nomor 1 buat nginstall User Style, jangan lupa di Restart mozilla Firefox-nya. Kalo belum di restart belum ketauan udah ke-install apa belum.hehe...

Oh iya, aku lupa ngasih tau cara balikin seperti semula. Aku gak tega ah ntar kalian malah nangis gara2 tampilan facebooknya jadi aneh trus gak tau cara balikinnya.hoho...
Caranya masuk Tools - Add ons - User Style - klik Uninstall layout yang kamu install tadi, ntar kan balik seperti semula.
Trust me !

NB :
1. Perubahan warna ini hanya berlaku pada PC yang udah terinstall dengan aplikasi tersebut. kalo kamu install lewat warnet juga sama aja, toh kalo komputer di restart aplikasi tersebut akan otomatis terhapus. Aplikasi ini cocok buat orang - orang yang punya PC sendiri dirumah. buat yang suka ol di warnet sabar dulu ya...

2. Perubahan warna ini hanya bisa dilihat dari PC kamu sendiri dan temen2 yang udah punya aplikasi ini,buat temen-temen facebook kamu yang belum punya aplikasi ini di PC-nya tetap ngliat tampilan facebook yang standar.

Selamat mecoba gan. . !! jangan lupa tinggalin comment ya kalo berhasil.hehe...
kepuasan kalian kepuasan aku juga. .

Contoh Kreatif Gambar Cover/Sampul di Facebook Timeline/Kronologi

noreply@blogger.com (Yohanes Ari) — Thu, 12 Jan 2012 12:44:00 +0000

Sejak Google meluncurkan produk barunya Google Plus, Facebook seakan tak mau kalah tersaingi dan bahkan terus melakukan perubahan dan inovasi yang luar biasa. Ada banyak perubahan yang sudah dilakukan facebook, mulai dari fitur news feed, recent story, Video call, dan yang terbaru ini adalah Facebook Timeline.

Tepatnya kemarin, tanggal 15 Desember akhirnya facebook resmi merilis fitur baru dari Facebook Timeline ini untuk umum. Beruntung saya sudah mencicipi fitur Timeline ini jauh hari sebelum fitur ini di rilis. Jadi saya tidak terlalu heboh dengan peresmian ini kemarin.

Buat anda yang belum mencobanya, perlahan anda pasti akan di ajak untuk menikmatinya, karena fitur timeline ini akan menjadi halaman default profil kita yang bisa di lihat untuk semua pengguna facebook.

Anda sudah tau apa itu facebook Timeline? Facebook timeline / Kronologi atau dalam bahasa indonesia Garis Waktu adalah halaman profile facebook yang bisa menampilan informasi berdasarkan garis waktu. Informasi pengguna ini bisa dilihat dari awal kelahiran, mendaftar ke facebook sampai waktu saat ini yang berisi berita foto, status ataupun kegiatan yang pernah kita isi. Keren juga ya kelihatannya!

Apa saja yang menarik di facebook timeline ini? Dengan facebook timeline ini kita bisa menampilkan info, foto dan kegiatan berdasarkan waktu tertentu. Selain itu, perubahan header profile memungkinkan kita untuk memasukan gambar cover sesuai keinginan kita. Dengan demikian kita bisa lebih bebas berekspresi dalam hal mengolah tampilan profile kita sendiri.

Coba lihat gambar profile dibawah ini, siapa tahu bisa menginspirasi anda untuk lebih kreatif lagi :

Contoh Foto Cover/Sampul (atas) punya ane di Facebook.

Buat anda yang belum mencoba fitur facebook timeline / kronologi ini, anda bisa langsung mengaktifkanya klik link ini : Facebook Timeline.

Semoga bermanfaat..!!

Baca juga Cara Membuat Sendiri Cover/Sampul Facebook Keren dan Menarik !!

Membuat Foto Cover/Sampul Facebook Keren dan Menarik

noreply@blogger.com (Yohanes Ari) — Thu, 12 Jan 2012 12:02:00 +0000

Salam semuanya, kali ini saya ingin menulis lagi tentang bagaimana cara membuat cover / sampul Facebook yang keren dan Unik. Berhubung sudah banyak teman yang minta tutorialnya, jadi saya buat aja sekarang. Siapa tahu bisa bermanfaat buat kalian semua.

Seperti kita ketahui, versi Facebook Timeline yang sekarang ini menggunakan 2 buah gambar untuk di tampilkan di halaman profile kita. Pertama gambar kecil, yang di gunakan untuk sebagai Avatar kita, dan kedua gambar besar untuk di tampilkan sebagai cover / sampul.

Contoh Gambar Kreatif Cover/Sampul facebook timeline/kronologi

Sebelum melanjutkan tutorial ini, pastikan anda sudah mengaktifkan tampilan Facebook Timeline / Kronologi ini. Caranya silakan buka link ini Facebook Timeline. Pada bagian bawah ada tombol “Dapatkan Kronologi”. Klik dan seketika facebook anda akan berubah tampilan menjadi Facebook Timeline / Kronologi.

Sekarang bagaimana membuat cover / sampul yang keren di profile Facebook? Caranya gampang banget! Tapi saya punya 2 cara disini. Silakan kalian ikuti caranya berikut ini :

Cara Pertama :
Di luar sana sudah banyak website yang meyediakan gambar unik untuk di jadikan sampul facebook. Salah satunya, anda bisa mencoba melalui link ini : MyFBCover.com atau Coverphotoz.com. Jika anda buka, disana sudah tersedia gambar sampul yang keren. Anda tinggal memilih sampul mana saja yang paling anda sukai. Tenang saja, semuanya gratis kok! :)

Tetapi untuk lebih eksis lagi kalian gunakan foto sendiri saja. alangkah baiknya kita untuk mencoba editan sendiri.

Cara Kedua :
Nah, kalo cara pertama tadi kita cuma memilih gambar sampul yang sudah ada (instant), cara kedua ini kita akan membuatnya manual dengan Photoshop. Hasilnya tentu saja akan lebih memuaskan, karena benar-benar karya sendiri. Tertarik untuk mencobanya? Minimal anda harus punya sedikit skill menggunakan Photohop ya.

Oke, sekarang download dulu template sampul file PSD disini. Setelah itu buka dengan photoshop. Maka anda akan mendapati sebuah kanvas dengan layer yang sudah di tentukan ukurannya. Yakni 851 x 315 untuk gambar sampul dan 125 x 125 untuk foto avatarnya. Sekarang anda bisa berkreasi menghiasi kanvas tersebut sesuai keinginan anda, bisa dengan foto, teks, atau apa saja. Disana juga suda saya sertakan potongan slice, anda bisa menggunakannya untuk memisahkan potongan sampul dan gambar avatar.

Jika selesai, silahkan di save dan kemudian kita siap meng-uploadnya.

Cara Mengupload :
Buka halaman profile facebook anda, pada bagian atas tampilannya kurang lebih seperti ini:

Untuk memasang sampul, klik tombol “Tambahkan Sampul”, atau jika ingin mengganti foto avatar, anda bisa hover mouse anda ke foto avatar dan akan muncul tombol “Sunting Gambar Profile”. Silakan upload gambar yang sudah anda buat tadi di photoshop. Tunggu beberapa detik dan selesai… Mudah bukan??

Oh ya.. gambar profile avatar yang kita buat di photoshop tadi ukurannya 125 x 125 kan? Sementara facebook tidak mengijinkan kita meng-upload foto dengan ukuran kurang dari 180 x 180. Solusinya, kita bisa resize foto profile yang 125 x 125 itu ke ukuran 180 x 180 dengan Photoshop. Dengan demikian kita bisa menguploadnya ke Facebook.

Untuk Membuat foto Cover/Sampul Facebook secara Online baca Artikel Di sini !!

Selamat Mencoba !!

Membuat Sampul/Cover Facebook Online?

noreply@blogger.com (Yohanes Ari) — Thu, 12 Jan 2012 12:01:00 +0000

Untuk membuat cover facebook timeline online dibutuhkan sebuah kreasi kreatif yang lumayan tinggi agar bisa timeline facebook tampil beda dan lebih menarik.

Nah apabila anda kurang menguasai ilmu mendesain photografi lewat software rasanya agak kesulitan sebab covernya harus bisa sinkron dengan tampilan timeline itu sendiri, namun demikian tidak perlu kuatir ada cara mudah untuk bisa membuat cover/sampul timeline facebook anda menjadi lebih menarik dan tidak terkesan jadul tanpa harus memiliki keahlian mendesign.

Berkut caranya :

Silahkan anda masuk ke penyedia layanan sampul timeline facebook di bawah ini terus anda download cover/sampul timeline menurut selera anda.

1. http://facebookcoverwallpapers.com/

2. http://coverize.me/

4. http://www.fbcover.blogspot.com/

5. http://www.premiumcovers.net/

7. http://profilecover.net/

8. http://facebookcovers.org/

9. http://www.faceitpages.com/facebook-time

10. http://www.myfbcovers.com/

11. http://www.newfacebookbanners.com

13. http://www.facecoverz.com

14. http://www.thesitecanvas.com

15. http://www.fbcoverpix.com

16. http://www.99covers.com

17. http://www.myprofilecover.com

Bagaimana mudah bukan ? sekarang tampilan cover timeline facebook anda akan lebih menarik yang otomatis orang lain yang membuka akan betah parkir di facebook anda.

Baca juga Cara Membuat Sendiri Cover/Sampul Facebook Keren dan Menarik !!

58 Widget Untuk Mempercantik Blog

noreply@blogger.com (Yohanes Ari) — Thu, 12 Jan 2012 02:12:00 +0000

WIDGET jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog Anda. Widget sendiri merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal dari third party atau pihak ketiga.

Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang Anda perlukan (biasanya) hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy script yang telah disediakan dalam element blog Anda. Nah berikut ini 58 widget pilihan untuk mempercantik tampilan blog Anda.

Note: Saya sarankan jangan terlalu berlebihan memasang widget karena selain agama juga melarang *kesannya* memasang widget yang berlebih-lebihan *terlalu banyak* bisa mengakibatkan blog jadi terkesan kumuh dan membebani loading halaman blog Anda sehingga tidak menutup kemungkinan terjadi PLP.

1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia ~~lain~~ blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen My-Bloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab sangat* So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahuu.

2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.

3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.

4. Flickr Flash Photo Stream Badge – Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.

5. Preview Anywhere – sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang selalu ada; sebagian menganggap widget ini berguna karena menandakan kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang lojalabo.

6. Twitter Badge – Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* (140 karakter) Anda sedang melakukan kegiatan ini, Anda sedang berada dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru Anda. Dan untuk pengguna WP sudah ada plugin untuk memposting twitter langsung dari blog Anda.

7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah… Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.

8. FEEDJIT – Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* . Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.

9. LineBuzz – Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi ~~di atas 900 Mhz~~ tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*

10. Flixn – Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda . Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam yahoo.

11. 3Jam – Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.

12. Jaxtr – Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda. *nomor HP Anda dijamin kerahasiaannya*

13. LinkedInABox – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.

14. Box Widget – Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.

15. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.

16. iBegin Weather Widget – Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.

17. ClockLink – Sepertinya widget ini yang paling banyak diminati dan digunakan para blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan petunjuk waktu atau jam pada blog Anda.

18. Film Loops – Menampilkan kesimpulan filem terakhir yang Anda tonton melalui account FilmLoops Anda.

19. Daily Painters – Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.

20. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.

21. Criteo AutoRoll – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda. Sehaluan…? Secara…!

22. Calender – Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika Anda ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.

23. Bitty Browser – Menampilkan web browser “mini” pada sidebar blog Anda. Tapi mesti hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang lainnya… *beuh ga nyambung*

24. Leafletter – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.

25. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.

26. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.

27. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler abad ini… dialaaaaaaah Technoraaaaati. *juara tinju dunia kita* halaaaah.

28. MyPageRank – Inilah cara lain untuk ~~sombong~~ menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik menurut google itu yang lebih besar alias 10, kalo baru satu berarti belum besar-besar amat blog Anda.

29. CheckPageRank – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.

30. Counter Statistic – Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.

31. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.

32. BlinkxIt – Widget mantab sangad karena menampilkan banner kecil dibawah setiap postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.

33. Skype button – Seperti widget menampilkan status online YM pada blog Anda, widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.

34. RockYou Horoscope – Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari shalat Anda tidak diterima *mode galak*

35. Bravenet Horoscope – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.

36. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.

37. del.icio.us Linkrolls – Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.

38. Timelines – Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.

39. PollDaddy – PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey ~~interaktif padamu negeri~~ dengan theme yang sangat cantik dan menawan hati tanpa batas waktu ~~yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua~~.

40. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.

41. AnswerTips – Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah mas tukul*. pis mas…

42. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban ~~segala risau hatiku~~ dari Answer.Com.

43. Now Playing – Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal itu mungin terjadi.

44. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada blognya dia, mereka dan dirinya. *jangan maksa deh*

45. LibraryThing – Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!

46. Plaxo Address Book – Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.

47. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan catatan pengunjung blog Anda membeli barang lelang tersebut.

48. aStore – Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo belum Klik Disini untuk daftar dan langsung buat “warung sederhananya”.

49. Deal of The Day – Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang dari widget tersebut tentu Anda mendapat persenan dari amazon, lumayanlah buat beli kacang goreng.

50. Plazes – Widget ini menampilkan dimana posisi Anda, apakah sudah PW atau belum…? Kalo belumPW cari dulu deh tempat yg nyaman buat ngeblog biar PW . Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*

51. Stockalicious – Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang*

52. Yahoo! For Good – Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa sosial, rasanya widget ini perlu, anggap saja blog Anda warung atau toko yang menerima penitipan kotak amal.

53. Giftspace – Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan. *meski diberi nawar boleh donks*

54. MixMap – Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.

55. Google Map Widget – Perlihatkan pencarian pada peta google dari blog Anda.

56. Google Video Search – Tampilkan form pencarian video dari video pilihan pada blog Anda.

57. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.

58. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa Anda gunakan diantaranya,Shoutmix, Cbox, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih Oggix. Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar. Pssst jangan bilang kalo saya udah nyoba blognya oggix.

Demikian diantara widget yang bisa digunakan untuk mempercantik blog Anda. Pilih saja yang sekiranya bermanfaat dan cocok untuk blog Anda. Ingat! Kebanyakan widget bisa mengesankan blog Anda kumuh dan membuat lojalabo dan berakibat pengunjung malas untuk datang kedua kali.

Kalo mau menambahkan widget lain yang Anda temukan silahkan tambahkan pada kolom komentar. Terimakasih.

Cara Update Status Halaman Facebook Lewat Twitter

noreply@blogger.com (Yohanes Ari) — Sun, 08 Jan 2012 16:32:00 +0000

Sekarang facebook semakin memberikan kemudahan dalam cara menghubungkan twitter dengan facebook, yang nantinya akan sangat memudahkan dalam update status facebook lewat twitter, sebenarnya cara ini sudah lama di postingkan , tapi . .apa salahnya untuk kita sharing kepada sobat-sobat semua yang belum tahu cara update status facebook melalui twitter. Penasaran bagaimana caranya? hehe. .
Langkah-langkahnya :
1. Login Facebook anda.
2. Masuk ke link dibawah ini :
www.facebook.com/twitter
3. Pilih "Tautkan sebuah Halaman ke Twitter"

4. Selanjutnya anda diharuskan login Twitter, dan klik "Allow".
Ikuti petunjuk selanjutnya hingga selesai.Saya tinggal dulu ya...Langkahnya mudah kok, dicoba sendiri pasti bisa.hehe...

selamat mencoba!

Cara Mendapatkan Kembali Password Facebook yang di Hack

noreply@blogger.com (Yohanes Ari) — Sun, 08 Jan 2012 04:52:00 +0000

Hacker Facebook saat ini sudah merajalela, Mengapa begitu? karena hack facebook digolongkan menjadi kategori yang sangat mudah "it's very easily". Jika facebook kita pernah dihack dan sampai sekarang belum bisa login, tenang! karena posting ini akan membantu anda mengembalikan akun facebook yang di hack ..

Jika facebook sudah di-hack pasti tidak bisa login lagi bukan? seperti gambar dibawah:

Anda tidak perlu panik, karena cara merebutnya kembali sangat mudah!
Asalkan kita masih bisa login email kita. Itu saja!

Ikuti langkah-langkah dibawah :
1. Klik "Minta yang baru".

2. Masukkan email Facebook anda lalu "Lanjutkan"(kayak slogan Pak SBY) hueheuheueh..

3. Pilih "Atur ulang kata sandi saya"

4. Sekarang Login Email anda, karena facebook akan mengirimkan "Kode Reset Konfirmasi".
5. Jika sudah, copy "Kode Reset Konfirmasi" ke dalam kolom berikut lalu "kirim"

Selamat!! anda sudah bisa menggunakan facebook anda lagi.
Oh ya tips ini selain untuk Mendapatkan Kembali Password Facebook yang di Hack tapi bisa juga bagi yang lupa password. hihi...
Semoga bermanfaat ..

Cara Menampilkan Situs Facebook di Blog

noreply@blogger.com (Yohanes Ari) — Sun, 08 Jan 2012 04:10:00 +0000

Di Tips dan Tricks ini, akan menjelaskan bagaimana cara menampikan situs facebook di blog kamu.Tentunya tanpa widget, melainkan object HTML code. Situs facebook yang ditampilkan berupa situs facebook resmi, www.facebook.com .. Nah penasaran sama kode objek HTML-nya?

Langkah-langkahnya :
1. Login Blogger kamu.
2. Pilih Tata Letak lalu Elemen halaman.
3. Klik Tambah Gadget di sidebar yang kamu inginkan.
4. Masukkan kode objek HTML berikut ini :

<object type="text/x-scriptlet" data="http://www.facebook.com" height="300" width="100%"><br></object>

5. Klik Simpan.

Keterangan : Kamu juga bisa mengatur lebar dan tinggi objek tersebut dengan mengganti nilai pada height="300" width="100%".

Hasilnya seperti ini :

Selamat mencoba!

Baca Tips dan Tricks Lainnya disini !!

Jika harus reset password setiap login facebook

noreply@blogger.com (Yohanes Ari) — Fri, 06 Jan 2012 15:12:00 +0000

Gak banget kan setiap login facebook harus reset password terus? Kemarin ada teman saya menanyakan kenapa setiap mengakses facebook harus relogin terus. Hmm...kalau di nalar kan harusnya ada 2 orang bersamaan yang sedang mengakses facebook teman saya ini. Tapi olehnya email telah diganti begitu juga dengan password, namun masih tetap begitu. Yaah karena kurang tau seluk beluk permasalahannya saya hanya menyarankan untuk mencari jawabannya di help center facebook.hehe... Wah malah bicara ngalor-ngidul , monggo ini adalah cara yang harus dilakukan jika harus reset password setiap login facebook :

1. Jika diminta untuk membuat ulang sandi setiap kali login, mungkin masalah anda terkait dengan web browser. Untuk menghapus cache browser dan cookie, ikuti petunjuk di sini.

2. Jika tetap mengalami masalah, ganti kata sandi/password di sini.

3. Jika masih harus me-reset sandi setiap kali login ke Facebook, cobalah untuk login dengan web browser yang berbeda.
* Jika belum memiliki Microsoft Internet Explorer Silahkan download di sini.
* Jika belum memiliki Mozilla Firefox Silahkan download di sini.
* Jika belum memiliki Apple Safari Silahkan download di sini.
* Jika belum memiliki Google Chrome Silahkan download di sini.

4. Jika Anda masih mengalami masalah ini setelah mengikuti langkah-langkah di atas, klik disini.

Cara di atas bukan cara ngawur lho , tapi saya ambil dari situs resmi facebook "help center", berikut sumbernya http://www.facebook.com/help/?page=174

Jangan Lupa klik tombol like gan !!

Bantu melaporkan akun facebook teman Anda yang bermasalah

noreply@blogger.com (Yohanes Ari) — Fri, 06 Jan 2012 14:06:00 +0000

Jika teman anda mempunyai masalah dengan akun facebooknya, kita juga bisa membantunya melaporkan masalah akunnya ke pihak facebook, karena saat ini facebook sudah menyediakan fasilitas tersebut. Kasian kan kalau teman kita sudah berjuang sekuat tenaga mengirim laporan ke facebook namun tidak ada satu pun yang ditanggapi. Fasilitas ini mungkin akan membantu teman anda. Berikut selengkapnya.

Jika anda ingin membantu teman anda melaporkan masalah akun facebooknya ke pihak facebook, silahkan masuk ke link berikut ini:

www.facebook.com/help/contact.php?show_form=email

Pilih salah satu dari sekian banyak masalah yang teman anda hadapi, seperti contoh dibawah :

Jika cara ini masih belum bisa, silahkan anda temukan solusinya dan cari di google yang mungkin bisa membantu permasalahan akun facebook teman anda.

Semoga bermanfaat!

Jangan lupa klik tombol like gan !!

Ingin Berlangganan Notification Facebook lewat ponsel/handphone?

noreply@blogger.com (Yohanes Ari) — Fri, 06 Jan 2012 13:52:00 +0000

Mungkin cara ini sudah banyak orang yang tau, namun kali ini facebook tips akan menjelaskan lagi cara berlangganan notification atau pemberitahuan facebook melalui handphone atau ponsel, bisa juga lewat blackberry, iPhone, Android dll.hehe... Fasilitas ini sudah disediakan facebook sejak lama, jika anda sering mengutak-atik pengaturan akun anda pasti taulah sama fasilitas yang satu ini.

Caranya adalah sebagai berikut :
1. Login facebook anda.
2. Masuk ke Pengaturan akun.

3. Pilih tab Seluler.

4. Pertama anda bisa memasukkan nomor handphone anda terlebih dulu.
5. Jika sudah anda bisa setting ulang notification apa saja yang ingin anda dapatkan, seperti Kapan sebaiknya SMS pemberitahuan dikirim ke ponsel saya? Berapa banyak SMS pemberitahuan yang harus dikirim? dan sebagainya ...

6. Setelah itu klik Simpan Refrensi. Perlu diingat fasilitas ini sepertinya tidak gratis untuk pengguna selain kartu 3, jadi pikir-pikir dulu jika ingin berlangganan notification.hehe...

Itu saja tips saya kali ini, semoga bermanfaat.

Jangan lupa klik tombol like gan !!

Facebook'an Gratis menggunakan 0.facebook.com

noreply@blogger.com (Yohanes Ari) — Fri, 06 Jan 2012 13:23:00 +0000

Bagi pengguna ponsel sangat dianjurkan untuk mencoba situs facebook mobile yang 1 ini, yaitu 0.facebook.com. Oh ya selengkapnya tentang 0.facebook.com sudah saya bahas sebelumnya. Bagi yang malas mencoba mungkin karena malas, gak tau caranya, gak ada pulsa(eit ini gratis sob) naah di posting ini saya akan memberikan langkah-langkahnya agar memudahkan anda menggunakan situs gratis 0.facebook.com melalui ponsel. Cekidot!

1. Daftarkan dulu nomor handphone anda ke situs 0.facebook.com melalui link dibawah :
http://www.facebook.com/mobile/?ref=pf
2. Klik Lihat instruksi.
3. Pilih negara anda dan pilih operator yang anda gunakan, lalu klik 'Selanjutnya'. (yaaah... indosat ternyata belum ada, jadi gak bisa pake deh saya..bzzzz!!!!)
4. Kemudian Masukkan nomor handphone anda lalu klik 'SMS tautan ke ponsel saya'.
5. Selesai sudah.

Gunakan 0.facebook.com mulai sekarang, karena disini kalian dapat membuka akun facebook anda dengan cara GRATIS (tanpa bayar).
Semoga postingan ini bermanfaat bagi para Facebooker

Jangan lupa klik tombol like gan !!

Free Download Plants Vs Zombie (new version)

noreply@blogger.com (Yohanes Ari) — Fri, 06 Jan 2012 11:42:00 +0000

Plants VS Zombies adalah sebuah Game PC keluaran PopCap!, dimana para zombie ini akan memangsa anda. Tapi jangan kuatir, anda bisia menyelamatkan diri anda yaitu dengan melawannya dengan persenjataan dari tanaman yang anda tanam di pekarangan rumah anda sehingga para zombie tersebut tidak bisa memasuki rumah anda.

Di dalam game Plants VS Zombies ini terdapat beberapa versi permainan, seperti puzzle, arcade, dan sebagainya. Tiap level nya anda mendapatkan sebuah kartu yang berisi bibit tanaman yang merupakan penghalang atau senjata anda untuk melawan dari para zombie tersebut. Anda tidak bisa langsung membuka jenis game lainnya sebelum anda menyelesaikan sampai tingkat tertentu, sehingga menu versi permainan lain terbuka dengan sendirinya.

Kali ini PopCap! telah merilis game Plants VS Zombies terbaru yaitu Plants VS Zombies 2, game versi yang kedua ini lebih keren dibandingkan dengan versi yang pertama, dengan fitur tambahan ZOMBATAR atau membuat avatar zombie untuk anda, serta tambahan beberapa mini-games dan puzzles.

Apakah anda ingin memiliki game seperti ini ??
Silahkan download link dibawah ini : Gratis !!

Free Download Game Plants Vs Zombies + Patch
Free Download Game Plants Vs Zombies 2

Untuk Cheat Application Game Plants Vs Zombies :
Download Plants Vs Zombies Trainer
Download Plants Vs Zombies 2 Trainer

Cara Pasang YM! Icon Pada Blog

noreply@blogger.com (Yohanes Ari) — Fri, 06 Jan 2012 09:48:00 +0000

Mungkin para blogger jalang n’ bloggerwati udah pada tau yah cara masang YM! status pada web / blog. Buat isi-isi blog aja, juga buat nambah list link di mbah gugel.

Logo/ikon pada YM! sebenernya ada banyak. Pihak Yahoo! sendiri telah menyediakan 10 macem ikon status Online. Tapi kebanyakan dari kita cuman tahu 2-3 macam aja.

Berikut gambar ikon YM ! yang sering kita lihat di web/blog :

Nah, terus gimana caranya supaya kita bisa ganti ikon-ikon dengan yang lain?

Yaitu dengan cara mengganti angka yang ada pada kode sekript.
- Cara Pemasangannya sangat mudah, ikuti langkah berikut :

Seperti biasa , Login ke Blogger anda.
Kemudian Pilih Rancangan, masuk pada Elemen Halaman.
Lalu Tambahkan Gadget :

Pilih HTML/JavaScript :

Berikut copy pastekan kode sekript YM! :

<a href="ymsgr:sendIM?bl4ck_sw33ter" title="YM! Status Indicator" />
<img src="http://opi.yahoo.com/online?u=bl4ck_sw33ter&m=g&t=1" border="0"></a>

Catatan :

Huruf tebal warna merah, diganti dengan ID YM! punya kamu.

Angka warna biru, diganti dengan angka type ikon.

Berikut ikon yang disediakan dari pihak Yahoo! Messenger :

Silahkan anda pilih nomer untuk gambar yang akan di pilih .
kemudian simpan. SELESAI !!

itulah tadi cara bagaimana memasang YM! Icon Pada Blog, semoga artikel ini dapat berguna bagi kalian semua.

Jangan lupa klik tombol like gan !!

Membuat Icon Twitter Terbang di Blog

noreply@blogger.com (Yohanes Ari) — Thu, 05 Jan 2012 16:02:00 +0000

Sebenarnya sudah banyak tool atau widgets untuk meletakkan twitter widgets di blog, bisa anda mencarinya di Google dengan keyword “twitter widgets” maka anda bisa menemukan puluhan situs yang memberikan cara memasang widgets twitter pada blog.
Salah satu yang saya pakai pada blog saya ini adalah icon twitter yang bisa terbang.
Banyak juga yang menanyakan “gimana sih bikin logo atau icon twitter bisa terbang gitu..???”

Berikut ini akan saya berikan script code nya :

<script type="text/javascript" src="http://kangdadang.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis3iDC43nY_M03t4dWHlkzmRYzcwmuOWhnYAYQhIOFvw32pZlP5eDLRfcXh8DnuMdInFBVjbt6LpCkxj9vs-SqUpMCze7XmjBSz6ZucQT5NUHO7MlKGzOzDZ_KH4HQrqh7w3g5ioCNjPg/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div",
"input","textarea","button","select","ul","ol","li","h1","h2","h3",
"h4","p","code","object","a","b",
"strong","span"); var twitterAccount = "URL_TWITTER_ANDA";var tweetThisText = "Twitter - ID_TWITTER_ANDA";tripleflapInit();
</script>

URL_TWITTER_ANDA : anda rubah menjadi URL twitter anda, misal : https://twitter.com/#!/Joehandss
ID_TWITTER_ANDA : anda rubah dengan ID Twitter anda, misal : @Joehandss

nah. .untuk cara pemasangannya , silahkan ikuti petunjuk berikut :

Seperti biasa , Login ke Blogger anda.
Kemudian Pilih Rancangan, masuk pada Elemen Halaman.
Lalu Tambahkan Gadget :

Pilih HTML/JavaScript :

Code diatas di copy-paste kan di gadget anda, terserah anda letakkan dimana, kemudian Simpan.

Semoga Berhasil !!

Jangan lupa klik tombol like gan !!

Membuat Galery Image/Gambar Cantik Untuk Blog

noreply@blogger.com (Yohanes Ari) — Wed, 04 Jan 2012 11:48:00 +0000

Halo semuanya…

Baru-baru ini saya jalan-jalan ke ‘rumah’ tetangga dan menemukan ‘sesuatu’ yang menurut saya sangat menarik dan bila dipasang di blog, pasti akan membuat blog tampak lebih oke. Si pencipta - Stu Nicholls - menyebut fitur ini dengan sebutan “A permanent image click gallery with up/down thumbnails”. Biar lebih jelas lihat deh demonya di sini atau buat yang ‘malas’ lihat screenshot di bawah ini:

Kamu bisa lihat di sebelah kanan, terdapat jendela yang menampilkan gambar dalam ukuran ‘full’ apabila kamu klik ‘thumbnail’ di sebelah kanan. Sedangkan di bagian bawah disediakan baris untuk menempatkan teks dan link.

Dan fitur ini tidak menggunakan JavaScript, hanya CSS dan HTML.

Mau pasang ini di blog kamu? Nah pada kesempatan ini saya akan memberikan cara memasang fitur ini di blog kamu.

Seperti biasa login ke blogger > Tata Letak > Edit HTML ,
Jangan lupa untuk mem-back up dulu template kamu ,
Kemudian centang Expand Template Widget ,
Letakkan kode di bawah ini tepat di atas ]]></b:skin>

/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/double-click-gallery-vertical.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #gallery { width:750px; height:550px; margin:0 auto; position:relative; font-family:verdana, arial, sans-serif; background:#fff; } #gallery #slides {position:absolute; right:10px; top:0; height:550px; width:92px; overflow:hidden; text-align:center; z-index:500;} #gallery #slides div {width:92px; height:550px; position:relative; padding-top:10px;} #gallery #slides div ul {padding:0; margin:0; list-style:none; width:92px; height:550px} #gallery #slides div ul li {float:left; padding:1px 0; width:92px; height:69px;} #gallery #slides div ul li a {display:block; width:92px; height:69px; float:left;} #gallery #slides div ul li a b {display:none;} #gallery #slides div ul li a.previous {background:url(http://www.cssplay.co.uk/menu/double-click/up.png) no-repeat center center;} #gallery #slides div ul li a.next {background:url(http://www.cssplay.co.uk/menu/double-click/down.png) no-repeat center center;} #gallery #slides div ul li a img {display:block; width:92px; height:69px; border:0;} #gallery #slides div ul li img.blank {margin:0 auto; padding-top:11px;} #gallery #slides div ul li a:focus {outline:0;} #gallery #fullsize {position:absolute; left:0; top:0; height:550px; width:750px; overflow:hidden; text-align:center; z-index:200;} #gallery #fullsize div {width:750px; height:700px; padding-top:70px; position:relative;} #gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:1px solid #eee; width:480px; height:360px; position:relative; background:#fff; padding:10px;} #gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;} #gallery #fullsize div p {padding:5px 135px; margin:0; font-size:12px; line-height:18px;}

Dalam kasus ini, fitur akan diletakkan di bawah header, maka carilah kode berikut ini:

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Free Tips II (Header)' type='Header'/>
</b:section> </div> <div id='r_head'> <b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

Lalu letakkan kode di bawah ini tepat di bawah kode header :

<div id='gallery'>
<div id='slides'>
<div id='slide1'>
<ul>
<li><img alt='' class='blank' src='http://www.cssplay.co.uk/menu/double-click/upx.png'/></li>
<li><a href='#pic1'><img alt='Winter branches' src='http://www.cssplay.co.uk/menu/double-click/pic1.jpg'/></a></li>
<li><a href='#pic2'><img alt='Wading birds' src='http://www.cssplay.co.uk/menu/double-click/pic2.jpg'/></a></li>
<li><a href='#pic3'><img alt='Bird on a post' src='http://www.cssplay.co.uk/menu/double-click/pic3.jpg'/></a></li>
<li><a href='#pic4'><img alt='Early bloomers' src='http://www.cssplay.co.uk/menu/double-click/pic4.jpg'/></a></li>
<li><a href='#pic5'><img alt='Green lizard' src='http://www.cssplay.co.uk/menu/double-click/pic5.jpg'/></a></li>
<li><a class='next' href='#slide2'><b>Next</b></a></li>
</ul>
</div>
<div id='slide2'>
<ul>
<li><a class='previous' href='#slide1'><b>Previous</b></a></li>
<li><a href='#pic2'><img alt='Wading birds' src='http://www.cssplay.co.uk/menu/double-click/pic2.jpg'/></a></li>
<li><a href='#pic3'><img alt='Bird on a post' src='http://www.cssplay.co.uk/menu/double-click/pic3.jpg'/></a></li>
<li><a href='#pic4'><img alt='Early bloomers' src='http://www.cssplay.co.uk/menu/double-click/pic4.jpg'/></a></li>
<li><a href='#pic5'><img alt='Green lizard' src='http://www.cssplay.co.uk/menu/double-click/pic5.jpg'/></a></li>
<li><a href='#pic6'><img alt='Feeding the birds' src='http://www.cssplay.co.uk/menu/double-click/pic6.jpg'/></a></li>
<li><a class='next' href='#slide3'><b>Next</b></a></li>
</ul>
</div>
<div id='slide3'>
<ul>
<li><a class='previous' href='#slide2'><b>Previous</b></a></li>
<li><a href='#pic3'><img alt='Bird on a post' src='http://www.cssplay.co.uk/menu/double-click/pic3.jpg'/></a></li>
<li><a href='#pic4'><img alt='Early bloomers' src='http://www.cssplay.co.uk/menu/double-click/pic4.jpg'/></a></li>
<li><a href='#pic5'><img alt='Green lizard' src='http://www.cssplay.co.uk/menu/double-click/pic5.jpg'/></a></li>
<li><a href='#pic6'><img alt='Feeding the birds' src='http://www.cssplay.co.uk/menu/double-click/pic6.jpg'/></a></li>
<li><a href='#pic7'><img alt='A group of butterflies' src='http://www.cssplay.co.uk/menu/double-click/pic7.jpg'/></a></li>
<li><a class='next' href='#slide4'><b>Next</b></a></li>
</ul>
</div>
<div id='slide4'>
<ul>
<li><a class='previous' href='#slide3'><b>Previous</b></a></li>
<li><a href='#pic4'><img alt='Early bloomers' src='http://www.cssplay.co.uk/menu/double-click/pic4.jpg'/></a></li>
<li><a href='#pic5'><img alt='Green lizard' src='http://www.cssplay.co.uk/menu/double-click/pic5.jpg'/></a></li>
<li><a href='#pic6'><img alt='Feeding the birds' src='http://www.cssplay.co.uk/menu/double-click/pic6.jpg'/></a></li>
<li><a href='#pic7'><img alt='A group of butterflies' src='http://www.cssplay.co.uk/menu/double-click/pic7.jpg'/></a></li>
<li><a href='#pic8'><img alt='Ladybirds' src='http://www.cssplay.co.uk/menu/double-click/pic8.jpg'/></a></li>
<li><a class='next' href='#slide5'><b>Next</b></a></li>
</ul>
</div>
<div id='slide5'>
<ul>
<li><a class='previous' href='#slide4'><b>Previous</b></a></li>
<li><a href='#pic5'><img alt='Green lizard' src='http://www.cssplay.co.uk/menu/double-click/pic5.jpg'/></a></li>
<li><a href='#pic6'><img alt='Feeding the birds' src='http://www.cssplay.co.uk/menu/double-click/pic6.jpg'/></a></li>
<li><a href='#pic7'><img alt='A group of butterflies' src='http://www.cssplay.co.uk/menu/double-click/pic7.jpg'/></a></li>
<li><a href='#pic8'><img alt='Ladybirds' src='http://www.cssplay.co.uk/menu/double-click/pic8.jpg'/></a></li>
<li><a href='#pic9'><img alt='Butterfly' src='http://www.cssplay.co.uk/menu/double-click/pic9.jpg'/></a></li>
<li><a class='next' href='#slide6'><b>Next</b></a></li>
</ul>
</div>
<div id='slide6'>
<ul>
<li><a class='previous' href='#slide5'><b>Previous</b></a></li>
<li><a href='#pic6'><img alt='Feeding the birds' src='http://www.cssplay.co.uk/menu/double-click/pic6.jpg'/></a></li>
<li><a href='#pic7'><img alt='A group of butterflies' src='http://www.cssplay.co.uk/menu/double-click/pic7.jpg'/></a></li>
<li><a href='#pic8'><img alt='Ladybirds' src='http://www.cssplay.co.uk/menu/double-click/pic8.jpg'/></a></li>
<li><a href='#pic9'><img alt='Butterfly' src='http://www.cssplay.co.uk/menu/double-click/pic9.jpg'/></a></li>
<li><a href='#pic10'><img alt='Trees in the mist' src='http://www.cssplay.co.uk/menu/double-click/pic10.jpg'/></a></li>
<li><img alt='' class='blank' src='http://www.cssplay.co.uk/menu/double-click/downx.png'/></li>
</ul>
</div>
</div>
<div id='fullsize'>
<div id='pic1'>
<img alt='Winter branches' src='http://www.cssplay.co.uk/menu/double-click/pic1.jpg'/>
<h3>Winter branches</h3>
<p>Followed by some descriptive text and maybe a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic2'>
<img alt='Wading birds' src='http://www.cssplay.co.uk/menu/double-click/pic2.jpg'/>
<h3>Wading birds</h3>
<p>Another piece of descriptive text and again a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic3'>
<img alt='Bird on a post' src='http://www.cssplay.co.uk/menu/double-click/pic3.jpg'/>
<h3>Bird on a post</h3>
<p>Yet more descriptive text and maybe a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic4'>
<img alt='Early bloomers' src='http://www.cssplay.co.uk/menu/double-click/pic4.jpg'/>
<h3>Early bloomers</h3>
<p>And another line of descriptive text and maybe a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic5'>
<img alt='Green lizard' src='http://www.cssplay.co.uk/menu/double-click/pic5.jpg'/>
<h3>Green lizard</h3>
<p>With descriptive text and maybe a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic6'>
<img alt='Feeding the birds' src='http://www.cssplay.co.uk/menu/double-click/pic6.jpg'/>
<h3>Feeding the birds</h3>
<p>A description of the picture can go here with a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic7'>
<img alt='A group of butterflies' src='http://www.cssplay.co.uk/menu/double-click/pic7.jpg'/>
<h3>A group of butterflies</h3>
<p>Descriptive text and maybe a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic8'>
<img alt='Ladybirds' src='http://www.cssplay.co.uk/menu/double-click/pic8.jpg'/>
<h3>Ladybirds</h3>
<p>The text can be over as many lines as you want, but you may need to adjust the size of the containing div to make sure that it can all be seen. The <a href='http://www.cssplay.co.uk/'>link</a> can be used if you want.</p>
</div>
<div id='pic9'>
<img alt='Butterfly' src='http://www.cssplay.co.uk/menu/double-click/pic9.jpg'/>
<h3>Butterfly</h3>
<p>Followed by some descriptive text and maybe a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
<div id='pic10'>
<img alt='Trees in the mist' src='http://www.cssplay.co.uk/menu/double-click/pic10.jpg'/>
<h3>Trees in the mist</h3>
<p>Another piece of descriptive text and maybe a <a href='http://www.cssplay.co.uk/'>link</a>.</p>
</div>
</div>
</div>
<p class='info'>Copyright 2009 stu nicholls - CSS play</p>

Keterangan:
-Warna ungu adalah url dari gambar - berurutan - dari gambar 1 sampai dengan gambar terakhir.
-Warna hijau adalah judul dari gambar .

-Warna biru adalah keterangan gambar dan link.

Sehingga kodenya menjadi seperti ini:

Lalu simpan perubahan yang telah kamu lakukan.
Lihat hasilnya di blog kamu.

Ingat, jangan merubah credit link dari si pembuat fitur ini! Sebagai bentuk penghormatan atas kerja kerasnya menciptakan suatu fitur yang indah seperti ini dan sebagai manusia yang beradab – sekali lagi – jangan merubah/menghilangkan credit link yang terdapat di dalam skrip. Si pembuat membolehkan kita semua menggunakan fitur ini, tetapi khusus untuk penggunaan komersial kamu harus meminta ijin tertulis dari si pembuat. Kamu bisa lihat detilnya di situs si pembuat dengan mengklik link ini .

Maaf sebelumnya , karena saya belum/tidak ingin membuat Galery Image/Gambar Cantik Untuk Blog ini , silahkan kalian mencobanya sendiri . mungkin agak rumit, tapi apa salahnya kita untuk mencoba .
Semoga Berhasil !!

Jangan lupa klik tombol like gan !!

Membuat Cloud Blogumus : Label Animasi yang Berputar di Blogger

noreply@blogger.com (Yohanes Ari) — Sat, 31 Dec 2011 22:17:00 +0000

Cloud Blogumus adalah Label dalam Blogger yang di modifikasi sehingga tampilannya menggunakan Flash yang bisa berputar, sehingga Blog menjadi menarik. Kegunaan lain juga untuk meringkas daftar label dalam satu kotak widget.
Sebenarnya Cloud Blogumus ini adalah sebuah widgets dari WordPress, tapi disini kita akan memodifikasi dan memasangnya pada Blog dari Blogger (blogspot).

Cara membuat Cloud Blogumus :
1. Login ke Blogger anda.
2. Setelah sampai Dashboard, pilih Rancangan, lalu Edit HTML
3. Beri tanda centang "Expand Template Widget"
4. Copy paste dahulu template anda ke dalam Notepad sebagai Backup atau juga anda bisa download template lengkap blog anda.
5. Kemudian cari code berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

(untuk kode disesuaikan saja, karena tidak semua template sama kodenya)

Masukkan kode berikut dibawahnya :

<b:widget id='Label99' locked='false' title='Label Blogumus' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://artfussion.blogspot.com/'>LABEL</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :

Lebar 240px
Tinggi 300px
Warna Background putih #ffffff
Test color 0x333333 = grey
Besar huruf "12"
Kecepatan berputar ("tspeed", "100")
Tulisan Label yang berwarna BIRU adalah Label yang akan anda tampilkan

Jika file .swf tulisan yang berwarna MERAH tidak berfungsi, ganti dengan yang berikut ini :

http://www.swfcabin.com/swf-files/1275932799.swf

6. Klik tombol Pratinjau untuk melihat hasilnya, sesuai atau tidak.
7. Jika sudah klik tombol Simpan Template.

Selesai sudah pemasangan Cloud Blogumus di Blogger, sekarang anda tinggal men-setting Label apa saja yang akan di perlihatkan atau dicantumkan dalam Cloud Blogumus tersebut. Jangan semuanya sehingga tampilan Cloud Blogumus tidak ruwet karena terlalu banyak Label yang ada.

Selamat mencoba

Jangan lupa klik tombol like gan !!

Free Download IDM 6.07 Full Version + Patch

noreply@blogger.com (Yohanes Ari) — Sat, 31 Dec 2011 12:12:00 +0000

Berikut ini adalah cara lain agar IDM bisa Full Version, yaitu menggunakan file Patch.
Cara ini memang cepat tapi KELEMAHANNYA adalah jika suatu saat IDM men-DETECT bahwa Serial Number hasil dari PATCH, maka bisa Serial Number dari file Patch tersebut TIDAK BISA digunakan lagi.
Jadi DISARANKAN menggunakan cara “Memaksa IDM Versi Berapapun untuk FULL VERSION“, walaupun sedikit rumit tapi bisa untuk selamanya, meskipun tidak dilakukan juga tidak apa-apa , asal JANGAN DI UPDATE untuk VERSI TERBARU IDM .

Baiklah, berikut cara dengan menggunakan File Patch IDM :

- Buat yang belum punya IDM : Download terbaru 6.07 dahulu disini .
- Untuk yang sudah punya IDM : Uninstall IDM anda dan hilangkan dari REGISTRY.

Cara Hilangkan IDM dari REGISTRY :
- Klik Start - Run
- Ketik : Regedit
- Klik HKEY_LOCAL_MACHINE - SOFWARE
- Cari folder Internet Download Manager kemudian Hapus/Dellete

- Letakkan file “SnDk&p” ini dalam 1 folder HASIL anda meng-INSTALL IDM.
- Sebelum menggunakan file ini “SnDk&p” IDM anda HARUS dimatikan lebih dahulu.

Jalankan file “SnDk&p”, nanti keluar program. Tekan tombol “Patch Server Check”dan anda akan mendapatkan Serial Number IDM nya.

- Buka IDM anda yang baru, kemudian pilih menu “Registration” kemudian pilih“Registration”.

Kemudian ikuti langkah sesuai dengan nomer pada gambar diatas , masukkan Nama dan Email (terserah, bebas) kemudian masukkan Serial Number yang di dapat dari “SnDk&p” tadi (copy paste).

Oke. .Silahkan di coba dan Selamat IDM anda sudah Full Version dengan Nama lisensi anda sendiri.

Free Download IDM Full Version 6.07 + Patch.rar - 4.5 MB

Jangan lupa klik tombol like gan !!

Memaksa IDM Versi Berapapun untuk FULL VERSION

noreply@blogger.com (Yohanes Ari) — Sat, 31 Dec 2011 11:54:00 +0000

Cara ini bisa dilakukan dengan Internet Download Manager (IDM) versi berapapun tanpa terkecuali, soalnya saya mencoba dan memang bisa. Nah tinggal anda sendiri untuk mencobanya.

1. Download IDM versi berapapun ( dianjurkan yg terbaru : disini ).

2. Matikan koneksi Internet anda.

3. Install IDM yang sudah anda download tadi, setelah selesai IDM meminta anda untuk Reboot/Restart. OK saja.

4. Setelah anda Restart komputer, buka IDM anda dan pilih Registration. *Koneksi internet harus dalam keadaan mati.*

5. Masukkan Nama Depan, Nama Belakang, Email anda secara acak atau terserah anda. Kemudian masukkan Serial Number berikut (pilih salah satu)

W3J5U-8U66N-D0B9M-54SLM

EC0Q6-QN7UH-5S3JB-YZMEK

GZLJY-X50S3-0S20D-NFRF9

6. Sekarang IDM memberi tahu katanya serial numbernya invalid, biarin saja.

7. Sekarang kita MEMAKSA IDM untuk FULL VERSION.

8. Buka file HOST yang berada di C:\WINDOWS\system32\drivers\etc dengan menggunakan NOTEPAD. Kalau tidak ada berarti file tersebut ke-hidden. Untuk menampilkannya caranya : Klik Tools > Folder Options > Pilih tab View > cari Hidden Files and Folders > klik Show Hidden Files and Folders > Apply > Ok.

9. Setelah terbuka dengan NOTEPAD maka akan terlihat di barisan bawah ada tulisan
127.0.0.1 localhost

10. Tambahkan tulisan berikut dibawah 127.0.0.1 localhost yang tadi.

127.0.0.1 tonec.com
127.0.0.1 www.tonec.com
127.0.0.1 registeridm.com
127.0.0.1 www.registeridm.com
127.0.0.1 secure.registeridm.com
127.0.0.1 secure.internetdownloadmanager.com
127.0.0.1 mirror.internetdownloadmanager.com
127.0.0.1 mirror2.internetdownloadmanager.com

Fungsi dari tulisan di atas adalah untuk mengarahkan semua website di atas contohnya secure.registeridm.com ke localhost alias ke komputer kita sendiri.

11. Setelah selesai, tinggal anda Save atau Ctrl + S saja.

12. Buka IDM anda dan sambungkan komputer anda ke koneksi internet. Silahkan anda chek Versi dari IDM anda.

Jangan lupa kembalikan setingan Folder Hidden seperti semula. Lakukan langkah ini saat komputer anda tidak terkoneksi ke internet.

Semoga bermanfaat yah…
Kalau ada cara yang lebih cepat silahkan di post di komentar yah…

Dari berbagai komentar dan message lewat Facebook dan YM! ada yang masih bingung meng-edit file HOST, terutama untuk Windows Vista dan Windows 7
Berikut caranya :

CARA EDIT FILE HOST DI VISTA DAN WINDOWS 7

Cara 1 :
1. Copy file HOST ke drive lain, selain drive C
2. Edit dengan NOTEPAD kemudian SAVE
3. Copy paste file tersebut ke tempat asal folder file HOST

Cara 2 :
1. Klik pada tombol Start
2. Klik kanan pada ‘Notepad’
3. Klik “Run As Administrator”
4. Klik “Lanjutkan” pada prompt
5. Arahkan ke C: \ Windows \ System32 \ drivers \ etc \ dengan menggunakan Notepad’s pilihan lokasi ‘Buka’.
6. Pilih ’semua file’, lalu pilih file ‘host’ tersebut. Lakukan perubahan yang diperlukan dan simpan!

Pilih saja caranya, mau cara 1 atau 2 silahkan, jika masih kurang jelas silahkan kesini dengan petunjuk bergambar.

Jangan lupa klik tombol like gan !!

Membuat Ruang Chatting untuk Admin pada Blog

noreply@blogger.com (Yohanes Ari) — Thu, 29 Dec 2011 17:51:00 +0000

Kadang untuk memanjakan suatu blog banyak segala cara yang di lakukan si pemilik blog . .bisa dengan menyajikan konten-konten yang menarik, memberi berbagai fasilitas dan kemudahan untuk pembaca dan lain sebagainya. . nah artikel kali ini saya coba membuat suatu fasilitas sederhana berupa ruang chat untuk admin agar pembaca dan pengunjung pada blog kita dapat ber interaksi langsung dengan kita. dan mungkin manfaat lainnya blog kita makin di sayang oleh pengunjung he. .he. . asalkan jangan orangnya di sayang kan bisa berabe... ( bercanda)

Pada blog ini bisa anda lihat ruang chat yang saya pake untuk sementara ini. . .fasilitas ruang chat untuk blog banyak di sedia oleh beberapa situs seperti meebo, chat pingbox dari yahoo messenger dan lain sebagai nya.

namun di artikel ini saya mencoba ruang chat pingbox dari yahoo dan di kesempatan selanjut nya akan saya coba untuk membahas lainnya .

Mari kita coba membuat nya....

Seperti biasa, anda login terlebih dahulu. .kalau sudah login silahkan langsung ke RANCANGAN

Kemudian tambahkan gadget, terserah posisi mana yang sobat sukai .

Lalu klik tambah HTML/JavaScript

Copy Kode di bawah ini :

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #000;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:#000;">

DISINI LETAK KODE CHAT ANDA,GAMBAR,MAUPUN TULISAN

</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihqWGK_dd_mbGKCK1bLNCvUGq1k9Emyfxa9QorTyyvlOZsO6Z3cFaf9JDQJ2qMKqkC4RMI88gRJ7Q9EgKiI2fluc3aZMxeCnD6jiop0nRQIi7ui7lFN_LiEHRESf7pLRoesC4_K8N9wnep/s1600/CLOSE.png" /></a></div>

</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZSnI1jDEVLeHLIu81HirrDRBgXzKzBJ0vGfizAwj2uTFhTavMd7zzkBzDHdNNSWiqgW6CcS4Md7iA8nzMjMB6yRwZU-UBeCLsKryyJg0TcjfegRRNFaWNDPGHiFewrHZERaYIBCc6dPZ/s1600/logo+chat.png" alt="cbox" title="Click here to open Guest Book" /></a></center>

catatan :

link yang saya warnai kuning adalah gambar icon close pada kotak chat bisa anda ganti dengan variasi icon lain yang sobat sukai .
sedangkan link warna merah adalah gambar icon logo chat sobat bisa rubah dengan icon chat lain nya .
Kemudian untuk tulisan yang berwarna biru adalah code yang dapat anda masukkan berupa gambar maupun code chat box anda , ataupun bentuk tulisan .
Oh yaa. . usahakan icon nya pakai format .png ya , agar gambarnya kelihatan bagus .
Jangan lupan klik SIMPAN .

Cukup sampai disini saja sob , artikel yang sederhana ini semoga dapat bermanfaat untuk mempercantik blog kita . .salam dan kritiknya di tunggu untuk motivasi agar dapat menuju ke arah lebih baik . .mohon maaf bila banyak kekurangan yang ada. .

Jangan lupa klik tombol like gan !!

Free Download Windows Movie Maker 6.0 | Support Windows 7

noreply@blogger.com (Yohanes Ari) — Wed, 28 Dec 2011 17:50:00 +0000

Windows Movie Maker?? Saya yakin sobat blogger udah pada paham kan tentang software yang satu ini?? Windows Movie Maker biasanya digunakan untuk mengedit atau membuat sebuah video. Menurut saya Windows Movie Maker merupakan software editing video termudah untuk di pelajari. Dengan windows Movie Maker 6.0, sobat blogger dapat memberikan effects, transitions, titles/credits, audio track, timeline narration, and Auto Movie pada video sobat blogger.

Sambil menunggu badge baru di foursquare, saya sempatkan untuk posting diluar pembahasan foursquare. Ya, sebuah software yang tidak satu paket dengan OS Windows 7, padahal di OS XP sebelumnya, ketika kita install, sudah pasti satu paket dengan software yang satu ini (Windows Movie Maker).

software ini adalah sebuah program yang bisa kita gunakan untuk membuat sebuah movie yang juga bisa berintegrasi dengan mengimport sebuah file audio. Salah satu kelebihannya software ini cukup ringan untuk digunakan. Dan juga cukup mudah untuk mengedit sebuah movie.

Biasanya di waktu kita menginstal windows xp, Windows Movie Maker sudah ikut terinstal di dalamnya. Bagaimana dengan Windows 7?? Untuk Windows 7 ini, saya tidak tahu kenapa, fitur Windows Movie Maker ini di hilangkan. Terus bagaimana dong sob?? Nah, itulah mengapa saya share Windows Movie Maker 6.0ini. Menurut sumber yang saya baca, dikatakan bahwa Windows Movie Maker 6.0 ini telah support dengan windows 7. Saya sendiri sih belum coba sob, soalnya windows 7 saya udah saya ganti sama Ubuntu, saya baru sempet coba di windows xp, dan berjalan dengan lancar.

Download Windows Movie Maker 6.0 | Support Windows 7

Cara memasang RSS feed di blogspot

noreply@blogger.com (Yohanes Ari) — Mon, 26 Dec 2011 12:58:00 +0000

Cara memasang RSS feed di blogspot berbeda dengan postingan sebelumnya yang tentang cara membuat auto readmore. Sebelum kita membahas tentang bagaimana membuat feed maka kita perlu tahu apa seh sebenarnya feed itu. Seperti yang saya kutip melalui wikipedia, FeedBurner merupakan layanan manajemen umpan web (web feed), yang terdiri dari RSS feed dan alat pengelola (management tools) untuk blogger dan podcaster, dan aplikasi publikasi lain yang berbasis web. Dengan kata lain adalah sarana untuk para pembaca supaya bisa berlangganan postingan kita melalui e-mail mereka.

Dengan semakin banyaknya yang menjadi pelanggan artikel atau posting kita, maka akan semakin menambah seberapa kapasitas dan kwalitas blog kita. Maka dari itu, kebanyakan blog-blog yang sudah berkembang besar, mereka pasti mempunyai lebih dari 100 pelanggan bahkan bisa lebih banyak dari itu.

Jika anda ingin menambahkan fitur feed (RSS Feed) anda dapat menggunakan cara di bawah ini :

Seperti biasa , Sign in di blogger dengan ID anda ,

Kemudian klik menu layout ,

Pilih menu Elemen Halaman ,

Kemudian Klik tulisan Tambah Gadget ,

Klik tombol Tambahkan FEED ,

Tulis alamat FEED anda pada kotak di samping tulisan URL feed –> Contoh : http://artfussion.blogspot.com/feeds/posts/default?alt=rss ,
Kemudian Klik tombol SIMPAN ,
Pindahkan Gadget yang baru saja di buat pada tempat yang ingin anda letakkan ,
Lalu SIMPAN .

Semoga Berhasil !!

Jangan lupa klik tombol like gan !!

Cara Mendaftar RSS FEED di Feedburner

noreply@blogger.com (Yohanes Ari) — Mon, 26 Dec 2011 06:41:00 +0000

RSS (”Really Simple Syndication” atau “Rich Site Summary”) adalah cara baru untuk berlangganan website atau blog, dengan menggunakan RSS ini kita dapat mengumpulkan berbagai tulisan dari berbagai website atau blog yang menjadi favorite, tanpa harus mengunjungi website atau blog tersebut satu persatu. Dengan kemudahan tersebut akan menghemat waktu kita selama berselancar di internet, tanpa kehilangan kesempatan mendapatkan berita-berita terbaru dari website atau blog yang menjadi pilihan.

RSS bukan hanya memberikan keuntungan bagi pembaca, tapi juga bagi pemilik website atau blog. Dengan mendaftarkan URL blog pada RSS Feed akan membuka kesempatan bagi blog kita untuk lebih mudah ditemukan oleh pengguna internet. RSS Feed juga bisa digunakan sebagai sarana untuk meningkakan traffic dan page rangking. Ini dimungkinkan karena RSS Feed menyediakan fasilitas ping yang sangat berguna pada saat kita mengupdate isi blog.

FeedBurner

Setelah kita tahu manfaat dari RSS Feed ini, langkah selanjutnya adalah mendaftarkan blog pada Website yang menyediakan fasilitas RSS Feed. FeedBurner adalah satunya. Untuk mendaftarkan blog pada FeedBurner ini sangatlah mudah, begini caranya :

Masuk ke www.feedburner.com , pada halaman muka terlihat seperti di bawah ini. Masukkan e-mail dan password yang anda gunakan pada blogspot atau google account anda. Bila belum memiliki google account, klik Create an Account.

Pada kotak yang tersedia, anda ketikkan alamat blog yang anda miliki. Jika ingin menggunakan podcast, klik I am podcaster, jika tidak opsi tersebut tidak perlu dipilih. Lalu klik Next.

Setelah itu akan tampil halaman Identify feed Source. Ada 2 pilihan feed yang bisa anda gunakan, yaitu RSS dan Atom, Anda bisa memilih salah satunya. Lalu klik Next.

Pada halaman berikutnya adalah Feed Address anda. Anda bisa merubah feed address sesuai keinginan anda. Jika sudah, klik Next.

Selanjutnya akan tampil halaman konfirmasi, yang menyatakan bahwa feedburner sudah dibuat.

Di bagian bawah, klik pada link Skip directly to feed management.
Setelah itu, anda akan masuk pada halaman Dashboard dari FeedBurner. disitu anda dapat memilih halaman mana yang akan anda masukkan feedburner, setelah itu Klik pada Edit Feed Details.

Setelah anda klik Edit Feed Details akan tampil feed address yang anda miliki. Anda copy pada bagian Feed Address. Catatan: anda bisa merubah feed address di sini. Jangan lupa menyimpan perubahan dengan meng-klik Save Feed Details.

Sekarang anda buka tab baru , kemudian masuk ke halaman Dashboard di blogger.com.
Klik Settings/Setelan (Pengaturan).

Klik pada link Feed Site (Feed situs)

Masukkan Feed Address, yang telah anda copy dari feedburner, pada kotak Post FeedRedirect URL.
Lalu klik Save Settings.

hmm. .itulah tadi bagaimana Cara Mendaftar RSS Feed di Feedburner , selanjutnya untuk Cara Pasang RSS feed di Blog baca Tutorialnya Disini .

Semoga Berhasil !!

Jangan lupa klik tombol like gan !!

Daftar Isi Otomatis Dengan Icon / Bertuliskan New

noreply@blogger.com (Yohanes Ari) — Thu, 22 Dec 2011 01:19:00 +0000

Semangat blogger..!!

Gimana kabar nya sobat..?semoga sehat selalu ya....kali ini kita mencoba untuk membuat sebuah sitemap atau daftar isi blog yang ada icon atau bertuliskan NEW !! ..yang mana hasil kreasi kita bisa memanjakan pengunjung dan mempermudah pencarian suatu artikel atau postingan pada blog kita. dimana saya akan berbagi ilmu bagi sobat - sobat sekalian .

Site map atau peta nya suatu situs yang bisa di sebut sebagai daftar isi sangat membantu seorang pengunjung untuk mencari postingan atau artikel yang di sukai nya..ehm..nah widget yang saya peroleh dari abu farhan ini sangat menarik untuk di nikmati..kenapa menurut saya widget ini bisa secara otomatis memberi simbol icon NEW!! di setiap ada postingan baru..yang bisa sobat lihat seperti contoh gambar di atas..dan lebih seru lagi widget ini bisa di letakan di postingan maupun di halaman statis blog dan sidebar blog pun bisa.

Gimana menarik...ga ? kalo menarik mari kita coba..!!

Jika sobat ingin mencoba...!! cara nya sangat simpel ga perlu isi formulis,surat domisili maupun pas photo kayak mau ngelamar gadis orang aja he he ...

sambil kita santai sebelumnya siapkan dulu rokok + kopinya (monggo di'sruupuut) . Oke langsung aja gak usah banyak basa - basi . cukup dengan Copy paste kode di bawah ini dan secara otomatis akan bekerja pada blog kita.

INI KODENYA

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="http://artfussion.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>

Catatan : Tulisan yang berwarna merah sobat ganti dengan URL blog sobat.

tinggal kita copy lalu kita tambahkan gadget trus pilih HTML/JavaScript
Kayak nya gini aja dulu ya , biarkan kode widget nya seperti apa ada nya..
Selamat Mencoba !!

Jangan lupa klik tombol like gan !!

Apa itu Dreamweaver ?

noreply@blogger.com (Yohanes Ari) — Tue, 20 Dec 2011 10:05:00 +0000

Adobe Dreamweaver merupakan program penyunting halaman web dari Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver dari Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang lengkap serta kemudahan dalam penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Kemudian setelah dibeli oleh Adobe Systems berkembang ke Versi selanjutnya yakni versi 9 (CS3) versi 10 yang ada dalam Adobe Creative Suite 4 (CS4) dan versi terbarunya yaitu CS5.

Sebagai editor web yang handal, Adobe Dreamweaver tentunya dilengkapi dengan kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam sebuah situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, termasuk validasi tag-tag HTML dan CSS yang tidak sesuai dengan pedoman secara otomatis serta perkiraan waktu download pada sebuah halaman web.

Adobe Dreamweaver memiliki banyak tool-tool yang memudahkan seorang web design untuk mengedit dan membuat kode-kode dalam halaman web. Fasilitas yang terdapat didalamnya antara lain: Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, HTML, CSS, TEMPLATING dan dokumen teks lain secara langsung. Teknologi Roundtrip HTML yang dimilikinya mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML tanpa susah payah.

Dengan fitur yang lengkap, kemudahan penggunaan, dukungan extention dan Plug-In yang banyak, Adobe Dreamweaver dapat membantu seorang web design bekerja lebih cepat dan efisien tanpa kesulitan yang berarti, bahkan untuk seorang pemula sekalipun yang belum banyak mengenal seputar coding HTML dan CSS.

Evolusi Macromedia Dreamweaver diantaranya sebagai berikut :

Dreamweaver 3 merupakan versi laman yaitu web authoring terbaik pada tahun 2000
Dreamweaver 4 merupakan software yang lebih baik lagi dan lebih canggih pada tahun 2002
Macromedia Dreamweaver MX, pertama kali di tampilkan pada tahun 2004, selain digunakan untuk mendesain web, juga dapat digunakan untuk menyunting kode dan untuk membuat aplikasi web dengan menggunakan bahasa pemrograman JPS, PHP, ASP atau Coldfusion. Di lengkapi dengan fasilitas yang cukup untuk manajemen situs
Dan yang terbaru adalah Macromedia Dreamweaver 8 MX, Adobe Dreamweaver CS3 dan Adobe Dreamweaver CS4

Untuk lebih mendalami pengertian dari Dreamwever ini , saya akan memberikan tips dan tricks buat sobat - sobat sekalian dan cara - cara membuat blog dan web dengan menggunakan dreamweaver .

silahkan sobat dowload dulu aplikasinya di sini . lalu kita baca tutorialnya di sini .

Semoga artikel ini dapat bermanfaat bagi kalian semua ,

Salam Blogger !!

Jangan lupa klik tombol like gan !!