Android rush

Selamat pagi sahabat Alvin ?
Kali ini Alvin akan membuat artikel mengenai Cara Membuat Fan Page Facebook Melayang ( Pop Up ) Di Blog.

Silahkan liat juga postingan artikel saya sebelumnya yang berjudul:
Cara memasang Tombol Back to Top di Blog
Langsung saja tanpa basa basi, Kali ini saya akan membuat artikel dengan judul :
Cara Membuat Fan Page Facebook Melayang ( Pop Up ) Di Blog



Karena permintaan salah salah satu sahabat Alvin Inc. yang bertanya cara membuat dan memasang Fans Page Facebook melayang biasanya disebut Pop Up Fans Page, bisa dilihat juga di blog saya ini Fans Page Facebook ini bisa di rubah dan disetting tampilannya sesuai keinginan kita mulai dari skin, timer dan kalimat yang diinginkan dan fan page ini pun terbukti memperbanyak para jempoler yang menyukai Fan Page Blog kita, maka dari itu pada kesempatan kali ini saya akan membuatkan tutorial bagaimana cara membuat Fan Page Facebook melayang tersebut, Berikut cara pembuatannya.

Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan Login akun Blog Anda
2. Pilih menu Template
3. Untuk mencegah terjadinya kesalahan silahkan Cadangkan / Backup Template terlebih dahulu dan unduh Template Lengkap
4. Kemudian pilih Edit HTML dan klik Lanjutkan
5. Setelah itu Centang Expand Template Widget
6. Cari kode </body> gunakan Ctrl+F
7. Apabila sudah ditemukan silahkan Copy kode dibawah ini lalu simpan di atas kode </body>

<!-- Begin Likebox Fans http://alvincelebration.blogspot.com/ --> 
<style>#fblikepop {    background-color: #fff; 
    display: none; 
    position: fixed; 
    top: 200px; 
    _position: absolute; 
 /* hack for IE 6*/ 
    width: 450px; 
    border: 10px solid #6F6F6F; 
    z-index: 200; 
    -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    margin: 0pt; 
    padding: 0pt; 
    color: #333333; 
    text-align: left; 
    font-family: arial,sans-serif; 
    font-size: 13px; 
}#fblikepop body { 
    background: #fff none repeat scroll 0%; 
    line-height: 1; 
    margin: 0pt; 
    height: 100%; 
} 

.fbflush { 
    cursor: pointer; 
    font-size: 11px !important; 
    color: #FFF !important; 
    text-decoration: none !important; 
    border: 0 !important; 
} 
#fblikebg { 
    display: none; 
    position: fixed; 
    _position: absolute; 
 /* hack for IE 6*/ 
    height: 100%; 
    width: 100%; 
    top: 0; 
    left: 0; 
    background: #000000; 
    z-index: 100; 
}#fblikepop #closeable { 
    float: right; 
    margin: 7px 15px 0 0; 
}#fblikepop h1 { 
    background: #6D84B4 none repeat scroll 0 0; 
    border-top: 1px solid #3B5998; 
    border-left: 1px solid #3B5998; 
    border-right: 1px solid #3B5998; 
    color: #FFFFFF !important; 
    font-size: 14px !important; 
    font-weight: normal !important; 
    padding: 5px !important; 
    margin: 0 !important; 
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important; 
}#fblikepop #actionHolder { 
    height: 30px; 
    overflow: hidden; 
}#fblikepop #buttonArea { 
    background: #F2F2F2; 
    border-top: 1px solid #CCCCCC; 
    padding: 10px; 
    min-height: 50px; 
}#fblikepop #buttonArea a { 
    color: #999999 !important; 
    text-decoration: none !important; 
    border: 0 !important; 
    font-size: 10px !important; 
}#fblikepop #buttonArea a:hover { 
    color: #333 !important; 
    text-decoration: none !important; 
    border: 0 !important; 
}#fblikepop #popupMessage { 
    font-size: 12px !important; 
    font-weight: normal !important; 
    line-height: 22px; 
    padding: 8px; 
    background: #fff !important; 
}#fblikepop #counter-display { 
    float: right; 
    font-size: 11px !important; 
    font-weight: normal !important; 
    margin: 5px 0 0 0; 
    text-align: right; 
    line-height: 16px; 
}</style> 
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> 
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> 
<script type="text/javascript"> 
//<![CDATA[ 
 kakinetworkdotcom01username="alvinshisui", 
 kakinetworkdotcom01title="Come on! Like our Fans Page on Facebook", 
 kakinetworkdotcom01skin="02", 
 kakinetworkdotcom01time="20", 
 kakinetworkdotcom01wait="0", 
 kakinetworkdotcom01lang="id" 
