Blogger Statistik

Tampilan grafis sederhana namun terasa nyaman digunakan, itulah kesan pertama
saya ketika mencoba fitur terbaru dari Blogger Statistik.  Dari
sekian banyak fitur yang sudah ditanam kedalam Blogger, baru kali ini saya merasa
semuanya terasa lengkap. Kalau sebelumnya saya harus login bolak balik ke Google
Analytics, kali ini semua terlihat lebih simple kerena sebagian fitur penting dari Google Analytics sudah tertanam kedalam fitur Blogger Statistik yang
bisa kita lihat langsung melalui halaman Dashbord. oh iya..untuk bisa
mencoba fitur ini karena masih dalam tahap uji coba,  maka rekan bisa
mengaksesnya melalui halaman
Blogger In Draft

 

 

Biar lebih mudah mempelajari semua fitur yang ada, disini saya coba uraikan
satu-persatu :

 

1. Blogger Statistik Overview

Fitur ini memungkinkan kita melihat statistik dari jumlah kunjungan secara
global. Dengan tampilan statistik terbagi menjadi 4 bagian, kita sebagai admin
tentu dipermudah menganalisa trafik secara real time, melihat minat pengunjung
dan menganalisa dari mana saja pengunjung blog kita berasal. Untuk yang lebih
spesifik lagi kita dapat memilih waktu penanyang yang tersedia dapat beberapa
tab, bisa dalam hari, minggu, bulan atau pada total waktu keseluruhan.

 

2.  Blogger Statistik Post

Gak perlu dijelaskan panjang lebar untuk statistik post, kita tentu sudah
mengerti maksud dari penayang ini, Singkatnya kita dapat melihat langsung
postingan atau artikel mana yang paling banyak diminati pengunjung. Nah kalau mau
menganalisa lebih jeli,  statistik post dengan nilai terbesar bukan hanya
berisi artikel menarik atau karena posting ini baru diterbitkan, tapi kata kunci
sesuai penargetan juga berpengarur besar lho :) yang lebih kren lagi jika blog
kita khusus untuk jual-beli barang tentu kita bisa dengan mudah mengalisa barang
apa saja yang paling banyak dicari pembeli :)

 

3. Blogger Statistik Traffic Sources

Bagaimana cara pengunjung menemukan blog kita? disinilah semuanya trafik
kujungan tercatat dan ditampilkan kedalam bentuk laporan. Ada 3 bagian yang bisa
kita anlisa yaitu, bisa melalui Referring URLs, Referring Sites dan Search Keyword.

 

4. Blogger Statistik Audience

Sangat menarik jika kita dapat dengan
mudah mengalisa dari negara mana saja pengujung kita berasal, Web Browser dan SO
apa saja yang paling banyak digunakan untuk menampilkan halaman blog kita. Ingat
pengunjung adalah raja, tentu kita berharap memberikan servis terbaik untuk
mereka.

 

Satu hal menurut saya ada yang kurang atau memang sengaja tidak ditampilkan,
kenapa blogger hanya menampilkan statistik untuk jumlah pageviews tanpa
menampilkan jumlah visitor? atau memang jumlah visitor langsung djumlahkan
dengan kedalam statistik pageviews. yah siapa yang tau...ditunggu aja kabar
selanjutnya... :)

Title: Blogger Statistik
Posted by:Unknown
Published :2010-07-02T11:22:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Blogger Statistik

Read More

Membuat Highlighting Current Page atau Current Menu di Blogger

Highlighting Current Page atau Current Menu biasanya diartikan sebagai
penanda halaman aktif
untuk saat ini ketika user berada dalam halaman tertentu, misalkan dalam halaman Home,
About, Help us dan Contact. Pada Blogger sendiripun sebenarnya baru-baru saja
sudah menanamkan fitur ini jika kita sedang mengaktifkan fitur untuk halaman (Page).
Namun entah kenapa kebanyakan blogger termasuk saya sendiri tidak begitu
tertarik menggunakan. Mungkin sudah telat kali ya :)

 

