Mereund Blog

Home » All posts

7 Manfaat Widget Google Friend Connect

Penulis: Anawia putra | anawia.com

Sudah tahu apa itu google friend connect, Google friend connect adalah
suatu program komunitas sosial seperti BlogCatalog, MyBlogLog, dan
lain-lain. Bagi pengguna blogger mungkin tidak asing lagi karena sudah
tertanam didalamnya secara otomatis. karena blogger juga milik google
jadi otomatis sudah dipasangnya.

Bagi pemilik blog ber mesin wordpress harus mendaftar terlebih dahulu
untuk digunakan di blognya. caranya bisa dibaca di
cara
memasang google friend connect yang pernah saya tulis di blog
saya.

Kebanyakan blogger hanya memajang widget ini sebagai trend saja. Tanpa
memanfaatkannya lebih jauh lagi. Padahal widget tersebut memiliki fungsi
yang besar untuk membesarkan situs kita. Untuk itu saya mencoba
membahas setidak nya 7 manfaat dari google friend connect.

7 manfaat itu antara lain :

1. Dapat mempromosikan tulisan terbaru

Bagi pengguna blogger akan secara otomatis memberitahu artikel terbaru
kita dihalaman dashboard para follower atau di halaman href="http://www.blogger.com/home" target="_blank">http://www.blogger.com/home
setelah anda masuk ke account blogger anda. Jika tulisan anda menarik,
mereka akan segera berkunjung ke blog anda.

2. Dapat digunakan untuk mempromosikan produk terbaru
kita.

Tanpa disadari tenyata google friend connect bisa dimanfaatkan sebagai
alat untuk mempromosikan produk. Melalui fitur nawala yang ada
didalamnya. cara menggunakannya yaitu dengan mengirim pesan nawala yang
isinya produk yang ingin anda promosikan. Kemudian kirimkan ke
follower-follower anda. Pesan akan terkirim dalam bentuk email. artinya
anda tidak perlu capek membuat autoresponden, karena google friend
connect telah dapat dimanfaatkan untuk itu.

3. Bisa mengetahui minat pembaca

Buat sebuah pertanyaan untuk mengetahui minat pembaca dengan mengakifkan
polling yang tersedia. Dengan mengetahui minat pembaca, maka anda dapat
menulis artikel yang disukai pembaca, dengan demikian maka tulisan anda
akan dilahap habis oleh pembaca. Mempromosikan produk sesuai dengan
minat mereka mungkin akan sangat baik untuk produk yang anda
recomendasikan.

4. Meningkatkan pertumbuhan blog

Dengan berjalannya manfaat pada point 1. saat anda mempromosikan
tulisan-tulisan anda maka secara tidak langsung membantu meningkatkan
pertumbuhuan blog anda dan ini harapan dari semua blogger. Karena itu
tingkatkan follower blog anda agar pertumbuhan blog yang anda miliki
lebih baik dari sebelumnya.

Banyak cara untuk meningkatkan follower blog kita. dan ini hanya
membutuhkan kreatifitas kita misalnya dengan memberikan bonus ebook atau
yang lain. sekedar contoh saya memberikan
2
bonus ebook untuk pelanggan follower saya lihat di link tadi.

5. Dapat menjaring pelanggan lebih luas

Siapapun dapat dengan mudah menjadi pelanggan follower anda.

bergabung dalam situs Anda dengan sekali klik. Mereka dapat menggunakan
account Google, Yahoo, Twitter dan account lainnya. karena itu membuka
gerbang untuk menjaring pelanggan yang lebih luas lagi.

6. Pengunjung dapat berinteraksi dengan pengunjung yang lain

Kelebihan google friend connect yang memberi manfaat untuk pemilik blog
adalah adanya fasilitas untuk berinteraksi sesama follower. Dengan
demikian mereka akan menjadi lebih kerasan berada di blog anda. Mereka
sebagai follower juga bisa menilai dan memberi rating blog anda.
mengundang teman-teman mereka dalam penerbitan hasil kegiatan mereka
kepada mereka jaringan sosial. lebih mendalam melibatkan pengunjung
dengan situs Anda begitu juga

