Dhafiq Sagara adalah orang bodoh yang tidak bisa apa-apa, tapi dia selalu berusaha untuk terus menjadi yang lebih baik. Rasa keingin-tahuannya sangat tinggi, selalu berusaha dan terus berusaha, trial dan error adalah prinsip belajarnya.

Tampilkan postingan dengan label Tips Trik Web. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Trik Web. Tampilkan semua postingan

22 Okt 2012

RESTful Web Services JSON API Transformer with Java

RESTful Web Services JSON API Transformer with Java:
This post is the continuation of my previous last post, I had explained how to create a basic RESTful web services API using Java, now I want to explain JSON transformer to work with input Get and Post methods parameters. Just added a new class called transformer it converts object data into JSON text output format.


RESTful Web Services with input parameters

12 Okt 2011

Simple AJAX-PHP With ComboBox

AJAX yang merupakan singkatan dari Asynchronous JavaScript And XMLHTTP, merupakan sebuah teknik pemrograman berbasis web dengan tujuan untuk menciptakan aplikasi yang lebih interaktif. Proses pertukaran data server dilakukan dibelakang layar, sehingga halaman web tidak perlu di load ulang untuk mendapatkan data yang user inginkan.
Dengan kata lain, AJAX ini proses pemilihan data yang diinginkan user tanpa harus me-load ulang atau membaca ulang halaman web. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability.

Kali ini saya akan memberikan tutorial tentang penggunaan AJAX dalam menampilkan data.

6 Agu 2011

Mengubah Format Tanggal PHP Menjadi Format Tanggal Indonesia

Format tanggal pada PHP secara default adalah seperti berikut: YYYY-mm-dd, misal: 2011-08-25.

Jika kita ubah menjadi format bulan yang berupa nama bulan, secara default nama bulan tersebut berformat bahasa Inggris, seperti 25 August 2011.
Sehingga kita perlu mengubah menjadi format tanggal Indonesia, seperti: 25 Agustus 2011

Bagaimana caranya? check this out...

Berikut source codenya:
<?
function DateToIndo($date){
		$BulanIndo = array("Januari", "Februari", "Maret",
						   "April", "Mei", "Juni",
						   "Juli", "Agustus", "September",
						   "Oktober", "November", "Desember");
	
		$tahun = substr($date, 0, 4);
		$bulan = substr($date, 5, 2);
		$tgl   = substr($date, 8, 2);
		
		$result = $tgl . " " . $BulanIndo[(int)$bulan-1] . " ". $tahun;		
		return($result);
}
	
	echo(DateToIndo("2011-08-25")); //Akan menghasilkan 25 Agustus 2011
?>

Silahkan download file code-nya datetoindo.php

26 Mei 2011

Email Marketing

Email Marketing adalah upaya memasarkan produk atau jasa dengan menggunakan email sebagai media penyebaran informasi produk atau jasa yang ditawarkan. Email marketing merupakan salah satu cara yang digunakan dalam internet marketing. Merupakan konsep sederhana yang juga hemat biaya dan bisa dikatakan tepat sasaran. Karena kita mengirim email ke seluruh daftar kontak pelanggan. Dengan begitu pelanggan kita bisa mengetahui produk-produk dan layanan-layanan yang ditawarkan secara berkala.



Pentingnya email sebagai media promosi merupakan teknik promosi yang targeted, karena email ini langsung masuk ke prospek yang menjadi target market Anda, sehingga terkesan lebih personal.

Jika dibandingkan dengan promosi lewat iklan baris atau banner, Anda harus bersaing dengan pemasang iklan baris atau pemasang banner yang lain.

Teknik dalam penerapan email marketing ini caranya sangat mudah, bahkan ada website yang menyediakan layanan email marketing ini yaitu feedburner.com. Dan biasa dikenal dengan email subscription.

Bagaimana cara penggunaan media feedburner tersebut, berikut cara penggunaan layanan tersebut http://dhafiq-san.blogspot.com/2011/04/membuat-email-subscription-dengan.html

Selain feedburner yang memanfaatkan RSS Feed dari website, ada website lain penyedia layanan email marketing yaitu emailbrain.com

24 Mei 2011

Ping Service

Gunakan ping service untuk menambahkan traffic web anda. Selalu ada banyak cara yang bisa digunakan untuk meningkatkan traffic web.

Ping service merupakan layanan pengaksesan ke website kita. Sehingga semakin sering dilakukan ping, semakin meningkat traffic web kita. Ini merupakan cara lain dari teknik SEO normal.

Anda bisa melakukan ping melalui website penyedia layanan ping berikut:
  1. http://pingomatic.com/
  2. http://www.mypagerank.net/service_pingservice_index
  3. http://www.totalping.com/


Akan tetapi yang perlu diperhatikan adalah jangan terlalu sering melakukan ping dalam sehari, karena website anda bisa terkena banned/block dari layanan ping tersebut. Saran saya lebih baik sehari sekali.

Traffic Web

Web traffic is the amount of data sent and received by visitors to a web site. It is a large portion of Internet traffic. This is determined by the number of visitors and the number of pages they visit. Sites monitor the incoming and outgoing traffic to see which parts or pages of their site are popular and if there are any apparent trends, such as one specific page being viewed mostly by people in a particular country. There are many ways to monitor this traffic and the gathered data is used to help structure sites, highlight security problems or indicate a potential lack of bandwidth — not all web traffic is welcome. (wikipedia).


Traffic Web adalah jumlah data yang terkirim dan diterima oleh pengunjung ke situs web. Ini adalah sebagian besar lalu lintas yang terjadi di internet. Hal ini ditentukan oleh jumlah pengunjung dan jumlah halaman yang mereka kunjungi. Situs memonitor lalu lintas masuk dan keluar untuk melihat bagian mana atau halaman situs mana yang populer. Seperti satu halaman khusus yang dilihat terutama oleh orang-orang di suatu negara tertentu. Ada banyak cara untuk memonitor lalu lintas ini dan data yang dikumpulkan digunakan untuk membantu struktur situs, menyoroti masalah-masalah keamanan atau menunjukkan kurangnya potensi bandwidth - tidak semua lalu lintas web menyambut.