Yang membuat Saya tertarik untuk membahas fungsi Current Page ini karena
hampir semua template yang saya sediakan di
zoomtemplate.com sudah tertanam fitur
untuk menampilkan menu navigasi, sayangnya ya itu tadi, menu yang seharusnya
bagus malah seperti hanya sebagai hiasan pengganti link saja, dan kebanyakan hanya
terlihat cantik ketika user mengarahkan mouse (mouse hover) namun tidak memiliki
fitur penanda bahwa menu tersebut seharusnya terlihat ikut aktif dalam halaman
yang juga aktif.

 

Sebagai contoh silahkan rekan melihat demonya di
zoomtemplate.com

 

 

 

Disitu bisa rekan lihat saat kita berada dalam area halaman HOME, Link
menu HOME juga terlihat ikut aktif. Begitupula saat rekan berapa dalam
halaman FAQ'S dan beberapa Menu lainnya yang terlihat juga ikut aktif. 

 

Biar lebih mudah mempelajarinya silahkan Download contoh Demo Menu yang sudah
saya rancang disini.

 

 

OK langsung ke tutorial saja ya. Oh iya contoh menu dibawah ini tidak sama
dengan contoh menu di zoomtemplate.com, tapi rekan dapat mengedit menu tersebut sesuai
kebutuhan. Terus terang saya kesulitan menjelaskannya, karena hampir setiap kode
CSS
Menu memiliki rancangan yang unik dan berbeda.Tapi dengan contoh kali ini saya yakin
rekan paling tidak mempunyai sedikit gambaran bagaimana cara Aktive Curren Page
/ Current Menu ini bekerja.

 

1. Silahkan langsung tuju ke halaman Edit HTML

 

2. Letakan kode CSS dibawah tepat diatas kode ]]></b:skin>

 

#nav ul {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSybfvW5NM3aYic_I5370Z4XtWqNgKpFQupwZe8UljvoLM07LdRSKg_2zrSrYXDcnoUS8QTthoBSm4fcO2xK-Zl5ksUNstI0Mbo-ObayQJCL_LO2o9jl1r_K521qlOmwHOLJUhrQWhKqI/s400/backgr.jpg) repeat-x left top;

margin:0;

border-bottom:3px solid #98CB00;

border-top:1px solid #00CCFF;

list-style-type:none;

height:31px;

}

#nav li {

float:left;

}

#nav li a {

display:block;

padding:5px 15px 4px;

font:bold 16px "Trebuchet MS";

font-stretch:condensed;

text-decoration:none;

color:#00CCFF;

letter-spacing: -0.1em;

}

#nav li a:hover {

color:#98CB00;

}

#nav li.current {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQajlHn6rrjaX5i8rhvcp0y4Mxx2tS0jcPVY5c6m6IqK2-mDXB3BSEl_sWYt4f85Njo1mF11uBrXrX3Ef2D-RGiwkOcusvQ0RdZXqMArha3wgL6DD08iCurcFtVp14qO337aGQxDQ75-9m/s400/current.gi) no-repeat center bottom;

color:#98CB00;

}

 

2. Letakan kode Javascript dibawah ini tepat diatas kode
</head>

 

<script type='text/javascript'>

//<![CDATA[

function extractPageName(hrefString)

{

var arr = hrefString.split('/');

return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() +
arr[arr.length-1].toLowerCase();

}

function setActiveMenu(arr, crtPage)

{

for (var i=0; i<arr.length; i++)

{

if(extractPageName(arr[i].href) == crtPage)

{

if (arr[i].parentNode.tagName != "DIV")

{

arr[i].className = "current";

arr[i].parentNode.className = "current";

}

}

}

}

function setPage()

{

hrefString = document.location.href ? document.location.href : document.location;



if (document.getElementById("nav")!=null)

setActiveMenu(document.getElementById("nav").getElementsByTagName("a"),
extractPageName(hrefString));

}

//]]>

</script>

 

3. Kemudian silahkan cari kode dibawah ini dalam barisan kode pada halaman
Edit HTML

 

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

 