antara pengunjung yang satu dengan yang lainya

7. Pelanggan follower dapat bertambah
otomatis

Bertambah otomatis artinya pelanggan yang suka dengan blog anda bisa
mengundang sahabat-sahabat mereka untuk bergabung menjadi follower.
Dalam hal ini terjadi secara otomatis tanpa anda suruh. Fitur seperti
inilah yang menurut saya bisa menjadikan facebook besar seperti sekarang
ini. tapi ini hanya pendapat saya.

Nah dari 7 manfaat ini sebenarnya masih bisa anda gali menjadi 10 atau
lebih mungkin manfaat dari anda memasang widget follower. Terima kasih
kesempatannya kepada Om Agus telah menerbitkan tulisan sederhana saya.

Satu pertanyaan untuk menutup ulasan saya mengenai manfaat follower ini
adalah Sudahkah anda
memasang
follower widget dan sudah pula kah anda memanfaatkannya ?

Compress Javascript dengan YUI Compressor

Percaya nggak desain web site/blog tanpa javascript ibarat sayur tanpa
garam? bagaimana mungkin sebuah aplikasi web profesional tidak didukung dengan
javascript ini. Silahkan anda cek sendiri web site kelas dunia diluar sana yang
kebanyakan menggunaan fitur AJAX seperti Yahoo, Google dan Facebook apa
mereka menghindari script yang satu ini, gak mungkin lah hehehe jadi jangan
pernah berpikir menghindarinya jika kita hanya berpikiran untuk masalah
kecepatan loading website. Pemakaian Javascript yang wajar-wajar saja saya rasa
tidak ada masalah, asalkan memang didukung dengan server yang mumpuni, terlebih yang
menggunakan platform blogspot yang dihost langsung pada platform tersebut..coba
silahkan buka kembali tutorial lawas saya

disini yang membahas cara host javascript langsung di blogspot.

Sebenarnya banyak sekali tools javascipt compressor diluar sana yang
bisa kita coba, namun hanya sedikit yang benar-benar bekerja dengan baik menurut
saya. Dari sekian banyak tools yang saya coba hanya
YUI
Compressor yang dikembangkan langsung melalui dapur Yahoo
Developer Network ini saja yang benar-benar berkerja tanpa kesalahan
(error). Ini sudah saya buktikan pada beberapa blog blogspot saya dan
semuanya bekerja dengan sempurna. silahkan cek langsung pada
zoomtemplate.com
dengan melihat source codenyanya secara langsung melalui browser kita
masing-masing.

Ok lah mungkin sebagain dari blogger kurang setuju menggunakan javascript
dengan alasan kecepatan, tapi jika kita terpaksa tetap menggunakannya ya mau
tidak mau kita harus mencoba merampingkannya dengan cara mengompress script
tersebut. Tujuannya agar ukurannya menjadi lebih kecil dari ukuran semula dan
tentu saja paling tidak loading page blog kita jadi sedikit lebih cepat :)

Ada beberapa layanan Online yang sudah support YUI Compressor yang
bisa kita coba, diantaranya yang sering saya gunakan adalah
YUI Compressor Online dan
Online YUI Compressor.
Cara menggunakan layanan ini juga tidak sulit, kita tinggal memasukan saja semua
kode javascript yang ingin di-kompresi, ingat! tanpa memasukan tag
<script
type='text/javascript'>..</script>
tapi hanya kode utamanya saja.

Tampilan Online YUI Compressor

Tampilan YUI Compressor Online

Sebenarnya saya sekali ingin menjelaskan panjang lebar semua mengenai YUI
Compressor, namun saya yakin dari pada kalian bosan membacanya mending
pelajari saja ya secara langsung dialamat websitenya
disini :)