Jika kita membahas mengenai traffic website, merupakan tindak lanjut dari teknik SEO. Jika sudah menerapkan teknik-teknik SEO, mari kita periksa traffic web kita. Banyak cara yang bisa kita lakukan untuk mendeteksi seberapa banyak pengunjung, berasal dari negara mana saja, artikel/link mana saja yang dikunjungi. Semua itu sangat penting dalam dunia SEO, karena jika kita bisa mengetahui traffic web kita, kita bisa mengambil langkah-langkah tertentu untuk pengembangan website kita. Misalkan: artikel berupa tutorial ternyata sedikit pengunjungnya, kita bisa mengembangkan website kita ke artikel lain, misalkan berupa curhatan atau kehidupan sehari-hari, dan ternyata lebih banyak pengunjungnya. Itulah tujuan mengetahui traffic web.


Cara Mengetahui Traffic Web:
  1. Google Page Rank
    Page Rank digunakan untuk mengukur peringkat website atau weblog kita di kalangan search engine.
    Untuk memeriksa page rank website atau weblog anda melalui prchecker.info atau mypagerank.net
    Pendeteksi Page Rank tersebut hanya untuk Search Engine Google, secara google merupakan search engine yang paling terkenal dan sering banyak pemakainya. Google Page Rank tersebut memiliki nilai antara 0 sampai 10. Semakin besar nilainya, semakin naik pula peringkat website anda di search engine.
  2. Alexa Traffic Rank
    Alexa traffic ini juga dapat mendeteksi peringkat traffic web anda. Pada alexa traffic ini, semakin kecil nilainya, semakin bagus traffic website anda (sama seperti peringkat pada dunia akademik).
    Silahkan dicek ke alamat alexa.com.
  3. Google Analytics
    Google Analytics ini tidak untuk mendeteksi peringkat traffic, tetapi justru lebih kompleks. Karena pada google analytics ini kita bisa mengetahui seberapa banyak pengunjung website kita pada harian, mingguan, bulanana, bahkan tahunan. Berasal dari negara mana saja pengunjung website kita, link mana saja yang banyak pengunjungnya. Semua bisa diperiksa di google analytics.
    Oleh karena itu segera daftarkan website anda pada google analytics agar kita bisa mendeteksi traffic website kita. Berikut link google analytics: http://www.google.com/analytics/

Cara lain yang bisa kita lakukan selain teknik SEO normal adalah melakukan ping kepada website kita melalui layanan ping yang disediakan oleh website-website tertentu.

22 Mei 2011

Membuat Drop Down Menu Menggunakan Menu Matic

Membuat drop down menu memanglah suatu hal yang penting untuk mendeklarasikan kategori suatu website atau blog. Karena dengan adanya drop down menu, pengunjung bisa mengetahu subkategori/submenu dari menu utama.
Kali ini saya akan membahas mengenai bagaimana membuat drop down menu dengan menggunakan JQuery MenuMatic.

Pada tahap pertama, buatlah CSS untuk menu. Pada blogspot, anda letakkan code berikut setelah tag <b:skin><![CDATA[ atau letakkan setelah tag </title>
/*menu tengah*/
#navcontainer{
width:857px;
height:38px;
display:block;
overflow:hidden;
padding-left:15px;
background:#E0E0E0 left top repeat-x;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;
border-radius:5px;
margin-left:54px
}

#navcontainer .current-cat a{
background:#1A76B5 left top repeat-x;
color:#FFF
}

#nav a,#subMenusContainer a{
text-decoration:none;
display:block
}

#nav a{
margin:0;
float:left;
background:none;
padding:13px 14px;
color:#1E1E1E;
text-transform:uppercase;
font-weight:bold;
font-size:12px
}

#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{
background:#1A76B5 left top repeat-x;
color:#fff
}

#subMenusContainer a,#nav li li a{
color:#fff;
font-size:12px;
text-align:left;
background-color:#0F6FB1;
padding:6px 24px;
text-shadow:none
}

#subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{
background:#2092E1;
color:#fff;
text-shadow:none
}

.subMenuParentBtn{
background:url(../img/arrow_right.gif) right center no-repeat
}

.subMenuParentBtnFocused{
background:url(../img/arrow_right_over.gif) right center no-repeat
}

.mainMenuParentBtn{}

.mainMenuParentBtnFocused{}

.smOW{
display:none;
position:absolute;
overflow:hidden;
padding:0 2px;
margin:0 0 0 -2px
}

#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{
padding:0;
margin:0;
list-style:none;
line-height:1em
}

#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{
background:none;left:0
}

#nav li{
background-image:url(../img/mainnav-sep.gif);
background-repeat:no-repeat;
background-position:100% 5px;
cursor:pointer;
float:left;
margin:0 2px 0 0;
padding:0 2px 0 0;
height:38px;
display:inline
}

#subMenusContainer li{
list-style:none
}

#nav{
width:950px;
margin:0 auto;
clear:both;
overflow:hidden;
font-size:12px;
display:block
}

#nav .children{
display:none
}

#subMenusContainer{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000
}
/*end of menu tengah*/

Pada #navcontainer ada yang perlu disesuaikan aturan:
  • width untuk panjang menu.
  • height untuk lebar menu.
  • padding-left untuk pengaturan posisi tulisan menu yang pertama terhadap posisi paling kiri.
  • margin-left pengaturan untuk posisi menu dilihat dari sisi kiri.