Lalu letakan kode dibawah ini tepat diatas kode diatas.

 

<div id='nav'>

<ul>

<li><a href='/'>HOME</a></li>

<li><a href='#'>FAQ'S</a></li>

<li><a href='#'>HELP US</a></li>

<li><a href='#'>CONTACT</a></li>

</ul>

<script language='javascript'>setPage()</script>

</div>

 

Agar Efek Current Page / Menu bisa bekerja, rekan harus mengganti tanda
# diatas dengan alamat url post yang aktif.

 

Untuk membuat dan mengedit tampilan menu jauh lebih cantik dari contoh menu diatas
rekan sebaiknya mau tidak mau harus banyak mempelajari pengkodean HTML, CSS dan
Javascript.

 

Selamat mencoba :)

Title: Membuat Highlighting Current Page atau Current Menu di Blogger
Posted by:Unknown
Published :2010-06-17T04:47:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Membuat Highlighting Current Page atau Current Menu di Blogger

Read More

Blogger Template: Baby Shop

Baby Shop Blogger Template merupakan desain template yang khusus saya
konversi buat rekan yang ingin membangun toko online sederhana terutama yang
ingin berjualan pernak pernik peralatan Bayi. Dengan style tampilan yang sangat
elegant dan terlihat profesional, template ini tentu saja dirancang khusus
bergaya Gallery plus Magazine, tidak lupa juga sudah saya tanam fitur SEO
didalamnya biar jualannya lancar hehehehe. Tapi sayang, karena terbatasnya
fasilitas di blogger ruang gerak saya untuk merancang memiliki fitur Shoping
Cart jadi batal, jadi pemesanan per item hanya bisa dilakukan secara manual. yah
anggap saja transkasi jual beli  dan pembayaran nanti dilakukan secara
manual saja via rekening bank atau via Paypal juga gak masalah. Ok selamat
berjualan :)

Demo:
http://babyshop-zoomtemplate.blogspot.com

Download:

http://www.zoomtemplate.com/2010/06/baby-shop.html

Title: Blogger Template: Baby Shop
Posted by:Unknown
Published :2010-06-07T23:31:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Blogger Template: Baby Shop

Read More

Blogger Template: Smart Touch

Smart Touch merupakan Blogger template hasil konversi dari CSS template ke
blogger dengan tampilan elegant dengan warna biru yang menawan, template ini
seperti biasa sudah tertanam fitur SEO Friendy, auto bookmark dan Ads
Ready, jadi rekan gak kesulitan lagi mengatur semuanya karena sudah All in one
:)

Demo:
http://smarttouch-zoomtemplate.blogspot.com

Download:
http://www.zoomtemplate.com/2010/05/smart-touch.html

Title: Blogger Template: Smart Touch
Posted by:Unknown
Published :2010-05-31T18:09:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Blogger Template: Smart Touch

Read More

Blogger Template: Dating Theme / Love Letter

Dating theme atau love leter template terbaru hasil konversi om, dengan warna
ping dan love-love berhamburan, cocok buat yang lagi sedang jatuh cinta atau
blog yang menulis tentang kata-kata mutiara, so jadilah yang pertama mencobanya
hehehhehe

Demo:
http://datingthemes-zoomtemplate.blogspot.com

Download:
http://www.zoomtemplate.com/2010/05/dating-theme.html

Title: Blogger Template: Dating Theme / Love Letter
Posted by:Unknown
Published :2010-05-28T17:29:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Blogger Template: Dating Theme / Love Letter

Read More

Blogger Template: Today's News dan Diadema

Today's News Blogger Template

Today's News Blogger Template merupakan hasil konversi Wordpress ke Blogger
yang baru saja saya buat tadi malam, Hadir dengankonsep desain nan elegan
dan cool abis ini bisa membuat rekan sobat iri hehehehe. Template Ini sangat
cocok buat blog atau situs dengan konsep berita. Ok jadilah orang pertama
yang mencobanya :)

Demo |

Download

 

Features:

• Options Page


• Post Thumbnails


• Featured Content


• 125�125 banners ready (easy editable from admin options)


