Close it

Jumat, 24 Juni 2011

10 Mengubah Tampilan Blockquote sesuka hati.►► URL : http://wwdq.blogspot.com/2011/06/mengubah-tampilan-blockquote-sesuka.html.

Beberapa hari sempat tidak ngeblog dikarenakan mencari ilmu lain, kalau cuma main blog, kapan pinternya dan pada hari ini saya putuskan untuk kembali mengurus blog saya yang hina ini . yap langsung saja pada update kali ini, WwdQ akan membahas cara mengubah-ubah tampilan blockquote. Ada yang belum tahu apa itu Block quote?, kata google translate sih blok kutipan. Dari pada penasaran atau bingung, langsung saja liat contoh blockquote yang ada di template sini dan praktekan
Contoh Quote Yang Ada Di Template Ini
Sekarang ayo prakteknya
Langkah Pertama :
  • Login Ke akun blogger anda
  • Sesampainya di Dasbor sekarang pergi ke Rancangan
  • Sudah? Setelah itu Menuju Edit HTML
  • Bila anda kurang yakin dengan keberhasilan pada praktek kali ini, silakan backup terlebih dulu template anda
  • Cari (CTRL+F) yaitu .post blockquote {
  • Mungkin beberapa template berbeda...
 Setelah ketemu Ubah kode CSS nya menjadi
.post blockquote {
  border-bottom:1px solid #b2b2b2;
  border-top:1px solid #000000;
  border-right:1px solid #b2b2b2;
  border-left:1px solid #000000;
  padding: 16px 14px 14px 14px;
  margin:1em 20px;
  background: url(http://2.bp.blogspot.com/-DWw-c_LY7dQ/TgQ0rE_VknI/AAAAAAAAAjE/QmFSlgkXPS4/s1600/quote.png) no-repeat left top #e1e4f2;
  }
Atau menurut kreasi anda sendiri....

Bila anda belum mengerti kode CSS, seperti border, padding, atau margin, anda bisa belajar terlebih dahulu disini : http://wwdq.blogspot.com/...margin-css.html
read more. . . ►► Mengubah Tampilan Blockquote sesuka hati..

Rabu, 15 Juni 2011

19 Pengertian Padding, Border, Margin (CSS)►► URL : http://wwdq.blogspot.com/2011/06/pengertian-padding-border-margin-css.html.

Hallo sobat blogger yang master maupun newbie, sobat blogger pasti sudah pernah main main di CSS,  kalau belum tahu , silakan menuju ke Rancangan --> Edit HTML, Lalu cari (CTRL+F) "]]></b:skin>" liat bagian atasnya, lalu nikmati CSS yang terdapat di blog anda. Bagi yang sering melihat CSS, pasti sudah tidak asing lagi dengan yang namanya margin, border, padding. Tapi apakah anda tahu fungsinya? Maka dari itu WWDQ kembali memberikan pengertian tentang ketiga pengukuran dasar pada CSS tersebut.

Untuk permulaan silakan lihat terlebih dahulu gambar dibawah ini :
Apakah anda mulai mempunyai gambaran tentang pembahasan kali ini?


Berikut penjelasannya :
Padding : Menentukan jarak komponen body ke border atau Ukuran jarak bagian dalam
Border : Adalah garis tepi dari komponen
Margin : Adalah Ukuran jarak bagian luar atau ukuran jarak sesudah Border
     Mulai mengerti? ayo lihat lebih jelas cara penggunaannya.


Cara Penggunaan


Padding

Ditulis dengan CSS padding:5px 5px 5px 5px; urutan nilai angkanya adalah atas, kanan, bawah dan kiri, atau Anda bisa menggunakan


padding-left:5px; ini adalah untuk pengaturan padding bagian kiri
padding-right:5px; ini adalah untuk pengaturan padding kanan
padding-top:5px; untuk bagian atas
padding-bottom:5px; untuk bagian bawah

Border

Ditulis dengan CSS border:3px solid #666666; urutan penggunaanya adalah ukran border, style border dan warna border, atau bisa menggunakan


border-width:1px; ini adalah ketebalan border
border-style:solid; ini adalah jenis bordernya bisa kamu ganti dengan dashed, dotted, double, groove, ridge, inset, outset dan lainya
border-color:#FFFFFF; ini adalah warna dari border


Margin

Ditulis dengan CSS margin:5px 5px 5px 5px; urutanya atas, kanan, bawah dan kiri, atau bisa menngunakan seperti padding diatas


margin-left:5px; ini adalah untuk pengaturan padding bagian kiri
margin-right:5px; ini adalah untuk pengaturan padding kanan
margin-top:5px; untuk bagian atas
margin-bottom:5px; untuk bagian bawah
Satuan Dalam CSS


1. Statik
  • in -- satuan inchi
  • cm -- satuan centimeter
  • mm -- satuan milimeter
  • pt -- satuan point (1point = 1/72 inchi)
  • pc -- satuan pica (1pica = 12 point)
  • px -- satuan pixel (satu titik gambar terkecil dalam layar monitor)
2. Relatif
  • % -- satuan persen
  • em -- atau ems (1em = ukuran font yang tengah ada dalam elemen)
  • ex -- 1ex = x-height suatu font (x-height biasanya setengah ukuran font)
Contoh Tampilan Style Border :


dotted


dashed


solid


double


groove


ridge


inset


outset


Semoga artikel ini membantu anda :)

referensi artikel : http://nsxcrew../padding...
read more. . . ►► Pengertian Padding, Border, Margin (CSS).

Senin, 13 Juni 2011

3 Membuat Navigasi Blog Ala Om Google Punya►► URL : http://wwdq.blogspot.com/2011/06/membuat-navigasi-blog-ala-om-google.html.

Setelah Admin beristirahat ngeblog dikarenakan semesteran (maklum adminnya masih sekolah), nah sekarang mau update lagi tentang tutorial blog yaitu membuat navigasi seperti om google punya. ada yang tidak tahu navigasi itu apa? itu loh yang menunjukan halaman, ada next, previous, lebih jelasnya liat gambar navigasi yang dipunya om google

Diblog pun bisa seperti ini, yang ingin coba silakan simak cara mudah berikut ini :

  1. Login ke akun Blogger. 
  2. Rancangan, --> Edit HTML. 
  3. Cari kode ]]></b:skin>, kemudian taruh kode berikut ini Tepat di atasnya:
#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}
     4. Sesudah mengikuti langkah diatas, silakan cari kode berikut </body>.
     5. Ketemu? kalau begitu copy kode kedua, lalu paste diatas kode </body>

<script type='text/javascript'>

var home_page_url = location.href;


var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';


function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';



htmlMap[htmlMap.length]='/';
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {


var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&amp;max-results='+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};


for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
upPageHtml = '&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}else{
upPageHtml = '&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}

fFlag++;
}

if(p==(thisNum-1)){
if(p==0){
html += '&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}else{
html += '&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}
}else{
if(p==0){
html += '&lt;td&gt;&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;';

}else{
html += '&lt;td&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+ (p+1) +'&lt;/a&gt;&lt;/td&gt;';
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = '&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;'+ downPageWord +'&lt;/a&gt;&lt;/td&gt;';
eFlag++;
}
}
}

if(thisNum&gt;1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page ('+(postNum-1)+') &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;';
html3 = '&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;';
html = html2+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}else{
html += '&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;';
}



if(postNum==1) postNum++;
html += html3+ '&lt;/div&gt;';


var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html ='';
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&amp;&amp;pageArea.length&gt;0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}


}


function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';



var labelHtml = '&lt;a href=&quot;/search/label/'+thisLable+'?&amp;max-results='+pageCount+'&quot;&gt;';
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);


var title = post.title.$t;

if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&amp;max-results='+pageCount;

itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p&lt; banyaknomer;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){



if(thisNum==2){
upPageHtml = labelHtml +'&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}else{
upPageHtml = '&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/td&gt;';
}

fFlag++;
}





if(p==(thisNum-1)){
if(p==0){
html += '&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}else{
html += '&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+thisNum+'&lt;/td&gt;';
}
}else{
if(p==0){
html = '&lt;td&gt;'+labelHtml+'&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;';
}else{
html += '&lt;td&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;'+ (p+1) +'&lt;/a&gt;&lt;/td&gt;';
}
}


if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = '&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;'+ downPageWord +'&lt;/a&gt;&lt;/td&gt;';
eFlag++;
}
}
}




if(thisNum&gt;1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html2 = '&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page ('+(postNum-1)+') &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;';
html3 = '&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;';
html = html2+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
}else{
html += '&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;';
}

if(postNum==1) postNum++;
html += html3+ '&lt;/div&gt;';

var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html ='';
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}


}


</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){
if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));
}
}

var home_page = &quot;/&quot;;
if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){
if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){
document.write('&lt;script src=&quot;'+home_page+'feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')
}else{document.write('&lt;script src=&quot;'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')
}
}
</script>
    6. Langkah terakhir bisa anda pratinjau dahulu atau langsung disimpan templatenya.

untuk contohnya silakan liat halaman utama blog ini (kalau belum diganti)

sumber : http://daw..navigasi..
Bila Kurang Jelas, silakan bertanya dibawah ini .
read more. . . ►► Membuat Navigasi Blog Ala Om Google Punya.

Sabtu, 11 Juni 2011

