Sabtu, 29 Januari 2011

Cara Membuat Kotak Fans Page

Apakah Anda ingin menampilkan seberapa banyak fans blog Anda di Facebook? Saat ini Facebook menyediakan berbagai macam aplikasi dan widget yang dapat Anda gunakan di website atau blog Anda. Tapi kali ini saya akan membahas bagaimana cara membuat like box (dulu disebut fan box) dan menampilkannya di blog Anda.

Like box adalah sebuah widget yang dapat Anda tampilkan di blog atau website Anda, berupa kotak yang berisi foto-foto dari profile Facebook yang menyukai, atau meng-like blog kita dengan mengklik tombol like yang terdapat di kotak tersebut. Like Box dahulu bernama Fan Box dan tombol like di dalam kotak itu dulu ditulis become a fan. Tidak tahu kenapa Facebook menggantinya dengan like, menurut saya kata-kata become a fan agak sedikit terlalu berlebihan, tidak seperti kata like yang lebih familiar dan lebih ringan didengar.

Ada banyak keuntungan menggunakan Like Box, disamping dapat mendatangkan traffic dari Facebook, akan ada kepuasan tersendiri jika banyak yang menyukai blog kita. Tentu saja untuk menampilkan sebuah Like Box kita harus membuat page di Facebook. Page adalah fasilitas dari Facebook, penggunaannya sama seperti halnya profil pribadi Facebook kita, kita dapat menuliskan status, dan sharing apapun disana. Hanya saja di page ini tidak fasilitas add friend request atau approve friend request. Yang ada hanya tombol like itu tadi. Dan jika kita sudah meng-like sebuah page di Facebook, kita tidak perlu menunggu disetujui dahulu oleh sang empunya page.

Lalu bagaimana cara membuat page di Facebook?

Setelah login, klik link ini Create Facebook Page, selanjutnya pilih salah satu jenis halaman yang akan dibuat, berikut ini:
- Tempat atau Bisnis Lokal
- Perusahaan, Organisasi, atau Institusi
- Merek atau Produk
- Artis, Band, atau Tokoh Masyarakat
- Hiburan
- Gerakan atau Topik

Selanjutnya pilih kategori halaman yang tersedia, tulis Nama Halaman yang akan dibuat, dan beri tanda centang pada "I agree to Facebook Pages Terms" atau yang bertuliskan "Saya adalah perwakilan resmi bagi orang, bisnis, grup musik, atau produk ini, dan memiliki izin untuk membuat Halaman ini", serta akhiri dengan mengklik tombol Memulai. Jika Anda tidak masuk pada salah akun Facebook ketika membuat halaman, silakan klik tombol Buat Halaman Komunitas atau jika halaman yang dibuat bersifat resmi, pilih yang di sebelah kanannya dengan mengisi data yang diperlukan dan akhiri dengan mengklik tombol Buat Halaman Resmi.
Sekarang halaman Anda telah berhasil dibuat, silakan tambahkan informasi lainnya, dan undang teman Anda untuk bergabung atau menjadi penggemar di halaman tersebut.

Facebook Page

Selanjutnya Anda dapat menambahkan foto atau mengedit profil sesuai dengan keinginan Anda.

Cara Membuat Like Box

Setelah selesai membuat Official Page pribadi Anda di Facebook, langkah selanjutnya adalah membuat Like Box.

- Klik Edit page.

Edit Page

- Lalu klik Promote with a Like Box.

Promote Like Box

- Pada Facebook Page ID isikan dengan Facebook Page ID Anda.
- ID ini dapat Anda temukan di address bar browser Anda.

ID Browser

- Maka akan Like Box Anda akan muncul. Anda tinggal mengatur saja Width, Height, Connections, Stream, Headernya.

Like Box

Width: lebar dari Like Box, Height: tinggi dari Like Box, Connections: jumlah orang yang meng-like page Anda (sesuaikan dengan header dan width), Stream: aktivitas live terbaru dari page Anda, Header: opsi untuk menampilkan Find us on Facebook atau tidak.
Setelah selesai Anda setting, klik Get Code