Tips membuat Tooltip dengan Jquery

Maksud dari tooltip itu ialah sejenis title pada link yang kita sorot baik berupa banner atau link biasa. contoh di blog ini bisa anda sorot tombol Home yang ada diatas.

Ide ini saya ambil dari blog bookmarknya Choen..

Begini caranya Trik Membuat ToolTip di Blogger:

1. ToolTip ini menggunakan Jquery, untuk itu anda perlu memasang script berikut (jika memang belum anda miliki), diatas </head> :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">

2. Masukan javascript berikut, di dibawah script jquery diatas.

<script type='text/javascript'>

$(document).ready(function(){

$("a.tooltip").easyTooltip();

});

</script>

<script type="text/javascript">

//<![CDATA[

(function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>

"+content+"</div>

");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);

//]]>

</script>

3. Selanjutnya masukkan code css, code css ini dapat anda modifikasi, seperti warna, atau juga anda dapat menggunakan background image(seperti aslinya dari script ini).

#easyTooltip{

padding:5px 10px;

border:1px solid #EF6D21;

background: #181C18;

color:#E0EFE0;

}

4. Ini tahap terakhir untuk mengaktifkan fungsi Tooltips, yaitu masukan code berikut, disetiap link yang anda inginkan.

class='tooltip' title='isi sesuai yang anda inginkan'

contohnya penerapannya seperti berikut:

<a class="tooltip" href="http://draft.blogger.com/" title="Beranda">

Beranda

</a>

>> demikian keseluruhan tahapan tersebut, semoga berhasil.

UPDATE : Dikarenakan blognya Choen tidak lagi memasang tooltips, maka contoh penerapannya bisa kamu lihat pada blog Oblo.web.id kemudian kamu bisa sorot link-link yang ada pada blog tersebut.

5 Tips Sederhana Meningkatkan PageView Blog

Penulis: Satrya | margasatrya.com | Twitter

Apa itu pageview? Pageview adalah nilai rata-rata jumlah halaman blog
kita yang diakses oleh satu visitor dalam satu kali
kunjungan.Pageview ini sangat penting sekali, karena anda bisa mengukur
seberapa bermanfaatkah atau seberapa menarikah artikel anda untuk para
pembaca blog anda, bila pageview anda tinggi walaupun dengan visitor
yang masih minim itu berarti artikel-artikel yang anda tulis cukup
memberikan manfaat dan menarik perhatian untuk pembaca.Hal ini pun
menurut pengalaman pribadi saya bisa menambah semangat anda dalam
menulis.Coba anda bayangkan ketika blog anda mempunyai traffic yang
tinggi ditambah artikel-artikel anda yang menarik dan bermanfaat sudah
dipastikan pageview anda juga akan sangat tinggi mungkin bisa menyamai
blog ini bahkan mungkin bisa melewati blog href="http://www.o-om.com/" target="_blank">o-om.com ini :D.

Saya akan memberikan 5 tips sederhana yang bisa meningkatkan pageview
blog anda :

1. Mengupdate Artikel Setiap Hari.

Mengapa
harus update artikel setiap hari?apa hubungannya dengan pageview?
Mengupdate artikel setiap hari tentunya akan menambah banyak jumlah
artikel yang anda tulis pada blog anda.Bila satu hari ada seorang
visitor yang berkunjung ke blog anda, ketika visitor tersebut membaca
satu artikel anda dan dia mendapatkan manfaat dari artikel anda
tersebut, pasti dia akan mencari artikel-artikel bermanfaat lainnya di
blog anda.Setiap artikel yang dia baca akan menambah jumlah pageview
anda.

2. Membuat Judul Artikel Semenarik mungkin

Jangan sampai para
pembaca blog anda melewatkan sebuah artikel penting hanya gara-gara
judul yang kurang menarik.Dengan judul artikel yang menarik kemungkinan
besar pengunjung penasaran untuk membaca artikel tersebut.