11 Website-Website Tempat Belajar Free PHP Programing►► URL : http://wwdq.blogspot.com/2011/06/website-website-tempat-belajar-free-php.html.

Free PHP Programing
Bagi anda yang ingin serius menekuni web programming untuk membangun sebuah website yang canggih tapi bukan dengan modus HTML? Ingin mencari bahasa programming yang portabel, robust, mudah dipelajari dan object oriented tapi dalam ruang lingkup web based programming?

PHP adalah jawaban yg paling saya rekomendasikan. Saat ini, hampir tidak ada hosting Linux yg tidak menyediakan bahasa Php programming terinstal di dalamnya.
Perl sudah ketinggalan. Python stuck dan ditahan oleh php. ASP dan ASP.NET lebih sering berkutat di hosting Windows. JSP terlalu ekslusif dengan ciri khas dan investasi yg lebih besar walaupun secara keamanan lebih segala-galanya dibandingkan yang lain, tapi rata2 berhosting di JSP mahal sekali tarifnya. Nah, sekarang punya gambaran yang jelas bukan mengenai perbandingan bahasa-bahasa web based server script di atas? PHP adalah jawabannya. Kamu harus menguasai PHP untuk bisa berkompetisi saat ini di dunia internet. Rata-rata CMS dan Blog platform menggunakan php sebagai kekuatan mereka.

Pertanyaannya adalah, di mana website yang mengajarkan  php programming gratis? Di mana situs yang memberikan panduan tutorial belajar bahasa php? Di mana saja website yg bisa memberikan dasar-dasar php dari dasar sampai programming tingkat lanjut secara free? Sebenarnya gampang saja kita bisa mencari di google atau di bing di mana website tempat mengajarkan online php dengan mengetikkan kata kunci “free php programming” atau “free tutorial php programming”. WwdQ akan berikan referensi beberapa daftar situs tutorial php dari dasar sampai intermediate bahkan advanced yang saya dapat dari sebuah situs lain.

1. Php.Net
Situs tutorial ini secara lengkap dan menjadi rujukan utama bagi pemula di dalam belajar php, teknik dasar php, pengenalan dari syntax, types, variable, constant, control structure sampai dengan function dan security di php.
Kamu bisa step by step diajarkan di sana dengan baik.


2. w3schools
Situs tutorial php ini merupakan standarisasi belajar HTML, XML bahkan PHP dan ASP. Penjelasannya sangat mudah dicerna dan dilengkapi dengan contoh-contoh aplikasi sederhana. Tutorialnya asyik dan kamu pasti akan cepat mengerti belajar di sana.

3. Learn Programming in PHP Online
Tidak selengkap apa yg disediakan oleh Php.net dan w3schools, namun di situs ini kita bisa dapat panduan belajar untuk mencegah terjadinya SQL Injection dan aplikasi email.


4. PHPBuddy
di PHPBuddy kita dapat panduan belajar menangani php sessions, encrypting dan pengamanan code php.

5. About.com:PHP/MySQL
Nah, di sini lebih asyik lagi, kita bisa diberikan contoh syntax pemanggilan SQL, pembuatan kalendar, timer, dan contoh-contoh unik lainnya dengan bahasa php.


sumber : http://www.speedytown.com/..phpprogramming../
read more. . . ►► Website-Website Tempat Belajar Free PHP Programing.

Sabtu, 04 Juni 2011

7 Pengguanan AJAX Yang Baik Dan Tepat►► URL : http://wwdq.blogspot.com/2011/06/pengguanan-ajax-yang-baik-dan-tepat.html.

WwdQ kembali membahas tentang AJAX, bila anda tidak tahu apa itu ajax, silakan baca Ini Pengertian AJAX . Sedikit kutipan dari postingan yang lampau , AJAX memungkinkan sebuah halaman web memperbarui data dari server yang ditampilkannya tanpa harus melakukan refresh, sehingga halaman terlihat lebih responsif.
Fitur dan ciri utama AJAX adalah sebuah halaman web tidak perlu di-refresh setiap kali ada data baru yang ingin ditampilkan. Dengan demikian, sebuah aplikasi web akan terasa seperti aplikasi desktop saja. kecepatan, interaktivis, fungsionalitas, dan tingkat kegunaan halaman web akan meningkat. Tetapi apakah AJAX tidak memiliki kelemahan? Tentu saja punya, kelemahan AJAX bisa anda lihat dibawah ini :