Pasangkan plugin jQuery MenuMatic pada blog atau website anda. Letakkan code berikut sebelum tag <body> atau setelah tag </head>
<!-- Untuk Drop Down Menu -->
<script src='http://www.google.com/jsapi'/><script>google.load(&#39;mootools&#39;, &#39;1.2.1&#39;);</script>   

<!-- Load the MenuMatic Class -->
<script src='http://sagaraproject.googlecode.com/files/MenuMatic_0.68.3.js' type='text/javascript'/>

<!-- Create a MenuMatic Instance -->
<script type='text/javascript'>
    window.addEvent(&#39;domready&#39;, function() {           
        var myMenu = new MenuMatic();
    });       
</script>
<!-- END OF DROP DOWN MENU -->



Kemudian isikan menu beserta submenunya pada posisi/letak yang anda inginkan (akan tetapi wajib diletakkan di antara tag <body> </body>). Berikut contoh isi menunya:
<!--menu tengah-->

<div id='navcontainer'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='/search/label/News'>NEWS</a></li>

<li><a href='#'>TUTORIAL</a>
<ul class='children'>
<li><a href='/search/label/Programming'>PROGRAMMING</a>
<ul class='children'>
<li><a href='/search/label/Java'>Java</a></li>
<li><a href='/search/label/PHP'>PHP</a></li>
<li><a href='/search/label/HTML'>HTML</a></li>
<li><a href='/search/label/C/C++'>C/C++</a></li>
<li><a href='/search/label/JavaScript'>JavaScript</a></li>
<li><a href='/search/label/JQuery'>JQuery</a></li>
<li><a href='/search/label/Google API'>Google API</a></li>
<li><a href='/search/label/WAP'>WAP</a></li>
</ul>
</li>
<li><a href='/search/label/Programming'>DATABASE</a>
<ul class='children'>
<li><a href='/search/label/MySQL'>MySQL</a></li>
<li><a href='/search/label/Oracle'>Oracle</a></li>
<li><a href='/search/label/PostgreSQL'>PostgreSQL</a></li>
</ul>
</li>
<li><a href='/search/label/Programming'>SISTEM OPERASI</a>
<ul class='children'>
<li><a href='/search/label/Ubuntu'>Ubuntu</a></li>
<li><a href='/search/label/Tips Trik Windows'>Windows</a></li>
<li><a href='/search/label/Linux Mint'>Linux Mint</a></li>
<li><a href='/search/label/OpenSolaris'>OpenSolaris</a></li>
</ul>
</li>
<li><a href='/search/label/CMS'>CMS</a>
<ul class='children'>
<li><a href='/search/label/Joomla'>Joomla</a></li>
<li><a href='/search/label/Prestashop'>Prestashop</a></li>
<li><a href='/search/label/Mahara'>Mahara</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='/search/label/Download'>DOWNLOAD</a>
<ul class='children'>
<li><a href='/search/label/Software'>Software</a></li>
<li><a href='/search/label/Antivirus'>Antivirus</a></li>
<li><a href='/search/label/Musik'>Musik</a>
<ul class='children'>
<li><a href='/search/label/Kartun'>Kartun</a></li>
<li><a href='/search/label/Jazz'>Jazz</a></li>
<li><a href='/search/label/Video Klip'>Video Klip</a></li>
</ul>
</li>
<li><a href='/search/label/E-Book'>E-Book</a>
<ul class='children'>
<li><a href='/search/label/Android'>Android</a></li>
</ul>
</li>
<li><a href='/search/label/Jurnal'>Jurnal</a></li>
</ul>
</li>

<li><a href='/search/label/Desain'>DESAIN</a>
<ul class='children'>
<li><a href='/search/label/Brosur'>Brosur</a></li>
<li><a href='/search/label/Piagam dan Sertifikat'>Piagam dan Sertifikat</a></li>
<li><a href='/search/label/Poster'>Poster</a></li>
<li><a href='#'>Spanduk</a></li>
</ul>
</li>

</ul>
</div>
<!--end menu tengah -->


SELAMAT MENCOBA. SEMOGA BERMANFAAT.

21 Mei 2011

Membuat Spoiler Pada Postingan Blog

Spoiler adalah suatu fitur pada forum ataupun blog yang secara default menyembunyikan/menutup isi konten, akan tetapi terdapat tombol untuk membuka/melihat isinya. Biasanya spoiler ini sering digunakan pada forum-forum seperti kaskus, dan lain-lain.
Jika pada forum, untuk membuat spoiler tinggal memasukkan tag code sepert [spoiler] [/spoiler] kan. Tetapi jika untuk postingan blog, butuh code yang sedikit rumit.


Silahkan ada copy-paste code berikut pada postingan blog anda dan letakkan pada bagian edit HTML.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> for open <b>Script</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Cilukkkkkkkkkkkk....Baaaaaaaaaa...........
Inilah isi spoiler...........
</div>
</div>
</div>
Anda bisa mengganti beberapa teks yang di bold warna merah sesuai keinginan Anda.

Hasilnya adalah sebagai berikut:
Spoiler for open Script:
Cilukkkkkkkkkkkk....Baaaaaaaaaa...........
Inilah isi spoiler...........

14 Mei 2011

Daftarkan Web Pada Google Webmaster Tools

Mendaftarkan website pada webmaster tools merupakan salah satu teknik SEO. Gunanya apa? Yaitu untuk mendeklarasikan website atau weblog kita pada search engine, salah satunya google. Selain menyediakan fitur addurl untuk mendaftarkan website, google juga menyediakan webmaster tools untuk tingkatan yang lebih advance.





Mari langsung saja ke topik utama yaitu mendaftarkan web pada google webmaster tools.
  1. Masuk dulu pada link http://www.google.com/webmasters/ 
  2. Kemudian Sign in to Webmaster Tools
  3. Add Site, ketikkan alamat website anda. Tekan Continue.
  4. Setelah itu, pada tahan selanjutnya adalah menggunakan metode yang sesuai dengan website anda. Jika anda menggunakan blog gratisan seperti wordpress dan blogspot tentunya anda tidak akan bisa menggabungkan metode yang ada pada Recommended Method, karena harus meng-upload file verifikasi pada project web, maka gunakan Alternate Methods. Recommended Method cocok anda gunakan pada website yang anda hosting sendiri. Jika anda mengguakan blogspot atau wordpress, gunakanlah Alternate Methods, dengan menambahkan code meta tag pada script homepage blog anda.
  5. Setelah itu tekan tombol Verify