• 468�60 Header Banner ready (easy editable from admin options)


• Three columns


• Gravatar on Comments


• Compatible with latest WordPress versions


• Widgets Ready


• SEO Optimized


• Fixed width


• Tested and compatible with all major browsers: IE, FF, Safari

 

Diadema Blogger Template

Hampir Sama dengan Today's News, template Diadema hadir dengan konsep yang
sangat menawan dengan desain yang mengagumkan. kalau rekan pecinta Fashion
template ini jangan sampai dilewatkan :)

Demo |

Download

 

Features:

• Options Page


• Post Thumbnails


• Featured Content


• 125�125 banners ready (easy editable from admin options)


• Two columns


• Gravatar on Comments


• Compatible with latest WordPress versions


• Widgets Ready


• SEO Optimized


• Fixed width


• Tested and compatible with all major browsers: IE, FF, Safari

Title: Blogger Template: Today's News dan Diadema
Posted by:Unknown
Published :2010-05-20T19:19:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Blogger Template: Today's News dan Diadema

Read More

Convert Wordpress Theme to Blogger Template

Merancang desain fresh dan terbaru pada template bisa om katakan sangat sulit,
ini bukan karena masalah pengkodean CSS dan XML yang ribet, tapi memang
merancang sesuatu yang baru dan segar dari segi desain dan pemilihan warna untuk
template blog itu sendiri yang bikin pusing. Dari pada pusing tujuh keliling
mendingan melakukan konversi dari template platform lain yang sudah jelas
desainnya, selain lebih mudah tentu resiko kejelekannya bisa diantisipasi hehehe

Oh iya, judul diatas bukan ngajarin caranya ya, disini om cuman nginformasiin
kalau dua hari ini om lagi senang-senangnya melakukan konversi wordpress ke
blogger template, dan ini ada 2 yang sudah om buat jadi silahkan di download :)

 

MysticGrunge Blogger template

 

Blogger template terbaru hasil konversi Wp ke blogger buatan om, theme dengan
nama "Mystic Grunge" ini Elegant banget dan cocok sekali buat
Blogger Misterius hehehe, jangan lupa di-Vote dan di-Comment ya.

Demo http://mysticgrunge-zoomtemplate.blogspot.com 

Download
http://www.zoomtemplate.com/2010/05/mysticgrunge.html

 

KikiBerry Blogger template

"KikiBerry Blogger template" terbaru hasil konversi dari WP ke Blogger buatan
om, pokonya ini template elegant abis dan simple, cocok banget buat blogger
cewek :D silahkan di download ya, jangan lupa kasih Vote

Demo
http://kikiberry-zoomtemplate.blogspot.com

Download

http://www.zoomtemplate.com/2010/05/kikiberry.html

 

OK, ditunggu ya konversi lainnya :)

NB: Jangan lupa kalau kasih komen di zoomtemplate sebisanya pake English ya :) thanks

Title: Convert Wordpress Theme to Blogger Template
Posted by:Unknown
Published :2010-05-17T18:13:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Convert Wordpress Theme to Blogger Template

Read More

Cara Membuat Sub Domain CO.CC

Penulis: Azhar Fahrurazi | henpina.co.cc

Mungkin sudah banyak oran-orang yang mengetahui trick ini, sampai-sampai orang
yang akan membacanya-pun enggan membaca Artikel tersebut, tapi, yang mereka
ajarkan adalah menggunakan
dnspark.net yang ada masa expired atau massa berlakunya, meskipun suangat
lama, tapi, sewaktu-waktu kita pastinya akan merasa tidak nyaman bukan?

Nah, disini saya ingin memperlihatkan kepada anda bagaimana caranya membuat
Sub-Domain langsung didalam Co.cc secara realive, gak percaya ? Simak Gan (
KasKus langue mode : On)

1. Masuk kedalam co.cc dengan Account anda masing-masing di

https://www.co.cc/log_in_out/login.php

2. Setelah itu, anda akan disuguhkan dengan sebuah Form yang berisikan 4
alamat domain yang sudah anda buat ( Apabila anda berhasil Login ).