- Dan akan muncul 2 macam kode yang dapat Anda pilih.


Saya menyarankan Anda gunakan XFBML, karena kelebihan dari XFBML adalah lebih flexible dibandingkan dengan iframe.
Kelebihan lain dari XFBML adalah Like Box yang Anda pasang nanti tidak akan menghalangi loading element lain di blog Anda. Berbeda dengan iframes, contoh: Like Box Anda taruh di sidebar bagian atas, jika loading Like Box ini belum sempurna, maka widget atau elemen lain di bawah Like Box akan loading sebelum Like Box Anda di-load secara utuh.
Namun ada kode yang harus Anda tambahkan agar Anda dapat menambahkan kode XFBML ini. Masukkan kode dibawah ini di header.php Anda setelah itu copy kode Javascript SDK yang ada di halaman tersebut.

Selasa, 25 Januari 2011

Tips Mempercepat Loading Form Komentar

Loading Form Komentar
Selain mengandung banyak error dan tidak valid HTML, sebenarnya form komentar default blogger juga mempunyai permasalahan lain. Terdapat "keanehan" dalam cara penulisan kode pemanggilan iframe form tersebut. Kenapa dibilang aneh? Karena pemanggilan iframenya dibuat terpisah menjadi dua bagian.
Kode src yang biasanya digunakan untuk memanggil data external, entah kenapa dibuat terpisah dengan tautan link menuju halaman form komentar yang asli di Blogger.

Dan ini membuat loading form komentar menjadi lambat. Efeknya mungkin tidak akan terlihat ketika pengunjung membaca isi artikel blog Anda sampai habis terlebih dahulu. Why? Karena saat pengunjung selesai membaca artikel, form komentar memang sudah berhasil diloading dengan sempurna. Tapi, kalau kita bandingkan lama loading form komentar dengan widget-widget lainnya, dijamin pasti akan terlihat seberapa lambatnya iframe tersebut.

Seringkali, elemen sidebar lebih duluan tampil dibanding form komentar. Hal ini tentu saja membingungkan karena seharusnya form komentar adalah elemen yang tampil pertama kali setelah konten artikel sesuai dengan letak kodenya yang berada persis dibawah kode artikel utama blog. Baru setelah itu kode sidebar dan footer.

Dan kalau blog Anda mengalami masalah yang persis seperti pembahasan sebelumnya, berikut ini ada cara untuk memperbaiki "keanehan" form komentar tersebut.

1. Masuk ke menu Edit HTML blog Anda, kemudian berikan tanda centang pada kolom Expand Widget Template. (Jangan lupa untuk membackup blog terlebih dahulu, untuk berjaga-jaga dari kesalahan waktu meng-edit kodenya)

2. Carilah kode seperti di bawah ini pada template Anda:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>


3. Perhatikan kode diatas. Kode data:post.commentFormIframeSrc dan src'' yang seharusnya bisa ditulis bersamaan, malah dibuat terpisah, dengan target src iframe yang dibiarkan kosong.

Dan karena browser biasanya cenderung lambat dalam merespon kode src yang null alias kosong, maka kita harus mengganti struktur penulisannya menjadi lebih benar. Bagaimana caranya?

--> Pindahkan kode data:post.commentFormIframeSrc kedalam target src'' yang kosong, seperti ini:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='data:post.commentFormIframeSrc' width='100%'/>


4. Save template, dan cek kinerja form komentar Anda sekarang.

Minggu, 23 Januari 2011

Cara Membuat Iklan Tampil Melayang Di Blog

Iklan Tampil Melayang Di Blog
Pernahkah Anda mengunjungi blog dengan iklan/gambar melayang di depan halaman blognya? Nah, Blog Tips kali ini memberikan tips kepada Anda bagaimana caranya membuat iklan melayang dengan tombol close?
Pertama Login ke Blogger lalu pilih rancangan, elemen halaman, dan masukkan kode html dibawah ini:

<style type="text/css" scoped>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<div style="text-align: justify;">


Masukan Kode iklan atau Gambar yang Anda inginkan di sini

</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>


Klik simpan dan lihat hasilnya, selamat mencoba!

Sabtu, 22 Januari 2011

Pasang Widget SMS Gratis

Widget SMS Gratis
Anda mungkin kehabisan pulsa dan sedang browsing di dunia maya lalu ingin memberikan informasi yang menarik via SMS ke teman Anda. Jangan kuatir blog ini akan memberitahu widget yang bisa dipasang dan digunakan untuk mengirim SMS GRATIS via blog Anda. Dan seperti judul di atas, blog ini tidak akan panjang lebar dalam membahasnya.
Dan juga tentunya keunggulan dari memasang widget ini ialah dapat mendatangkan trafik pengunjung tambahan buat blog Anda. Namun masih ada kekurangan dari widget ini yaitu tidak bisa menerima SMS balasan. Sehingga bila ada yang membalas SMS, Anda tidak bisa membacanya. Namun walaupun seperti itu widget ini sangat bermanfaat terutama untuk Anda yang suka ber-SMS ria. Dan yang terpenting pesan Anda dapat segera terkirim ke teman. Oke!

Silakan copy/paste kode di bawah ini:

<a href="http://snifan.blogspot.com/" target="_blank"><iframe name="widgetsms" src="http://www.sms-online.web.id/widget" rel="nofollow" style="border:0" scrolling="no" width="270" height="350"> not support </iframe></a>

Silakan Anda login dahulu ke Blogger:

- Pilih rancangan,
- Tambah widget baru,
- Setelah itu Anda pilih,
- Edit HTML/Javascript,
- Paste-kan kode yang sudah Anda copy tadi.

Sekarang blog Anda sudah bisa melayani SMS gratis buat Anda juga para pengunjung, lumayan bisa menambah trafik di blog Anda.



Semoga bermanfaat.

Kamis, 20 Januari 2011

SMS Facebook

SMS FACEBOOK

Dengan mengaktifkan SMS Facebook di ponsel. Anda akan selalu terhubung kapan saja dan dimana saja untuk memperbaharui status Anda, mengetahui status teman terbaru, kirim pesan masuk, kirim komentar, kirim pesan wall, dan lainnya hanya dengan menggunakan SMS. Anda tidak dikenakan biaya oleh operator bila menerima SMS Facebook. Anda hanya dikenakan tarif bila Anda mengirim komentar di status teman, kirim pesan masuk/wall, dan lain-lain.

Cara aktivasi via komputer dan ponsel Anda secara bersamaan:

1. Dapatkan kode konfirmasi SMS Facebook di ponsel Anda

- Ketik: FB kirim SMS ke 32665 dari ponsel Anda.
- Selanjutnya Anda akan menerima SMS konfirmasi dari Facebook yang berisi kode konfirmasi dan link konfirmasi.

2. Mendaftarkan akun Facebook untuk SMS Facebook di komputer

- Masuk ke situs website, Facebook Mobile.
- Masukkan alamat email dan password Anda.
- Di halaman utama, pilih "Edit settings".
- Di halaman My Account, pilih folder "Mobile".
- Di halaman My Account folder Mobile, untuk mengaktifasi layanan ini pada ponsel Anda, pilih" Register for Facebook Text Messages".
- Kemudian pilih negara " Indonesia".
- Selanjutnya arahkan kursor ke kotak "Choose a carrier" dan pilih operator seluler ponsel Anda.
- Pilih Next pada kotak "Active Facebook Texts"

3. Aktivasi akun Facebook di komputer

- Masukkan kode konfirmasi yang didapat dari SMS konfirmasi tersebut pada kotak "Active Facebook Texts". Selanjutnya Anda akan menerima SMS konfirmasi dari Facebook.
- Pilih "Confirm".
- Selanjutnya Anda akan menerima balasan SMS berupa konfirmasi yang menyatakan bahwa akun Anda sudah siap untuk set status yang berisi kode konfirmasi.