8 Mei 2011

Memasang Kalendar Pada Web atau Blog

Untuk memasang kalendar pada blog sangat sederhana sekali caranya, ikuti langkah-langkah berikut ini:

  1. Masuk pada desain layout blog anda
  2. Tambahkan Gadget (pada blogspot) atau Widget (pada wordpress)
  3. Pilih yang support HTML/Javascript
  4. Kemudian tambahkan script berikut pada gadget tersebut:
    <script src="http://ilmukomputer.org/wp-content/uploads/2011/05/kalender.js"></script>
    atau
    <script src="http://anasmcguire.googlepages.com/kalender.js"></script>
  5. Kemudian simpan


5 Mei 2011

Reset Password Administrator Joomla

Ingatan manusia itu terbatas, karena terlalu banyak memiliki akun dimana-mana sehingga lupa dengan akun website yang dibangun menggunakan CMS Joomla. Apalagi yang kelupaan itu akun adminnya, yach gak bisa ngapa-ngapain lagi wes... :(

Tapi tenang saja, saya punya solusi untuk permasalahan anda. Kita lakukan reset password administrator pada Joomla.

  1. Masuklah pada database anda (phpMyAdmin)
  2. Pilih database dari website Joomla anda
  3. Dan pilih pada tabel jos_users
  4. Edit data administrator anda
  5. Kemudian pada kolom password, silahkan ganti password administrator anda dengan:
    d2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199
  6. Kemudian simpan (tekan tombol Go)
  7. Setelah itu, silahkan login pada admininstrator website Joomla anda dengan user admin dan password:
    secret
  8. Setelah berhasil masuk di halaman admin, silahkan anda ganti password sesuai keinginan anda

SEMOGA BERMANFAAT!!!


3 Mei 2011

Optimalisasi Website Agar Lebih Ringan Untuk Diakses

Dalam mendevelop atau membangun sebuah website, seorang developer ataupun programmer harus memperhatikan keringanan website untuk diakses. Akan tetapi bukan berarti tidak memperhatikan tampilan website. Seorang programmer atau developer yang baik adalah dia yang mampu membuat website dengan tampilan menarik dan ringan.

Website yang ringan pun ada kaitannya dalam peningkatan popularitas pada search engine (teknik SEO) karena search engine mudah mengindex website yang ringan diakses.

Berikut ada beberapa tips dan trik untuk membangun website agar lebih ringan dalam pengaksesan:
  1. Kurangi Penggunaan Animasi Flash, Lebih Baik Menggunakan Efek Javascript ataupun JQuery
    Server akan lebih cepat menjalankan susunan code daripada menjalankan komponen flash. Seperti yang kita tau, bahwa penggunaan flash dirasa sangat memberatkan website untuk diakses, karena website akan menunggu komponen yang terdapat pada efek flash diload. Oleh karena itu, disarankan gunakanlah susunan code berupa javascript atau JQuery jika ingin memberikan efek atau animasi pada website anda. Sehingga website anda menjadi lebih ringan daripada menggunakan flash.
  2. Tempatkan Fungsi Javascript ataupun JQuery Pada Satu Tempat
    Jika website anda menggunakan fugnsi javascript ataupun JQuery, tempatkanlah file javascritp dan JQuery tersebut dalam satu server dengan website anda. Misal website anda beralamat di dhafiqsagara.com, maka tempatkan file tersebut pada tempat anda hosting, jangan menempatkan ke hosting yang berbeda, karena website pasti akan me-load data file javascript dan jQuery tersebut sehingga akan memakan waktu lama untuk menyelesaikan proses load tersebut.
  3. Tempatkan Gambar-Gambar Dalam Satu Akses
    Sama halnya tips di atas, yaitu tempatkan gambar-gambar dalam satu hosting. Agar lebih mempercepat load gambar saat pengaksesan website.
  4. Kurangi Penggunaan Gambar Secara Berlebihan Pada Website Dan Gunakanlah Paduan Warna
    Server akan lebih cepat menjalankan website tanpa adanya gambar. Tapi tentu kita membutuhkan beberapa gambar dalam website untuk memperbagus, bisa saja asalkan jangan berlebihan terlalu banyak gambar, karena server akan me-load satu per satu gambar yang ada di website anda sehingga prosesnya memakan waktu lebih lama. Sehingga saran saya, pakailah gambar secukupnya, dan lebih baik lebih menggunakan banyak paduan warna daripada gambar.
  5. Tempatkan Tag-Tag Javascript Menjadi Satu
    Maksudnya adalah jika anda menggunakan banyak fungsi file javascript, tag-tag javascript tersebut jadikan satu tempat, misal diantara tag dan . Ini pun juga mempengaruhi kecepatan akses website. Karena jika tidak beraturan, akses akan lebih lama.
  6. Gunakanlah Server Lokal Untuk Tempat Hosting
    Dalam hal ini, jika anda berada di Indonesia, carilah tempat hosting yang servernya berada di Indonesia, agar aksesnya lebih cepat.

Setelah anda menerapkan tips trik di atas, silahkan di periksa kecepatan website anda melalui http://pagespeed.googlelabs.com/ Yang mana range antara 0-100, semakin cepat website anda dalam pengaksesan, semakin besar range nilainya.


Semoga pemaparan tersebut di atas dapat membantu para pengembang website.

Membuat Random Post Pada Blogspot

Kadang pemilik blog sering kali melupakan artikel yang telah lama diposting untuk ditampilkan dan justru malah menampilkan daftar artikel yang baru saja diposting (Recent Post). Oleh karena itu, sangat penting untuk menampilkan random post pada bagian sidebar.
Kali ini kita akan belajar bagaimana memasangkan daftar artikel secara random (random post) pada blogger.



Langsung saja, silahkan copy-kan script berikut ini:
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var numofpost=5;

function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;) {
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);