3. Submit Artikel Anda ke Social Bookmark

Pasti anda sudah
tahu apa itu social bookmark.Social bookmark bisa mendatangkan traffic
yang banyak.Ada 3 situs social bookmark yang biasa saya gunakan dan
memang khusus blog berbahasa indonesia yaitu, href="http://lintasberita.com" target="_blank">lintasberita.com ,href="http://infogue.com" target="_blank">infogue.com dan href="http://antarblog.com" target="_blank">antarblog.com.

4. Pasang Artikel Penting di Sidebar

Manfaatkanlah sidebar
anda untuk memberi kemudahan oada pengunjung untuk menavigasi blog
anda.Maksudnya pasanglah artikel-artikel yang menurut anda bermanfaat
atau menarik di sidebar anda.Misalkan artikel terpopuler dari blog anda,
atau artikel yang penting untuk di baca pengunjung anda.

5. Pasang Artikel Terkait dibawah Setiap Postingan Anda

Gunanya
hampir sama dengan memasang artikel penting di sidebar, tapi biasanya
artikel terkait ini satu kategory dengan artikel yang sedang di baca
oleh pengunjung tersebut.Ketika selesai membaca artikel kemudian
pengunjung melihat artikle terkait tepat di bawah postingan bukan tidak
mungkin pengunjung tersebut akan terus tertarik untuk membaca artikel
lainnya.

Sekarang anda perhatikan susunan 5 tips yang sudah saya tulis di
atas.Pertama anda harus mengupdate setiap hari artikel agar menambah
jumlah artikel di blog anda semakin banyak dengan judul setiap artikel
menarik perhatian pengunjung, setelah itu anda submit artikel-artikel
anda ke situs-situs social bookmark untuk mendapatkan visitor.Ketika
visitor tertarik berkunjung dan membaca salah satu artikel anda ternyata
bermanfaat atau menarik maka pengunjung tersebut pun akan mencari
artikel bermanfaat atau menarik lainnya dengan mencarinya di sidebar
atau pada postingan terkait yang sudah anda letakan tepat di bawah
postinganan anda.

Semoga bermanfaat.

Memilih Template Yang Benar

Penulis: Biyan A Pasau | i-biyan.com

Template mu adalah identitas mu. Pemilihan template tidak bisa dilakukan secara sembarangan.

Saya pernah mereview salah satu blog yang berNiche cord gitar tetapi template yang digunakan berbasis magazine (*mudah-mudahan orangnya gak baca ini). Tidak salah memang…ini tergantung dengan tastenya si Admin. Masalahnya, apakah ini cocok dimata yang lain. Blog tidak hanya dilihat untuk kita sendiri selaku admin tetapi juga untuk mereka yang bertindak sebagai visitor.

Untuk blog non komersil seperti saya ^ ^, pemilihan template bebas bisa anda lakukan secara sepihak mengingat bahwa itu tidak diperuntukan untuk moneytise bahkan mungkin dikhususkan untuk anda sendiri.

Mari abaikan pihak non Moneytize…kita berbicara tentang blogger komersil.

Saya hanya mau sharing tentang tips dan trik memilih template.

Ingat nice anda

Tanyakan pada diri anda, tema apa yang akan saya usung? Apakah Uang Segar $_$, Blog Tutorial, Cord Gitar, Gallery & Screenshoot atau yang lain. Jangan gunakan tema yang tidak nyambung semisal nice Cord Gitar tetapi menggunakan template dengan style portfolio. Kalau cord gitar yah code gitar. Kalau affiliasi dengan amazone yah model seperti template reseller, kalau template gallery yah template gallery.

Perhatikan Komentar yang Masuk

Saat berkunjung ke blogger gallery semisal dzignine.com atau zoomtemplate.com, bagian bawah dari template tersebut biasanya berisi komentar. Kita tidak bisa mengatakan kalau template tanpa komentar tidak bagus, atau template yang banyak komentarya itu bagus. Coba perhatikan kandungan komentar yang masuk. Mereka marah, berterima kasih, atau mencela bahkan bertanya?