4. Setting Layanan SMS Facebook di komputer

- Pada folder Mobile akan muncul notifikasi Settings layanan SMS Facebook, dimana Anda bisa mengatur jenis layanan Facebook yang akan Anda terima lewat SMS.

- Kemudian pilih "Save Preferences".

Disini Anda bisa kirim SMS Facebook dengan formatnya, lalu ketik:
1. Add untuk menambah teman. Contoh: Add nama teman kirim ke 32655.
2. Cell untuk mengetahui nomor HP teman. Contoh: Cell nama teman kirim ke 3265.
3. Sub untuk berlangganan status teman. Contoh: Sub nama teman kirim ke 32655.
4. Unsub untuk berhenti berlangganan status teman. Contoh: Unsub nama teman kirim ke 32655.
5. Stop untuk menonaktifkan SMS Facebook kirim ke 32655.
6. On untuk mengaktifkan kembali SMS Facebook kirim ke 32655.
7. Wall untuk mengirim pesan wall ke teman. Contoh: Wall nama teman pesan Anda kirim ke 32655.
8. Msg untuk mengirim pesan ke inbox teman. Contoh: Msg nama teman pesan Anda kirim ke 32655.
9. Tips untuk mengetahui tips-tips SMS Facebook kirim ke 32655.
10. Update status. Ketik status Anda kirim ke 32665.
11. Search untuk mencari teman. Contoh: srch nama teman kirim ke 32655.
12. Undo untuk membatalkan status Anda kirim ke 32655.
13. Note untuk menulis catatan Anda sendiri. Contoh: note isi catatan kirim ke 32655.

- Operator seluler yang menyediakan SMS Facebook:

1. Telkomsel
2. 3
3. Axis
4. Indosat
5. Esia
6. Xl
7. Mobile8
8. Telkom Flexi

Selamat mencoba.

Minggu, 16 Januari 2011

Pengaturan MMS Di Ponsel

MMS Three
Anda ingin mengirim lagu atau ringtone, gambar, photo via MMS. Setingannya bisa dilihat di bawah:

1. Setting MMS Telkomsel

Connection Name: tel-MMS
Data Bearer: GPRS
Access Point Name: mms
Username: wap
Prompt Password: No
Password: wap123
Authentication: Normal
Proxy address: 10.1.89.150
Port: 8000
Homepage: http://mms.telkomsel.com
Connection Security: Off

2. Setting MMS Matrix

Connection Name: sat-MMS
Data Bearer: GPRS
Access Point Name: http://www. mms.satelindogprs.com
Username: satmms
Prompt Password: No
Password: satmms
Authentication: Normal
Proxy address: 202.152.162.88
Port: 9200
Homepage: http://mmsc.satelindogprs.com
Connection Security: Off

3. Setting MMS Mentari

Connection Name: INDOSATMMS
Data Bearer: GPRS
Access Point Name: indosatmms
Username: indosat
Prompt Password: No
Password: indosat
Authentication: Normal
Proxy address: 10.19.19.19
Port:8080
Homepage: http://mmsc.satelindogprs.com
Connection Security: Off

4. Setting MMS IM3

Connection Name: M3-MMS
Data Bearer: GPRS
Access Point Name: mms.indosat-m3.net
Username: mms
Prompt Password: No
Password: im3
Authentication: Normal
Proxy address: 10.19.19.19
Port: 8080
Homepage: http://www.mmsc.m3-access.com
Connection Security: Off

5. Setting MMS XL

Connection Name: XL-MMS
Data Bearer: GPRS
Access Point Name: www.xl.mms.net
Username: xlgprs
Prompt Password: No
Password: proxl
Authentication: Normal
Proxy address: 202.152.240.50
Port: 9201(Standar) 8080(Proxy)
Homepage: http://mmc.xl.net.id/sevlets/mms
Connection Security: Off

6. Setting MMS Three (3)