for(j in randarray){
if(l==randarray[j]){ 
flag=1;
}
}

if(flag==0&&l!=0){
randarray[i++]=l;
}
}

document.write('<ul>');

for(n in randarray){ 
var p=randarray[n];
var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){
if(entry.link[k].rel=='alternate'){
var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);
}
}
}
document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"> </script>

Dan paste pada gadget HTML/Javascript yang ada pada Design Layout blog anda.

Anda bisa mengubah jumlah random post sebanyak yang anda inginkan dengan mengubah value dari variable numofpost.

Code tersebut dapat anda terapkan juga pada blog wordpress ataupun website anda dengan memanfaatkan RSS Feed dari website atau blog anda, sehingga tinggal mengubah Feed Post yang ada pada bagian paling bawah dari script.

Terima kasih kepada Pak Ali (pemilik blog http://kholimi-id.blogspot.com/ yang telah mengajari.

2 Mei 2011

Tips Trik SEO (Search Engine Optimization) Agar Blog dan Website Mudah Terindex Oleh Search Engine

SEO (Search Engine Optimization) merupakan sebuah strategi/tips and trik agar suatu website ataupun blog menjadi terkenal dengan mampu mendapat urutan pertama pada search engine sepert google, yahoo, bing, dan lain-lain.

Menurut saya pribadi berpendapat bahwa, 'lebih sulit SEO daripada pembuatan websitenya'.

Oleh karena begitu pentingnya SEO untuk pengembangan web agar menjadikan website dan blog kita terkenal, saya menulis artikel ini. Kadang, tidak perlu menjadi terkenal dengan menunjukkan fisik kita pada dunia luar/masyarakat luas, akan tetapi jadilah terkenal karena karya kita. Karya kita yang dapat kita publikasikan di internet melalui media website dan blog, menurut saya itulah cara yang terbaik untuk menjadi terkenal.

Tips Trik SEO:
Disini saya membagi Tips Trik SEO menjadi 2 bagian, yaitu pada sisi Internal dan pada sisi External. Maksudnya adalah:
  1. Internal, trik-trik yang diterapkan adalah bagaimana website yang dibangun menjadi mudah diindex oleh search engine.
  2. External berarti bagaimana kita memasarkan,mengenalkan website kita pada masyarakat luas.


TIPS TRIK SEO PADA SISI INTERNAL:
  1. PEMILIHAN NAMA DOMAIN
    Untuk penamaan domain, disarankan jangan menggunakan subdomain. Domain yang mudah terdeteksi oleh Search Engine adalah domain utama. Misal:
    http://sagara.com
    bukan
    htpp://blog.sagara.com
    Contoh domain yang kedua merupakan subdomain yang mana blog merupakan subdomain dari sagara.com. Kemudian, disarankan jangan menggunakan nama domain yang dipisahkan tanda/karakter/angka. Gunakanlah nama domain yang satu kesatuan utuh. Misal:
    http://mudafiqriyan.com
    jangan menggunakan domain seperti ini
    http://mudafiq-riyan.com
    yang dipisahkan tanda strip (-). Penamaan dengan pemisahan tanda karakter tertentu tersebut KURANG BAIK untuk SEO. Lihatlah alamat website-website perusahaan besar atau website-website yang terkenal, tidak ada ditemukan nama domain yang dipisahkan dengan suatu karakter tertentu. Lihatlah yahoo.com, google.com, apple.com, oracle.com, website-website besar tersebut tidak menggunakan penamaan domain dengan penambahan karakter pemisan strip (-).

    Masih tentang penamaan domain, carilah nama yang unik dan mudah dihafal oleh orang lain. Tujuannya adalah agar jika orang lain lupa-lupa ingat dengan nama website anda, bisa tinggal dicari digoogle. Jika nama domain yang anda pakai adalah nama yang banyak pemakainya, pastinya saat dicari digoole, banyak nama domain yang mirip-mirip. Sehingga orang lain malah jadi bingung.
  2. PENDEKLARASIAN TITLE WEB
    Title pada web juga sangat berpengaruh pada teknik SEO. Title web ini terletak diantara tag <title> dan </title>. Dan title web ini muncul seperti gambar berikut:
    Tulisan: Dhafiq Sagara | Tutorial: Java PHP HTML C++ Oracle PostgreSQL MySQL Ubuntu Windows | Tips Trik | E-Book | Informasi Teknologi merupakan title web. Penamaan title ini sangat dianjurkan untuk panjang secukupnya tetapi jangan sampai melampaui batas (jangan terlalu panjang). Mengapa title web sangat berpengaruh, karena search engine juga mengindex title web dalam pencariannya. Title yang panjang, akan semakin mudah dalam indexing web. Catatan: Title web harus sesuai dengan isi website, karena jika tidak sesuai, maka akan dianggap sebagai spam. Misalkan website anda berisi tentang penjualan jam tangan, isi title web dengan: jam tangan murah | jam tangan original | jam tangan casio | jam tangan g-shock.
  3. PENGGUNAAN META
    Ada beberapa artikel menyebutkan bahwa meta tag tidak mempengaruhi SEO, tapi menurut saya pribadi, memasang meta tag pun tidak ada ruginya, dan sejauh ini saya perhatikan, kadang kala saat pencarian dengan search engine google, saya sering kali menemukan yang ditemukan adalah deskripsi yang ada pada meta tag. Pada beberapa CMS, ada yang menyediakan pengisian meta, ada pula yang tidak. Jika telah disediakan, lebih baik, isilah meta tersebut.
  4. PENGATURAN SEARCH ENGINE FRIENDLY URL
    Search Engine Friendly URL merupakan URL yang mudah dibaca dan mudah dikenali oleh manusia maupun search engine. Berikut contoh Search Engine Friendly URL:
    http://sagara.com/pentingnya-seo-untuk-memasarkan-website.html
    dan berikut contoh URL yang SANGAT TIDAK DIANJURKAN dalam strategi SEO
    http://sagara.com/index.php?option=com_content&view=article&id=25&Itemid=28
    Penamaan URL berupa kode-kode atau ID-ID (seperti contoh URL kedua) tidak akan bisa di index dengan mudah oleh search engine. Jadi sangat diharamkan menggunakan URL yang berupa ID maupun kode. Gunakanlah URL yang mudah dibaca. Nama alamat web harus sesuai dengan isi konten pada website anda, jika tidak, search engine akan mendeteksi sebagai spam.

    Misalkan anda membangun website menggunakan CMS seperti Joomla, Wordpress, Prestashop atau CMS-CMS yang lain. Masing-masing memiliki cara tersendiri untuk konfigurasi URL SEO Friendly. Jika URL SEO Friendly Pada Joomla silahkan dibaca di artikel saya. Jika menggunakan Wordpress, lakukan setting terhadap permalink, dan untuk Prestashop, konfigurasi hampir sama dengan joomla yaitu memanfaatkan file .htaccess. Dan untuk Zen-Cart menggunakan tambahan plugin.
  5. MEMBUAT POST TAGS
    Post Tags ini biasa digunakan untuk mendeklarasikan kata kunci terhadap artikel yang ada. Post Tags ini tersedia pada Worpress. Isikan Post Tags tersebut sesuai isi artikel. Jika tidak sesuai, maka akan dianggap sebagai SPAM. Isikan post tags sebanyak-banyaknya sesuai isi konten, misalkan konten berisi tentang tutorial database link pada postgreSQL, isikan post tags dengan: tutorial, database link, dblink, postgresql.
  6. MEMBUAT TULISAN YANG UNIK DAN DIHARAMKAN COPY-PASTE DARI WEBSITE ATAU BLOG LAIN
    Buatlah tulisan yang unik untuk website atau blog anda. Dan jangan sampai isi konten anda hasil copy-paste atau menjiplak, karena search engine akan mudah mendeteksi konten yang dianggap menjiplak. Alasan lain kenapa diharamkan menjiplak adalah jika isi artikel yang anda bajak berasal dari website yang sudah unggul di search engine, maka website anda akan semakin turun peringkatnya karena kalah dengan website yang sudah berada pada peringkat yang unggul di search engine. Kalaupun anda mendapatkan referensi dari website lain, jangan seutuhnya hasil copy-paste, gunakanlah kata-kata anda sendiri untuk posting artikel.
  7. JANGAN TERBIASA MENGGANTI JUDUL ARTIKEL
  8. MEMBUAT POSTING SECARA BERKALA ATAU RUTIN
    Buatlah artikel secara rutin setidaknya 3 kali dalam seminggu.
  9. BUATLAH WEBSITE YANG RINGAN DAN SEDERHANA
    Terlalu banyak komponen yang memberatkan akses website, semakin susah search engine mengindex website anda. Jadi saran saya jangan banyak menggunakan komponen flash untuk website anda, lebih baik menggunakan fungsi javascript atau jQuery. Pemaparang lengkap optimalisasi website agar lebih ringan, silahkan baca optimalisasi-website-agar-lebih-ringan

    Untuk mengecek kecepatan website anda, silahkan dicek pada http://pagespeed.googlelabs.com/
  10. PASANG LINK TERKAIT
    Maksudnya adalah ketika anda hendak mem-posting artikel, pasangkan kata-kata yang terkait dari artikel anda sebelumnya, dari kata-kata tersebut, pasangkanlah linknya. Atau bisa juga link kategori artikel anda.
    Contoh:










    Dari gambar di atas, jelas bahwa terdapat link tentang pentingnya SEO yang juga menyertakan link dari artikel tentang pentingnya SEO tersebut.
    Tujuannya yaitu agar pembaca artikel anda juga mengunjungi link yang anda sertakan pada artikel tersebut



TIPS TRIK SEO PADA SISI EKSTERNAL:
  1. MENDAFTARKAN WEBSITE ATAU BLOG PADA SEARCH ENGINE
    Search Engine yang ada saat ini sangat banyak, tetapi yang terkenal ada 3 yaitu: google, yahoo, dan bing. Anda wajib mendaftarkan website atau weblog anda pada search engine tersebut. Artikel lebih lengkap untuk mendaftarkan website pada google silahkan di baca Mendaftarkan Website Ataupun Weblog Agar Dikelan Oleh Search Engine.

    Berikut list alamat addurl pada search engine: http://bblmedia.com/addurl.html
  2. MENDAFTARKAN PADA WEBMASTER TOOLS
    Daftarkan website anda pada layanan yang disediakan oleh search engine yaitu webmaster tools.
    Berikut cara untuk mendaftarkan pada google webmaster tools.
  3. BACK LINK ATAU TUKAR LINK
    Silahkan saling bertukar link dengan website-website yang lain, selain memudahkan orang lain mengakses website anda dari website lain, juga bisa menambah daftar teman di dunia maya.
  4. MENJADI SPAM
    Eits, jangan diambil sisi negatif dulu. Maksudnya jadi SPAM disini adalah sering-seringlah kita memberikan komentar ke website atau blog lain dan jangan lupa menyertakan alamat website kita sendiri.
  5. PROMOSIKAN WEBSITE MELALUI JEJARING SOSIAL
    Maraknya jejaring sosial seperti facebook dan twitter bisa kita gunakan sebagai media promosi website. Cara ini sangat berpotensi terhadap popularitas website anda.
    Jika anda menggunakan facebook, jangan sekali-kali menunjukkan bahwa anda promosi, postinglah pada facebook anda tanpa melakukan tag-tag atau mention-mention pada orang lain, biarkan saja orang lain membaca sendiri melalui facebook anda. Karena kebanyakan orang tentu jenuh dan bosan jika sering ditag-tag URL ataupun gambar.


Setelah anda mengaplikasikan teknik-teknik SEO, setelah beberapa waktu, silahkan di cek page rank terhadap google melalui http://prchecker.info/
Anda juga dapat memeriksa berapa banyak pengunjung anda, negara mana aja yang sering mengunjungi website anda, link/content mana aja yang sering dikunjungi, itu dapat di cek menggunakan Google Analytics.


SEMOGA BERMANFAAT...!!!!

1 Mei 2011

Membuat Link Menjadi Warna-Warni Seperti Pelangi (Rainbow Link) Pada Web Atau Blog

Link Pelangi atau biasa disebut Rainbow Link ini adalah memberikan efek warna-warni terhadap sebuah link jika kursor diarahkan ke link tersebut.

Cara memberikan efek rainbow link ini sangat sederhana, kita menggunakan fungsi javascript.





Berikut cara membuat efek ranbow link:

Cari tag <head>

Kemudian tambahkan syntax berikut dibawah tag <head> tersebut
<script src='http://ilmukomputer.org/wp-content/uploads/2011/04/rainbow.js'></script>

Sehingga contohnya adalah seperti berikut:
<head>
<script src='http://ilmukomputer.org/wp-content/uploads/2011/04/rainbow.js'></script>

Kemudian simpan.

Kemudian silahkan test dengan mengarahkan kursor anda pada sebuah link.


URL SEO Friendly Pada Joomla

Sudah paham tentang pentingnya SEO kan? Apalagi SEO untuk website-website e-commerce, pasti sangat berperan penting dalam bisnis.
Sekarang apakah anda sudah mengenal CMS Joomla? Joomla merupakan CMS yang bisa digunakan untuk website portal maupun website e-commerce yang mana untuk website e-commerce, Joomla membutuhkan plugin yang namanya VirtueMart.

Kali ini kita akan mempelajari salah satu teknik SEO pada CMS Joomla, yaitu URL SEO Friendly Pada Joomla. Dalam teknik SEO, nama URL pun menjadi parameter penting dalam pendeteksian oleh search engine, sehingga alamat URL yang mudah dibaca, akan mudah terindex oleh search engine. Padahal, secara default, URL pada Joomla tidaklah SEO Friendly. Oke lihatlah URL Joomla berikut:
http://situsjoomla.com/index.php?option=com_content&view=article&id=25&Itemid=28
URL tersebut di atas bukanlah URL yang SEO Friendly, nah bagaimana kita melakukan setting terhadap Joomla agar menjadi SEO Friendly URL? berikut caranya:
  1. Didalam directory Joomla terdapat file htaccess.txt, gantilah nama file tersebut dengan nama .htaccess (jika menggunakan sistem operasi Linux bisa langsung di rename). Akan tetapi, jika anda menggunakan sistem operasi Windows, tidak akan bisa di-rename dengan nama .htaccess, melainkan menggunakan cara lain, yaitu silahkan download file .htaccess.zip berikut. Kemudian extract file zip tersebut dan pindahkan file didalamnya, yaitu .htaccess tersebut ke dalam directory utama dari Joomla. Setelah copykan semua isi dari file htaccess.txt ke dalam .htaccess tersebut (gunakan notepad atau notepad++ untuk membuka file .htaccess tersebut), kemudian simpan.
  2. Masuklah (login) sebagai administrator pada website Joomla.
  3. Kemudian pada halaman utama administrator, pilih menu Site - Global Configuration





















  4. Di sebelah kanan terdapat SEO Setting












  5. Kemudian ubahlah semua komponen SEO Setting tersebut (Search Engine Friendly URLs, Use Apache mod_rewrite, dan Add suffix to URLs) menjadi Yes. Kemudian tekan tombol Apply
  6. Setelah itu, yang perlu diperhatikan saat membuat artikel pada Joomla yaitu nama pada alias text box harus diisi, karena URL SEO Friendly akan menyesuaikan dari nama alias tersebut.










  7. Kemudian silahkan masuk ke halaman website joomla anda, dan silahkan akses semua menu link yang ada pada website Joomla anda. URL telah menjadi Friendly SEO. Yang semula
    http://situsjoomla.com/index.php?option=com_content&view=article&id=25&Itemid=28
    menjadi
    http://situsjoomla.com/cara-pembayaran.html


Semoga dapat bermanfaat untuk developer Joomla


22 Apr 2011

Membuat Tulisan Terbalik (ʞılɐqɹǝʇ uɐsılnʇ ʇɐnqɯǝɯ)

Tutorial kali ini kita akan membuat Form HTML untuk konversi dari tulisan normal menjadi tulisan terbalik, dan sebaliknya dari tulisan terbalik ke tulisan normal.

Tulisan-tulisan terbalik itu bisa kita pakai untuk update status di facebook, twitter, ataupun kita bisa posting artikel diblog pakai tulisan terbalik. Kan seru tuh bisa bikin orang yang baca jadi pusing. hehehe... :D


lɐɯɹou ıpɐɾuǝɯ ıuı uɐsılnʇ ʇɹǝʌuoɔ-ƃuǝɯ ɐuɐɯıɐƃɐq ɐpuɐ ɐpɐd uɐʞɹɐɾɐƃuǝɯ uɐʞɐ ɐʎɐs ıuısıp ɐuǝɹɐʞ nlɹǝd ʞɐpıʇ nʇı ¿ɐpuɐ ɹoʇıuoɯ ɹɐʎɐl ɹɐʇnɯǝɯ snɹɐɥ ɥɐʞɐdɐ ˙ıuı ʞılɐqɹǝʇ ɐɹɐɔǝs uɐsılnʇ ɐɔɐqɯǝɯ uɐʞ ɥɐsns ıʇsɐd ¿ıuı ʞılɐqɹǝʇ uɐsılnʇ ɐɔɐqɯǝɯ ɐsıq ɐpuɐ ɥɐʞɐdɐ

bingung ya membaca tulisan itu? nih saya translate:

apakah anda bisa membaca tulisan terbalik ini? pasti susah kan membaca tulisan secara terbalik ini. apakah harus memutar layar monitor anda? itu tidak perlu karena disini saya akan mengajarkan pada anda bagaimana meng-convert tulisan ini menjadi normal

Baiklah langsung saja saya tampilkan source code untuk membuat web HTML untuk membuat tulisan terbalikdan mengkonversi dari tulisan terbalik ke tulisan normal. Berikut source codenya, silahkan copy-paste pada notepad dan simpan dengan format .HTML.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Form Pembuat Tulisan Terbalik</title>
<script language="JavaScript">
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
var result = new Array(aString.length)
for (var i = last; i >= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r != undefined ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\\' : '/',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
</head>

<body>
<form name="f">
<p>Tulisan Asli: </p>
<textarea rows="6" cols="50" name="original" onkeyup="flip()"></textarea>

<p>Tulisan Terbalik: </p>
<textarea rows="6" cols="50" name="flipped"></textarea>
</form>
</body>
</html>

21 Apr 2011

Dual Screen Dalam Satu Tab Web Browser Pada Mozilla Firefox

Dual screen dalam satu tab web browser ini yaitu suati trik agar kita bisa membuka 2 alamat website sekaligus dalam 1 tab.

Misalkan kita membaca-baca artikel blog dhafiq sagara dan sekaligus membuka google untuk browsing. Kita tidak perlu repot-repot membuka 2 tab, dalam 1 tab ini kita bisa membuka 2 alamat website tersebut secara bersamaan. INGAT!! Trik ini hanya untuk web browser Mozilla Firefox.

  1. Langsung saja buka mozilla firefox-mu.
  2. Kemudian masukkan javascript berikut ke address bar browser mozilla-mu:
    javascript:finderonly=location.href;int3rnet=prompt('Masukkan%20URL%201',finderonly);brows3r=prompt('Masukkan%20URL%202',int3rnet);if(int3rnet&&brows3r){F1nd='<frameset%20cols=\'*,*\'>\n<frame%20src=\''+int3rnet+'\'/>';F1nd+='<frame%20src=\''+brows3r+'\'/>\n';F1nd+='</frameset>';with(document){write(F1nd);void(close())}}else{void(null)}
  3. Akan muncul pesan Masukkan URL 1, masukkan alamat website yang akan dituju, misal: http://www.google.com/ dan Enter. (INGAT!! Dalam memasukkan URL, ketikkan alamat lengkap, jangan cuma google.com, jadi harus lengkap menggunakan http://www.google.com/)
  4. Kemudian muncul pesan lagi Masukkan URL 2, masukkan alamat website kedua yang akan dituju, misal: http://dhafiq-san.blogspot.com/ kemudian Enter. (INGAT!! Dalam memasukkan URL, ketikkan alamat lengkap, jangan cuma dhafiq-san.blogspot.com, jadi harus lengkap menggunakan http://dhafiq-san.blogspot.com/)
Setelah mengikuti langkah-langkah di atas, maka tampilan browser mozilla firefox-mu seperti gambar berikut:



Blog Dhafiq Sagara Mampu Mencapai Urutan 1 Page 1 Di Pencarian Google dan Page Rank 1

Siapa sih yang gak kenal google? siapa sih yang gak pengen website kita di index nomer 1 di google?

Alhamdulillah!!!
Pada tanggal 21 April 2011, blog dhafiq sagara yang beralamat URL http://dhafiq-san.blogspot.com/ telah mampu mencapai urutan 1 di page 1 pada pencarian google dengan keyword: jeni java modul dan cara merawat optical drive.

Kita membuat blog ataupun website, tentunya sangat menginginkan bahwa blog atau website kita itu dapat dikenal banyak orang. Salah satu cara agar dapat dikenal banyak orang adalah mencapai urutan perama di pencarian google. Teknik-teknik untuk mencapai nomer 1 di mesin pencari (search engine) biasa dinamakan SEO (Search Engine Optimization). Begitu pentingnya SEO untuk mengenalkan atau memasarkan blog dan website kepada orang banyak.

Teknik-teknik untuk SEO sangat beragam. Dan tidaklah mudah untuk mencapai urutan 1 di google. Yang jelas sangat berbangga diri bahwa blog yang sudah 2 tahun saya rawat dan saya kembangkan dari tahun 2009 ini sudah mampu mencapai page rank 1 dan sudah mampu mencapai urutan 1 di page 1 pada google dengan keyword: jeni java modul dan cara merawat optical drive.

Gambar 1: Nomer 1 Page 1 di pencarian google dengan keyword: jeni java modul



Gambar 2: Nomer 1 Page 1 di pencarian google dengan keyword: jeni java modul



Gambar 3: page rank 1 di cek di http://prchecker.info/



20 Apr 2011

Redirect Page Menggunakan Javascript

Jika pada artikel sebelumnya saya membahas mengenai Redirect Page Menggunakan Meta-Tags, kini kita membahas dengan topik yang sama tapi beda cara yaitu Redirect Page Menggunakan Javascript.

Fungsi javascript yang dipakai untuk redirect page menggunakan window.location. Dan kita bisa menentukan lokasi redirect yang dituju dengan menentukan waktu tertentu untuk me-redirect page.


Berikut syntax javascript untuk redirect page dan letakkan pada halaman body, yaitu antara tag <body> dan </body>:
<script language="JavaScript">
    var time = null
    function move() {
    window.location = 'index.php'
    }
</script>

Kemudian ubah tag <body> menjadi seperti berikut:
<body onload="timer=setTimeout('move()',2000)">

Yang berarti bahwa halaman akan di redirect dalam waktu 2000mili second = 2 second ke halaman index.php. Anda dapat mengubah waktu redirect tersebut dalam satuan mili second.