3. Pilih domain yang akan anda jadikan Sub-Domain, disini dan didalam contoh
ini, saya akan memakai proxyesterday.co.cc

4. Klik Setup

5. Setelah itu, anda akan disuguhkan Form Setup

6. Klik zone record

7. Didalam Host, isikan apa yang ingin anda jadikan Sub domainnya, misalkan
oom

8. Dan otomatis, domain yang akan keluar adalah
oom.aktifiskaskus.co.cc

9. Didalam Value, isikan ghs.google.com

10. Klik Setup

11. Berhasil !!!!!

 

Lalu, apa yang harus kita lakukan selanjutnya?

 

Setup Sub-Domain didalam
Platform kita sendiri, disini saya menggunakan blogspot.com

 

1. Login kedalam Account Platform anda ( Didalam contoh ini saya menggunakan
Blogspot )

2. Setelah berhasil, masuk kedalam menu Pengaturan → Publikasikan dan
disana yang harus anda pilih adalah Domain Ubah Suaian

3. Kemudian pilih Beralih ke pengaturan lanjut

4. Masukkan Sub Domain yang sudah anda masukkan dan Setup tadi, yaitu
oom.aktifiskaskus.co.cc

5. Masukkan Capcay ( Verifikasi Kata )

6. Klik Simpan Setelan

7. Berhasil !!!!!!!

8. Kemudian klik Lihat Blog

Selamat, Sub-Domain
oom.aktifiskaskus.co.cc berhasil dibuat !

Title: Cara Membuat Sub Domain CO.CC
Posted by:Unknown
Published :2010-05-13T19:31:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Cara Membuat Sub Domain CO.CC

Read More

5 Sumber Ide untuk Artikel Blog Anda

Penulis: Reza Winandar | Blogger Make Money

Tentu blog kita mempunyai postingan bukan? Apakah isi dari postingan itu?
Apakah hanya sekedar curhat dan cerita mengenai kehidupan kita, atau berupa ilmu
pengetahuan? Yang pasti banyak blogger yang mengisi blognya dengan artikel.
Artikel dapat berupa guide maupun penjelasan terhadap suatu hal. Artikel
merupakan hal yang sangat penting dalam blog karena artikel adalah salah satu
kunci keberhasilan blog kita. Kadangkala, kita dapat dibuat pusing dalam mencari
ide untuk membuat artikel. Dalam membuat artikel, kita harus mencari ide-ide
yang fresh agar pengunjung tidak bosan.

Banyak sekali sumber-sumber ide yang mungkin belum tereksplorasi. Dan beberapa
sumber ide itu kadangkala muncul di depan mata kita, tapi kita tidak
menyadarinya. Beberapa orang berpikir keras untuk mencari ide, padahal
sebenarnya apabila ia peka, maka ia bisa mendapatkan ide dengan mudah. Berikut
adalah contoh-contoh dari beberapa sumber ide untuk artikel blog kita:

1. Google Trends

Google Trends dapat digunakan untuk mencari topic-topik apa saja yang sedang
hangat dibicarakan, dan apabila kita cepat dalam mengambil topic tersebut, bukan
tidak mungkin kita bisa menjadi yang nomor satu di Google dalam waktu singkat.

2. Forum

Jadilah aktif di forum dan anda akan menemukan thread yang berisi pertanyaan,
kemudian anda bisa membantu mencari jawabannya dan mempostingnya di blog anda,
selanjutnya tinggal arahkan pengunjung forum ke blog anda.

3. Komentar pada blog anda sendiri

Saya pernah mengalami ini, suatu ketika ada pengunjung yang bertanya sesuatu
kepada saya, dan untuk menjawabnya, saya membuat artikel kemudian mempostingnya
dan memberitahu si pemberi komentar bahwa saya telah menjawab pertanyaannya.

4. Situs berita

Anda bisa mencari berita yang tengah hangat kemudian menulis ulang dan
mempublikasikannya kepada para pembaca anda. Sebaiknya cari topic yang sesuai
dengan niche blog anda.

