This is default featured post 1 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured post 2 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured post 3 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured post 4 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
This is default featured post 5 title
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
Saturday, April 3, 2010
Tips Cara Mudah Mendapatkan $125 dari Acme People Search
Tuesday, February 9, 2010
Salvage Data - Hard Drive Recovery, RAID Data Recovery and Data Recovery Software
Sunday, February 7, 2010
Rodeo Drive Plastic Surgery - Treat Everybody Like a Celebrity
Tuesday, January 26, 2010
Tipsy : ToolTips ala Facebook
“Trik membuat tooltips ala Facebook menggunakan Tipsy JQuery Pluggin” Pertama kali saya melihat penerapan tooltips ini di blog Anime7 (trims inspirasinya :) penasaran dengan si TIPSY? silakan arahkan tetikus (mouse) Anda pada menu horizontal di header halaman ini (menarik?) Bagaimana cara menerapkan TIPSY di template Blogger? silakan baca lanjutan tulisan ini.
1. Tooltips ini menggunkan JQuery, oleh karena itu (bila belum ada) tempatkan kode JQueri ini di atas </body>
<!-- jQuery --><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
2. Tempatkan kode berikut ini di bawah kode JQuery di atas
<!-- Tipsy --><script type='text/javascript'> //<![CDATA[ (function($) { $.fn.tipsy = function(opts) { opts = $.extend({fade: false, gravity: 'n'}, opts || {}); var tip = null, cancelHide = false; this.hover(function() { $.data(this, 'cancel.tipsy', true); var tip = $.data(this, 'active.tipsy'); if (!tip) { tip = $('<div class="tipsy"><div class="tipsy-inner">' + $(this).attr('title') + '</div></div>'); tip.css({position: 'absolute', zIndex: 100000}); $(this).attr('title', ''); $.data(this, 'active.tipsy', tip); } var pos = $.extend({}, $(this).offset(), {width: this.offsetWidth, height: this.offsetHeight}); tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body); var actualWidth = tip[0].offsetWidth, actualHeight = tip[0].offsetHeight; switch (opts.gravity.charAt(0)) { case 'n': tip.css({top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-north'); break; case 's': tip.css({top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-south'); break; case 'e': tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}).addClass('tipsy-east'); break; case 'w': tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}).addClass('tipsy-west'); break; } if (opts.fade) { tip.css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: 1}); } else { tip.css({visibility: 'visible'}); } }, function() { $.data(this, 'cancel.tipsy', false); var self = this; setTimeout(function() { if ($.data(this, 'cancel.tipsy')) return; var tip = $.data(self, 'active.tipsy'); if (opts.fade) { tip.stop().fadeOut(function() { $(this).remove(); }); } else { tip.remove(); } }, 100); }); }; })(jQuery); //]]> </script> <script type='text/javascript'> //<![CDATA[ $(function() { $('.north').tipsy({gravity: 'n'}); $('#north').tipsy({gravity: 'n'}); $('.south').tipsy({gravity: 's'}); $('#south').tipsy({gravity: 's'}); $('.east').tipsy({gravity: 'e'}); $('#east').tipsy({gravity: 'e'}); $('.west').tipsy({gravity: 'w'}); $('#west').tipsy({gravity: 'w'}); $('.tips-fade').tipsy({fade: true}); $('#tips-fade').tipsy({fade: true}); }); //]]> </script>
<!-- end Tipsy -->
3. Selanjutnya, pasang kode CSS ini, silakan dimodifikasi sesuai selera
/* Tipsy */.tipsy { padding: 5px; font-size: 11px; font-weight:bold; opacity: 0.8; filter: alpha(opacity=90); background-repeat: no-repeat; } .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-north { background-image: url(http://lh4.ggpht.com/_BiYlG6sktcY/SwDvSMx7bAI/AAAAAAAAAag/WIckbzP3EVE/tipsy-north.gif); background-position: top center; } .tipsy-south { background-image: url(http://lh3.ggpht.com/_BiYlG6sktcY/SwDvSevh4NI/AAAAAAAAAak/rJ8MeGx_b0s/tipsy-south.gif); background-position: bottom center; } .tipsy-east { background-image: url(http://lh3.ggpht.com/_BiYlG6sktcY/SwDvSFzW97I/AAAAAAAAAac/E7MC54bzbHU/tipsy-east.gif); background-position: right center; } .tipsy-west { background-image: url(http://lh6.ggpht.com/_BiYlG6sktcY/SwDvSWpEjRI/AAAAAAAAAao/VIqa6acxH_o/tipsy-west.gif); background-position: left center; }
4. Langkah terakhir adalah mengaktifkan fungsi TIPSY pada link-link yang Anda inginkan
class='tips-fade' title='isi sesuai keinginan Anda'
Contoh:
<a class='tips-fade' href='#' title='bagus kan? :D'> hover over me </a>
Hasilnya seperti ini
Untuk opsi-opsi lainnya, silakan kunjungi tautan ini
Selamat mencoba, semoga berhasil :)
Sunday, January 24, 2010
Aplikasi Social RSS Blog di Profile Facebook
Langkah pertama yang kita lakukan adalah dengan mengikuti link Social RSS Facebook Application ini.
Setelah mengikuti link http://apps.facebook.com/rss-connect/tabsettings.php?ref=sn ini maka kita diminta untuk login menggunakan account facebook.
Setelah login akan kita temui tampilan berikut :
Setelah kita klik izinkan, selanjutnya kita akan dibawa ke halaman selanjutnya, dan yang perlu diperhatikan hanya pada bagian yang tampil seperti dibawah ini :
Dimana untuk tag bisa diisi tidak lebih dari 5 karakter misalnya diisi blog.
Kemudian untuk Title diisi dengan kalimat yang bermakna, ini akan ditampilkan sebagai judul diatas widget wall sebelah kiri facebook.
Kemudian untuk kolom URL diisi dengan alamat rss feed dari blog secara langsung, ataupun kalo menggunakan fasilitas feedburner isi dengan URL feedburner kita.
Setelah ketiganya diisi kemudian klik Update untuk menyimpan data yang kita masukkan tadi.
Selanjutnya, masih pada bagian yang sama, kita klik tab Newsfeeds, pilih yes pada Newsfeed untuk menampilkan di wall, dan kalo ingin juga yang tertarik untuk berlangganan pilih yes juga pada Subscription.
Ingat..! Pilihan yes disesuaikan dengan isian pada tab Feed Settings sebelumnya. Jika kita memasukkan lebih dari satu url feed, maka pilih sesuai nomor baris yang kita isi sebelumnya di feed settings.
Setelah kita selesai mengisi tab Newsfeeds, jangan lupa klik Update untuk menyimpan pengaturan sekaligus aplikasi Social RSS akan menghubungkan ke saluran feed blog kita untuk melakukan Update feed dari blog. Sampai disini pengaturan pada Social RSS selesai.
Selanjutnya kita beralih ke menu atas yaitu pada pengaturan, kemudian pilih pengaturan Aplikasi, sehingga akan muncul tampilan dibawah ini.
Pada bagian aplikasi yang digunakan, kita pilih aplikasi Social RSS dengan mengklik link Sunting Pengaturan sehingga muncul tampilan berikut.
Pada bagian seperti gambar diatas ini, kita klik link (tambahkan) pada kotak untuk menampilkan kotak di wall sebelah kiri, dan jika diinginkan pula tambahkan pada tab sehingga pada profile ada penambahan tab dengan nama Social RSS sesuai title yang kita atur pada langkah sebelumnya.
Setelah kita klik link (tambahkan), maka link akan berubah menjadi link (hapus), artinya kita telah menambahkan kotak ke wall sebelah kiri dan ataupun tab pada profile kita.
Setelah itu sebagai langkah terakhir, jangan lupa klik Oke untuk mengakhiri pengaturan.
Setelah semua kita lakukan langkah-langkah tersebut diatas, coba klik menu profile di kiri atas, maka postingan dari blog kita dah nampang di wall sebelah kiri dan atau tab profile jika ikut ditambahkan juga.
HeadLine News
|
| Social Community | Facebook | Friendster | Twitter |
| News | Kompas | Media Indonesia | Detik | Seputar Indonesia | Republika | Suara Pembaruan | Antara |
| Forum | Kompas Forum | Detik Forum | Kaskus | Indo Forum | Chip Forum | Yogyafree | Delphi Forum | Komunitas Muda | Jasakom |
The Press List| Al-Quds.com
| Aljazeera English | Media Indonesia
| Tempo Newspaper | Tempo Magazine | The Jakarta Post | CNET Asia | CNET.COM