Analisa saya seperti ini:

- Komentar yang berisi ucapan terimakasih, berarti author tersebut sangat semangat sampai sampai mengucapkan terima kasih, atau dia sedang kebelet dan memang sangat membutuhkan design seperti itu atau yang lebih parah…dia sedang blogwalking. Ini tidak usah dijadikan acuan mengingat belum tentu anda membutuhkannya juga.

- Komentar mencela, marah dll yang sedarah. Bisa ditebak kalau template itu banyak masalahnya. Apakah tidak lulus cross browser atau designya yang terhambur…entah lah. Ini yang anda jadikan acuan. Kalau perlu jangan diambil.

- Komentar bertanya. Ini komentatornya yang tidak mengerti karena tidak membaca tutorial dari sang designer dengan baik atau karena memang tutorialnya tidak ada? Beberapa template memang memiliki instruksi instalasi yang lumayan rumit. Biasanya sih template rumit itu berbasis magazine atau portfolio yang menggunakan jquerry dan mootools. Kalau anda tidak yakin, jangan diambil.

Tested In Major Browser

Pastikan template yang kamu inginkan/gunakan sudah dites di browser besar semisal Mozilla FF 3 keatas, Opera 10, Chrome semua jenis, Safari semua keluarga, dan yang terpenting IE 7-8. IE sekeluarga itu yang paling perlu anda perhatikan mengingat dia biasanya menghancurkan tampilan template.

“Jika membuat template / theme dalam bentuk apapun buat seindah mungkin, tapi tetap terlihat rapi dan terbaca di web browser terjelek sekalipun. Karena kita tidak akan pernah tau web browser apa yang visitor gunakan, dan kita tentunya tidak bisa memaksakannya.”

Proses ini bisa dikatakan sebagai proses terpenting dalam menjelajah template gallery. Walau terlihat indah dimata Mozilla FF tetapi kalau Terhambur di IE sekeluarga, sebaiknya jangan diambil. Ini hanya bisa merusak reputasi anda sebagai blogger professional.

SEO

Perhatikan juga dari segi SEOnya. Apakah penempatan tag tag sudah dilakukan secara sempurna. Tahapan ini dinamakan semantic structure. Ada satu tools yang menarik yang bisa anda gunakan untuk menganalisa disain SEO friendly suatu template. Namanya Raven. Ada Versi trial nya loh ^.^

Size

Saat mendownload, perhatikan sizenya. Saya tidak menyarankan anda untuk menggunakan template yang size file XML nya lebih dari 50kb. Jangan lihat size ini saat mendownload. Kadang file yang anda download memang bersize besar karena banyak yang authornya isikan (*bisa saja batu). Jadi kalau mau melihat size aslinya, extract dulu file rar/zip tersebut lalu cari file XML. Kalau file XMLnya bersise diatas 50kb sebaiknya jangan digunakan. Tetapi ini hanya saran lho. Semuanya tergantung anda.

Ok..sekian dulu. Kalau tidak sibuk berdiskusi dengan Google Adsense kemungkinan saya akan menulis tentang “Bagaimana Membuat Blogger Newbie Terlihat Profesional”

Membuat "Bubble Tool Tips" 100% menggunakan CSS

Penulis: Eldo A Pradana | dindingcoret.com

Bubble Tool Tips ini berguna sekali untuk memberikan informasi tentang sebuah link (bisa link refferal supaya banyak orang yang ikutan). Jika digerakkan diatas link (hover) maka secara otomatis bubble tool tips akan keluar dengan segala informasi yang ada yang dituliskan.

Biasanya untuk membuat balon tip ini sebagian orang memanggilnya dengan javascript yang akan membebani blog dengan size yang sangat besar. Nah ini ada trik yang menggunakan CSS murni sebagai pemanggilan codenya.