5. Direktori artikel

Di sinilah gudangnya informasi dan pengetahuan. Cobalah iseng-iseng untuk
membuka salah satu situs ini dan mencari artikel yang sedang dipajang di halaman
utama, atau anda bisa mencari artikel yang anda gemari, contoh : Hobi Memancing.
Dari situ anda bisa tahu topic apa yang sedang hangat dibicarakan atau apa yang
sedang menjadi diskusi para pemancing.

Anda juga bisa mendaftar di
ReadBud untuk
mendapatkan artikel-artikel berkualitas yang bisa anda jadikan sumber ide
sekaligus menghasilkan dollar. Setiap anda membaca artikel dan member rating
yang JUJUR, anda akan mendapatkan beberapa sen yang setiap harinya anda bisa
menghasilkan lebih dari $1.

Nah, sekian beberapa contoh sumber ide dari saya, apabila anda tertarik dengan
artikel-artikel saya, silakan tunggu guest post selanjutnya di
blog ini.

Title: 5 Sumber Ide untuk Artikel Blog Anda
Posted by:Unknown
Published :2010-05-07T06:12:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
5 Sumber Ide untuk Artikel Blog Anda

Read More

Installasi Twitter @Anywhere Pada Kotak Komentar

Penulis: ArdianZzZ | Ardianzzz.blogspot.com

Kotak komentar adalah sarana diskusi yang paling efektif. Atau paling tidak,
kotak komentar adalah salah satu tempat untuk sekedar saling sapa dan
berinteraksi. Karena pada engine blogger tidak terdapat fasilitas untuk reply
comment, kegiatan bertegur-sapa biasanya dilakukan dengan meniru Facebook atau
Twitter. Yaitu dengan menambahkan simbol �At�(@) pada awal nama. Misalnya saya
ingin membalas komentar o-om, maka saya menambahkan @oomdotcom
pada awal kalimat. Sebagai tanda bahwa tanggapan tersebut saya tujukan untuk o-om.

Kita dapat menambahkan interaktivitas kotak komentar dengan menggunakan plugn
Twitter @Anywhere. Dimana setiap kata yang diawali dengan simbol �At�(@) dapat
diconvert secara otomatis menjadi link yang menuju akun twitter yang dituju.
Sangat menarik bukan, karena dapat menambah suasana kotak komentar menjadi lebih
hidup dan interaktif.

Untuk lebih jelas, dapat dilihat pada demo page
disini.

Berikut ini adalah langkah-langkah installasi Twitter @Anywhere:

1. Masuk di @Anywhere

Sebelumnya, anda harus memiliki akun twitter terlebih dahulu. Kemudian
kunjungi
http://dev.twitter.com/anywhere

2. Daftarkan Aplikasi

Isikan segala informasi yang dibutuhkan. (Hal ini sangat mudah dan tidak
perlu penjelasan lebih)

 

3. Dapatkan API key.

 

4. Installasi



Setelah mengetahui API key, hal yang perlu dilakukan adalah dengan menambahkan
JavaScript berikut ini sebelum </head>

 

<script src="http://platform.twitter.com/anywhere.js?id=APIKey"
type="text/javascript"></script>

 

Gantilah APIKey dengan API
Key anda.

 

Beberapa fitur yang dapat digunakan adalah:

 

a. LinkifyUser

Script akan mengubah semua konten yang diawali dengan �at� simbol menjadi
link akun twitter.

 

b. Hovercards

Membuat link memunculkan tooltip yang berisi informasi tentang akun twitter.

 

Untuk melakukannya letakkan javascript berikut ini:

 

<script>

twttr.anywhere(function(twitter) {

twitter(&quot;.comment-body&quot;).linkifyUsers();

twitter.hovercards();

});

</script>

 

Ganti huruf yang berwarna merah dengan class yang sesuai. Jika anda menggunakan
Basic Minima, maka kotak komentar memiliki class .comment-body. Jika tidak yakin
dan anda menginginkan semua konten dalam body diconvert menjadi link maka
gantilah dengan body.

 