//]]> 
</script> 
<script type="text/javascript" src="http://alvin-shisui.googlecode.com/files/Timer.js"></script> 
<script type="text/javascript"> 
//<![CDATA[ 
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });}); 
//]]> 
</script>
<!-- End Likebox Fans http://alvincelebration.blogspot.com/ -->

8. Setelah selesai di Copy, silahkan ganti tulisan alvinshisui dengan Username Fan Page Facebook milik sobat, Contoh : ( http://www.facebook.com/alvinshisu ) Ambil Usernamenya saja
9. Ganti tulisan Join us at Facebook! dengan kata-kata yang sobat inginkan.
10. Ganti angka 02  dari 01 - 04 untuk mengatur tampilan, bisa dilihat setelah diganti angkanya kemudian klik Pratinjau untuk melihat hasilnya.
11. Ganti angka 20  untuk mengatur timer / waktu tunggu dalam hitungan detik
12. Angka 0 untuk mengatur waktu tampil atau bisa di biarkan seperti itu.
13. Apabila sudah selesai, silahkan Save Template atau Simpan Template. Dan lihat hasilnya. Selamat Mencoba dan semoga bermanfaat.

Terimakasih telah berkunjung ke blog saya, semoga kamu mendapat apa yang kamu cari.
Dan jangan lupa untuk baca yang lainnya juga.
Saya akan update 5 Posting setiap hari.
Mohon untuk di share posting yang saya berikan.
Shisui Lover~

Apa sih tombol Back To Top itu?
Ok, Alvin Jelasin ya....
Tombol Back To Top adalah Tombol yang berfungsi untuk langsung naik ke atas pada halaman web/blog dengan sekali klik, sehingga tidak perlu menggunakan scroll pada mouse lagi. Untuk memasangnya di blogger cukup mudah. Di sini saya akan membahas bagaimana memasang tombol back to top di blogger. Bagi Kawan Blogger yang tertarik silahkan ikuti langkah di bawah ini.


1. Loggin ke akun blogger sobat
2. Pilih Design lalu Edit HTML
3. Pasang kode di bawah ini ditatas kode </head>

<!-- SCROLLING BACK-TO-TOP -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template sobat sudah terdapat script jQuery 1.3.2, maka sobat tidak perlu lagi menambahkan kode ini -->
<script type='text/javascript'>
$(function(){
$(&#39;a[href*=#top]&#39;).click(function() {
if (location.pathname.replace(/^\//,&#39;&#39;) == this.pathname.replace(/^\//,&#39;&#39;)
&amp;&amp; location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length &amp;&amp; $target || $(&#39;[name=&#39; + this.hash.slice(1) +&#39;]&#39;);
if ($target.length) {
var targetOffset = $target.offset().top;
$(&#39;html,body&#39;).animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
</script>
<!-- SCROLLING BACK-TO-TOP END -->

4. Kalau sudah sobat cari kode <body> kemudian tambahkan atribut id='top' di dalam kode <body> tadi sehingga hasilnya seperti ini <body id='top'>
5. Langkah yang terakhir sobat cari kode </body> letaknya paling bawah di atas tag HTML, dan pasang kode berikut di atas kode </body> tadi.

<div id='gotop'>
<a href='#top' title='Go to Top'>
<img src='http://feryinteristi.fileave.com/arrow2-green-32.png' style='right:20px;bottom:20px;position:fixed'/>
</a>
</div>

6. Simpan pekerjaan sobat.

Ket :
URL yang berwarna Merah diatas bisa di ganti dengan url gambar sobat. Untuk download gambarnya klik Di sini kemudian upload gambar ke image hosting sobat lalu copy direct link-nya.

Selamat mencoba.....Semoga bermanfaat.

Kebanyakan pengguna komputer terutama pengguna Windows sering menekan tombol klik kanan lalu Refresh pada Desktop atau menggunakan tombol shortcut-nya pada keyboard yaitu tombol fungsi F5. Maksudnya  agar komputer lebih cepat bekerja, sehingga hal ini menjadi kebiasaan dimanapun dan pada komputer siapapun akan melakukan hal yang sama.


Yang mengkhawatirkan dari mereka, mungkin karena mereka tidak tahu alasan sebenarnya mengapa mereka menekan tombol ini. Parahnya lagi, mereka yang memiliki alasan kuat mengapa mereka menekan tombol ini justru meyakini mitos yang salah tentang fungsi tombol refresh tersebut.

Perlu diketahui refresh pada desktop berbeda dengan refresh page atau reload page pada browser. Kadangkala karena lalu lintas internet yang padat, ada halaman internet yang tidak dapat dimuat secara sempurna. Fungsi refresh pada browser ini adalah untuk memuat kembali halaman yang gagal dimuat sebelumnya. Sedangkan, refresh pada desktop memiliki fungsi yang berbeda dengan tombol refresh yang terdapat di dalam browser. Kebanyakan pengguna komputer baru atau awam, seperti penulis sendiri, pada awalnya meyakini bahwa tombol refresh berfungsi untuk meng-update atau memperbaharui kondisi siaga (idle) komputer setelah terjadi perubahan dan menghapus perintah sebelumnya dari RAM, sehingga komputer yang kita gunakan akan berjalan dengan lebih lancar dan lebih cepat. Namun, seperti yang telah diungkapkan sebelumnya, ternyata merupakan mitos semata.

Fungsi Tombol Refresh Desktop yang Sebenarnya Refresh desktop sebenarnya digunakan untuk memperbaharui tampilan atau memuat kembali tampilan yang ada di desktop setelah terjadi suatu perubahan. Refresh desktop tidak berfungsi untuk memperbaharui kembali kondisi RAM, dan tidak membersihkan komputer anda atau menyegarkan komputer anda. Oleh karena itu refresh desktop juga tidak menyumbangkan peningkatan performa apa pun pada kinerja komputer. Untuk lebih memudahkan anda dalam memahami penjelasan fungsi tombol refresh desktop ini, maka perhatikan ilustrasi berikut.

Kadangkala bila anda melakukan perubahan pada shortcut di desktop, perubahan tersebut tidak ditampilkan secara instan. Pada kasus ini, barulah anda perlu untuk melakukan refresh pada desktop anda untuk menampilkan perubahan yang telah dilakukan di desktop. Contohnya, anda telah mengatur shortcut di desktop agar namanya sesuai dengan urutan abjad. Saat anda menambahkan shortcut baru pada desktop, shortcut baru tersebut tidak akan langsung tersortir sesuai urutan abjad, tetapi akan berada di bagian paling bawah daftar shortcut.

Jika anda menekan tombol refresh desktop, semua shortcut akan diatur ulang kembali dan shortcut yang baru tersebut akan menempati posisinya sesuai abjadnya. Ini adalah fungsi tombol refresh desktop yang sebenarnya. Selain itu, refresh juga punya fungsi yang sama pada Windows Explorer. Jadi, bila anda punya kebiasaan melakukan refresh pada desktop anda berkali-kali tanpa mengetahui maksud dan fungsi sebenarnya tombol ini, maka anda sebaiknya menghentikan kebiasaan tersebut. Karena anda hanya membuang waktu dan perhatian anda untuk melakukan pekerjaan yang sebenarnya sia-sia.