Connection Name: 3MMS
Data Bearer: GPRS
Access Point Name: www.xl.mms.net
Username: 3mms
Prompt Password: No
Password: 3mms
Authentication: Normal
Proxy address: 10.4.0.10
Port: 3128
Homepage: http://mms.three.co.id

Sabtu, 15 Januari 2011

Tips Hilangkan Widget Entri Lawas

Widget Entri Lawas

Kembali lagi dalam Blog Tips, kali ini akan membahas bagaimana cara menghilangkan tulisan entri lawas?
Entri Lawas merupakan pengaturan standar dari Blogspot.
Tetapi sebagian blogger merasa terganggu dengan adanya "widget entri lawas" ini.
Jika ada di antara blogger yang ingin menghilangkan "widget entri lawas" ini, ikuti langkah berikut:

Login ke Blogger:

- Klik Rancangan, Edit HTML.
- Klik tulisan Download Template Lengkap.
- Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan edit pada template, Anda masih punya cadangan data untuk mengembalikannya seperti semula.
- Beri tanda centang pada kotak di samping tulisan "Expand Template Widget"
Kemudian cari kode seperti dibawah.

Tips: Untuk mempercepat pencarian Anda bisa gunakan tombol Ctrl + F atau (F3)

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>


Jika sudah ketemu, hapus dan ganti dengan kode di bawah ini:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>


Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba.

Pengaturan GPRS Di Ponsel

Logo GPRS
Anda mungkin menghabiskan waktu istirahat Anda dengan internetan lewat ponsel. Tapi Anda seringkali merasa jengkel karena susah untuk aktivasi GPRS atau setting GPRS di ponsel Anda!

Bagi yang belum bisa aktivasi GPRS via HP, ada caranya! Silahkan lihat dibawah ini:

1. Setting GPRS Telkomsel

Connection Name: Telkomsel
Data Bearer: GPRS
Access Point Name: telkomsel
Username: wap
Prompt Password: No
Password: wap123
Authentication: Normal
Proxy address: 10.1.89.130
Port: 8000
Homepage: http://wap.telkomsel.com
Connection Security: Off
Session Mode: Permanent

2. Setting GPRS Matrix

Connection Name: GprsMatrix
Data Bearer: GPRS
Access Point Name: satelindogprs.com
Username: (kosongkan)
Prompt Password: No
Password: (kosongkan)
Authentication: Normal
Proxy address: 202.152.162.250:9200
Homepage: http://wap.matrix-centro.com
Connection Security: Off
Session Mode: Permanent

3. Setting GPRS Mentari

Connection Name: INDOSATGPRS
Data Bearer: GPRS
Access Point Name: satelindogprs.com
Username: indosat
Prompt Password: No
Password: indosat
Authentication: Normal
Proxy address: 10.19.19.19
Port: 8080
Homepage: http://wap.klub-mentari.com
Connection Security: Off
Session Mode: Permanent

4. Setting GPRS IM3

Connection Name: M3-gprs
Data Bearer: GPRS
Access Point Name: www.indosat-m3.net
Username: gprs
Prompt Password: No
Password: im3
Authentication: Normal
Proxy address: 10.19.19.19
Port: 8080
Homepage: http://wap.indosat-m3.net
Connection Security: Off
Session Mode: Permanent

5. Setting GPRS XL

Connection Name: XL-gprs
Data Bearer: GPRS
Access Point Name: www.xlgprs.net
Username: xlgprs
Prompt Password: No
Password: proxl
Authentication: Normal
Proxy address: 202.152.240.50
Port: 9201(Standar) 8080(Proxy)
Homepage: http://wap.lifeinhand.com
Connection Security: Off
Session Mode: Permanent

6. Setting GPRS Three (3)

Connection Name: 3GPRS
Data Bearer: GPRS
Access Point Name: 3gprs
Username: 3gprs
Prompt Password: No
Password: 3gprs
Authentication: Normal
Proxy address: 10.4.0.10
Port: 3128
Homepage: http://wap.three.co.id
Connection Security: Off