Untuk lihat live previewnya silahkan klik aja link ini .

Penerapan trik ini pake CSS, dan ini dia codenya:

/*---------- balon tips -----------*/

a.bt{

position:relative;

z-index:24;

color:#3CA3FF;

font-weight:bold;

text-decoration:none;

}

a.bt span{ display: none; }

/*background:; ie hack, harus mengubah sesuatu untuk menampilkan di IE*/

a.bt:hover{ z-index:25; color: #aaaaff; background:;}

a.bt:hover span.balontips{

display:block;

position:absolute;

top:0px; left:0;

padding: 15px 0 0 0;

width:200px;

color: #993300;

text-align: center;

filter: alpha(opacity:90);

KHTMLOpacity: 0.90;

MozOpacity: 0.90;

opacity: 0.90;

}

a.bt:hover span.atas{

display: block;

padding: 30px 8px 0;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK8QN9YMtVsYCARmR4MUocA9G_tCHMjTDuY52FbsAQARYldA3UuBT4sxwdf-BhDuFwnuoue1l6Xx4_Rt1XVz8fGpLcaobwxUlMMLgWN0swxKxyEd4DpJArzJHwM83_e45QeDvxjNFi85w/)
no-repeat top;

}

a.bt:hover span.tengah{

display: block;

padding: 0 8px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXlb7sANrHgrvWavP9T6_-gi-Uk_EmjKruW90Iotjso6Jg7CJuMayMvgpsMNOhtCYFGFkex1XvdEqTzjfd9kNrc_jnQa-NlyM_ghEEqHO6QRUTs6tUfkDEuZJfkDgo8emJOgGNu6j5bw/)
repeat bottom;

}

a.bt:hover span.bawah{

display: block;

padding:3px 8px 10px;

color: #548912;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK8QN9YMtVsYCARmR4MUocA9G_tCHMjTDuY52FbsAQARYldA3UuBT4sxwdf-BhDuFwnuoue1l6Xx4_Rt1XVz8fGpLcaobwxUlMMLgWN0swxKxyEd4DpJArzJHwM83_e45QeDvxjNFi85w/)
no-repeat bottom;

}

/*---------- balon tips END-----------*/

Untuk penggunaannya:

1. Link yang udah dibuat di kasih deklarasi class="bt".

Link dalam code HTML bentuknya seperti ini <a href="http://dindingcoret.com"></a>
Setelah diberi deklarasi akan jadi seperti ini : <a class="bt" href="http://dindingcoret.com"></a>

2. Deklarasikan balontips. Panggil code balontips dengan menuliskan
<span="balontips"></span>. Masukkan diantara code link.

3. Panggil gambar atas dengan cara ketik <span="atas"></span>. Masukkan diantara kode "balontips".

4. Panggil gambar tengah dengan cara ketik <span="tengah"></span>. Masukkan diantara kode "balontips" dibawah code "atas". Ditempat inilah sobat menuliskan komentar sobat.

5. Panggil gambar bawah dengan cara ketik <span="bawah"></span>. Masukkan diantara kode "balontips" dibawah code "tengah".

Contoh penulisan code bisa dilihat disini:

<a class="bt" href="URL
SOBAT">

kata-kata terserah deh..

<span class="balontips">

<span class="atas">

</span>

<span class="tengah">

Tempat sobat tulis info tentang link dan akan keluar sebagai bentuk balon

</span>

<span class="bawah">

</span>

</span>

</a>

Blogger Support Template Designer

Inilah yang ditunggu-tunggu para pengguna blogger selama bertahun-tahun, akhirnya
sampai juga saatnya dimana blogger meluncurkan cara termudah bagi
penggunanya untuk mendesain template sendiri secara online yang ditanam langsung
pada halaman dashboard. Berita yang baru saja om terima dari

