tag:blogger.com,1999:blog-1594485029011296492024-03-18T10:03:47.944+07:00MyBlogAnonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.comBlogger37125tag:blogger.com,1999:blog-159448502901129649.post-9123666583691818862009-04-30T09:30:00.010+07:002009-04-30T11:51:13.701+07:00Edit Account PHP<p>Salah satu widget yang sangat penting pada Member Area adalah Fasilitas <strong>Edit Account</strong> atau <strong>Edit Profile</strong>. Gunanya adalah untuk memberikan hak akses buat Member mengganti atau merubah data Profile atau Account.<br /><br />Berikut ini adalah script-script yang digunakan untuk membuat fasilitas Widget EDIT ACCOUNT PHP </p><span class="fullpost"><ol><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>, <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">Form Login PHP di Blogger</a> , <a href="http://abgamal.blogspot.com/2009/03/form-sign-up-php-di-blogger.html">Form Sign Up PHP di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/03/member-list-php-di-blogger.html">Member List PHP di Blogger</a> dan <a href="http://abgamal.blogspot.com/2009/04/member-area-php-di-blogspot.html">Member Area PHP di Blogspot</a>. </li><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) </li><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/04/login-ke-web-based-ftp-client.html" target="_blank">contoh gambar</a> ini. Setelah mengisi form, akan muncul file manager seperti gambar ini <a href="http://ueuodotcom.blogspot.com/2009/04/file-manager-di-ueuo-com.html" target="_blank">contoh gambar</a></li><li>Cari File <strong><em>memberarea.php</em></strong>, kemudian klik link "EDIT"</li><li>Dibawah script<br /><br /><span style="color:#009900;"><strong>$anda .="<legend>Profil</legend>";</strong><br /></span><br />tambahkan script ini<br /><br /><strong><span style="color:#009900;">if($_SESSION[namauser]=="$hsl[nama]")<br />{<br />$anda .="<div align=\"right\" style=\"padding-right:10px\"><a href=\"http://</span><span style="color:#ff0000;">abgamal.blogspot.com</span><span style="color:#009900;">/?mode=editprofil\" style=\"text-decoration:none\"><b>Edit Profil</b></a></div>";<br />} </span></strong></li><li>Kadang-kadang pada ueuo.com terjadi BAD REQUEST, jika hal ini terjadi maka gunakan cara lain, copy semua script file memberarea.php di NOTEPAD, kemudian edit seperti point 5, dan save as memberarea.php, kemudian upload ke server UEUO.COM</li><li>Tambahkan script ini persis dibawah <strong>session_start();<br /></strong><br />$ref="$_SERVER[HTTP_REFERER]";<br />$ref=explode("?",$ref);<br />$ref=explode("&",$ref[1]);<br />$ref=explode("=",$ref[0]); </li><li>Persis diatas script<br /><br /><strong><span style="color:#009900;">$anda .="<table cellpadding=\"2\" cellspacing=\"2\" width=\"100%\" style=\"font-family:verdana;font-size:10px\">";<br /></span></strong><br />Tambahkan script ini<br /><br /><strong><span style="color:#009900;">if($ref[0]=="" && $ref[1]=="")<br />{<br /></span></strong><br />dan persis di bawah script ini<br /><br /><strong><span style="color:#009900;">echo"document.write('$anda');";</span></strong><br /><br />Tambahkan tanda<br /><br /><strong><span style="color:#009900;">}<br />else<br />{ </span></strong></li><li>Setelah itu tambahkan lagi dibawahnya script berikut ini<br /><br />if($_SESSION[namauser]=="$hsl[nama]")<br />{<br />$editprofil="<fieldset style=\"padding: 2;width:422px;border:1px solid #bbbbbb;font-family:verdana;font-size:10px\">";<br />$editprofil .="<legend>Edit Profil <b>$hsl[nama]</b></legend>";<br />$editprofil .="<table cellpadding=\"2\" cellspacing=\"2\" width=\"100%\" style=\"font-family:verdana;font-size:10px\">";<br />$editprofil .="<form method=\"post\" action=\"http://<strong><span style="color:#3366ff;">blogproject.ueuo.com</span></strong>/editprofil.php\">";<br />$editprofil .="<input type=\"hidden\" name=\"id\" value=\"$hsl[id]\">";<br />$editprofil .="<tr align=\"left\"><td>Nama</td><td><input type=\"text\" name=\"nama_dpn\" value=\"$hsl[realname]\" size=\"40\"></td></tr>";<br />$editprofil .="<tr align=\"left\"><td>Email</td><td><input type=\"text\" name=\"email\" value=\"$hsl[email]\" size=\"40\"></td></tr>";<br />$editprofil .="<tr align=\"left\"><td>Url</td><td><input type=\"text\" name=\"url\" value=\"$hsl[url]\" size=\"40\"></td></tr>";<br />$editprofil .="<tr><td colspan=\"2\" align=\"right\"><a href=\"http://<strong><span style="color:#ff0000;">abgamal.blogspot.com</span></strong>\" style=\"text-decoration:none\"><b>Cancel</b></a> <input type=\"submit\" name=\"editprofil\" value=\"Update\"></td></tr>";<br />$editprofil .="</table>";<br />$editprofil .="</form></fieldset>";<br />echo"document.write('$editprofil');";<br />}<br />else<br />{<br />?><br />alert('anda harus login sebagai member');<br />window.location="http://<strong><span style="color:#ff0000;">abgamal.blogspot.com</span></strong>";<br /><?<br />}<br />} </li><li>Kemudian pada Notepad buat File <strong>editprofil.php,</strong> scriptnya adalah (<a href="http://ueuodotcom.blogspot.com/2009/04/script-edit-profil-dot-php.html" target="_blank">Script editprofil.php</a>) kemudian upload ke server ueuo.com</li><li>Ganti text warna merah dengan alamat blog anda dan ganti text warna biru dengan alamat anda di ueuo.com</li><li>Selamat Mencoba<br /><br /></li></ol></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com38tag:blogger.com,1999:blog-159448502901129649.post-19381230165188608972009-04-16T18:37:00.009+07:002009-04-17T08:42:21.345+07:00Member Area PHP di BlogspotSetelah berhasil membuat <strong>Member List di blogspot</strong>, tahap berikutnya adalah membuat <strong>Member Area</strong>. Member Area adalah halaman bagi para member anda yang digunakan untuk berbagai manfaat misalnya untuk Mengedit Account, Mengatur Hak Akses dan menata Admin Area, Sosial Networking dan Members Networking dan banyak lagi tergantung tema dari blog masing-masing.<br /><br />Dibawah ini adalah langkah-langkah yang digunakan untuk membuat MEMBER AREA Tahap Pertama <span class="fullpost"><br /><br /><ol><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>, <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">Form Login PHP di Blogger</a> , <a href="http://abgamal.blogspot.com/2009/03/form-sign-up-php-di-blogger.html">Form Sign Up PHP di Blogger</a> dan <a href="http://abgamal.blogspot.com/2009/03/member-list-php-di-blogger.html">Member List PHP di Blogger</a>. </li><br /><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) </li><br /><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh gambar</a> ini.</li><br /><li>Buka Notepad di komputer anda dan salin script ini ( lihat <a href="http://ueuodotcom.blogspot.com/2009/04/script-member-area.html" target="_blank">script memberarea.php</a> ) , setelah itu save as <strong>memberarea.php</strong></li><br /><li>Pada File Manager anda cari fasilitas UPLOAD, upload file <strong>memberarea.php</strong> diatas.</li><br /><li>Buka kembali Notepad anda dan salin script ini (lihat <a href="http://ueuodotcom.blogspot.com/2009/04/jump-member-area.html" target="_blank">script jumpmemberarea.php</a>), setelah itu save as <strong>jumpmemberarea.php</strong> </li><br /><li>Upload file <strong>jumpmemberarea.php</strong> pada File manager</li><br /><li>Buka kembali file <strong>memberlist.php</strong> anda pada File Manager, kemudian edit<br />cari script berikut ini<br /><br /><em><strong>echo"document.write(\"<tr><td><a href='$hsl[url]' target='_blank' style='text-decoration:none'>$hsl[nama]</a></td></tr>\");";</strong><br /></em><br />rubah menjadi seperti ini<br /><br /><strong><em>echo"document.write(\"<tr><td><a href='$hsl[url]' target='_blank' style='text-decoration:none'><img src='http://www.blogger.com/img/b16-rounded.gif'></a> <a href='http://blogproject.ueuo.com/jumpmemberarea.php?id=$hsl[id]'>$hsl[nama]</a></td></tr>\");";<br /></em></strong></li><br /><li>Buka kembali file <strong>kirim.php</strong> anda pada File Manager, kemudian edit. Cari Script berikut ini<br /><br /><strong><em>session_register("namauser");<br />$_SESSION[namauser]="$row[nama]";<br /></em></strong><br />Tambahkan script berikut di bawahnya<br /><br /><strong><em>setcookie("idyou","$row[id]");</em></strong><br /></li><br /><li>Langkah selanjutnya adalah Membuat <strong>Hidden Layer</strong> di Blog, masuk ke Layout Blog anda, kemudian add a Gadget, insert script berikut pada widget tersebut<br /><br /><script src="http://<strong><span style="color:#ff6600;">blogproject.ueuo.com</span></strong>/memberarea.php" type="text/javascript"></script><br /><br />ganti text warna merah dengan alamat web di ueuo.com, Setelah di Save, pastikan posisi widget ini tepat berada di atas widget<strong> Blog Post</strong>. </li><br /><li>Pada Layout, klik Edit HTML, cari posisi widget tersebut, sebagai patokan, karena lokasinya diatas Blog Post, gunakan fasilitas Find pada komputer anda,untuk mencari text "Blog Post", setelah ketemu, lihat kode script widget diatasnya. misalnya seperti ini,<br /><br /><div id='main-wrapper'><br /><b:section class='main' id='main' showaddelement='no'><br /><strong><span style="color:#ff6600;"><b:widget id='HTML3' locked='false' title='' type='HTML'/><br /></span></strong><b:widget id='Blog1' locked='true' title='<strong>Blog Posts</strong>' type='Blog'/><br /><b:widget id='HTML1' locked='false' title='' type='HTML'/><br /><b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/><br /></b:section><br /></div><br /><br />text warna merah berada diatas widget Blog Posts, merupakan widget yang kita cari, ingat id nya, pada contoh diatas id nya adalah HTML3, setelah itu contreng <strong>Expand Widget Templates</strong> kemudian gunakan fasilitas FIND lagi untuk menemukan lokasi id, ketik id nya pada FIND, pada contoh diatas ketik HTML3, setelah ditemukan scriptnya mungkin sama seperti ini<br /><br /><div id='main-wrapper'><br /><b:section class='main' id='main' showaddelement='no'><br /><b:widget id='HTML3' locked='false' title='' type='HTML'><br /><b:includable id='main'><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != &quot;&quot;'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><strong><span style="color:#6633ff;"><div class='widget-content'><br /></span></strong><data:content/><br /></div><br /><br />pada script yang berwarna biru ubah menjadi<br /><br /><div class='widget-content' id='memberarea' style='display:none'> </li><br /><li>Silahkan uji coba memberarea anda dengan mengklik link text pada member list anda.</li><li>Contoh nya bisa anda klik ini <a href="http://ueuodotcom.blogspot.com/" target="_blank">DEMO</a><br /></li><li>Semoga Berhasil<br /></li></ol></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com39tag:blogger.com,1999:blog-159448502901129649.post-30160937661017326182009-03-24T09:12:00.006+07:002009-04-24T11:17:46.191+07:00Member List PHP di BloggerSetelah berhasil membuat <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">FORM LOGIN</a> dan <a href="http://abgamal.blogspot.com/2009/03/form-sign-up-php-di-blogger.html">FORM SIGN UP</a>, dan yakin sudah ada user yang mendaftar sebagai <strong><em>member</em></strong>, maka sudah saatnya anda mulai <strong><em>Menata Member</em></strong>. Ada banyak variasi widget yang bisa kita bangun dengan <strong>PHP & MYSQL</strong> untuk memanjakan member, salah satunya adalah <strong>"MEMBER LIST"</strong> atau <strong>"DAFTAR MEMBER".</strong> Dengan Membuat Member List, user akan tertarik untuk menjadi member di blog anda, karena nama mereka akan di terlihat pada layout halaman. Bukan itu saja, <strong>Nama Member</strong> anda tersebut juga sekaligus merupakan <strong>LINK</strong> yang akan jump ke alamat blog member tersebut saat nama mereka di klik. Artinya Blog anda secara tidak langsung menjadi <strong><span style="color:#3333ff;">BackLink Member</span></strong>.<br /><br />Dibawah ini adalah langkah-langkah yang digunakan untuk membuat MEMBER LIST <span class="fullpost"><br /><ol><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>, <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">Form Login PHP di Blogger</a> dan <a href="http://abgamal.blogspot.com/2009/03/form-sign-up-php-di-blogger.html">Form Sign Up PHP di Blogger</a>. </li><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) </li><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh gambar</a> ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "memberlist.php" kemudian submit (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/create-file-memberlist-dot-php.html" target="_blank">Contoh Gambar</a>). Anda akan di bawa ke halaman textarea.</li><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/03/script-memberlist-dot-php.html" target="_blank">memberlist.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/memberlist-dot-php-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><li>Tahap akhir adalah menyisipkan MEMBER LIST pada Blogger.com. Masuk ke Account Blogger > layout > Add A Gadget > HTML/Javascript > Copy paste script berikut<br /><br /><script src="http://<strong><span style="color:#ff0000;">blogproject.ueuo.com</span></strong>/memberlist.php</a>" type="text/javascript"></script> </li><br /><li>Ganti text yang berwarna merah dengan alamat hosting anda, kemudian simpan</li><li>Hasilnya kira-kira seperti ini Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/member-list.html" target="_blank">Contoh Gambar</a>.<br /><br /></li></ol></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com34tag:blogger.com,1999:blog-159448502901129649.post-13976542797746108812009-03-19T17:11:00.011+07:002009-03-19T19:01:44.126+07:00Forgot Password PHP di BloggerSambungan dari Artikel sebelumnya <a href="http://abgamal.blogspot.com/2009/03/form-sign-up-php-di-blogger.html">Form Sign Up PHP di Blogger</a><br /><br />Mungkin anda pernah mengalami, Lupa Password saat akan login pada sebuah web/blog interaktif. Untuk mengantasipasi hal tersebut biasanya penyedia layanan FORM LOGIN juga menyertakan fasilitas FORGOT PASSWORD untuk mengantisipasi seandainya member mereka lupa akan kata sandinya.<br /><br />Pada kesempatan ini akan kami jabarkan cara membuat FORGOT PASSWORD. Langkah-langkahnya adalah sebagai berikut<br /><br /><span class="fullpost"><ol><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>, <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">Form Login PHP di Blogger</a> dan <a href="http://abgamal.blogspot.com/2009/03/form-sign-up-php-di-blogger.html">Form Sign Up PHP di Blogger</a>. </li><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) </li><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh gambar</a> ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "forgotpass.php" kemudian submit (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/create-file-forgotpass-dot-php.html" target="_blank">Contoh Gambar</a>). Anda akan di bawa ke halaman textarea.</li><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/03/script-forgotpass-dot-php.html" target="_blank">forgotpass.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/forgotpass-dot-php-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><li>Pada File manager, contreng kotak kecil di depan <strong>Login.php</strong> kemudian klik tombol <strong>Edit</strong>. Seperti Tampak pada Gambar (<a href="http://ueuodotcom.blogspot.com/2009/03/edit-script-login-dot-php.html" target="_blank">Contoh Gambar</a> )</li><li>Pada Textarea <strong>Login.php, </strong>Cari Script seperti tampak di bawah ini<br /><br /><span style="color:#339999;">$form .="<tr><td><input type='submit' name='submit' value='sign in'></td><td><a href='http://blogproject.ueuo.com/daftar.php'>Sign Up</a></td></tr>";<br /></span><br /><br /></li><li>Sisipkan script dibawah ini persis dibawahnya<br /><br /><span style="color:#339999;">$form .="<tr><td colspan='2'>[ <a href='http://<strong><span style="color:#ff6600;">blogproject.ueuo.com</span></strong>/forgotpass.php'><b>Forgot Password ?</b></a> ]</td></tr>";</span><br /><br /></li><li>Ganti text berwarna merah dengan alamat hosting anda di <strong>ueuo.com</strong>, lalu di SAVE</li><li>Silahkan lihat hasilnya di blog anda, pada area FORM LOGIN akan tampak link bertuliskan [ Forgot Password ?? ].</li><li>Klik Link tersebut dan hasilnya kira-kira akan tampak seperti gambar ini (<a href="http://ueuodotcom.blogspot.com/2009/03/hasil-form-forgot-password.html" target="_blank">Contoh Gambar</a>) </li><li>Jika anda mengisi account yang benar password akan dikirim ke alamat Email members anda<br /><br /></li></ol></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com25tag:blogger.com,1999:blog-159448502901129649.post-38596868837523098272009-03-14T09:58:00.008+07:002009-03-14T12:42:48.270+07:00Form Sign Up PHP di BloggerArtikel ini merupakan kelanjutan dari Artikel sebelumnya yang bertajuk <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">FORM LOGIN PHP di BLOGGER</a>.<br /><br />Sebelum membeberkan tutorial <strong>Form Sign Up PHP di Blogger</strong>, saya ingin meluruskan terlebih dahulu tentang artikel sebelumnya yang ternyata masih banyak yang salah kaprah. Form Login berbasis PHP yang dibangun di sini, bukan Widget FORM LOGIN yang digunakan untuk masuk ke ADMIN BLOGGER DOT COM. Form Login Blogger tersebut scriptnya memang banyak beredar dan digunakan oleh banyak kawan-kawan sesama komunitas blog. Form Login tersebut sebenarnya sama saja dengan link LOGIN yang tertera di NAVBAR BLOG.<br /><br />Form Login yang dibangun disini adalah Form Login untuk akses masuk ke ADMIN AREA yang kita bangun sendiri menyerupai ADMIN BLOGGER mengingat keterbatasan BLOGGER menyediakan fasilitas interaktif. Karena keterbatan layanan yang disediakan blogspot ini maka banyak kawan-kawan memanfaatkan layanan pihak kedua dan ketiga untuk mempercantik dan memperkaya fasilitas blognya. Satu contoh misalnya SHOUTBOX. Pihak Blogspot tidak menyediakan fasilitas tersebut, akhirnya ramai yang menggunakan shoutbox punya Shoutmix atau Cbox. Satu lagi Counter dan statistik juga tidak difasilitasi oleh blogspot sehingga ramai juga yang meminjam punya pihak lain misalnya Sitemeter.com dll. Karena ramainya pihak ketiga yang kita gunakan, muncul pemikiran bagaimana jika ada inovasi baru yang memungkinkan kita berimprovisasi sendiri dengan semua layanan yang umum digunakan oleh situs-situs portal, kemudian kita hadirkan di blog, sehingga antara weblog dan website portal menjadi seakan-akan tak ada beda. <span class="fullpost"><br /><br />Hanya ada satu cara untuk itu, bangun PHP dan MYSQL di Blog karena kedua bahasa itulah yang umum dan universal digunakan untuk menciptakan keragaman fasilitas widget apa saja yang ada di web di dunia maya ini termasuk semua fasilitas widget yang ada di blogger dot com dan wordpress. Sayangnya Blogger dot com tidak secara terang-terangan mendukung PHP dan MYSQL. Inilah yang kemudian mengilhami saya untuk membangun dulu PHP dan MYSQL di website lain yang mendukung kedua bahasa tersebut dan menyisipkankan ke Blogspot melalui Iframe atau Javascript, karena lewat itulah blogspot bisa ditembus.<br /><br />FORM SIGNUP adalah kelanjutan dari FORM LOGIN. Kalau Form Login digunakan untuk masuk ke akses ADMIN AREA maka Form Signup adalah fasilitas yang digunakan untuk mendaftar sebagai members agar bisa melakukan login untuk masuk ke akses ADMIN AREA.<br />Sedangkan ADMIN AREA adalah area yang digunakan untuk menata semua fasilias widget yang kita bangun.<br /><br />Sebagai Catatan, ADMIN AREA nanti akan dibahas setelah tutorial FORM SIGNUP ini di Publish.<br /><br />Pada kesempatan ini akan kami jabarkan cara membuat FORM SIGN UP (point 1 artikel <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">FORM LOGIN PHP di BLOGGER</a>) . Langkah-langkahnya adalah sebagai berikut<br /><br /><ul><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>, <a href="http://abgamal.blogspot.com/2009/03/form-login-php-di-blogger.html">FORM LOGIN PHP di BLOGGER</a>. </li><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) .</li><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh gambar</a> ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "daftar.php" kemudian submit (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/create-signup-dot-php.html" target="_blank">Contoh Gambar</a>). Anda akan di bawa ke halaman textarea.</li><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/03/script-signup-dot-php.html" target="_blank">daftar.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/signup-dot-php-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><li>Sekarang, untuk uji coba, kembali ke Form Login yang sudah anda buat pada artikel sebelumnya. Cari Link "<a href="http://blogproject.ueuo.com/daftar.php" target="_blank">SIGN UP</a>", lalu klik, hasilnya kira-kira seperti ini (<a href="http://ueuodotcom.blogspot.com/2009/03/sign-up.html" target="_blank">lihat gambar</a>)</li><li>Silahkan dicoba sendiri untuk mendaftar, ingat jangan menggunakan email yang anda gunakan di script daftar.php, karena pada email anda akan terkirim dengan subject ME, karena anda yang mengirim sendiri. Gunakan Email anda yang lain. setelah diisi silahkan dicek pada email. (<a href="http://ueuodotcom.blogspot.com/2009/03/sign-up-pada-email.html" target="_blank">lihat gambar</a>).</li><li>Cek phpMyadmin Anda, jika eksekusi berhasil pasti akan ada penambahan user pada table USER anda di phpMyadmin</li></ul><p>Selamat Mencoba semoga berhasil. Tunggu artikel selanjutnya Tentang<strong> Admin Area</strong> dan <strong>Forgot Password</strong></p></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com53tag:blogger.com,1999:blog-159448502901129649.post-31200310893146695752009-03-06T16:37:00.033+07:002009-03-25T09:25:23.851+07:00Form Login PHP di BloggerJika anda berkunjung ke berbagai web portal terutama yang berbasis interaktif php, mungkin anda sering melihat jenis widget ini "<strong>FORM LOGIN</strong>". <em><span style="color:#6633ff;">Form login</span></em> adalah form yang digunakan untuk <strong>Log in</strong> atau <strong>Online</strong> sebagai anggota/member dari sebuah web. Dengan melakukan Login berarti anda dianggap Online. Sederhananya form login ibarat <em><strong>absen tanda hadir</strong></em>. Sebagai contoh, Pernah lihat blog yang memasang <em><strong>Icon Yahoo Mesenger Online</strong></em> atau <em><strong>Offline</strong></em>. Untuk bisa dianggap online, kita harus login dulu di server yahoo.com begitu juga sebaliknya untuk dianggap offline, kita harus logout dulu dari server yahoo.com.<br /><br />Bagi pemilik web atau blog terutama jika web/blog tersebut sangat interaktif, mengelola members adalah suatu keharusan. Berbagai layanan yang mungkin akan kita bagi kepada pengunjung mengharuskan kita memprivasi tiap-tiap layanan tersebut sesuai dengan tingkatan hak yang diberikan misalnya hanya sebagai user/pengunjung biasa atau sebagai superuser/member yang kita beri hak untuk mengelola sendiri sebuah layanan dengan hak akses tertentu. Nah untuk menggunakan hak akses tersebut sudah tentu harus memanfaatkan <strong>FORM LOGIN</strong>. Sebagai contoh BLOGGER.COM menyediakan layanan <strong>blog gratis</strong> dan memberi hak akses tiap-tiap member untuk mengelola blognya masing-masing. Jika kita ingin melakukan setting blog misalnya, kita tidak bisa melakukannya hanya berstatus <em><strong>user</strong></em>, kita harus login sebagai <strong><em>Member</em></strong>. Dan untuk melakukan hal tersebut dibutuhkan FORM LOGIN.<span class="fullpost"><br /><br />Sebagai pengelola Web yang memanfaatkan hosting web dari server web tertentu, mengcreate sebuah layanan menuntut kita untuk juga menciptakan <strong>ADMIN</strong> untuk mensetting layanan yang kita buat tanpa harus login ke server dan cukup mensetting ditingkat subhosting saja. Dan untuk kebutuhan tersebut dibutuhkan FORM LOGIN.<br /><br />Sebagai contoh <a href="http://abgamal.blogspot.com/2009/02/bloglist-berbasis-php.html" target="_blank">MEMBANGUN BLOGLIST BERBASIS PHP</a> di blog ini. Ada fasilitas <a href="http://abgamal.blogspot.com/2009/03/view-bloglist-berbasis-php.html">VIEW BLOGLIST</a>, ada fasilitas <a href="http://abgamal.blogspot.com/2009/02/form-input-bloglist-berbasis-php.html">FORM INPUT BLOGLIST</a>. Bisa saja muncul masalah, namanya juga <strong>FORM INPUT</strong> dimana-mana, <em><strong>user</strong></em> bebas mengisi apa saja, dan bagaimana seandainya saat mengisi ada kata yang salah, atau kata-kata yang digunakan tidak sopan, atau user adalah SPAMMER. Oleh karena itu harus ada fasilitas <strong>ADMIN</strong> yang berfungsi untuk mengelola <strong>UPDATE DATA, DELETE DATA, BANNED IP</strong> dan <strong>SETTING LAYOUT</strong>. Dan untuk bisa masuk sebagai admin dibutuhkan hak akses. Hak Akses sebagai Member biasa, atau sebagai Admin atau sebagai Master ditentukan dari kode akses yang dimasukkan pada FORM LOGIN.<br /><br />Oleh karena itu sebelum kita berkreasi dengan berbagai keunggulan PHP MYSQL, saya menyarankan untuk terlebih dahulu membuat FORM LOGIN PHP di BLOGGER.<br /><br />Sebenarnya ada 6 tahap utama untuk menata members<br /></span><span class="fullpost"><ol><li>Daftar sebagai Member. Pada web sering di tulis dengan link "SIGN UP" atau "DAFTAR"</li><br /><li>Form Login atau sering ditulis dengan link "SIGN IN" atau "LOG IN"</li><br /><li>Log Out, link untuk menyatakan menutup akses ke ADMIN AREA</li><br /><li>Forgot Password, Layanan yang diberikan untuk mengantisipasi Member saat lupa password</li><br /><li>Admin Area, Hak layanan yang diberikan kepada member jika login sebagai member. Biasanya digunakan untuk Menata Layanan.</li><br /><li>Counter dan Traffik Member /User Online </li></ol><p>Pada kesempatan ini akan kami jabarkan cara membuat FORM LOGIN (point 2) . Langkah-langkahnya adalah sebagai berikut</p><ol><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>.</li><br /><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) </li><br /><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh gambar</a> ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "login.php" kemudian submit (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/create-file-login-dot-php.html" target="_blank">Contoh Gambar</a>). Anda akan di bawa ke halaman textarea.</li><br /><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/03/script-login-dot-php.html" target="_blank">login.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/login-dot-php-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "kirim.php" kemudian submit. Anda akan di bawa ke halaman textarea.</li><br /><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/03/script-kirim-dot-php.html" target="_blank">kirim.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/kirim-dot-php-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "logout.php" kemudian submit. Anda akan di bawa ke halaman textarea.</li><br /><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/03/script-logout-dot-php.html" target="_blank">logout.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/logout-dot-php-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Membuat Table USER pada Database Mysql. Kembali ke Member Area, Klik phpMyAdmin (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login-phpmyadmin.html" target="_blank">Contoh Gambar</a>). Masukkan nama database anda dan password database</li><br /><li>Setelah itu akan muncul halaman "phpmyadmin area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/phpmyadmin-area.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Pada sidebar kiri, klik link database seperti yang ditunjukkan pada gambar pada point 10</li><br /><li>Setelah itu akan muncul halaman Database anda pada phpmyadmin (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/table-bloglist-terbentuk.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Klik link Query, sehingga tampak gambar seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/query.html" target="_blank">Contoh Gambar)</a></li><br /><li>Isi script berikut pada textarea seperti yang tampak pada contoh gambar point 13 (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/table-user-mysql.html" target="_blank">Script Mysql</a>) sehingga menjadi seperti <a href="http://ueuodotcom.blogspot.com/2009/03/insert-table-user-mysql.html" target="_blank">contoh gambar</a> ini, kemudian tekan tombol submit query. Jika eksekusi berhasil akan tampak seperti gambar ini <a href="http://ueuodotcom.blogspot.com/2009/03/table-user-mysql-terbentuk.html" target="_blank">Contoh Gambar</a>. Bagian yang dilingkar merah menunjukkan telah terbentuk satu table mysql dengan nama "user".</li><br /><li>Kemudian kembali ke Main Mysql dengan meng klik link database disisi kiri (yang dilingkar biru) seperti contoh gambar point 14.</li><br /><li>Setelah klik akan muncul gambar Main phpMyadmin seperti contoh gambar point 14</li><li>Klik bagian yang dilingkar merah <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYyRZuVMfDdSUUU9CnJbklq75qQiXuRaCnMbdEqQKAtFGSeJhNdhnuZ7JbaJgdi-5waU6xBvTBTjWY6yrMxYqMCl45umg9goAafTgT1SQ3LHt85_r3L4ELZrE-UysdrIm4OAHbSEvgR5U/s1600-h/insert.JPG"><img id="BLOGGER_PHOTO_ID_5310297093920559346" style="WIDTH: 200px; CURSOR: hand; HEIGHT: 21px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYyRZuVMfDdSUUU9CnJbklq75qQiXuRaCnMbdEqQKAtFGSeJhNdhnuZ7JbaJgdi-5waU6xBvTBTjWY6yrMxYqMCl45umg9goAafTgT1SQ3LHt85_r3L4ELZrE-UysdrIm4OAHbSEvgR5U/s200/insert.JPG" border="0" /></a></li><li>Setelah di klik akan muncul gambar seperti ini lihat ( <a href="http://ueuodotcom.blogspot.com/2009/03/insert-admin.html" target="_blank">Contoh Gambar</a> ). Ikuti semua instruksi yang diperintahkan, untuk input data (lihat keterangan gambar), setelah itu tekan tombol GO. </li><li>Jika Berhasil, maka saat kembali ke Main phpMyadmin, record pada table user bertambah 1</li><li>Tahap akhir adalah menyisipkan FORM LOGIN pada Blogger.com. Masuk ke Account Blogger > layout > Add A Gadget > HTML/Javascript > Copy paste script berikut<br /><br /><script src="http://<strong><span style="color:#ff0000;">blogproject.ueuo.com</span></strong>/login.php" type="text/javascript"></script></li><br /><li>Ganti text yang berwarna merah dengan alamat hosting anda, kemudian simpan</li><br /><li>Hasilnya kira-kira seperti ini Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/form-login.html" target="_blank">Contoh Gambar</a>.</li><br /><li>Silahkan uji coba sendiri, masukkan nama login anda dan password (ingat !!! bukan kode encriptnya)</li><br /><li>Jika berhasil akan tampak seperti gambar berikut (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/uji-coba-form-login.html" target="_blank">Contoh Gambar</a>). Klik link LOGOUT untuk kembali ke mode awal. </li><br /><li>Jangan Klik link Sign Up karena halaman Sign Up belum dibuat artikel tutorialnya ... He he he, tunggu Postingan Berikut....</li></ol></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com75tag:blogger.com,1999:blog-159448502901129649.post-52672144089018740862009-03-03T10:26:00.016+07:002009-03-03T12:51:22.703+07:00View Bloglist Berbasis PHPSambungan dari artikel sebelumnya <a href="http://abgamal.blogspot.com/2009/02/form-input-bloglist-berbasis-php.html">Form Input Bloglist Berbasis PHP</a><br /><br />Pada artikel ini, akan di jabarkan langkah-langkah membuat VIEW BLOGLIST. Langkah-langkahnya adalah :<br /><ol><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>, <a href="http://abgamal.blogspot.com/2009/02/bloglist-berbasis-php.html">Bloglist Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/form-input-bloglist-berbasis-php.html">Form Input Bloglist Berbasis PHP</a>.</li><br /><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) </li><span class="fullpost"><br /><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh gambar</a> ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "viewbloglist.php" kemudian submit (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/create-file-view-bloglist.html" target="_blank">Contoh Gambar</a>). Anda akan di bawa ke halaman textarea.</li><br /><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/03/view-bloglist-dot-php.html" target="_blank">viewbloglist.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/03/view-bloglist-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Langkah Selanjutnya adalah buka jendela baru masukkan alamat ini <a href="http://blogproject.ueuo.com/viewbloglist.php" target="_blank">http://blogproject.ueuo.com/viewbloglist.php</a> (jangan lupa ganti tulisan "blogproject.ueuo.com" dengan alamat hosting anda sendiri) kemudian lihat hasilnya.</li><br /><li>Jika tidak ada masalah akan muncul halaman seperti ini (lihat <a href="http://ueuodotcom.blogspot.com/2009/03/contoh-view-bloglist.html" target="_blank">Contoh Gambar</a>) .</li><br /><li>Sebagai Uji Coba, Silahkan tekan tombol form "add", akan muncul jendela popup "form input bloglist" (lihat <a href="http://ueuodotcom.blogspot.com/2009/03/uji-coba-add-bloglist.html" target="_blank">Contoh Gambar</a>). Isi Form input bloglist tersebut lalu tekan tombol input (lihat <a href="http://ueuodotcom.blogspot.com/2009/03/uji-coba-input-form-bloglist.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Setelah berhasil di eksekusi, tekan tombol "refresh" untuk melihat hasilnya. (lihat <a href="http://ueuodotcom.blogspot.com/2009/03/hasil-ujicoba-view-bloglist.html" target="_blank">Contoh Gambar</a>)</li><br /><li>Langkah selanjutnya adalah memodifikasi tampilan atau style css view bloglist agar sesuai selera masing-masing.</li><br /><li>Kembali ke File Manager, ceklist "viewbloglist.php", lalu tekan tombol edit (lihat <a href="http://ueuodotcom.blogspot.com/2009/03/edit-view-bloglist.html" target="_blank">Contoh Gambar</a>)</li><br /><li>Pada area Edit, ikuti langkah-langkah ini untuk mengedit background halaman dan ukuran view bloglist (lihat <a href="http://ueuodotcom.blogspot.com/2009/03/edit-script-bloglist.html" target="_blank">langkah-langkah</a>)</li><br /><li>Langkah selanjutnya adalah memasukkan bloglist berbasis PHP ini ke Blogger.com melalui Iframe. Buka Account di Blogger.com > layout > Add gadget > add html/javascript ></li><br /><li>Masukkan script dibawah ini<br /><div><b>Daftarkan Blog Anda disini</b></div><br /><iframe id="fr" scrolling="no" <span style="color:#009900;">width="210px"</span> frameborder="0" src="http://<span style="color:#ff0000;">blogproject.ueuo.com</span>/viewbloglist.php" name="fr" <span style="color:#009900;">height="450px"</span>/></iframe><br /><br />Ganti text yang berwarna merah dengan alamat hosting php anda, ganti ukuran bloglist seperti yang ditunjukkan text warna hijau sesuai selera dan sesuaikan dengan ukuran bloglist di hosting php anda. Sebaiknya ukuran lebar dan tinggi iframe melebihi ukuran bloglist minimal 5 px, atau tergantung bagaimana modifikasi anda sendiri.</li><br /><li>Jika berhasil hasilnya akan menjadi seperti ini <a href="http://ueuodotcom.blogspot.com/2009/03/bloglist-dalam-iframe-blogger.html" target="_blank">View Bloglist</a></li><br /><li>Terakhir tinggal bagaimana cara anda mengubah tampilannya sesuai selera masing-masing. Semoga Berhasil</li></ol></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com42tag:blogger.com,1999:blog-159448502901129649.post-90870478413553155542009-02-27T09:57:00.015+07:002009-02-27T14:32:34.346+07:00Form Input Bloglist berbasis PHPSambungan dari artikel sebelumnya <a href="http://abgamal.blogspot.com/2009/02/bloglist-berbasis-php.html">Bloglist Berbasis PHP</a><br /><br />Ada 2 langkah utama membuat Bloglist Berbasis PHP yaitu<br /><ol><li>Membuat <strong>Form Input Bloglist</strong> yang akan digunakan sebagai form input data blog,(Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/form-input-bloglist.html" target="_blank">contoh gambar</a>).</li><br /><li>Membuat <strong>Halaman View Bloglist</strong> yang akan digunakan untuk menampilkan hasil dari input bloglist, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/view-bloglist.html" target="_blank">contoh gambar</a>).</li><br /></ol>Pada artikel ini, akan di jabarkan langkah-langkah membuat FORM INPUT BLOGLIST.<br />Langkah-langkahnya adalah : <span class="fullpost"><br /><ol><li>Pastikan anda telah membaca dan menjabarkan artikel sebelumnya tentang PHP yaitu <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>, <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">Hosting PHP di UEUO DOT COM</a>, <a href="http://abgamal.blogspot.com/2009/02/bloglist-berbasis-php.html">Bloglist Berbasis PHP</a>.</li><br /><li>Buka <a href="http://www.ueuo.com/" target="_blank">http://www.ueuo.com/</a>, Kemudian Login, (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login.html" target="_blank">contoh gambar</a>) </li><br /><li>Setelah Login dianggap sah, akan muncul jendela baru "Member Area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh gambar</a>). Klik tombol "File Manager" sehingga akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh gambar</a> ini. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU > isi dengan nama "forminputbloglist.php" kemudian submit (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/create-file-form-input-bloglist.html" target="_blank">Contoh Gambar</a>). Anda akan di bawa ke halaman textarea.</li><br /><li>Isi Script berikut (lihat script <a href="http://ueuodotcom.blogspot.com/2009/02/form-input-bloglist-dot-php.html" target="_blank">forminputbloglist.php</a>) pada textarea File Manager > tekan tombol Save > Jika eksekusi berhasil maka saat kembali ke File Manager akan terlihat seperti ini (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/form-input-bloglist-terdaftar.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Langkah Selanjutnya adalah buka jendela baru masukkan alamat ini <a href="http://blogproject.ueuo.com/forminputbloglist.php" target="_blank">http://blogproject.ueuo.com/forminputbloglist.php</a> (jangan lupa ganti tulisan <em><strong>"blogproject.ueuo.com"</strong></em> dengan alamat hosting anda sendiri) kemudian lihat hasilnya</li><br /><li>Jika tidak ada masalah akan muncul halaman seperti ini (lihat <a href="http://ueuodotcom.blogspot.com/2009/02/contoh-form-input-bloglist.html" target="_blank">Contoh Gambar</a>) .</li><br /><li>Sebagai Uji Coba, Silahkan isi form input bloglist tersebut kemudian input (lihat <a href="http://ueuodotcom.blogspot.com/2009/02/uji-coba-form-input-bloglist.html" target="_blank">Contoh Gambar</a>) .</li><br /><li>Untuk melihat hasil sementara, silahkan kembali ke Member Area > Klik Tombol phpMyadmin (lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login-phpmyadmin.html" target="_blank">Contoh Gambar</a>), Masukkan nama database anda dan password database .</li><br /><li>Setelah itu akan muncul halaman "phpmyadmin area" (lihat <a href="http://ueuodotcom.blogspot.com/2009/02/phpmyadmin-area.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Pada sidebar kiri, klik link database seperti yang ditunjukkan pada gambar pada point 9</li><br /><li>Setelah itu akan muncul halaman Database anda pada phpmyadmin (lihat <a href="http://ueuodotcom.blogspot.com/2009/02/update-bloglist-di-phpmyadmin.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Lihat contoh gambar (pada point 11), klik bagian yang dilingkar merah (lihat <a href="http://ueuodotcom.blogspot.com/2009/02/update-bloglist-di-phpmyadmin.html#code1" target="_blank">Contoh Gambar</a>).</li><br /><li>Jika berhasil akan tampak seperti gambar ini (lihat <a href="http://ueuodotcom.blogspot.com/2009/02/hasil-bloglist-di-phpmyadmin.html" target="_blank">Contoh Gambar</a>). Bagian yang dilingkar merah menunjukkan bahwa uji coba input form input bloglist (lihat point 7) berhasil, karena data berhasil masuk ke database</li><br /><li>Langkah selanjutnya adalah membuat Tampilan VIEW BLOGLIST, yaitu menampilkan data yang terdapat pada database table bloglist pada halaman/file php</li><br /><li>Bagian ini akan dilanjutkan pada artikel selanjutnya yang bertajuk "VIEW BLOGLIST BERBASIS PHP"</li></ol>Bersambung.....</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com56tag:blogger.com,1999:blog-159448502901129649.post-12641291616675563432009-02-26T10:03:00.025+07:002009-02-27T11:15:17.811+07:00Bloglist Berbasis PHPApa itu Bloglist ?<br />Bloglist adalah daftar blog yang di pasang pada layout halaman blog sebagai umpan balik "Tukaran Link". Memasang Link blog seseorang pada blog kita bertujuan agar para pengunjung blog kita secara tidak langsung juga tertarik untuk mengklik link blog tersebut sehingga blog seseorang tersebut memiliki peluang yang sama untuk dikunjungi oleh pengunjung blog kita tadi, yang berefek pada peningkatan traffic kunjungan blog. Istilah yang umum digunakan para blog mania adalah "BACKLINK". Semua juga sudah ketahui bahwa jika kita ingin memasang backlink di blog orang lain kita juga harus rela menyiapkan tempat di blog kita untuk backlink blog orang tersebut. Istilah yang sering digunakan oleh para blogmania adalah "LINK EXCHANGE" atau "TUKARAN LINK".<br /><br />Secara defaultnya, layanan Widget Bloglist yang kita kenal di blogger.com adalah <strong>Daftar Blog (Blog List)</strong> dan <strong>Daftar Link (Link List)</strong>, karena keterbatasan widget ini (mis: tidak bisa memuat banner/image/picture), para blog mania umumnya menggunakan widget <strong>HTML/JAVASCRIPT </strong>untuk membuat bloglist sendiri sesuai gaya/style masing-masing. Kekurangan dari model bloglist blogger.com ini adalah tidak adanya fasilitas pendukung untuk melakukan <em>auto input/auto submit</em>.<span class="fullpost"><br /><br />Sebagai ilustrasi. Apa yang anda lakukan jika ingin bertukar link ?. <em><span style="color:#3333ff;">Pertama buka account > tata letak > element halaman > edit widget > copy paste script link kawan yang di ajak bertukar link</span></em>, begitu juga sebaliknya yang dilakukan oleh kawan yang kita ajak bertransaksi barter link. Sangat-sangat tidak praktis bukan?.<br /><br />Sekarang pikirkan saat anda sedang online tiba-tiba ada kawan mengajak tukaran link, dan jawaban anda begini: "<em><span style="color:#3333ff;">silahkan input sendiri script link yang anda akan pasang di blog ini</span></em>" atau dengan kalimat seperti ini: "<em><span style="color:#3333ff;">ingin bertukar link??, gak perlu rumit-rumit, daftarkan sendiri link anda di sini</span></em>". Atau jika anda sedang offline, seseorang berkunjung ke blog anda, dan jadi tertarik untuk memasang link di blog anda, kemudian di blog anda ada kalimat misalnya seperti ini: "<em><span style="color:#3333ff;">maaf saya lagi offline,jika ingin tukaran link, input sendiri link anda dengan menekan tombol dibawah ini</span></em>", saat anda online mungkin anda akan sedikit kaget jika daftar bloglist anda terisi banyak secara otomatis. Unik Bukan?<br /><br />Anda mugkin ingin yang seperti diatas tapi jangan harap sampai hari ini anda akan mendapatkan fasilitas autoinput seperti itu di Blogger.com. Solusinya hanya satu ??, Create BLOGLIST AUTO INPUT BERBASIS PHP<br /><br />Agar bisa membuat Bloglist berbasis PHP ada beberapa langkah/syarat yang harus diikuti<br /><ol><br /><li>Silahkan baca terlebih dahulu artikel sebelumnya yang bertajuk <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">WEBHOSTING BERBASIS PHP</a>" atau <a href="http://abgamal.blogspot.com/2009/02/hosting-php-di-ueuo-dot-com.html">HOSTING PHP DI UEUO DOT COM</a>, ikuti langkah-langkahnya, jika telah mengerti dan memenuhi syarat baru bisa masuk ke langkah berikutnya.</li><br /><li>Pada tahap ini, saya yakin anda sudah memiliki account dan alamat webhosting sendiri. Silahkan buka server webhosting anda. Pada blog ini server webhosting saya menggunakan <a href="http://www.ueuo.com/cgi-bin/amanager.cgi" target="_blank">http://www.ueuo.com/cgi-bin/amanager.cgi</a> (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/account-manager.html" target="_blank">Contoh Gambar</a>). Isi Username dan Password, setelah itu anda akan jump ke cpanel atau Account Manager (pada ueuo.com) (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">Contoh Gambar</a>). Pastikan pada cpanel atau account manager anda temukan, nama MYSQL database anda, MYSQL username anda, MYSQL host anda. Pada ueuo.com langsung ditampilkan. Jika menggunakan server lain, silahkan cari sendiri lokasinya.</li><br /><li>Masih di Cpanel/Account manager, Pada Member Area, klik FILE MANAGER. Pada Area FILE MANAGER cari fasilitas CREATE FILE/BUAT FILE BARU (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">Contoh Gambar</a>)> isi dengan nama "koneksi.inc.php" kemudian submit (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/create-file_25.html" target="_blank">Contoh Gambar</a>). Anda akan di bawa ke halaman textarea, copy paste script di bawah ini<br /><br /><?php<br />mysql_connect("localhost","<span style="color:#ff0000;">namadatabase</span>","<span style="color:#ff0000;">passworddatabase</span>");<br />mysql_select_db("<span style="color:#ff0000;">namadatabase</span>");<br />?><br /><br />Ganti tulisan <span style="color:#ff0000;">namadatabase</span> dengan nama MySQL database anda, begitu juga tulisan <span style="color:#ff0000;">passworddatabase</span>, ganti dengan password Mysql database anda. Kemudian save. Jika berhasil, anda telah memiliki satu file pada file manager dengan nama "koneksi.inc.php", (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/script-koneksi-inc.html" target="_blank">Contoh Gambar</a>). Jika Anda kembali ke File Manager, maka File Manager menjadi seperti <a href="http://ueuodotcom.blogspot.com/2009/02/create-koneksi-dot-inc.html" target="_blank">contoh gambar</a> ini.</li><br /><li>Buka Notepad pada komputer anda, copy paste script di bawah ini<br /><br />CREATE TABLE `bloglist` (<br />`id` int(20) NOT NULL,<br />`nama` varchar(20) NOT NULL,<br />`link` varchar(100) NOT NULL,<br />`ket` varchar(200) NOT NULL<br />) ENGINE=MyISAM DEFAULT CHARSET=latin1;<br /><br />kemudian Simpan dengan nama file <em>bloglist.txt</em></li><br /><li>Membuat Table pada Database Mysql. Kembali ke Account Manager/Cpanel, Klik phpMyAdmin (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/login-phpmyadmin.html" target="_blank">Contoh Gambar</a>). Masukkan nama database anda dan password database</li><br /><li>Setelah itu akan muncul halaman "phpmyadmin area" (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/phpmyadmin-area.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Pada sidebar kiri, klik link database seperti yang ditunjukkan pada gambar pada point 6</li><br /><li>Setelah itu akan muncul halaman Database anda pada phpmyadmin (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/klik-database-phpmyadmin.html" target="_blank">Contoh Gambar</a>).</li><br /><li>Klik Link Import pada phpMyadmin. Setelah itu akan tampak halaman Import seperti <a href="http://www.blogger.com/" targer="_blank">contoh gambar</a> ini</li><br /><li>Klik Tombol Browse > cari File bloglist.txt (lihat Point 4) pada komputer anda > pilih File bloglist.txt > open > (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/browse-file-bloglist-txt.html" target="_blank">Contoh Gambar</a>). Setelah itu tekan Tombol "GO" pada phpmyadmin</li><br /><li>Jika eksekusi berhasil, akan muncul halaman konfirmasi (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/bloglist-mysql.html" target="_blank">Contoh Gambar</a>). Pada sidebar kiri, klik database anda (lihat pada <a href="http://ueuodotcom.blogspot.com/2009/02/kembali-ke-main-phpmyadmin.html" target="_blank">contoh gambar</a> yang dilingkar merah) .</li><br /><li>Jika berhasil anda sudah memiliki satu table database dengan nama "bloglist" yang isinya masih kosong (Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/table-bloglist-terbentuk.html" target="_blank">Contoh Gambar</a>). </li><br /><li>Langkah Penting selanjutnya adalah membuat File Utama "bloglist" yang berisi script-script PHP yang nantinya akan dimunculkan pada layout halaman utama</li><br /><li>File "Bloglist" ini berisi 2 file utama yaitu "viewbloglist.php" untuk menampilkan Bloglist pada layout halaman dan "forminputbloglist.php" untuk mengisi form bloglist</li><br /></ol><br />Tunggu Sambungan berikutnya ....<br /></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com33tag:blogger.com,1999:blog-159448502901129649.post-63837931295345073422009-02-24T11:58:00.034+07:002009-02-25T13:18:52.284+07:00Hosting PHP di UEUO DOT COMSambungan dari artikel sebelumnya, <a href="http://abgamal.blogspot.com/2009/02/webhosting-berbasis-php.html">Webhosting Berbasis PHP</a>.<br /><br />Salah satu webhosting berbasis php yang bisa kita gunakan untuk <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">membangun PHP MYSQL di Blogger</a> adalah <a href="http://www.ueuo.com" target="_blank">http://www.ueuo.com</a>.<br /><br />Berikut Adalah Langkah-langkah untuk membuat hosting di http://www.ueuo.com<br /><ol><br /><li>Daftar pertama kali <a href="http://ueuodotcom.blogspot.com/2009/02/daftar.html" target="_blank">Contoh Gambar</a></li><br /><li>Isi Form Register <a href="http://ueuodotcom.blogspot.com/2009/02/form-register.html" target="_blank">Contoh Gambar</a></li><br /><li>Jika Registrasi Anda disetujui akan muncul <a href="http://ueuodotcom.blogspot.com/2009/02/konfirmasi-register.html" target="_blank">Contoh Gambar</a> seperti ini</li><br /><li>Klik link yang terdapat pada bagian bawah tulisan "Your account is almost ready. Just click the link below." (lihat gambar pada point 3)</li><br /><li>Setelah itu akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/hasil-registrasi.html" target="_blank">contoh Gambar</a> ini</li> <span class="fullpost"><br /><li>Klik link yang terdapat pada tulisan "To update/modify your account go to Account Manager: <u>http://www.ueuo.com/cgi-bin/amanager.cgi</u> and use" (lihat gambar pada point 5)</li><br /><li>Setelah itu akan muncul halaman seperti <a href="http://ueuodotcom.blogspot.com/2009/02/account-manager.html" target="_blank">contoh Gambar</a> ini</li><br /><li>Setelah Login, Jika Account anda benar, akan masuk kehalaman Member Area seperti <a href="http://ueuodotcom.blogspot.com/2009/02/member-area.html" target="_blank">contoh Gambar</a> ini</li><br /><li>Pada Tahap ini, Database Mysql Anda belum aktif, aktifkan terlebih dahulu dengan menekan tombol "Create DB", Lihat contoh gambar pada point 8</li><br /><li>Setelah Aktif, akan muncul konfirmasi seperti <a href="http://ueuodotcom.blogspot.com/2009/02/database-mysql-aktif.html" target="_blank">contoh Gambar</a> ini</li><br /><li>Klik Tombol Main Menu untuk kembali ke Member Area. Tombol "Create db" sudah berubah menjadi tombol "phpMyAdmin", Lihat <a href="http://ueuodotcom.blogspot.com/2009/02/main-menu.html" target="_blank">contoh Gambar</a></li><br /><li>Pada Member Area, Klik tombol "File Manager". Lihat Contoh Gambar pada point 11</li><br /><li>Setelah itu akan muncul halaman File Manager seperti <a href="http://ueuodotcom.blogspot.com/2009/02/file-manager.html" target="_blank">contoh Gambar</a> ini</li><br /><li>Klik tombol "Main Menu" untuk kembali ke Member Area, setelah itu klik tomboh "phpMyadmin"</li><br /><li>Login ke Mysql PhpMyadmin seperti <a href="http://ueuodotcom.blogspot.com/2009/02/login-phpmyadmin.html" target="_blank">contoh Gambar</a> ini</li><br /><li>Setelah itu akan muncul halaman "phpmyadmin area" seperti <a href="http://ueuodotcom.blogspot.com/2009/02/phpmyadmin-area.html" target="_blank">contoh Gambar</a> ini</li><br /><li>Pada sidebar kiri, klik link database seperti yang ditunjukkan pada gambar pada point 16</li><br /><li>Setelah itu akan muncul halaman Database anda pada phpmyadmin seperti <a href="http://ueuodotcom.blogspot.com/2009/02/klik-database-phpmyadmin.html" target="_blank">contoh Gambar</a> ini</li><br /><li>Database tersebut masih tampak kosong</li><br /><li>Tinggal Membuat Proyek PHP MYSQL selanjutnya</li><br /></ol><br /></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com20tag:blogger.com,1999:blog-159448502901129649.post-39408265149673157332009-02-22T00:13:00.006+07:002009-02-22T00:31:58.528+07:00Webhosting Berbasis PHPSambungan dari artikel sebelumnya, <a href="http://abgamal.blogspot.com/2009/02/membangun-php-mysql-di-blogger.html">Membangun PHP MYSQL di Blogger</a>.<br /><br />Seperti yang sudah saya utarakan pada artikel sebelumnya, bahwa Blogger.com tidak mendukung atau mengizinkan PHP MYSQL, berbeda di banding WP. Tapi meskipun begitu para pecinta blogspot tak harus mengambil keputusan hengkang dari blog punya google ini. Di Dunia internet tidak ada yang mutlak, selalu ada sela yang bisa dimanfaatkan. Kalau di WP para webprogram membuat plugin PHP kemudian di insert ke blog. Kenapa tidak kita manfaatkan jendela iframe untuk menyisipkan PHP ke Blogspot. Jika masih belum terlalu paham tentang IFRAME bisa anda baca beberapa artikel saya tentang iframe misanya <a href="http://abgamal.blogspot.com/2008/12/iframe-menembus-batas.html">IFRAME MENEMBUS BATAS</a>. Sekedar untuk menyegarkan, script untuk memasang iframe di blog adalah seperti ini <span class="fullpost"><br /><br /><iframe src="http://webhostingberbasisphp.com/index.php"></iframe><br /><br />src="http://webhostingberbasisphp.com/index.php", alamat ini hanya sekedar ilustrasi saja. Prinsipnya bahwa PHP pun bisa di insert ke blogspot melalui jendela iframe. Oleh karena itu agar program PHP bisa kita mainkan di blogspot, syarat utamanya adalah kita harus memiliki WEBHOSTING BERBASIS PHP dan MYSQL. Ada banyak Website yang menyediakan fasilitas FREE WEBHOSTING PHP, anda bisa cari sendiri via google atau menyewa PREMIUN WEBHOSTING PHP. Ada berbedaan mendasar diantara keduanya. Umumnya Free Webhosting PHP menyelipkan Iklan banner maupun iklan Popup pada webspace yang diberikan sedangkan yang Premium/berbayar bebas iklan. Kalau Anda memiliki sedkit kelebihan uang, sebaiknya menggunakan yang PREMIUM saja. Untuk Free web hosting, ada banyak, tapi sesuai pengalaman sendiri menggunakan free, anda bisa coba di http://www.ueuo.com. Ini hanya sekedar contoh, anda bisa menggunakan situs web yang lain yang menurut pertimbangan anda jauh lebih baik.<br /><br />Pada prinsipnya WEBHOSTING BERBASIS PHP memiliki beberapa karakteristik yang sama.<br /><ul><li>Setelah mendaftar, kita akan mendapatkan Alamat Hosting dan ACCOUNT MEMBER, dikirim via email, aktifasi dan siap lOGIN</li><br /><li>Cari Members Area, isi username dan password seperti biasa</li><br /><li>Setelah dianggap sah, akan jump ke pilihan cpanel</li><br /><li>Dua hal yang harus ada yaitu : FILE MANAGER dan PHPMYADMIN (namanya bisa beda tetapi penggunaannya sama)</li><br /><li>File Manager biasanya berisi fasilitas untuk Create file dan folder, Upload file via browser atau FTP (File Transfer Protocol).</li><br /><li>PHPMYADMIN digunakan untuk menata MYSQL DATABASE</li><br /></ul>Bagi yang sudah familiar atau pernah membuat account webhosting PHP silahkan menggunakan apa yang sudah ada, bagi pemula, jika anda tertarik mengikuti tutorial PHP MYSQL di Blog ini, sebaiknya menggunakan FREEWEBHOSTING PHP seperti yang saya anjurkan diatas, karena saya sendiri, pada blog ini menggunakan fasilitas www.ueuo.com, alamat saya adalah http://abdgamal.ueuo.com/index.php<br /><br />Catatan : Bagi yang ingin mengikuti tutorial PHP ini, pastikan anda memberi komentar pemberitahuan atau umpan balik jika sudah berhasil membuat account di webhosting berbasis php, termasuk web server yang digunakan (jika tidak menggunakan seperti yang saya anjurkan seperti diatas).<br /><br />Selamat mencoba dan tunggu artikel berikutnya yang membahas bagaimana membuat project BLOGLIST BERBASIS PHP<br /><br />bersambung</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com30tag:blogger.com,1999:blog-159448502901129649.post-57549605658902409202009-02-18T13:04:00.008+07:002009-02-18T14:22:02.067+07:00Membangun PHP MYSQL di BloggerApa kelebihan WORDPRESS dibanding BLOGGER. Meskipun tidak terlalu familiar dengan wordpress tapi kata beberapa kawan yang juga wordpress mania, di WP banyak sekali plugin yang bisa kita gunakan untuk memperindah blog. Karena penasaran saya coba-coba perhatikan saat kawan ini menggunakan plugin yang digunakan. Ternyata rahasia kehebatan WP di banding BlOGSPOT adalah terletak pada webprogram yang digunakan. WP sangat support dengan Program PHP sedangkan BLOGSPOT tidak, maka banyak para webproggramer mulai menciptakan plugin-plugin WP dengan bahasa PHP.<br /><br />PHP merupakan bahasa program interaktif yang sangat universal digunakan oleh rata-rata webportal diseluruh dunia, bahkan mungkin oleh blogger.com sendiri. Hanya mungkin Blogger dalam kapasitas ini, tak ingin memfasilitasi para membersnya untuk memanipulasi blog mereka dengan bahasa PHP, berbeda dengan WP. <span class="fullpost"><br /><br />Entah sampai kapan BLOGGER.COM bertahan dengan pemikiran seperti itu. Banyak webprogramer akhirnya kecewa dan lebih memilih WP untuk berimprovisasi dengan blog. Meskipun begitu bukan berarti tidak ada lubang sama sekali. Jalan satu-satunya menyisipkan basis PHP ke Blogger.com adalah melalui fasilitas IFRAME. sebenarnya memanfaatkan Iframe untuk tujuan tersebut diatas sangat-sangat tidak menyenangkan, tapi mau gimana lagi dari pada tidak ada sama sekali.<br /><br />Apa yang bisa kita buat dengan PHP ??. Banyak, sebagai contoh sederhana<br />- Membuat Members Online<br />- Membuat Form login<br />- Mengetahui siapa member yang lagi online<br />- Membuat Buku Tamu/Shoutbox<br />- Membuat Statistik<br />- membuat Hit counter<br />- Membuat Admin management<br />- Membuat Upload file<br />- Membuat Download file<br />- Membuat PDF<br /><br />dan masih banyak lagi yang tidak bisa saya sebutkan satu persatu.<br />Tapi karena blogger.com tidak support, kita harus menggunakan web hosting lain yang berbasis PHP dan MySQL. <br /><br />Untuk langkah pertama ini, jika anda berminat silahkan buat account di webhosting lain yang berbasis PHP & Mysql. Saya anjurkan, daftar di http://www.ueuo.com. Selain gratis, kita juga mendapatkan cpanel lengkap dengan file manager dan database Mysql with PHPMYADMIN<br /><br />Ikuti terus blog ini untuk membuka tabir dahsyatnya PHP MySql. Hanya jika anda memang ingin total di internet, mulailah paling tidak belajar sedikit dasar-dasar bahasa HTML murni. Karena jika tidak. Tak ada gunanya anda baca artikel ini dan kelanjutannya. Hanya membuat kepala anda pusing dan mual.<br /><br />Bersambung ...</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com43tag:blogger.com,1999:blog-159448502901129649.post-37450675634106993792009-02-14T23:38:00.006+07:002009-02-14T23:54:19.232+07:00Berburu Backlink di Facebook<strong>Backlink</strong>, bagi para blogger mania tentu sudah tidak asing lagi. Backlink adalah salah satu dari sekian banyak trik yang digunakan untuk mempopulerkan blog agar para pengunjung beramai-ramai mengunjungi sebuah blog. Dengan ramainya pengunjung blog sudah tentu dapat memancing <strong>robot spider google</strong> untuk bukan hanya mengindeks blog tetapi juga menempatkannya pada posisi bergengsi dihalaman utama <strong>pencarian google (GOOGLE SEARCH)</strong>. Berada diposisi terhormat search google sudah tentu membuka peluang dan kecendrungan yang lebih tinggi buat siempunya blog untuk mendapatkan trafik kunjungan yang jauh lebih banyak lagi. Trafik kunjungan yang melimpah, cepat atau lambat tentu akan dilirik oleh para advertiser untuk memasang iklan produk, baik melalui kerjasama langsung maupun lewat para broker iklan seperti google adsense. <br /><br />Trafik kunjungan yang tinggi juga bisa meningkatkan <strong>pagerank</strong> dan <strong>alexa rank</strong>. Dengan berbekal 2 modal tersebut, kita bisa dengan percaya diri menawarkan popularitas blog kita ke berbagai web <strong>POST REVIEW</strong>. Berbeda dengan iklan advertise seperti <strong>google adsense</strong> yang bersifat "klik iklan dapat duit", POST REVIEW bersifat "Posting dapat duit". Penyedia web POST REVIEW membayar kita untuk setiap artikel atau posting yang kita buat di blog. <span class="fullpost"><br /><br />Trik berburu backlink yang umum digunakan para blog mania adalah <br /><ol><br /><li>Link exchange (tukaran link)</li><br /><li>Banner exchange (tukaran iklan banner)</li><br /><li>Blogwalking (kunjungan blog) via shoutbox atau comment box </li><br /><li>Daftar follower blog</li><br /><li>Bergabung dengan berbagai komunitas blog seperti www.topseratus.com</li><br /><li>Bergabung di berbagai sosial networking seperti friendster dan facebook</li><br /></ol><br /><br /><strong>Facebook</strong> adalah salah satu jejaring sosial yang lagi booming saat ini selain pendahulunya friendster. Berbeda dengan berburu backlink ke sesama komunitas blog, di facebook beragam pengunjung web dari berbagai kalangan tumpah ruah disana mulai dari blogger mania, blogger karbitan, yang belum punya blog, yang belum minat nge blog sampai yang masih baru bergabung di dunia maya dan masih awam ngebrowsing. <br /><br />Jadi tunggu apa lagi. Selamat berburu backlink di facebook</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com36tag:blogger.com,1999:blog-159448502901129649.post-26749496310610852622009-02-12T01:47:00.005+07:002009-02-12T02:08:58.349+07:00Navbar Blogger<strong>Navigation Bar</strong> atau disingkat <strong>NAVBAR</strong>, semua yang bermain di blogger.com pasti sudah mengenalnya, selalu dipasang pada bagian top halaman blog. Jika kita lihat, navbar hanya semacam layar widget yang berisi fasilitas <em>searching blog,input account, create blog baru dan informasi tentang content yang dilarang</em>. Selebihnya <strong>navbar</strong> hanyalah suatu layar yang sebagian orang kurang sreg dan kurang nyaman melihat kehadirannya diblog. Mungkin ada yang sepakat dengan saya dan mungkin juga tidak, bahwa navbar tidaklah penting bagi kita pengguna blog dan keberadaannya malah terkesan mengganggu style dan template blog. Untuk membuktikan hal tersebut, saya coba searching ke<strong> blogsearch google</strong> dan menuliskan kata kunci NAVBAR. Dari hasil pencarian, tak ada satupun postingan yang mengiyakan kalau navbar itu penting. Hampir semua tulisan, temanya sama, bagaimana cara menghilangkan Navbar.<br /><br />Masalahnya barangkali adalah bahwa Navbar merupakaan bawaan Blogger.com yang harus selalu ada disetiap blog, navbar menunjukkan icon citra blogger itu sendiri. Wajarlah, karena blogger menyediakan tempat untuk kita secara gratis dan barangkali kita hanya perlu sedikit tahu diri. Sialnya karena saya dan termasuk rekan-rekan blog yang dengan sengaja menghidden navbar tersebut mungkin termasuk yang tidak tahu diri. <span class="fullpost"><br /><br />Yang jadi pertanyaan adalah kenapa blogger.com membiarkan para penggunanya leluasa menghack navbar tersebut. Faktanya begitu, belum pernah ada satupun blog yang di banned hanya karena menghidden sebuah navbar. Tapi jika kita jeli mencermati, menghidden atau menyembunyikan navbar bukan berarti menghilangkan. Itu 2 pengertian yang berbeda. Menyembunyikan (hidden) navbar berarti tetap memanggil navbar saat browser diloading sehingga otomatis tetap mengurangi bandwith, hanya saat halaman blog loading lengkap, dengan sedikit perintah script stylesheet CSS navbar bisa disembunyikan. Berbeda dengan menghilangkan navbar. Menghilangkan navbar berarti memblock loading navbar saat browsing blog. Tehnik blocking ini dulu sering digunakan hacker saat membuat web gratisan di geocities dan tripod. Karena gratis, penyedia web gratisan tersebut sudah tentu menyisipkan Iklan banner pada setiap webspace yang diberikan secara gratisan. Oleh Hacker, Iklan tersebut diblock. tapi tidak lebih dari satu bulan kemudian webspace tersebut langsung di banned.<br /><br />kalau begitu bisakah navbar diblog. Sepanjang pengetahuan saya, sampai saat ini belum pernah ada programer jagoan yang berhasil membuat script blocking navbar, kalaupun ada, apa gunanya?, malah blogger.com bisa berubah sikap dari yang begitu pemurah menjadi pemarah dan blog kita bisa terancam dibanned jadinya.<br /><br />Ada yang unik dari navbar blogger. Jika anda membuka account di blogger.com > tata letak > edit html, jangan mimpi bisa dapatkan tag script html navbar, tapi jika anda membuka blog di jendela baru > view > page source >, script navbar baru muncul seperti ini<br /><br /><iframe src="http://www.blogger.com/navbar.g?targetBlogID=159448502901129649&amp;blogName=MyBlog&amp;publishMode=<br />PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=<br />LAYOUTS&amp;homepageUrl=http%3A%2F%2Fabgamal.blogspot.com%2F&amp;searchRoot=http%3A%2F%2Fabgamal.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" <span style="color:#ff0000;">id="navbar-iframe"</span> title="Blogger Navigation and Search"></iframe><br /><br />Secara umum WEB BROWSER hanya mampu membaca script yang ditulis dalam bahasa HTML atau XML. Jika ada bahasa lain, maka biasanya web browser akan mengkonversi ke bahasa HTML juga. Bahasa web yang ditulis berbasis PHP dan ASP tidak akan terbaca pada source code html. Nah trik inilah yang digunakan oleh server blogger agar apapun yang anda acak pada tag html tidak akan bisa menghilangkan kode navbar.<br /><br />Tapi tak ada gading yang tak retak. Kesalahan fatal dari blogger yang mungkin dianggap sepele oleh mereka adalah, memberi id pada iframe script navbar diatas (yang ditandai dengan warna merah). Keberadaan id tersebut merupakan makanan empuk buat Stylesheet CSS maupun Javascript untuk membuka peluang navbar tadi di acak-acak. Sehingga para hecker beranggapan jika tidak bisa menghapus navbar tak mengapa, asal bisa menyembunyikannya pun juga sudah oke. akhirnya munculnya beragam script-script didunia maya, trik untuk menghidden navbar.<br /><br />Yang umum digunakan dan paling banyak dijadikan tips dan trik para blogger sepanjang pengetahuan saya adalah merekayasa stylesheet css nya, seperti contoh dibawah ini<br /><br />CARA PERTAMA MENGGUNAKAN STYLE VISIBILITY dan DISPLAY<br /><br />#navbar-iframe {<br />height:0px;<br />visibility:hidden;<br />display:none<br />}<br /><br />Ket : script diatas disisip persis diatas tag ]]></b:skin><br /><br /><span style="color:#3333ff;"><strong>Padahal jika jeli, banyak cara lain yang juga bisa digunakan</strong><br /></span><br />CARA KEDUA MENGGUNAKAN MARGIN TOP MINUS<br /><br />#navbar-iframe {<br />top-margin:-30px;<br />}<br /><br />Ket : script diatas disisip persis diatas tag ]]></b:skin><br /><br />CARA KETIGA MENGGUNAKAN FILTER OPACITY<br /><br />#navbar-iframe {<br />opacity: 0.0;<br />filter: alpha(opacity: 0);<br />}<br /><br />Ket : script diatas disisip persis diatas tag ]]></b:skin><br /><br />CARA KEEMPAT MENGGUNAKAN WIDTH dan HEIGHT 0 px<br /><br />#navbar-iframe {<br />height:0px;<br />width:0px;<br />}<br /><br />Ket : script diatas disisip persis diatas tag ]]></b:skin><br /><br /><br /><strong><span style="color:#009900;">Jika menggunakan JAVASCRIPT, hampir mirip, tag scriptnya agak berbeda<br /></span></strong><br /><script><br />function navbar()<br />{<br />document.getElementById("navbar-iframe").style.display="none";<br />document.getElementById("navbar-iframe").style.visibility="hidden";<br />document.getElementById("navbar-iframe").style.height="0px";<br />}<br /></script><br /><br />pada tag <body> sisipkan script berikut onload='navbar()' sehingga menjadi<br /><br /><body onload='navbar()'><br /><br />Silahkan mencoba, terserah mana pilihan anda, bahkan dengan tehnik diatas bukan hanya dapat menghilangkan navbar, memodifikasi navbar sedemikian rupa pun bisa. Silahkan asah sendiri kejelian masing-masing. Tapi jangan lupa temuan baru harap dibagi-bagi.</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com21tag:blogger.com,1999:blog-159448502901129649.post-49335845738180279342009-02-07T00:43:00.003+07:002009-02-07T01:11:47.216+07:00Fixed MarqueeMungkin anda sering lihat di tivi, text berjalan pada bagian bawah layar. Di dunia internet kita mengenalnya dengan istilah <strong>marquee</strong>. Diinspirasi dari layar tivi tersebut saya jadi tertarik membuatnya di MyBlog.<br /><br />Saya menyebutnya dengan istilah <strong>FIXED MARQUEE</strong>. Dua kata ini saling bertolak belakang, <strong>fixed</strong> lebih bermakna statis sedangkan <strong>marquee</strong> lebih bermakna dinamis. <em><strong>Fixed marquee</strong></em> sebenarnya kombinasi dari script <strong>Style Position Fixed</strong> dan <strong>Marquee Text</strong>. <em><strong>Style Position Fixed</strong></em> adalah layar yang diposisikan pada posisi tetap (fixed) pada halaman blog/web, sehingga meskipun di scroll kearah mana saja, layar tersebut tetap pada posisi semula, tidak mengikuti scrolling. Dengan memodifikasi layar menggunakan style position fixed, kita bisa menyisipkan text marquee yang selalu hadir pada layar yang statis. Text Marquee bisa kita isi dengan topik apa saja. Saya lebih tertarik mengisi teks marquee dengan <strong>Recent Comment</strong>.<br /><br />Ada sedikit masalah, karena style position fixed hanya support dengan <strong>Firefox</strong> dan <strong>IE versi 7</strong>, setelah saya coba dengan <strong>IE versi 6</strong> kebawah, style position fixed tidak berfungsi. oleh karena itu saya coba menggunakan pendekatan <em><strong>Style Position Absolute </strong></em>untuk mengantasipasi jika seandanya user/pengunjung blog menggunakan browser dengan sistem operasi IE versi 6 kebawah.<br /><br />Jika ada yang tertarik menggunakan fixed marquee ini, langkah-langkah membuatnya adalah <span class="fullpost"><br /><br />1. Buat Gadget/widget baru<br /><br />Buka account di BLOGGER.COM > TATA LETAK > ELEMEN HALAMAN > TAMBAH GADGET > HTML/JAVASCRIPT<br />beri judul/title '<strong>Fixed marquee</strong>' (atau apa saja, agar mudah mencarinya saat EDIT HTML)<br /><br />2. Buat script <strong>Recent Comment</strong> yang di marquee secara horisontal seperti dibawah ini, masukkan ke dalam widget yang baru dibuat<br /><br /><script><br />function gamal(json) {<br /><br />document.write('<marquee scrolldelay="180" direction="left" onmouseover="this.stop()" width="95%" onmouseout="this.start()">');<br /><br />for (var i = 0; i <= json.feed.openSearch$totalResults.$t - 1; i++) {<br /><br />var entry = json.feed.entry[i];<br /><br />var posttitle = entry.title.$t;<br /><br />var author = entry.author[0].name.$t;<br /><br />var posturl;<br /><br />if (i == json.feed.entry.length) break;<br /><br />for (var k = 0; k <= entry.link.length - 1; k++) {<br /><br />if (entry.link[k].rel == 'alternate') {<br /><br />posturl = entry.link[k].href;<br /><br />posturll=posturl.split("/");<br /><br />var x=posturll[5];<br />var y=x.split(".");<br />var z=y[0];<br /><br />var w=z.replace(/-/g," ");<br /><br />break;<br /><br />}<br /><br />}<br /><br />posttitle = "<b>" + author + "</b>" + "&nbsp;" + w.link(posturl);<br /><br />var readmorelink = "(more)";<br /><br />readmorelink = readmorelink.link(posturl);<br /><br />var postdate = entry.published.$t;<br /><br />var cdyear = postdate.substring(0,4);<br /><br />var cdmonth = postdate.substring(5,7);<br /><br />var cdday = postdate.substring(8,10);<br /><br />var monthnames = new Array();<br /><br />monthnames[1] = "Jan";<br /><br />monthnames[2] = "Feb";<br /><br />monthnames[3] = "Mar";<br /><br />monthnames[4] = "Apr";<br /><br />monthnames[5] = "May";<br /><br />monthnames[6] = "Jun";<br /><br />monthnames[7] = "Jul";<br /><br />monthnames[8] = "Aug";<br /><br />monthnames[9] = "Sep";<br /><br />monthnames[10] = "Oct";<br /><br />monthnames[11] = "Nov";<br /><br />monthnames[12] = "Dec";<br /><br />if ("content" in entry) {<br /><br />var postcontent = entry.content.$t;<br /><br />} else if ("summary" in entry) {<br /><br />var postcontent = entry.summary.$t;<br /><br />} else<br /><br />var postcontent = "";<br /><br />var re = /<\S[^>]*>/g;<br /><br />postcontent = postcontent.replace(re, "");<br /><br />document.write(posttitle);<br /><br />if (showpostdate == true)<br />document.write('&nbsp;');<br />document.write(cdyear + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);<br /><br />if (showpostsummary == true) {<br />document.write('&nbsp;');<br />document.write('<i>');<br />if (postcontent.length <= numchars -1) {<br /><br />document.write(postcontent);<br /><br />} else {<br /><br />postcontent = postcontent.substring(0, numchars);<br /><br />var quoteEnd = postcontent.lastIndexOf(" ");<br /><br />postcontent = postcontent.substring(0,quoteEnd);<br /><br />document.write(postcontent + '...' + readmorelink);<br /><br />}<br /><br />}<br />document.write('</i>');<br />document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');<br /><br />}<br /><br />document.write('</marquee>');<br /><br />}<br /></script><br /><br /><script><br /><br />var showpostdate = true;<br /><br />var showpostsummary = true;<br /><br />var numchars = 150;<br /><br /></script><br /><br /><script src="http://<span style="color:#ff6600;">namablog.</span>blogspot.com/feeds/comments/default?orderby=published&alt=json-in-script&callback=gamal"></script><br /><br />3. Ganti Tulisan yang berwarna merah dengan nama blog anda<br /><br />4. Buat STYLE POSITION FIXED<br /><br />BUKA TATA LETAK > EDIT HTML > <br />Klik EDIT pada Toolbar atau tekan tombol CTRL + F, pada kotak box FIND WHAT ketik kata kunci title/judul tadi, pada contoh ini adalah <em>fixed marquee</em>, hasil pencarian kurang lebih seperti ini<br /><br /><b:widget id='HTML8' locked='false' title='fixed marquee' type='HTML'/><br /><br />setelah menemukan script seperti diatas, blok script tersebut kemudian klik EDIT pada Toolbar pilih CUT lalu PASTE persis diatas tag script </body><br /><br />setelah meletakkan diatas script </body> buat sedikit modifikasi sehingga menjadi seperti ini<br /><br /><div id='fixmetoo' style='border:1px solid #000;background-color:#fff;text-align:left;padding:0px;width:99%;font-size:8pt'><br /><b:section id='fixm' preferred='no'><br /><br /><b:widget id='HTML8' locked='false' title='fixed marquee' type='HTML'/><br /><br /></b:section><br /></div><br /><br />5. Setelah itu letakkan script berikut tepat diatas tag script </head><br /><br /><style type="text/css"><br />#fixmetoo { position: fixed; left: 0px; bottom: 0px; }<br />div &gt; div#fixmetoo { position: fixed; }<br />pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }<br /></style><br /><br /><!--[if lte IE 6]><br /><style type="text/css"><br />#fixmetoo { position: absolute; left: 0px; bottom: 0px; }<br />div > div#fixmetoo { position: fixed; }<br />pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }<br /> </style><br /><![endif]--><br /><!--[if gte IE 5.5]><![if lt IE 7]><br /> <style type="text/css"><br /><br />div#fixmetoo {<br />left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );<br />top: expression( ( 0 - fixmetoo.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );<br />}<br /> </style><br /> <![endif]><![endif]--><br /><br /><br />6. Langkah terakhir adalah kembali ke TATA LETAK > ELEMEN HALAMAN > KLIK EDIT pada widget FIXED MARQUEE, kemudian setelah terbuka jendela POPUP, hapus judul Fixed Marquee, dan biarkan tetap kosong. SAVE dan lihat hasilnya<br /><br />SEMOGA BERHASIL</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com35tag:blogger.com,1999:blog-159448502901129649.post-71504445930334409682009-02-03T23:31:00.008+07:002009-02-04T00:22:19.458+07:00Menu LinkSetiap Website maupun Weblog pasti memiliki <strong>MENU LINK</strong>. <strong>Menu link</strong> merupakan representasi seluruh isi blog atau web. Seyogyanya melalui menu link kita bisa mendapat gambaran dasar tentang apa yang dimuat dalam sebuah blog. Menu link juga memberikan banyak kemudahan bagi pengunjung untuk memilih bagian mana dari blog yang hendak dituju. Dan satu lagi, selain digunakan untuk jump ke halaman lain dari blog ini, Menu Link juga bisa digunakan untuk focus ke widget tertentu (baca <a href="http://abgamal.blogspot.com/2009/01/widget-focus.html">WIDGET FOCUS</a> dan <a href="http://abgamal.blogspot.com/2009/01/widget-menu.html">WIDGET MENU</a> )di halaman yang sama.<br /><br />Oleh karena menu link memiliki peran yang sangat penting pada blog, sehingga sering di tempatkan pada bagian top halaman web/blog yang tentu saja dengan tujuan agar mudah dilihat. Hanya saja menu link yang berisi banyak kadang juga membuat beberapa pengguna blog tidak merasa nyaman karena kelihatannya mengambil banyak ruang. Oleh karena itu banyak master webprogram menciptakan menu link yang begitu apik sehingga selain dapat menghemat ruang juga dimodifikasi sedemikian rupa sehingga dapat memancing daya tarik pengunjung.<br /><br />Trik yang umum digunakan adalah metode <strong>cascading menu</strong> atau <strong>drop down menu</strong>. Ada banyak trik javascript yang bisa kita cari di internet untuk membuat menu dengan prinsip cascading atau dropdown, mungkin titlenya berbeda-beda tapi karakternya sama. Metode cascading biasanya menggunakan layar tersembunyi, dengan trik onmouseover atau onclick, layar akan muncul dengan style slide in, bisa horisontal ke kanan atau kekiri atau vertikal ke bawah atau ke atas. Metode dropdown lebih sederhana hanya menggunakan form select untuk membuatnya.<br /><br />Pada artikel ini saya akan membahas tentang <strong>OMNI MENU</strong> yang dibuat dengan menggunakan metode javascript Cascading + Slide in left/right + Always On Top. Pada blog ini bisa dilihat contohnya pada sisi kiri ("JALUR CEPAT") dan Pada sisi kanan ("MENU BLOG"). Saya tertarik menggunakan OMNI MENU karena sifatnya yang Always On top. Yaitu menu ini akan selalu terlihat berada diatas meskipun halaman blog di scroll kebawah.<br /><br />Jika anda tertarik menggunakannya, silahkan simak dan copy pasta script-script dibawah ini. <span class='fullpost'><br /><br />BUKA TATA LETAK > EDIT HTML > Copy paste script ini diatas </head><br /><br /><style><br /><br />#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}<br />#menu1 a:active {color:black;text-decoration:none;}<br />#menu1 a:hover {color:black;background-color:#FFFF99}<br />#menu1 a:visited {color:black;text-decoration:none;}<br /><br /><br />#menu3 a { /*Menu3 Links*/<br />color:black;<br />background-color:white;<br />text-decoration:none;<br />text-indent:1ex;<br />}<br />#menu3 a:hover {<br />color:black;background-color:#FFFF99;<br />}<br />#menu3 a:active {color:black;text-decoration:none;}<br />#menu3 a:visited {color:black;text-decoration:none;}<br /><br /></style><br /><br /><br /><script language='JavaScript1.2' src='http://www.geocities.com/topoleogi/mmenu.js'/><br /><br /><script><br /><br />resizereinit=true;<br /><br />menu[1] = {<br />id:'menu1',<br />bartext:'JALUR CEPAT',<br />barbgcolor:"#ccddcc",<br />barcolor:"#000000",<br />barfontweight:"bold",<br />barfontsize:'80%',<br />bordercolor:'#000000',<br />fontsize:'80%',<br />linkheight:20 ,<br />hdingwidth:210 ,<br /><br />menuItems:[<br />["<span style="color:#ff0000;">Block Archives</span>", "<span style="color:#000099;">#blogarchives</span>", "<span style="color:#009900;">_self</span>"],<br />["Blog List", "#bloglist",""],<br />["Site Statistik", "#stat", ""],<br />["Top Komentar", "#topkom", ""],<br />["Font Style Setting", "#fontstylesetting", ""],<br />["Followers", "#followers", ""],<br />["Langganan", "#langganan", ""],<br />["Kategori", "#labelcloud", ""],<br />["Medium Komentar", "#tagboard", ""],<br />["Live Traffic", "javascript:staticbar('feedjit')", ""],<br />["Shout Box", "javascript:staticbar('shout')", ""],<br />["Admin Area", "javascript:mpopup()", ""],<br />["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry<br /><br />]};<br /><br />menu[3] = {<br />id:'menu3',<br />bartext:'MENU BLOG',<br />menupos:'right',<br />kviewtype:'fixed',<br />barbgcolor:"#ffffff",<br />barcolor:"#000000",<br />barfontweight:"bold",<br />bordercolor:'#000000',<br />hdingbgcolor:"#ffffff",<br />fontsize:'80%',<br />linkheight:20 ,<br />hdingwidth:210 ,<br /><br />menuItems:[<br />["<span style="color:#ff0000;">Home</span>", "<span style="color:#000099;">http://abgamal.blogspot.com</span>", ""],<br />["Tentang Saya", "javascript:aktif_bt()",""],<br />["Infomedis", "javascript:buka_scroll3()", ""],<br />["Widget", "javascript:aktif_div1('http://abdgamal.ueuo.com/add_ons.php')", ""],<br />["Yang Lagi Online", "javascript:aktif_div1('http://abdgamal.ueuo.com/members.php')", ""],<br />["Private Message", "javascript:aktif_div1('http://abdgamal.ueuo.com/privmail.php')", ""],<br />["Posting Artikel", "javascript:aktif_div1('http://abdgamal.ueuo.com/tambah_tulisan.php')",""],<br />["Statistik", "javascript:aktif_div1('http://abdgamal.ueuo.com/topfive.php')", ""],<br />["Admin Area", "javascript:aktif_div1('http://abdgamal.ueuo.com/admin_area.php')", ""],<br />["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry<br /><br />]};<br /><br />make_menus();<br /></script><br /><br /><----Batas Copy Paste ----><br />Keterangan :<br />Contoh diatas adalah contoh OMNI MENU pada Blog ini, silahkan anda ubah sendiri<br />Merah : Judul Menu<br />Biru : Alamat URL<br />Hijau : Target URL<br /><br /></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com31tag:blogger.com,1999:blog-159448502901129649.post-70723889787264053702009-01-31T11:40:00.005+07:002009-01-31T12:03:07.790+07:00Widget MenuMungkin sama juga dengan anda, yang memiliki hobby BLOGWALKING. Saat berkunjung ke Blog seseorang, apalagi blog yang baru pertama kali dikunjungi. Yang Pertama terpikir oleh kita adalah "KETUK PINTU" (istilah yang saya gunakan untuk menyapa pemilik blog dengan menoreh sepatah dua patah kalimat pada ShoutBOX sebagai salam perkenalan). Tapi dimanakah gerangan posisi SHOUTBOX tersebut ???. Pada beberapa blog ada yang menempatkan posisi SHOUTBOX pada sisi atas dengan ukuran layar yang besar, sehingga tidak sulit untuk mencarinya. Tapi ada juga yang menempatkan pada posisi paling bawah, malah ada yang menaruhnya terselip kecil diantara widget-widget lain, sehingga menyulitkan kita mencarinya. <br /><br />Saya anggap itu sah-sah saja. Setiap orang memberi kesan yang berbeda terhadap beragam widget yang dipasang pada blog.<span class='fullpost'> Disatu sisi ada yang menganggap widget A sangat penting dan widget B tidak terlalu penting sepenting widget B. Misalnya Orang yang suka mengekspresikan diri lebih senang menonjolkan widget slide ALBUM FOTO ketimbang widget lain. Yang Hobby Jejaring Sosial lebih suka dengan FOLLOWER dan BLOGROLL dan yang suka cuap-cuap sudah pasti FORM KOMENTAR atau SHOUTBOX jadi andalan. Masalahnya selera kita kadang tidak sama dengan selera pengunjung. Ketika kita memutuskan untuk bergabung dengan globalitas dunia BLOG. Terima atau tidak, indikator tingginya Traffik Kunjungan adalah tujuan yang dikejar hampir semua pengguna blog. Dan hanya satu tips yang diamini semua pemilik blog "MANJAKANLAH PENGUNJUNG". Salah satu Trik memanjakan pengunjung adalah "ramaikanlah Blog dengan berbagai fasilitas WIDGET". <br /><br />Muncul Masalah. Mana diantara Widget tersebut yang jadi andalan untuk menarik hati pengunjung. Mengandalkan sebuah widget berarti membuatnya lebih menonjol dibanding widget lain dengan harapan ketika berkunjung, mata pengunjung pertama kali langsung melirik widget tersebut. Cara yang paling lazim digunakan adalah menempatkan pada sisi atas BLOG atau memodifikasi sedemikian rupa sehingga menarik perhatian pengunjung, misalnya dengan membuat layarnya lebih besar, membuat animasi MARQUEE, BLINK, SLIDE IN, atau FLOATING. Tapi sayangnya kita tetap tak bisa memuaskan semuanya. Pengunjung datang dengan berbagai karakter dengan selera yang berbeda-beda. <br /><br />Saya mempunyai satu trik untuk mengatasi hal tersebut, meskipun trik ini juga tidak menjamin bisa memuaskan hati pengunjung. Tapi sekedar untuk tambah-tambah ilmu. Tak ada salahnya. Trik ini saya beri title WIDGET MENU. Ide ini muncul saat saya berkunjung ke sebuah Rumah Sakit Besar dengan berbagai sub spesialisasi. Tujuan saya adalah ke bagian Laboratorium untuk ambil sample darah. Karena ruangannya banyak, saya jadi bingung saya harus jalan ke arah mana, Ke kanan atau kekiri atau keatas atau kebawah untuk menemukan bagian laboratorium. Karena bingung saya pikir saya harus ke depan ke bagian informasi untuk menanyakan. Nah belum sempat bertanya, dihadapan saya, didepan, diserambi RS sudah terpampang besar FLOW CHART (alur pelayanan). Saya urung bertanya dan coba ikuti petunjuk flow chart tadi. Akhirnya ketemu juga tanpa harus bertanya.<br /><br />FLOW CHART itulah yang saya jadikan ilustrasi WIDGET MENU. Pada prinsipnya WIDGET MENU adalah membuat Menu yang berisi link judul/title semua widget yang kita punya dan menempatkan pada posisi terdepan/teratas. Atau menempatkan pada posisi yang di anggap strategis untuk dilirik pengunjung pertama kali. Dari Link MENU WIDGET tersebut pengunjung bisa menggunakan "JALUR CEPAT" menuju ke sasaran widget yang ingin di tuju. Tinggal Klik langsung "JUMP" ke widget tersebut.<br /><br />Tehnik membuat WIDGET MENU<br /><br />Buatlah WIDGET FOCUS semua Widget anda. Caranya bisa anda lihat di artikel <a href='http://abgamal.blogspot.com/2009/01/widget-focus.html'>WIDGET FOCUS</a><br /><br />Setelah itu membuat menu link untuk widget-widget tersebut. Misalnya <br /><br />MENU WIDGET<br /><br /><a href="#blogarchives">BLOG ARCHIVES</a><br /><a href="#bloglist">BLOG LIST</a><br /><a href="#stat">SITE STATISTIK</a><br /><a href="#topkom">TOP KOMENTAR</a><br /><a href="#fontstylesetting">FONT STYLE SETTING</a><br /><a href="#followers">FOLLOWER</a><br /><a href="#labelcloud">KATEGORI</a><br /><a href="#tagboard">MEDIUM KOMENTAR</a><br /><br /><br />Contoh:<br /><br />MENU WIDGET<br /><ul><br /><li><a href="#blogarchives">BLOG ARCHIVES</a></li><br /><li><a href="#bloglist">BLOG LIST</a></li><br /><li><a href="#stat">SITE STATISTIK</a></li><br /><li><a href="#topkom">TOP KOMENTAR</a></li><br /><li><a href="#fontstylesetting">FONT STYLE SETTING</a></li><br /><li><a href="#followers">FOLLOWER</a></li><br /><li><a href="#labelcloud">KATEGORI</a></li><br /><li><a href="#tagboard">MEDIUM KOMENTAR</a></li><br /></ul><br /><br />Setelah itu posisikan pada posisi yang paling tepat menurut anda paling strategis untuk menarik perhatian pengunjung atau buat trik khusus agar mudah jadi perhatian.<br />Kalau saya sendiri menggunakan trik Javascript "ALWAYS ON TOP" untuk menyimpan WIDGET MENU. Dengan Trik ALways On Top, dimana pun posisi layar di scroll MENU WIDGET akan tetap muncul pada posisi teratas. <br /><br />LIHAT CONTOH Menu "JALUR CEPAT". Menu JALUR CEPAT adalah hasil modifikasi WIDGET MENU yang menggunakan Javascript ALWAYS ON TOP</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com23tag:blogger.com,1999:blog-159448502901129649.post-15338173379092910452009-01-27T11:30:00.008+07:002009-01-27T11:50:17.673+07:00Widget FocusMemiliki blog yang ramai dengan fasilitas widget memang sangat menyenangkan. Trik tersebut bahkan dapat menarik minat pengunjung untuk betah berlama-lama di blog kita. Berbagai keunikan yang disuguhkan dari widget tersebut mengesankan bahwa blog kita sangat variatif dengan berbagai layanan yang bertujuan memanjakan pengunjung. Lihat sajalah misalnya widget BLOGLIST/BLOGROLL, FOLLOWER, ARCHIVES, LABEL yang sering disisipka pada sidebar blog, keberadaannya sangat-sangat terasa menghidupkan suasana dan interaktifitas di blog kita.<br /><br />Sayangnya, ruangan yang sangat luas tanpa batas pada medium komputer hanya dapat kita saksikan pada ukuran screen terbatas sesuai ukuran layar komputer. Komputer secara otomatis akan menampilkan halaman dari jarak 0 px dari atas (TOP) dan jarak 0px dari kiri (LEFT). Jika blog yang kita bangun jauh melebihi ukuran screen komputer, praktis ada bagian halaman yang tidak terlihat saat membuka blog dan hanya terlihat ketika kita menekan scroll horisontal atau scroll vertikal. Nah bagian yang pertama kali tampak pada layar screen secara default saat blog dibuka itulah yang akhirnya menjadi bagian yang sangat penting karena daya tarik pengunjung untuk betah berlama lama diblog tergantung kesan pertama yang kita tampilkan pertama kali pada bagian ini. Jika kesannya tidak cukup menggoda pengunjung praktis langsung pindah ke lain hati.<br /><br />Inilah yang kemudian menjadi masalah bagi blog yang ramai dengan widget. Bingung memilih widget yang mana yang akan kita letakkan pada posisi sidebar atas mendampingi headline. Apalagi kalau kita menganggap semua widget yang kita pasang ternyata memberi kesan sama pentingnya. Makin bingung lagi. Khan tidak lucu juga kalau setiap hari harus melakuakan update untuk mengubah-ubah posisi widget. <span class="fullpost"><br /><br />Untuk menyiasati hal tersebut, trik WIDGET FOCUS mungkin bisa membantu. WIDGET FOCUS adalah trik menentukan widget mana yang ingin kita focuskan terlebih dahulu saat blog di view. Kelebihannya lagi, kita tak perlu menempatkan widget focus pada side bat top, bisa di posisi mana saja, bahkan di bottom page.<br /><br />Jika anda tertarik dengan WIDGET FOCUS berikut ini adalah tehnik membuatnya<br /><br /><ol><br /><li>Setiap widget harus memiliki Title/Judul. Tanpa title/judul sulit melacak keberadaannya</li><br /><li>Setiap widget yang ingin di focus harus di beri tag nama (<a name>)</li><br /></ol><br /><br />Membuat title/judul widget semua sudah tahu caranya. Ini untuk sekedar mengingatkan saja,<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZOdmsLmDAz9tlSGJFXid2DxfvukKcIy9lWl6EDdziS3Q4a5hQ6Dz8VVrLtb9hNe2qT2879YMWLxjqc8gzU1SyiG723iqhTxIjPdBVY2vG1FXyu2ZaKOKGm-mmlXrCsK5OgoD8W2h7d0/s1600-h/title.gif"><img id="BLOGGER_PHOTO_ID_5295828721213360114" style="WIDTH: 200px; CURSOR: hand; HEIGHT: 67px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZOdmsLmDAz9tlSGJFXid2DxfvukKcIy9lWl6EDdziS3Q4a5hQ6Dz8VVrLtb9hNe2qT2879YMWLxjqc8gzU1SyiG723iqhTxIjPdBVY2vG1FXyu2ZaKOKGm-mmlXrCsK5OgoD8W2h7d0/s200/title.gif" border="0" /></a><br /><br />Jadi misalnya kita memiliki Widget/Gadget BLOGLIST, kemudian titlenya "Blog list", tinggal mencari dimana posisi title/judul tersebut. Caranya Buka TATA LETAK > EDIT HTML > Expand Template Widget > Tekan CTRL + F ><br />Isi Form <strong>Find What </strong>dengan title tadi contoh "<em>Blog list</em>", Nanti anda akan mendapatkan hasil pencarian seperti dibawah ini<br /><br /><b:widget id='HTML14' locked='false' title='Blog List' type='HTML'><br /><b:includable id='main'><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != &quot;&quot;'><br /><h2 class='title'><data:title/></h2><br /></b:if><br /><br />Tambahkan script <a name='bloglist'/> didepan <h2 class='title'><data:title/></h2><br />sehingga menjadi seperti ini<br /><br /><b:widget id='HTML14' locked='false' title='Blog List' type='HTML'><br /><b:includable id='main'><br /><!-- only display title if it's non-empty --><br /><b:if cond='data:title != &quot;&quot;'><br /><a name='bloglist'/><h2 class='title'><data:title/></h2><br /></b:if><br /><br /><strong>Keterangan</strong><br /><strong>id='HTML14'</strong> : diatas hanya contoh mungkin yang anda dapat berbeda, abaikan saja<br /><br /><strong>h2 class='title'</strong> : diatas hanya contoh mungkin yang anda dapat berbeda, abaikan saja, intinya ada di<br /><?xml:namespace prefix = data /><data:title></data:title><br /><strong>a name='bloglist'</strong> : diatas hanya contoh, anda dapat menggunakan kata yang lain, misalnya 'daftarblog' atau 'blogli' atau apa saja yang penting kata-katanya unik dan tak ada spasi.<br /><br />Jika anda ingin widget tersebut terfocus, saat membuka alamat blog jangan lupa menambahkan tag <strong>#name</strong>, untuk contoh diatas berarti menjadi <strong>#bloglist</strong> sehingga menjadi contoh seperti ini<br /><br />http://abgamal.blogspot.com/#bloglist<br /><br />Lihat Contoh : <a href="http://abgamal.blogspot.com/#bloglist">BLOG PROJECT</a><br /><br />jika alamatnya berakhir dengan .html penulisan alamatnya seperti contoh ini<br /><br />http://abgamal.blogspot.com/2009/01/kekuatan-blogwalking.html#bloglist<br /><br />Lihat Contoh : <a href="http://abgamal.blogspot.com/2009/01/kekuatan-blogwalking.html#bloglist">KEKUATAN BLOGWALKING</a><br /><br />Selamat mencoba, jika masih bingung, tanyakan lewat form komentar. </span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com32tag:blogger.com,1999:blog-159448502901129649.post-73240228381634987972009-01-22T10:36:00.007+07:002009-01-22T11:37:13.379+07:00Kekuatan BlogwalkingSambungan dari artikel <a href="http://abgamal.blogspot.com/2009/01/tentang-blogger-lagi.html">TENTANG BLOGGER LAGI</a><br /><br />Mungkin kita pernah mengalaminya, saat pertama kali membuat blog, dan sudah yakin bahwa blog yang kita buat begitu komplit, lumayan oke dan kemudian di Publish. Setelah hari berganti minggu dan minggu berganti bulan ternyata blog kita sepi pengunjung. Kenapa ?<br /><br />Ketika kita hadir didunia maya ini dan memutuskan untuk membuat blog, mungkin awalnya kita sudah cukup puas dengan menulis dan mengekspresikan diri lewat blog, tapi karena dunia internet adalah dunia saling berinteraksi tidak mungkin kita hanya cukup berlocal hero sendiri, desakan dari rasa INGIN TAHU dan INGIN DIKETAHUI memaksa kita harus membuka diri dan melakukan BlogWalking [Kunjungan Blog]. <span class="fullpost"><br /><br />Jika sampai saat ini anda belum mengerti trik bagaimana berinteraksi antar blog, barangkali tips berikut cukup membantu. <br /><br /><em>Buka google.com, pilih link "blog", isi form pencarian dengan kata kunci "blog". Maka google akan menghadirkan ratusan blog yang sedang uptodate, anda tinggal memilih blog mana yang harus anda kunjungi. Bukan itu saja, Google juga memberi kemudahan mencarian blog terupdate "JAM TERAKHIR", "12 JAM TERAKHIR", "HARI TERAKHIR", "MINGGU LALU", dan "BULAN LALU". Tinggal anda menggunakan akal sendiri mana blog yang sebaiknya diprioritaskan untuk di kunjungi.</em><br /><br />Dan etika yang bagus saat blogwalking atau berkunjung ke blog seseorang adalah jangan lupa menorehkan sepatah-dua patah kata pada FORM KOMENTAR. 1 kata komentar saja, bisa sangat berarti banyak buat siempunya blog. Komentar tersebut bisa menunjukkan bagaimana kita respek terhadap nuansa ekspresi dan eksistensi sebuah blog.<br /><br />Setiap netter yang memiliki blog, sudah pasti memiliki visi kemana blog tersebut akan diarahkan. Dan jika kita menyimak masing-masing blog dengan beraneka ragam thema dan visi, semua blog pada awalnya terbelah menjadi 2 karakteristik yang berbeda. BLOG KOMERSIAL atau BLOG PRIBADI.<br /><br />Blog komersial biasanya hadir dengan visi dan thema yang tegas BLOG IS A BUSINESS. Idealnya Blog komersial ini dimanfaatkan oleh kalangan pebisnis atau pengusaha yang memiliki modal. Jika kita berkunjung ke blog ini, kita akan melihat berbagai macam pernak-pernik WIDGET yang memberi nuansa profit oriented. Blog komersial biasanya enggan melakukan blogwalking sendiri. Dengan ditunjang dana promosi yang lumayan oke, mereka lebih save misanya dengan berlangganan adwords nya GOOGLE atau menciptakan program afiliasi sendiri dan membiarkan referalnya yang melakukan blogwalking. Hanya anehnya kenapa mereka memanfaatkan blog untuk tujuan komersial, padahal dengan modal besar mereka bisa beli server atau domain sendiri yang setara dengan server blogger, kemudian menciptakan web portal dengan fasilitas widget yang lebih komplit dan ukuran bandwidth yang lebih besar.<br /><br />Bisa jadi itu hanyalah trik bisnis. Ada jutaan orang berinternet setiap hari bahkan bisa lebih, dengan cara yang berbeda-beda, dari yang hanya sekedar searching, browsing, mailing, atau chatting. Dan yang paling jelas eksistensinya adalah komunitas blogger. Dengan berkamuflage sebagai blogger mereka bisa lebih leluasa dan familiar mengembangkan bisnis diantara para blogger lain dan jika mungkin juga diantara komunitas bukan blogger. Karena via blogger juga bisa connect dengan jejaring sosial lain seperti facebook,friendstar, messager yahoo dll.<br /><br />Blog personal atau blog pribadi lebih mencerminkan file pribadi online, beberapa ada yang mengarahkannya ke buku harian online. Sebenarnya pihak BLOGGER.COM tidak membedakan layanan antara blog berbasis bisnis dan blog personal. Yang membuatnya berkesan BISNIS atau PERSONAL adalah kita sendiri sebagai pengguna blog. Namanya juga Blog personal, berarti sentuhan rasa yang ingin kita tampilkan pada blog tersebut adalah "Tentang Kita (ABOUT US)", Tentang sesuatu disekitar kita, bisa saja blog itu sebagai ungkapan ide-ide seorang Politikus atau Hasrat seorang dokter yang ingin membuka ruang konsultasi medis online, atau Luapan Kekayaan Ekspresi seorang seniman, atau bisa jadi ia bukanlah siapa-siapa yang hanya ingin menuangkan perasaan dan berbagi pengalaman. Jika kemudian blog personal banyak yang terseret ke dunia bisnis online. Kenapa tidak. Dengan asumsi bahwa jika segala ekspresi dan ide-ide yang tertuang dalam blog yang awalnya hanya dinilai melalui feedback dalam bentuk respek atau pujian, saran atau kritikan kemudian berubah menjadi bentuk nyata berupa uang khan paling tidak bisa membantu meringankan budget yang telah kita keluarkan untuk berinternet dan sebagai kompensasi dari waktu kita yang banyak terbuang. Apalagi jika ternyata bisnis tersebut sukses dan membuat kita ....hehehehe "kaya". Wahhh wahhh wahhh !!!!<br /><br />Yang jelas, kemana blog tersebut akan menemukan bentuknya tergantung kepada kita sendiri dan itu menuntut tanggung jawab. Tanggung jawab kita adalah apakah kita hanya ingin membiarkan blog tersebut seperti katak dibawah tempurung atau total ikut serta meramaikan globalitas dunia blog dengan segala konsekwensinya. Yang pasti setuju atau tidak, fakta telah membuktikan bahwa hidup mati nya sebuah blog sangat tergantung pada traffik ramai-sepinya pengunjung blog tersebut. Jika ingin blog kita dianggap survive, kita tidak bisa hanya cukup diam dan berlocal hero sendiri. Kita harus melakukan Blogwalking agar mendapatkan umpan balik. Jika kita tidak puas hanya di anggap "ada" saja dan ingin lebih menduduki posisi bergengsi di dunia internet, kita harus membayar lebih, baik tenaga, uang dan waktu luang. Itu Konsekwensinya.<br /><br />Bersambung</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com56tag:blogger.com,1999:blog-159448502901129649.post-80495946597752050992009-01-18T13:01:00.003+07:002009-01-18T13:25:10.940+07:00Tentang Blogger LagiDari semua blog yang dibuat dengan menggunakan fasilitas gratisan BLOGGER.COM atau WORDPRESS.COM, mungkin separuhnya adalah interner mania dan separuhnya lagi interner karbitan. Bagi interner mania mungkin separuh hidupnya berkutat di dunia maya ini disebabkan karena tuntutan pekerjaan atau hanya sekedar hobby. Tapi entah benar entah tidak, para interner mania ini bisa jadi telah mengidap penyakit "INGIN TAHU". Saya katakan "Penyakit" karena bisa anda bayangkan sebuah kotak elektronik yang didalamnya terdapat dunia informasi tanpa batas, bisa begitu menghipnotis para penggila internet hingga mereka rela duduk berjam-jam di depan komputer hanya untuk mengobati RASA INGIN TAHU tadi. Padahal peraturan pertama di dunia maya adalah "semakin anda mengejar rasa ingin tahu itu maka semakin banyak yang anda tahu, tapi anda juga tersadar saat itu makin banyak yang anda tidak tahu". Karena penasaran dengan keingintahuan itulah salah satu alasan yang menyebabkan kenapa mereka membuat blog.<br /><br />Lalu bagaimana dengan interner karbitan yang hanya menggunakan dan menikmati layanan internet setengah hati, bahkan ada juga yang sama sekali tak ada hati. Kenapa mereka membuat blog?. Jangan-jangan mereka hanyalah korban dari trend gaya hidup atau sedang mengejar mimpi yang tak pasti. <span class="fullpost"><br /><br />Dijaman yang serba dikuasai oleh Perangkat digital dan tehnologi informasi ini, Laptop atau mobile computer bukan lagi milik kalangan High-End, dipasar-pasar loak elektronik maupun black market, kita bisa dapat laptop yang dibandrol dengan harga dibawah standar tapi oke punya. Hotspot ada dimana-mana, sehingga meskipun kita hanya makan di kaki lima, bisa sambil searching dan sudah pasti gratis tis tis. Ada Laptop ada hotspot sudah jelas menuntut untuk membuka internet. Dalam beberapa hari atau minggu, status sudah mulai sedikit jelas, cenderung ke interner mania atau tetap jadi interner karbitan. Sialnya disaat para interner kambuhan ini sudah mulai dihinggapi penyakit INGIN TAHU tadi, mulai berkenalan dengan BLOGGER, mulai membuat ACCOUNT dan memiliki BLOGSPOT ternyata setelah itu baru sadar bahwa mereka bukanlah penikmat blog yang baik, akhirnya internet di disconnect, laptop di tutup dan BLOGSPOT yang sudah ditoreh tak pernah lagi dijamah.<br /><br />Bukan karena trend gaya hidup mungkin, tapi mengejar mimpi. Boleh jadi. Semenjak GOOGLE ADSENSE diluncurkan, gairah orang membuat blog makin meningkat. Blog yang tadinya lebih banyak diidentikkan dengan catatan harian, tahun-tahun belakangan ini bergeser menjadi bisnis online. Bayangkan, kita tidak usah capek-capek kerja, cukup duduk beberapa jam di depan komputer online terserah dimana, dikedai, dirumah sambil ditemani secangkir kopi dan pisang goreng. Habis bulan, seorang pak POS datang kerumah bawa cek yang nilainya juta-juta. Betul-betul bisnis yang menggiurkan, "KATANYA".<br /><br />GOOGLE ADSENSE adalah layanan iklan online yang di luncurkan oleh google sebagai salah satu layanan win-win solution kepada usernya. Sebagai Broker kawakan, Google disatu sisi mencari Perusahaan atau Businessmen yang ingin mengiklankan produknya di Google, disisi lain Google mencari referral yang bisa angkat jadi broker kecil untuk membantu mengiklankan produk tersebut. Salah satu yang dilirik goggle adalah BLOGGER.COM sebagai penyedia layanan Blog. Kita sebagai pengguna blogger otomatis kecipratan layanan tersebut. Jadilah kita broker kecil, sedikit ruang diblog kita disiapkan untuk iklan adsense dengan harapan seseorang tertarik dengan iklan tersebut. JIka iklan di klik langsung jump ke website perusahaan tadi. Produk terbeli atau tidak, google sudah dapat uang, dan karena kita ikut andil, google juga fair untuk membaginya sebagian kepada kita. Jika banyak yang klik lewat blog kita, tinggal dikalikan saja, berapa besar keuntungan yang bisa kita dapat dengan duduk tadi.<br /><br />Lalu bagaimana caranya agar banyak user yang klik iklan tersebut via blog kita ?!. Untuk mencapai tujuan tersebut, pastikan dulu sepenting apakah blog kita sehingga user lain cenderung untuk bertamu, berapa banyak user yang mampu kita giring ke blog kita, dari sejumlah user yang berkunjung, berapa persen yang melirik link iklan adsense tadi. Bukan mudah khan, diperlukan usaha yang gigih dan sabar dan tentu saja sebuah permainan cantik.<br />Mulailah muncul tips dan trik untuk meningkatkan traffik kunjungan ke blog, salah satunya adalah SHOUTBOX. Ada satu etika yang menarik pada Box Penyampai Pesan ini. Jika anda mengirim pesan ke <a href="http://www.shoutmix.com">SHOUTBOX</a> seseorang, ada kemungkinan 90% orang tersebut akan berkunjung balik ke Blog anda. Alasannya sederhana saja, setiap pesan pasti memancing naluri keingin tahuan seseorang. Trik lain lagi adalah LINK EXCHANGE atau TUKARAN LINK dan banyak lagi trik-trik lain. Tapi apapun trik nya semuanya berkiblat pada satu tujuan GOOGLE PAGE RANGE. Bagaimana membujuk Google agar blog kita mendapatkan posisi bergengsi pada halaman pertama GOOGLE SEARCH dan bisa tetap eksis disitu selama-lamanya.<br /><br />Bagaimana mendapat PAGE RANK tinggi, minimal 4 keatas (Google menggunakan algoritme 1-10 untuk menilai prestasi sebuah blog). Jika anda mencari tips dan trik cara meningkatkan pagerank, rata-rata memberi alasan yang sama atau persis sama yaitu, Update rutin blog anda agar blog anda tetap dianggap survive dan cari strategi memperbanyak pengunjung ke blog.<br />Update rutin adalah hal yang sangat mudah dilakukan. Tapi memancing user mengunjungi blog bukanlah kerjaan yang mudah bahkan banyak blogger mania yang memiliki mimpi-mimpi indah akhirnya menyerah karena alasan yang satu ini. Bahkan bukan itu saja, Para blogger mania yang sudah lama eksis di dunia maya dan bermain bisnis online akhirnya harus turun gunung karena fluktuasi PRnya yang mulai mengkhawatirkan. Mereka mulai mencari orang-orang yang tidak begitu gemar, bahkan yang sangat tidak tertarik dengan komputer dan internet untuk berinternet. Masuk ke sekolah-sekolah, forum-forum diskusi, membuat event club blogger atau live event di radio-radio broadcasting dan berbagai cara lainnya yang sudah jelas menguras kantong pribadi. Mempromosikan virus blogger dan membuai mereka dengan mimpi mimpi indah tentang bisnis online, menghipnotis banyak orang termasuk yang tidak mengerti dan tidak tertarik untuk berblog ria. Akhirnya lahirnya banyak blogger blogger baru karbitan yang sebenarnya tidak siap memasuki dunia online tersebut.<br /><br />Apa untungnya bagi Blogger mania? yang jelas dengan metode turun gunung ini mereka baik secara langsung maupun tidak langsung telah menciptakan referral yang bisa di indokrinasi agar menjadi underbow mereka. Semakin banyak underbow akan semakin banyak yang harus minta petunjuk pada blogger mania sebagai suhu/gurunya. Dan akan semakin banyaklah yang berkunjung ke blog mania tersebut yang tak lain adalah underbownya sendiri. <br /><br />BERSAMBUNG<br /></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com33tag:blogger.com,1999:blog-159448502901129649.post-53138760705313782512009-01-16T14:49:00.035+07:002009-01-16T18:21:46.058+07:00Blogger Jadi ShoutBox<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4bxCZkNklH9yYFTnCdaAc7m7yqOk1xpN0g0-b18fWZEuMaGb52Onr-sDb1BYRlGzicHMpNzciQH1iLJMqTKUqZdKel0F2tBz2W3MxEOyqiWppKLcjuvzS_IYUgnmpMnmEzehp2V1y0Q/s1600-h/bt5.gif"><img id="BLOGGER_PHOTO_ID_5291817381787587106" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 241px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4bxCZkNklH9yYFTnCdaAc7m7yqOk1xpN0g0-b18fWZEuMaGb52Onr-sDb1BYRlGzicHMpNzciQH1iLJMqTKUqZdKel0F2tBz2W3MxEOyqiWppKLcjuvzS_IYUgnmpMnmEzehp2V1y0Q/s320/bt5.gif" border="0" /></a><br /><br />Jika pernah membuka artikel saya yang lain <a href="http://abgamal.blogspot.com/2008/12/shoutbox-berbasis-blogger.html">SHOUTBOX BERBASIS BLOGGER</a>, maka posting ini juga masih berkaitan dengan bagaimana mengubah sebuah blog menjadi buku tamu atau shoutbox. Pada BLOGGER JADI SHOUTBOX ini kami menggunakan metode dan pendekatan yang berbeda.<br /><br />Ada 2 Langkah Besar untuk menjadi SHOUTBOX yaitu <span class="fullpost"><br />1. <a href="http://abgamal.blogspot.com/2009/01/blogger-jadi-shoutbox.html#satu">BLOGGER JADI BUKU TAMU</a><br />2. <a href="http://abgamal.blogspot.com/2009/01/blogger-jadi-shoutbox.html#dua">BLOGGER JADI SHOUTBOX</a><br /><br /><a name="satu">BLOGGER JADI BUKU TAMU</a><br />Langkah-langkah Membuat BLOGGER JADI BUKU TAMU<br /><br /><ol><br /><li>Buka ACCOUNT di BLOGGER.COM, Pilih <strong>Buat Blog</strong> (Kenapa Buat Blog?? Buka <a href="http://abgamal.blogspot.com/2009/01/membedah-blogger.html">Rahasia Blogger</a>), isi judul dan alamat sesuka hati.</li><br /><li>Ganti Tamplate, Pilih SIMPLE II, sehingga dalam mode edit tampak seperti ini </li><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6aKUmU1IGK5T0kkMu65Xo9DbCp-IByXW6lrzCqQxB0ff0FAtqm1ziOMwDA7MJJZtqz5w-CJ7TQHjCwZxlzuEFXel2KtOftcCHHoj5MUkzMRea9OOHevTeBHEGUW1vJR01wRuSEFGfAfo/s1600-h/simpleII.gif"><img id="BLOGGER_PHOTO_ID_5291800777711263570" style="WIDTH: 375px; CURSOR: hand; HEIGHT: 186px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6aKUmU1IGK5T0kkMu65Xo9DbCp-IByXW6lrzCqQxB0ff0FAtqm1ziOMwDA7MJJZtqz5w-CJ7TQHjCwZxlzuEFXel2KtOftcCHHoj5MUkzMRea9OOHevTeBHEGUW1vJR01wRuSEFGfAfo/s200/simpleII.gif" border="0" /></a><br /><br /></li><br /><li>Bagian yang diberi tanda silang (X) merah di buang, caranya pilih edit, terbuka jendela popup, pilih tombol hapus</li><br /><li>Setelah dihapus akan tampak seperti ini<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcrZ76TOy1Tu-aqiDHXVhB7bPNVjFMLczDI3c_AwOk2uKFqyPdD3EO2P09OBIWFLQhKXfUecV4hTV73aTdBpM7aq5l4wC-VM-1IkOd2oe8qY8CNMf6JkpNHcYc3iRIvV5SWdeC8H1wA0I/s1600-h/simpleIIedit.gif"><img id="BLOGGER_PHOTO_ID_5291802628745224146" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 128px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcrZ76TOy1Tu-aqiDHXVhB7bPNVjFMLczDI3c_AwOk2uKFqyPdD3EO2P09OBIWFLQhKXfUecV4hTV73aTdBpM7aq5l4wC-VM-1IkOd2oe8qY8CNMf6JkpNHcYc3iRIvV5SWdeC8H1wA0I/s320/simpleIIedit.gif" border="0" /></a><br /><br /></li><br /><li>Buka <strong>Posting</strong>, <strong>Judul:</strong> Buku Tamu (atau terserah anda), <strong>isi posting :</strong> Buku Tamu (atau terserah anda), Terbitkan Entri. Dan Lihat Hasilnya di Jendela Baru, kira-kira seperti ini<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhv06-PdMqGhq8SmgmFMpK1yfxKWoxqr44pmNkf-11HEqM36D13F6QXTpDH8VSwhfQ7V7BTZTXUBApTbfXTBaWvdvHuhScBX34yUr3kOKnu5HVgY3xa6slfJP0GTSJ8q2znQ3sAFSQ0Sw/s1600-h/bt.gif"><img id="BLOGGER_PHOTO_ID_5291804253955157218" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 143px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhv06-PdMqGhq8SmgmFMpK1yfxKWoxqr44pmNkf-11HEqM36D13F6QXTpDH8VSwhfQ7V7BTZTXUBApTbfXTBaWvdvHuhScBX34yUr3kOKnu5HVgY3xa6slfJP0GTSJ8q2znQ3sAFSQ0Sw/s320/bt.gif" border="0" /></a><br /></li><br /><li>Isi Komentar (bagian yang diberi lingkar merah), Isi apa saja, terserah, setelah itu lihat hasil, contoh seperti ini<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqKvcMZeoDq2LRanaOzwEqMDgfaAApwuj-LxZ6t36RyTE-R87u1YwXQoujf16OC_IY9DijGdLuBqvh1aWIvUgMadoHVPnVPqQ06R0j9tg7DW118fuwwKi65mx6IlbsLg5ecf0f9z1KFA/s1600-h/bt2.gif"><img id="BLOGGER_PHOTO_ID_5291805528771586210" style="WIDTH: 255px; CURSOR: hand; HEIGHT: 320px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqKvcMZeoDq2LRanaOzwEqMDgfaAApwuj-LxZ6t36RyTE-R87u1YwXQoujf16OC_IY9DijGdLuBqvh1aWIvUgMadoHVPnVPqQ06R0j9tg7DW118fuwwKi65mx6IlbsLg5ecf0f9z1KFA/s320/bt2.gif" border="0" /></a><br /></li><br /><li>Buang beberapa bagian yang tidak diperlukan (yang dilingkar merah)</li><br /><li>Buang <strong>Langgan: Poskan Komentar (Atom</strong>). Caranya adalah : Buka mode EDIT HTML dan cari script dibawah ini<br /><br />.feed-links {<br />clear: both;<br />line-height: 2.5em;<br />}<br /><br /><strong>ubah menjadi</strong><br /><br />.feed-links {<br />clear: both;<br />line-height: 2.5em;<br />display:none;<br />}<br /><br />Simpan dan lihat hasilnya<br /></li><br /><li>Buang <strong>Halaman Muka</strong>. Caranya adalah : cari script dibawah ini<br /><br />#blog-pager-newer-link {<br />float: $startSide;<br />}<br /><br />#blog-pager-older-link {<br />float: $endSide;<br />}<br /><br />#blog-pager {<br />text-align: center;<br />}<br /><br /><strong>ubah menjadi </strong><br /><br />#blog-pager-newer-link {<br />float: $startSide;<br />display:none;<br />}<br /><br />#blog-pager-older-link {<br />float: $endSide;<br />display:none;<br />}<br /><br />#blog-pager {<br />text-align: center;<br />display:none;<br />}<br /><br />Simpan dan lihat hasilnya<br /></li><br /><li>Buang Title dan Isi Postingan. Caranya adalah : cari script dibawah ini<br />.post {<br />padding-$startSide:5%;<br />padding-$endSide:10%;<br />}<br /><br /><strong>Ubah menjadi</strong><br /><br />.post {<br />padding-$startSide:5%;<br />padding-$endSide:10%;<br />display:none;<br />}<br /><br />Simpan dan lihat hasilnya<br /></li><br /><li>Buang Date Header. Caranya adalah : cari script dibawah ini<br />h2.date-header {<br />padding-top:15px;<br />color:$footercolor;<br />padding-bottom:0px;<br />margin-bottom:0px;<br />font-size: 90%;<br />}<br /><br /><strong>ubah menjadi</strong><br /><br />h2.date-header {<br />padding-top:15px;<br />color:$footercolor;<br />padding-bottom:0px;<br />margin-bottom:0px;<br />font-size: 90%;<br />display:none;<br />}<br /><br />Simpan dan lihat hasilnya<br /></li><br /><li>Buang Navbar. Caranya adalah tambahkan script ini persis diatas ]]></b:skin><br /><br /><br />#navbar-iframe {<br />height:0px;<br />visibility:hidden;<br />display:none<br />}<br /><br />Simpan dan lihat hasilnya<br /></li><br /><li>Ubah <strong>Poskan Komentar </strong>menjadi <strong>POPUP</strong>, caranya adalah <strong>Buka Pengaturan</strong>, <strong>Pilih Komentar </strong>> Pada Kata-kata <strong>Penempatan Formulir Komentar</strong>, Pilih OPSI <strong>JENDELA MUNCULAN </strong>kemudian Simpan Setelan. Lihat Hasinya<br />Kira-kira seperti ini<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPNZfNiFkA0xmTJ7p4s1M8LJFZ7L0abFp732hTw5__cShoybqq80h9Gpx8EclPj0rqwPiSMruNMqbwUPAv_utEBV-ZtQ2KPKzCdZit7V1x6SuqWJxfedJAvYEs5sb7wF-FtOZU_c15EsY/s1600-h/bt3.gif"><img id="BLOGGER_PHOTO_ID_5291809440685640386" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 235px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPNZfNiFkA0xmTJ7p4s1M8LJFZ7L0abFp732hTw5__cShoybqq80h9Gpx8EclPj0rqwPiSMruNMqbwUPAv_utEBV-ZtQ2KPKzCdZit7V1x6SuqWJxfedJAvYEs5sb7wF-FtOZU_c15EsY/s320/bt3.gif" border="0" /></a><br /></li><br /><li>Agar Tampilan menjadi rata pinggir, Buka Mode EDIT HTML, Centang Expand Template Widget kemudian cari script di bawah ini<br /><br /><<span style="color:#ff0000;">dl</span> id='comments-block'><br /><b:loop values='data:post.comments' var='comment'><br /><<span style="color:#ff0000;">dt</span> expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'><br /><a expr:name='data:comment.anchorName'/><br /><b:if cond='data:comment.authorUrl'><br /><span style="color:#33cc00;"><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br /></span><b:else/><br /><data:comment.author/><br /></b:if><br /><span style="color:#000099;"><data:commentPostedByMsg/></span><br /></<span style="color:#ff0000;">dt</span>><br /><<span style="color:#ff0000;">dd </span>class='comment-body'><br /><b:if cond='data:comment.isDeleted'><br /><span class='deleted-comment'><data:comment.body/></span><br /><b:else/><br /><p><data:comment.body/></p><br /></b:if><br /></<span style="color:#ff0000;">dd</span>><br /><<span style="color:#ff0000;">dd</span> class='comment-footer'><br /><span class='comment-timestamp'><br /><a expr:href='data:comment.url' title='comment permalink'><br /><data:comment.timestamp/><br /></a><br /><b:include data='comment' name='commentDeleteIcon'/><br /></span><br /></<span style="color:#ff0000;">dd</span>><br /></b:loop><br /></<span style="color:#ff0000;">dl</span>><br /><br />ubah semua yang berwarna merah menjadi div<br />tambahkan tag target='_blank' pada script yang berwarna hijau sehingga menjadi seperti ini<br /><br /><a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a><br />Simpan dan Lihat Hasil<br />Kira-kira seperti ini<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7MlaYHTpk3u4Q__bdLYY7bisdijDIhCV_Z9DE7x779ui9OLWsMCRkhAOHOb5Y61E1Je2J-lAHo7wqJBBKyYnAvTYSbKbs5WhJCY3054G7EgqlrB-caliT4ocU-BP8fyEJp2P8qGTFqzo/s1600-h/bt4.gif"><img id="BLOGGER_PHOTO_ID_5291812468541302850" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 301px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7MlaYHTpk3u4Q__bdLYY7bisdijDIhCV_Z9DE7x779ui9OLWsMCRkhAOHOb5Y61E1Je2J-lAHo7wqJBBKyYnAvTYSbKbs5WhJCY3054G7EgqlrB-caliT4ocU-BP8fyEJp2P8qGTFqzo/s320/bt4.gif" border="0" /></a><br /></li><br /><li>Menghilangkan kata "Mengatakan". Caranya adalah script yang berwarna biru pada point no 14, dihapus</li><br /><li>Mengubah Font Size dan Font Face. Caranya adalah cari script dibawah ini<br /><br />body {<br />margin:0;<br />font:$bodyfont;<br />background:$bgcolor;<br />color:$textcolor;<br />}<br /><br /><strong>ubah menjadi</strong><br /><br />body {<br />margin:0;<br />font-family:Tahoma, Arial, sans-serif;<br />font-size:8pt;<br />background:$bgcolor;<br />color:$textcolor;<br />}<br /><br />ukuran size 8pt bisa anda ubah sendiri sesuai selera<br /></li><br /><li>Oleh karena komentar terbaru di blogger selalu di pasang pada bagian bawah, oleh karena itu, kita perlu mengubah halaman buku tamu tadi agar tampilannya pada posisi paling bawah. Caranya adalah sisipkan script dibawah ini diatas </head><br /><br /><script><br />function resizeWindow()<br />{<br />x=document.body.scrollHeight;<br />x=x+99999<br />window.scrollTo(0,x);<br />}<br /></script><br /><br /></li><br /><li>Sisipkan tag onload='resizeWindow()' didalam <body> sehingga menjadi<br /><body onload='resizeWindow()'><br /></li><br /><li>Ada sedikit perbedaan antara IE dan FF, pada IE sulit menghilangkan scoll horisontal berapun kita mengubah ukuran layar, sehingga untuk menghilangkannya dibutuhkan tambahan script. Pada script point 17 tambahkan tag<br /><br />document.getElementById('bodi').style.width="270px";<br /><br />dibawah<br />function resizeWindow() {<br /><br />sehingga menjadi<br /><br />function resizeWindow()<br />{<br />document.getElementById('bodi').style.width="270px";<br />x=document.body.scrollHeight;<br />x=x+99999<br />window.scrollTo(0,x);<br />}<br /><br />angka 270 adalah lebar dari layar buku tamu, anda bisa mengubahnya sesuai selera sendiri.<br /></li><br /><li>Sisipkan tag id='bodi' dalam <body onload='resizeWindow()'> sehingga menjadi seperti ini<br /><body onload='resizeWindow()' id='bodi'><br /><br />Jadilah Sebuah BUKU TAMU<br /></li><br /></ol><br /><br /><a href="http://www.blogger.com/dua">BLOGGER JADI SHOUTBOX</a><br />Untuk mengubah BUKU TAMU ini menjadi SHOUTBOX tinggal masukkan dalam Iframe kemudian Copy ke Widget Blog Utama Anda<br /><br />Langkah - langkahnya adalah<br /><ol><br /><li>Buat IFRAME seperti ini<br /><br /><iframe width="450px" frameborder="0" src="<span style="color:#ff0000;">http://gbblogproject.blogspot.com/2009/01/buku-tamu.html</span>" marginheight="0px" name="tagboard" height="350px" marginwidth="0px"></iframe><br /><br />Bagian yang berwarna merah, ganti dengan alamat BUKU TAMU anda yang baru saja dibuat<br />atur ukuran lebar (width) dan tinggi(height) iframe sesuai selera</li><br /><li>Pada Blog Utama anda, buka TATA LETAK > ELEMENT HALAMAN > TAMBAH GADGET > HTML/JAVASCRIPT, Copy paste script diatas kemudian simpan, jangan lupa atur lagi lebar dan tinggi iframe agar balance dengan blog anda, lihat hasilnya. Kira-kira seperti ini</li><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4bxCZkNklH9yYFTnCdaAc7m7yqOk1xpN0g0-b18fWZEuMaGb52Onr-sDb1BYRlGzicHMpNzciQH1iLJMqTKUqZdKel0F2tBz2W3MxEOyqiWppKLcjuvzS_IYUgnmpMnmEzehp2V1y0Q/s1600-h/bt5.gif"><img id="BLOGGER_PHOTO_ID_5291817381787587106" style="WIDTH: 320px; CURSOR: hand; HEIGHT: 241px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4bxCZkNklH9yYFTnCdaAc7m7yqOk1xpN0g0-b18fWZEuMaGb52Onr-sDb1BYRlGzicHMpNzciQH1iLJMqTKUqZdKel0F2tBz2W3MxEOyqiWppKLcjuvzS_IYUgnmpMnmEzehp2V1y0Q/s320/bt5.gif" border="0" /></a><br /><br /></ol></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com27tag:blogger.com,1999:blog-159448502901129649.post-84770692195644587642009-01-13T17:11:00.008+07:002009-01-13T17:58:14.518+07:00Membedah Blogger<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIW8Ek4vt3bRoLKfaGmqK5Fef89BdkYezlEBz_rURrVa5CtVgDQvse2PD6iPqLrBsQJjNzf3WrN-zl93jZO6BGlym0eBP6Je3zi0LPZZBqPkY6lhkcX5G1naCAa0B4A2WZiPLjcxbjwqs/s1600-h/buatblog.gif"><img id="BLOGGER_PHOTO_ID_5290720787666731682" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 179px; CURSOR: hand; HEIGHT: 65px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIW8Ek4vt3bRoLKfaGmqK5Fef89BdkYezlEBz_rURrVa5CtVgDQvse2PD6iPqLrBsQJjNzf3WrN-zl93jZO6BGlym0eBP6Je3zi0LPZZBqPkY6lhkcX5G1naCAa0B4A2WZiPLjcxbjwqs/s200/buatblog.gif" border="0" /></a>Saat kita membuka account di blogger.com, perhatikan menu disebelah kanan, terdapat menu seperti terlihat pada gambar. Jika anda berpikiran kritis, ada apa dengan blogger.com menyediakan fasilitas <strong><span style="color:#3366ff;">buat blog</span></strong> lagi padahal dengan satu blogpun sudah cukup. Uniknya lagi, Jika link itu di klik, kita akan diminta memasukkan alamat baru, 2-3 langkah. Selesai. sangat-sangat praktis dan tak perlu membuat account baru seperti saat mendaftar pertama kali.<br /><br />Tapi jika kita cermati lebih dalam, mungkin informasi dibawah ini bisa menjadi salah satu alasan.<br /><br />Berbeda dengan WEB seperti Geocities atau Tripod atau ratusan penyedia free web space lain. Blogger.com hanya menyediakan 1 file saja untuk kita, tak ada fasilitas create file seperti yang lain-lain. Ibaratnya ketika free web host lain menyerahkan setumpuk buku file yang bisa kita tata dengan baik, blogger hanya menyediakan 1 lembar file dimana dalam 1 lembar file itulah kita tumpuk semuanya.<br /><br />Satu contoh kasus,<br />seorang dokter yang memiliki hobbi komputer membuat sebuah blog bertema medis, anggaplah alamat blognya http://yangberbaumedis.blogspot.com, setelah 3-4x postingan medis, tiba-tiba postingan ke 5 judulnya lari ke tema komputer. Pada postingan ke 6-7berubah lagi jadi tema bisnis online, karena palestina bergejelok, postingan ke 8 berubah lagi jadi tema politik. Postingan ke 9 koq ada puisi, ke 10 ada lirik lagu. Ini Pasar atau apa. <span class="fullpost"><br /><br />Blogger.com sebenarnya sudah menyarankan kita untuk mengkategori setiap postingan yang kita buat sesuai label thema. Sayangnya Blogger lupa atau barangkali ogah menyiapkan satu fasilitas option, dimana ketika membuka alamat blog kita pertama kali yang terbuka adalah sesuai kategori yang kita inginkan. Yang ada adalah sesuai waktu postingan dimana postingan terakhir akan ditempatkan pada headline halaman dan berurut kebawah. Realistis saja, orang lebih tertarik melihat halaman depan blog kita dibanding mencari link sesuai kategori. Kalau pada tampilan pertama, blog kita sudah seperti kayak pasar kearah mana pembaca kita akan kita bawa. Seperti pada contoh kasus diatas, Alamat blognya bertema medis, isi blognya berisi informasi yang tak ada arah.<br /><br />Sah-sah saja memang sebuah blog mengakomodir semua itu. Tapi bukan kah lebih smart kelihatannya, jika misalnya ditata lebih apik bukan dari file yang sama tapi dari file yang lain. Misalnya lembar file pertama adalah file utama yang tampil pada headline sesuai tema utama blog. Lembar file ke 2 tentang komputer, lembar file ke tiga tentang unek-unek dst, sehingga ketika pengunjung datang pertama kali, nuansa blog kita sudah terasa ada kesan, Ohh ini blognya komunitas medis, komunitas bisnis, komunitas komputer dll.<br /><br />Nah karena blogger.com tidak menyediakan fasilitas create file tapi hanya monofile. Gak ada salahnya menggunakan fasilitas link BUAT BLOG tersebut sebagai pengganti create file seperti yang terjadi pada free hosting lain. Jadi seperti contoh kasus diatas. Jika ada 3 tema, buatlah 3 blog dengan masing-masing tema dan anggaplah blog-blog tersebut sebagai file-file tambahannya,contohnya<br /><br />1. http://yangberbaumedis.blogspot.com,<br />2. http://yangberbaukomputer.blogspot.com<br />3. http://yangberbaubisnisonline.blogspot.com<br />4. http://yangberbausaya.blogspot.com<br /><br />dst-dst, seribupun anda mau buat, omm blogger kita ini, tak akan marah bung<br />Tapi khan gak lucu dong mengelola banyak blog. Berapa jendela windows yang saya harus buka setiap hari untuk memonitor blog tersebut. Capek dong jadinya.<br /><br />Nah disinilah dibutuhkan satu trik khusus. MEMBUAT BLOG DALAM BLOG. Maksudnya dalam satu blog induk terdapat blog-blog lain yang disisip ke blog induk, sehingga anda seolah-olah membuka satu blog, dan blog-blog lain punya kesempatan dibuka oleh pegunjung tapi tetap didalam halaman blog induk tersebut. Seperti web pada umumnya, kita tinggal membuat MAIN MENU bisa dalam bentuk topbar maupun sidebar.<br /><br />Penjelasan secara detailnya, tunggu artikel saya yang lain di BLOG DALAM BLOG </span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com16tag:blogger.com,1999:blog-159448502901129649.post-31094404735427817592009-01-12T22:05:00.005+07:002009-01-13T00:46:14.295+07:00Rahasia Image pada BloggerSebelum mengupas lebih jauh tentang rahasia image/gambar pada blogger, barangkali informasi ini juga penting bagi anda.<br /><br />Jika anda bertukar link dengan blogger yang lain dan menyertakan Image pada link tersebut (Adanya Image pada link ditandai dengan tag IMG) pastikan terlebih dahulu dari mana image itu berasal.<br /><br />Pada prinsipnya image yang terdapat pada blog bisa berasal dari 2 sumber yaitu pertama dari database server penyedia layanan blog itu sendiri misalnya blogger.com, kedua berasal dari server lain yang menyediakan layanan penyimpanan image gratisan seperti picasa, flixr,PhotoBucket atau penyedia layanan web gratisan seperti geocities dan tripod. Kalau anda cari di google mungkin anda bisa dapat ratusan web penyimpan gambar.<br /><br />contoh kasus<br /><br /><strong><span style="color:#33cc00;">Yang di simpan di blogger</span></strong><br /><br /><a href="blablabla"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/s1600/gml2.gif"></a><br /><br /><strong><span style="color:#33cc00;">Yang di simpan di photobucket<br /></span></strong><br /><a href="blablabla"><img src="http://i120.photobucket.com/albums/o190/gamal/gamal/menyimpan%20photo/gam06.png"></a><br /><br /><strong><span style="color:#33cc00;">Yang disimpan di Geocities<br /></span></strong><br /><a href="blablabla"><img src="http://www.geocities.com/topoleogi/gamal.jpg"></a><br /><br />Sekarang logika kan saja sendiri <span class="fullpost"><br />Anggap saja anda memiliki 20 link hasil tukaran yang memiliki image dan sialnya image tersebut semua berasal dari server yang berbeda. Artinya ketika anda loading blog anda, maka ketika diloading tanpa anda sadari browser akan otomatis memanggil ke 20 server berbeda tersebut. Berapa beban yang harus dipikul oleh browser anda. Jika servernya bonavit seperti picasa google atau geocitiesnya yahoo okelah mungkin aman aman saja, karena bandwidth mereka raksasa. Tapi kalau traffic lagi tinggi-tingginya kadang google dan yahoo kepayahan juga. Bagaimana seandainya image tersebut disimpan di server kacangan yang hidup susah mati tak mau. Itu belum termasuk besarnya ukuran image yang harus diload. Bukan hanya membuat blog anda kepayahan tapi juga babak belur dan berantakan dibuatnya.<br /><br />Jadi jika anda mau aman, simpan gambar/image anda pada server yang sama dengan blog anda, jika bermain di blogger.com, ya simpan di blogger. Begitu juga link plus image yang di terima dari hasil bertukar link, sebaiknya juga berasal dari server layanan yang sama.<br /><br />Khusus menyangkut picasa google, ada sedikit keunikan. Ternyata saat anda upload gambar via blogger secara otomatis gambar tersebut juga tersimpan di album picasa google. setelah saya cermati hasilnya seperti ini<br /><br /><span style="color:#33cc00;">Script alamat Image dari Blogger.com<br /></span><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/s200/gml2.gif<br /><br /><br /><span style="color:#33cc00;">Script alamat Image dari Picasa Web Album</span><br /><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAOSSI-BgBhVqqfd8eME42s4nyiDiDLUfgPGHhiq1kKnDHdSF9shd43rPTUh3QXsRvgNlQVlvTLFzfPXsOV63pxhyEzOKgOsJJTbJif3mVzxyDmCPZjXQ1yiI-TsIMPdgJTWaRXvfPGc/<br /><br /><br />Kedua gambar ini sama tapi berasal dari 2 web yang berbeda, tapi kode-kodenya hampir mirip. Yang membuat saya sedkit penasaran adalah gambar yang saya import ke blogger berekstensi .gif di picasa album berubah jadi ekstensi .jpg. Akhirnya saya coba ulang sekali lagi dengan image berekstensi .png seperti ini<br /><br />Script alamat Image dari Blogger<br /><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s200/gamal.png<br /><br />setelah saya cek di picasa web album jadi seperti ini<br /><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/<br /><br />Artinya di picasa web album semua gambar diubah ke jpg. Tapi meskipun ada perbedaan, sepertinya blogger dan Google setali tiga uang. Jadi relatif aman menyimpan image/gambar di picasa web album<br /><br />Kembali ke Rahasia gambar di blogger, saat mengupload gambar yang rencananya untuk dipakai sebagai banner image di blogger ternyata gambar yang saya buat dengan begitu indahnya setelah diupload malah menjadi sangat jelek mutunya. Pertanyaan yang muncul dibenak saya adalah WHERE'S MY REALY IMAGE ?<br /><br />saya cermati ulang kode HTMLnya, ternyata yang kita peroleh saat upload gambar adalah versi thumbnailnya, selengkapnya seperti ini<br /><br /><a href="<span style="color:#3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600-h/gamal.png</span>"><img id="BLOGGER_PHOTO_ID_5289734790246894754" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 27px; CURSOR: hand; HEIGHT: 38px" alt="" src="<span style="color:#cc0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s200/gamal.png</span>" border="0" /></a><br /><br />Bagian yang berwarna merah adalah script Image yang tampil dengan mode thumbnail. Pantas hasilnya jelek. Sekedar bereksperiment, saya coba ganti yang berwarna merah tadi dengan script tag yang berwarna biru sehingga tampak seperti ini<br /><br /><br /><a href="<span style="color:#3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600-h/gamal.png</span>"><img id="BLOGGER_PHOTO_ID_5289734790246894754" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 27px; CURSOR: hand; HEIGHT: 38px" alt="" src="<span style="color:#3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/<strong><em>-h</em></strong>/gamal.png</span>" border="0" /></a><br /><br />setelah dibuka di browser hasilnya malah tak nampak, hilang, blank. Karena tak ada gambar, saya coba buka source kode HTMLnya, dan hasil yang saya dapatkan adalah<br /><br /><span style="color:#3333ff;">img scr="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjTbLnRNjFP9SCfj8yQD7sbDId84Rcn6og5Qbuo-e7H-J29P3Wg0pI_rp1BgVqJDCT_AL-jR3ZGXwBCVcontsaEAK4Dj4bmnrbZWPM2ySJmd4hHeNfUNyR7StbyWwGyuDZ1sFgP1ylWA/s1600/gamal.png<br /><br /></span>setelah saya buka di browser, barulah ketahuan GAMBAR SAYA YANG SEBENARNYA. Ternyata rahasianya hanya dengan menghilangkan -h pada script diatas gambar saya ketemu juga.</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com12tag:blogger.com,1999:blog-159448502901129649.post-50707154364319492192009-01-12T11:34:00.004+07:002009-01-12T13:31:35.323+07:00Hidden LayerBegitu banyak fasilitas widget yang ditawarkan para penyedia layanan baik yang free maupun bayar. Dan begitu senangnya kita melihat blog kita begitu ramai dengan berbagai fasilitas tersebut. Tapi seiring dengan itu muncul juga beberapa masalah.<br /><br />Memilih mana diantara widget tersebut yang paling jitu di tempatkan pada bagian atas, dan mana yang tidak masalah jika ditempatkan pada bagian bawah halaman blog kita.<br /><br />Masalah tersebut mungkin bisa diatasi dengan memanfaatkan hidden layer. Membuat satu layar yang sudah ditentukan posisinya secara absolute, kemudian disembunyikan. Setelah itu dibuatkan satu link atau tombol/button yang jika diklik, layar tersebut muncul sebagai layar tersendiri.<br /><br />Jika tertarik scriptnya seperti ini <span class=fullpost><br /><br />Langkah pertama adalah membuat Layar terlebih dahulu<br /><br /><span style="color:#33cc00;"><div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff" id="layar"> Buat/pasang tulisan atau script disini</div><br /></span><br />Setelah itu, layar tersebut dihilangkan/disembunyikan,<br />kode scriptnya adalah display:none, pasang tag script ini pada posisi style sehingga menjadi seperti ini<br /><br /><span style="color:#000066;"><div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff;display:none" id="layar"> Buat/pasang tulisan atau script disini</div></span><br /><br />Langkah berikutnya adalah membuat link agar layar tersebut muncul saat link di klik<br />scriptnya adalah<br /><br /><span style="color:#003300;"><script><br />function bukalayar()<br />{ document.getElementById("layar").style.display="block"; }<br /></script><br /><br /><a href="#" onclick="bukalayar()">BUKA LAYAR</a></span><br /><br />Agar Setelah dibuka layar tersebut bisa ditutup kembali, buat satu link lagi yang berfungsi menutup layar yaitu<br /><br /><span style="color:#6666cc;"><script><br />function tutuplayar()<br />{ document.getElementById("layar").style.display="none"; }<br /></script><br /><br /><a href="#" onclick="tutuplayar()">TUTUP LAYAR</a><br /></span><br />Link tutup layar bisa disisipkan pada hidden layar tadi<br /><br />sehingga menjadi seperti ini<br /><br /><span style="color:#ff0000;"><div style="position:absolute;top:20px;left:20px;width:400px;height:300px;z-index:100;border:1px solid #000000;background-color:#ffffff;display:none" id="layar"><br /><a href="#" onclick="tutuplayar()">TUTUP LAYAR</a><br /></span><br /><span style="color:#ff0000;">Buat/pasang tulisan atau script disini<br /></div><br /></span><br />Kemudian buka EDIT HTML dan tempatkan di bawah<br /><strong><body></strong><br /><br />atau buka TAMBAH GADGET > HTML/JAVASCRIPT > Copy Paste script berwarna merah. Script link Buka layar anda bisa sandingkan dengan menu yang lain.<br /><br />Contoh HIDDEN LAYER, KLIK di bawah ini<br /><a href="javascript:staticbar('feedjit')">OPEN LAYER</a></span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com15tag:blogger.com,1999:blog-159448502901129649.post-60692791752222103712009-01-10T12:24:00.012+07:002009-01-10T13:48:46.679+07:00Yang Lagi Online<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2nScrARbMpmkNkHQAhnDURYTnn-eOQspR-0rFEtOdKISIhVEh2c6ME7P8sbhIeRgUjlai5usWSsrw75FbOaTj34wUiqPJEVkRc_SfKFNHE9EOT-GkV83OlYngRhhTacPFhk-nYUCUCA/s1600-h/formlogin.gif"><img id="BLOGGER_PHOTO_ID_5289546407603745154" style="FLOAT: right; MARGIN: 0px 10px 10px 0px; WIDTH: 200px; CURSOR: hand; HEIGHT: 119px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2nScrARbMpmkNkHQAhnDURYTnn-eOQspR-0rFEtOdKISIhVEh2c6ME7P8sbhIeRgUjlai5usWSsrw75FbOaTj34wUiqPJEVkRc_SfKFNHE9EOT-GkV83OlYngRhhTacPFhk-nYUCUCA/s200/formlogin.gif" border="0" /></a>Mungkin anda juga pernah mengalaminya, berkunjung ke sebuah blog, membaca beberapa artikel kemudian menulis sepatah dua patah kata komentar, saran, atau suatu pertanyaan pada shoutbox atau medium komentar yang disediakan dengan harapan mudah-mudahan aja ada umpan balik. Ternyata setelah menunggu beberapa menit,jam,hari tak ada jawaban/respon. Yang ada dipikiran kita pasti sama, jangan-jangan pemilik blog lagi tidak<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvgFd5sG-Wky8nie9_otU3YHwPA1seivrygKi4MHnODovx_i2plq6q2ffVIFJ72dXxQWqSGkURLG5_aeV596Sb2RvqaADhOCc2ws6zQMmc5ZT8hbiuFz9I1ZplRQpZFF5c1miFo1Ee9c/s1600-h/userlogin.gif"><img id="BLOGGER_PHOTO_ID_5289546758506155458" style="FLOAT: right; MARGIN: 0px 10px 10px 0px; WIDTH: 200px; CURSOR: hand; HEIGHT: 131px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvgFd5sG-Wky8nie9_otU3YHwPA1seivrygKi4MHnODovx_i2plq6q2ffVIFJ72dXxQWqSGkURLG5_aeV596Sb2RvqaADhOCc2ws6zQMmc5ZT8hbiuFz9I1ZplRQpZFF5c1miFo1Ee9c/s200/userlogin.gif" border="0" /></a>online, atau blog ini memang tak pernah lagi di jamah oleh pemiliknya.<br /><br />Beberapa blog yang saya kunjungi, ada juga yang mengambil langkah maju, memasang icon yahoo messenger pada blognya sebagai kode online atau tidak.<br /><span class="fullpost"><br />Yang menjadi pertanyaan adalah, bagaimana seandainya saya hanya ingin berkunjung ke suatu blog yang lagi online saja. Berapa banyak blog hari ini yang lagi online dan bagaimana mengetahuinya. Karena penasaran saya tanya pada om google, abra ka dabra, dan jawabannya sama saja, tidak memuaskan. Entah pencariannya saya yang kurang menggebu atau memang tak ada traffic yang disajikan baik oleh google maupun blogger untuk layanan tersebut.<br /><br />Akhirnya, karena tak menemukan satupun fasilitas tersebut dari blogger.com, dan saya sudah malas lagi mencarinya, saya putuskan untuk coba-coba buat sendiri, lumayan membutuhkan waktu 1 hari penuh juga membuatnya<br /><br />Bagi anda yang tertarik menggunakan fasilitas gadget "YANG LAGI ONLINE" ini ada beberapa aturan main yang harus di penuhi<br /><ul><li>Daftar Jadi Anggota. Dengan mendaftar, anda akan kami beri kode script yang wajib dipasang pada gadget blog<br /></li><li>Mengajak blogger mania lain untuk juga ikut mendaftar. Alasannya karena hanya yang menjadi members saja yang akan anda tahu online atau tidak, makin banyak yang mendaftar makin banyak blog yang anda ketahui online atau tidak</li><br /><li>Agar anggota lain bisa mengetahui anda sedang online atau tidak, setiap anda membuka blog, jangan lupa untuk login pada "FORM LOGIN" yang kami sertakan pada blog anda</li><br /><li>Fasilitas "YANG LAGI ONLINE" ini hanya diperuntukkan bagi yang sudah memiliki blog</li><br /></ul>Kelihatannya rumit, tapi gak ada salahnya dicoba dulu biar tahu.<br />Kode Script yang wajib anda pasang pada blog anda setelah Mendaftar adalah<br /><br /><iframe scrolling="no" width="200px" frameborder="0" src="http://abdgamal.ueuo.com/userlogin.php" height="183px"></iframe><br /><br />kemudian<br />Buka Account di Blogger.com > Tata Letak > Element Halaman > Tambah Gadget > HTML/Javascript<br /><br />Copy dan Paste script diatas, beri judul sesuka hati. Selesai</span>Anonymoushttp://www.blogger.com/profile/17718717155503217823noreply@blogger.com15