5. Kesimpulan

Cara ini sangat mudah dilakukan dan cukup efektif untk menambah
interaktivitas pada kotak komentar. Tetapi yang perlu diperhatikan adalah, jika
kita menuliskan username yang salah maka link yang dihasilkan menjadi tidak
relevan. Misalnya saya menuliskan @oomdotcom yang
menghasilkan link menuju http://twitter.com/oomdotcom.
Tetapi jika saya menuliskan @o-om, maka link yang dihasilkan adalah
http://twitter.com/o-om yang berarti salah sasaran.





Selain kedua fitur di atas, terdapat jga fitur-fitur seperti

• Follobutton


• Tweet Box


• Twitter Connenct

Untuk lebih jelasnya tentang cara penggunaannya dapat mengunjungi:

http://net.tutsplus.com

 

Profile Penulis:


ArdianZzZ adalah Seorang blogger biasa tetapi bukan blogger yang biasa-biasa saja. Sangat antusias dengan webdesain terutama pada Typography, CSS dan JavaScript.

Title: Installasi Twitter @Anywhere Pada Kotak Komentar
Posted by:Unknown
Published :2010-05-01T07:39:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Installasi Twitter @Anywhere Pada Kotak Komentar

Read More

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 ?

Title: 7 Manfaat Widget Google Friend Connect
Posted by:Unknown
Published :2010-04-28T01:22:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
7 Manfaat Widget Google Friend Connect

Read More

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 :)

Title: Compress Javascript dengan YUI Compressor
Posted by:Unknown
Published :2010-04-24T21:42:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Compress Javascript dengan YUI Compressor

Read More

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.

Title: 5 Tips Sederhana Meningkatkan PageView Blog
Posted by:Unknown
Published :2010-04-18T09:33:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
5 Tips Sederhana Meningkatkan PageView Blog

Read More

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�

Title: Memilih Template Yang Benar
Posted by:Unknown
Published :2010-04-10T04:58:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Memilih Template Yang Benar

Read More

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/AVvXsEi0H2JrlZLdn7p0bETp4fyZFZQH_NqwZMrAFwzKii0fzM4K5NU9A4f6GvmcIrJzJd0w-mNy4p8u3IBQ3fyF6-uDWsoOraq3rJTdLxviTsa4RHNDDSwaXRhiIapWsBeIC80HIotR17a-KcE/)
no-repeat top;

}



a.bt:hover span.tengah{

display: block;

padding: 0 8px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZZ4woneuUb4m7cU5BDcI3e7eMGVQMo1nLvIhlkVXgcaTZW59iSKdM992-5Uq-488mgyDGis70pCQsoBYSQ27G91yHnehdowmOJqqkjlY-tVz_MgiiOSWinCaThF6eiXmbnzTMroTKA0/)
repeat bottom;

}



a.bt:hover span.bawah{

display: block;

padding:3px 8px 10px;

color: #548912;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0H2JrlZLdn7p0bETp4fyZFZQH_NqwZMrAFwzKii0fzM4K5NU9A4f6GvmcIrJzJd0w-mNy4p8u3IBQ3fyF6-uDWsoOraq3rJTdLxviTsa4RHNDDSwaXRhiIapWsBeIC80HIotR17a-KcE/)
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>

Title: Membuat "Bubble Tool Tips" 100% menggunakan CSS
Posted by:Unknown
Published :2010-03-27T17:33:00-07:00
Rating: 4.5
Reviewer: 7 Reviews
Membuat "Bubble Tool Tips" 100% menggunakan CSS

Read More

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 :)

Title: Blogger Support Template Designer
Posted by:Unknown
Published :2010-03-11T10:27:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
Blogger Support Template Designer

Read More

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 :)

Title: Cara Mendeteksi Mobile User Agents dan Browsers (bag 2)
Posted by:Unknown
Published :2010-03-10T04:23:00-08:00
Rating: 4.5
Reviewer: 7 Reviews
Cara Mendeteksi Mobile User Agents dan Browsers (bag 2)

Read More