Kelemahan-kelemahan memakai AJAX di web kita yaitu:
  • Pertama, konten tidak terindeks oleh search engine, misalnya Google, kenapa? karena javascript hanya aktif di browser, bot search engine ga bisa ngejalanin javascript. Padahal kebanyakan web dapat pengunjung baru dari search engine. Akibatnya konten kita tidak dindex di search engine dan sulit untuk dicari dari search engine.
  • Kedua, situs hanya dapat berjalan di browser terbaru. Waktu itu Cheyuz pernah bikin situs untuk sebuah perusahaan di Cianjur, dan di perusahaan itu OS nya masih pake Windows XP Service Pack 2, dengan menggunakan browser  Internet Explorer 6 yang emank tidak bisa memakai AJAX! dan mengganti OS banyak komputer itu bukan pekerjaan yang mudah…
  • Ketiga, AJAX hanya berjalan di perangkat Mobile tertentu, misalnya Hand Phone… memang sekarang ini sudah banyak HP yang mendukung AJAX, tapi tidak sepenuhnya, masih banyak HP kalangan (maaf) rendah yang tidak mendukung javascript.. apalagi AJAX.

    Jadi, meskipun AJAX itu sangat bagus untuk Website, lebih interaktif, lebih dinamis… kita juga harus tahu sasaran AJAX itu dipergunakan..
lalu muncul pertanyaan, Bagaimana penggunaan AJAX yang baik dan tepat? bisa anda lihat dibawah ini:

    Menggunakan AJAX Yang Baik Dan Tepat Sasaran
    1. Pertama, Siapa Target Pengguna Situs? kalau sasaran pengguna situs adalah pengguna handphone misalnya untuk berjualan konten mobile maka lupakan untuk menggunakan AJAX, kenapa? karena pengguna atau pengunjung situs tidak dapat mengaksesnya dengan baik. Apa gunanya kita mengembangkan aplikasi atau web tanpa ada pengguna.
    2. Kedua, gunakan AJAX hanya untuk konten yang sangat sering berubah. Jangan gunakan AJAX pada konten yang jarang diubah, misalnya konten pada blog, biasanya jarang diubah Tulisan pada blog biasanya sangat jarang diubah setelah diposting. Biasanya hanya update kecil untuk memperbaiki beberapa tulisan. Walaupun secara konsep, dengan template dan layout yang sama setiap posting maka memungkinkan penggunaan ajax namun dalam hal ini ajax merugikan temen2, soalnya konten blog temen2 gak bakalan kebaca oleh search engine dan pengunjung bakal kesulitan menemukan tulisan temen2 di search engine. Contoh konten yang sering berubah adalah tampilan livescore.com yang secara otomatis mereload hasil pertandingan olahraga secara berkala dalam rentang waktu tertentu. Hasilnya score dapat diupdate tanpa mereload tampilan website secara keseluruhan.
    3. Ketiga, penggunaan pada submit form atau upload file. Anda bisa pakai AJAX untuk submit form kayak ngisi comment, testimonial, dan upload foto misalnya.. jadi pada saat mengirim comment,  halaman tidak direload, tapi daftar komentar langsung berubah dengan menggunakan AJAX, sangat efektif..

    4. Keempat, aplikasi web jarang membutuhkan akses search engine, karena hanya ditujukan kepada pengguna aplikasi. Karena itu penggunaan AJAX lebih flexibel. Temen2 dapat menggunakan AJAX dimanapun pada aplikasi temen2 karena biasanya aplikasi web memiliki konten yang sangat dinamis. Selain itu aplikasi lebih memerlukan respon cepat dari interaksi pengguna yang bisa dilakukan dengan AJAX. Namun yang perlu diingat, sebaiknya jangan melakukan load objek secara berlebihan yang kemudian kita dapat dengan mudah mengupdate kontennya dengan AJAX dan menampilkannya dengan javascript. Tapi, perhatikan selalu ukuran halaman web temen2, karena walaupun tampilan lebih responsif namun pada saat load awal akan memakan waktu yang cukup lama.
    5. Kelima, pakailah indikator LOADING! AJAX secara default tidak tahu kapan dia melakukan request atau biasa disebut callback dengan memberikan indikator status dengan sendirinya. Di sini, Programmerlah yang berperan dan harus membuatnya agar mampu memberitahukan apakah request atau callback berhasil, sedang loading, atau gagal. Dengan demikian pengguna tidak melakukan klik atau request berlebihan karena tidak mengetahui apakah dia telah melakukan request atau belum dan juga pengguna tidak menunggu terlalu lama tanpa mengetahui hasil loadnya.
    Bisa anda lihat website-website yang paling baik penggunaan AJAX yaitu situs-situs Google, seperti Google Translate, Google Analytic, Google Doc, dan lain-lain. Dan siapa yang tak kenal Facebook, jejaring sosial yang sangat terkenal ini pun memakai AJAX.
    read more. . . ►► Pengguanan AJAX Yang Baik Dan Tepat.

    Tambahkan Bookmark halaman ini untuk mempermudah Pencarian Anda [CTRL+D].