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.
Aplikasi Miror Blog di Profile Facebook
1. Login ke akun Facebook anda
2. Pilih tab Pengaturan lalu klik Pengaturan Aplikasi
3. Ketik Mirror Blog di kotak pencarian (sebelah kanan atas) lalu enter
4. Kemudian akan keluar aplikasi Mirror Blog dan klik link Mirror Blog
5. Klik Ke Aplikasi
6. Klik Ijinkan
7. Klik Setup di menu Mirror Blog lalu beri centang icon blog anda, kemudian klik Continue
8. Masukkan akun email dan password blog anda, kemudian klik Continue
9. Kemudian akan ditampilkan opsi pilihan blog anda (jika anda mempunyai lebih dari satu blog dengan akun yang sama), beri tanda centang/klik blog anda yang akan dimunculkan, lalu klik continue.
10. Kemudian akan muncul kalimat "Congratulation! Your Mirror Blog is ready for use!" itu berarti bahwa anda telah sukses memasang blog ke akun Facebook anda, lalu klik Done
11. Kemudian Blogroll ke bawah mouse anda dan klik Cantumkan ke dalam profil
12. Kemudian akan keluar tampilan seperti dibawah ini, dan klik Tambahkan
13. Lalu klik Keep, dengan demikian recent posting blog anda akan selalu ditayangkan dalam profil facebook anda, seperti tayangan di bawah ini.
Aplikasi Quran Verse di Profile Facebook
Langsung aja ke TKP,,
http://apps.facebook.com/quranic_verses/
berikut ini contoh tampilannya,,
Semoga dapat menjadi pegangan kita dengan tidak hanya menjadikan facebook sebagai sarana komunikasi / social network,, tetapi juga dapat meningkatkan keimanan kita dengan mempelajari / menggunakan Quran Verse ini disela-sela waktu kita sehingga dapat bermanfaat untuk kita masing2,,
Thanks,,
PS :
Kunjungi juga Group Facebook BlackID Community
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