blogger in draft tentu saja membawa angin segar buat yang kesulitan untuk
men-custom tampilan blognya agar bisa tampil lebih menarik dan berbeda.

Selain menambahkan fitur terbaru pada template desainer, blogger juga dengan
senang hati menyediakan 15 pilihan template terbaru. Disitu pula
tersedia pilihan layout colom mulai dari 1-3 pilihan colom yang dapat rekan
pilih langsung. Dan yang lebih menyenangkan, blogger juga menyediakan ratusan
background dan beberapa pola siap pakai. Biar gak penasaran, rekan lihat saja videonya langsung dibawah ini:

Untuk bisa mencoba layanan ini, karena masih dalam tahap uji coba, rekan
seperti biasa harus login dulu melalui blogger draft di alamat ini
http://draft.blogger.com

Selama mencoba aja :)

Cara Mendeteksi Mobile User Agents dan Browsers (bag 2)

Seperti janji saya pada akhir post sebelumnya tentang merangcang RSS FEED
untuk versi mobile phone, sekarang saya coba langsung membahas bagaimana cara
mendeteksi program yang kita buat apakah hanya dapat ditampilkan khusus untuk
versi mobile phone atau dapat juga dilihat pada standar dibrowser.

untuk memahami maksud artikel ini, sekarang coba rekan mengakses
m.o-om.net, sudah jelas ya
alamat ini masih leluasa dapat ditampilkan pada halaman standar browser pada
versi dekstop. Nah, untuk contoh lainnya sekarang saya minta rekan untuk mencoba
mengakses halaman kaskus versi mobile dialamat ini
m.kaskus.us apa yang
terjadi? ya, kita tidak bisa mengakases kaskus mobile langsung dari
browser dekstop, tapi kita langsung diredirect ke situs utamanya.

Sekarang yang jadi pertanyaan gimana programmer kaskus bisa membuat redirect
seperti itu? ternyata caranya tidak terlalu sulit, walaupun saya sendiri tidak
pernah melihat langsung script dari mobile kaskus paling tidak logika
progammingnya sama saja :)

Cara yang paling mudah yaitu menggunakan script PHP yang sudah disediakan
pihak ketiga, saya biasa menggunakan script dari
detectmobilebrowsers.mobi,
atau silakan download source codenya
disini.

Saya beri sedikit gambaran bahwa script ini mempunyai fungsi terdiri dari 8
pilihan parameter untuk membuatnya bekerja. jadi bisa dikatakan setiap 8
parameter menangani skenario yang berbeda pula. namun yang perlu diingat jangan
lupa untuk memanggil fungsi ini terlalebih dahulu agar semua fungsi pendukung
bisa berkerja dengan baik.

include ( 'mobile_device_detect.php'); $ mobile = mobile_device_detect ();

Jika rekan masih bingung untuk setting setiap paramater, sebenarnya ada yang
lebih mudah lagi dengan menggunakan fungsi generator yang juga sudah disediakan
oleh situs diatas. silahkan dicoba saja. oh iya, untuk scipt pilihan bahasa
program lainnya bisa langsung pelajari saja disitus ini
detectmobilebrowser.com

Sebenarnya sampai disini saja penjelasan diatas sudah bisa saya katakan
selesai, memang untuk kali ini rekan paling tidak harus sedikit mengerti tentang
PHP, jadi tidak terlalu sulit untuk menerapkannya.

Semoga artike ini bermanfaat :)

7 Manfaat Widget Google Friend Connect

Compress Javascript dengan YUI Compressor

Tips membuat Tooltip dengan Jquery

5 Tips Sederhana Meningkatkan PageView Blog

Memilih Template Yang Benar

Membuat "Bubble Tool Tips" 100% menggunakan CSS

Blogger Support Template Designer

Cara Mendeteksi Mobile User Agents dan Browsers (bag 2)

Popular Posts

Arsip Blog

Label Blog

Total Pageviews

- Mereund Blog