Home / Archive 2015

Cara membuat blog mobile friendly

Posted by Unknown on Wednesday 15 April 2015 at 20:15

<div dir="ltr" style="text-align: left;" trbidi="on">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwwcks41kWCcsa3d_M__Fj7xmZikshDQ4PeagbpixNsMzkFIY_MU0WqQ0xdxYBatzvKw0AbhHQd4NGat15Uw0i6e3FK0e0kYBn2EBUnl5b4T92ehtjhf6lziX3MyhOcJeP9q66EoV7sDfY/s1600/Mengapa+situs+web+mesti+dijadikan+mobile+friendly.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara membuat blog mobile friendly" border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwwcks41kWCcsa3d_M__Fj7xmZikshDQ4PeagbpixNsMzkFIY_MU0WqQ0xdxYBatzvKw0AbhHQd4NGat15Uw0i6e3FK0e0kYBn2EBUnl5b4T92ehtjhf6lziX3MyhOcJeP9q66EoV7sDfY/s1600/Mengapa+situs+web+mesti+dijadikan+mobile+friendly.png" title="Cara membuat blog mobile friendly" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><h2 class="editorial-header__subtitle" itemprop="name">
Mengapa situs web mesti dijadikan mobile-friendly?</h2>
</td></tr>
</tbody></table>
Pengguna internet di Dunia mayoritas menggunakan perangkat selular baik ponsel maupun smartphone untuk berselancar di dunia maya guna memperoleh informasi yang ia perlukan. Apakah pengunjung bisa menemukan informasi yang diperlukan dengan mudah, nyaman atau justru  sulit untuk digunakan? 
 
Situs Versi desktop akan sulit untuk dilihat dan digunakan di perangkat selulaer. Versi yang tidak mobile-friendly mengharuskan pengguna untuk memperkecil atau memperbesar situs agar dapat membaca konten suatu blog atau website. Hal ini lah yang membuat pengunjung menjadi jengkel dan cenderung meninggalkan situs.  
 
Akibatnya orang enggan mengunjungi situs kita. Untuk menghindari hal itu maka tampilan website atau blog harus dibuat menjadi mobile-friendly. Sehingga tampilan website dan blog menjadi sesuai dengan perangkat selulaer anda. 
 
Untuk mengetahui sebuah blog atau website sudah mobile-friendly apa belum, harus dilakukan tes Pengujian Situs Mobile-Friendly. Tes ini akan menganalisa URL dan melaporkan apakah website atau blog sudah memiliki desain yang mobile-friendly atau belum. 
 
 
<h2 style="text-align: left;">
Pengujian Situs Mobile Friendly</h2>
Untuk tes blog atau website mobile friendly silahkan ikuti langkah berikut:  
1. Kunjungi <a href="https://www.google.com/webmasters/tools/mobile-friendly/" target="_blank">https://www.google.com/webmasters/tools/mobile-friendly/</a> 
2. Masukan URL  
3. Lantas klik tombol Analisa.  
4. Tunggu proses analisa selesai 
 
Jika blog atau website belum mobile friendly, maka ada notifikasi: Tidak mobile-friendly 
 
 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nS9DzEFzuKsWjBH6mYjk_kg-RnwCWXja00aCEUVEMT7Q5fUePn20szJHFKycreMXFgJ5MQfkrkGRtdmiEKtQpjeEZnNYzIv_CD2yp3ipDuWaZZqH5_f6fOIoVdSTQ-EoabGLB4RTxFx4/s1600/membuat+blog+mobile+friendly++(3).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nS9DzEFzuKsWjBH6mYjk_kg-RnwCWXja00aCEUVEMT7Q5fUePn20szJHFKycreMXFgJ5MQfkrkGRtdmiEKtQpjeEZnNYzIv_CD2yp3ipDuWaZZqH5_f6fOIoVdSTQ-EoabGLB4RTxFx4/s1600/membuat+blog+mobile+friendly++(3).png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tidak mobile-friendly</td></tr>
</tbody></table>
Bila blog atau website sudah mobile friendly, maka ada notifikasi: Mengagumkan! Laman ini mobile-friendly 
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilMmNaMVVdsx4_zCmzoUjstVpdL7Den3iga3AFMeOly8b0MWuYP1oKHAPdILuiT9ubeCPx3wdL_tq542mKHy2x6DNlHwAWEtkKiyHK0x3zfsxaee1W_wnL8vb8y2k_euFoPVfTQGB5Z1l8/s1600/membuat+blog+mobile+friendly++(2).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilMmNaMVVdsx4_zCmzoUjstVpdL7Den3iga3AFMeOly8b0MWuYP1oKHAPdILuiT9ubeCPx3wdL_tq542mKHy2x6DNlHwAWEtkKiyHK0x3zfsxaee1W_wnL8vb8y2k_euFoPVfTQGB5Z1l8/s1600/membuat+blog+mobile+friendly++(2).png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sudah mobile-friendly</td></tr>
</tbody></table>
 
 
<h2 style="text-align: left;">
Cara membuat blog mobile friendly</h2>
Jika blog atau pun website kamu belum mobile-friendly dan ingin membuat blog mobile-friendly silahkan ikuti langkah berikut ini. 
1. Masuk Dashboard Blog kamu 
2. Klik: Template 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLsPbWaJWowPCbN1aWtyXb2vVPrIX2u2DsvgOKD4xjOOp-mv_GdlKquSUUFs2ff9J5orusKARHvz9SLLG6L4Ncx1SW-78gDoOK6yhDycsnqw51kJk33QshpZU6T5gt6aPHhsgr8PrZMN8/s1600/membuat+blog+mobile+friendly++(6).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLsPbWaJWowPCbN1aWtyXb2vVPrIX2u2DsvgOKD4xjOOp-mv_GdlKquSUUFs2ff9J5orusKARHvz9SLLG6L4Ncx1SW-78gDoOK6yhDycsnqw51kJk33QshpZU6T5gt6aPHhsgr8PrZMN8/s1600/membuat+blog+mobile+friendly++(6).png" width="320" /></a></div>
 
3. Klik: Ikon roda gigi 
4. Klik: Ya 
<div class="separator" style="clear: both; text-align: center;">
</div>
5. Pilih tampilan, Tampilan mana yang inginkan, apakah default, dinamis atalu lainya. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrspOuD0wj6jKjTL9YjQeeL8vfM-03MwKJy8jmdv8G93AEnOjt-8-x45baBzmDU-0eoX3oPGbhKenHBhIfWg87KWX22vt-ubcNyzm09zTNLWBATxKX6-E5q8VTo-DpONTvQxfKJ60zldw/s1600/membuat+blog+mobile+friendly++(7).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrspOuD0wj6jKjTL9YjQeeL8vfM-03MwKJy8jmdv8G93AEnOjt-8-x45baBzmDU-0eoX3oPGbhKenHBhIfWg87KWX22vt-ubcNyzm09zTNLWBATxKX6-E5q8VTo-DpONTvQxfKJ60zldw/s1600/membuat+blog+mobile+friendly++(7).png" width="320" /></a></div>
 
6. Jika kamu <a href="http://cara-design.blogspot.com/2012/10/cara-mengganti-template-blog-dari-hasil-download.html" target="_blank">menggunakan template hasil download</a>, pilih tampilan: Khusus.  
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU3j_yvDJpd1U13l3ulKm8NYhLyPV_Vt2mkT5MckkfRTNMFFkH4iB7yoObN_RxnBw_njlnT5oFVvgiM2ir8mBX5Hh46LoIwJ2F7h7mxgW8XxdeWx3mLfWzYl8UuSX819HgasyfeV0Dl-H7/s1600/membuat+blog+mobile+friendly++(4).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU3j_yvDJpd1U13l3ulKm8NYhLyPV_Vt2mkT5MckkfRTNMFFkH4iB7yoObN_RxnBw_njlnT5oFVvgiM2ir8mBX5Hh46LoIwJ2F7h7mxgW8XxdeWx3mLfWzYl8UuSX819HgasyfeV0Dl-H7/s1600/membuat+blog+mobile+friendly++(4).png" width="320" /></a></div>
 
7. Simpan 
8. Pengujian mobile friendly kunjungi <a href="https://www.google.com/webmasters/tools/mobile-friendly/" target="_blank">https://www.google.com/webmasters/tools/mobile-friendly/</a>. Caranya ikuti langkah Pengujian mobile friendly diatas. 
 
Demikian artikel tentang <a href="http://cara-design.blogspot.com/" target="_blank">Pengujian mobile friendly</a> dan <a href="http://cara-design.blogspot.com/" target="_blank">Cara membuat blog mobile friendly</a>. Semoga bermanfaat. 
 </div>

Mengapa situs web mesti dijadikan mobile-friendly? Pengguna internet di Dunia mayoritas menggunakan perangkat selular baik ponsel mau...

Cara Install WhatsApp di PC atau Laptop

Posted by Unknown on Tuesday 3 February 2015 at 19:59

<div dir="ltr" style="text-align: left;" trbidi="on">
 <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5WTjsNKShfuOm2bbupCZAOR1GXiMlNRxYi9ZW0hBmfSEQeP_qNgxyoM8-aefyIS7ZstsAqaLKgSWCq-2ez3BOz0gzoXh-TO3kHaKW65eFccpoKxJjHWfPrSZsq-qtlAy_iQr8wwhDJiwk/s1600/cara+whatsapp+di+pc+laptop.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Untuk mengaktifkan fitur WhatsApp di PC" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5WTjsNKShfuOm2bbupCZAOR1GXiMlNRxYi9ZW0hBmfSEQeP_qNgxyoM8-aefyIS7ZstsAqaLKgSWCq-2ez3BOz0gzoXh-TO3kHaKW65eFccpoKxJjHWfPrSZsq-qtlAy_iQr8wwhDJiwk/s1600/cara+whatsapp+di+pc+laptop.jpg" title="Cara Install WhatsApp di PC atau Laptop" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mengaktifkan fitur WhatsApp di PC</td></tr>
</tbody></table>
 
Kalau selama ini WhatsApp hanya bisa gunakan demhan HP atau smartphone kini WhatsApp bisa digunakan di PC atau laptop. Bagaiman cara Install WhatsApp di PC? 
 Untuk mengaktifkan fitur WhatsApp di PC, pengguna diminta 1. Kunjungi https://web.whatsapp.com menggunakan browser Google Chrome tersebut. 2. Download aplikasi WhatsApp dari google play store. 4. Proses instalasi Pengguna akan diminat untuk login menggunakan QR Code yang ada melalui aplikasi WhatsApp yang kamu download tadi. Selanjutnya masuk menu "WhatsApp Web" untuk memindai (scanning) QR Code yang tampil di https://web.whatsapp.com di browser Chrome. 
 Bagi yang sudah punya ID whasapp tidak perlu melakukan pendaftaran baru untuk menggunakannya karena fitur web ini hanya merupakan perpanjangan dari ponsel. Jika anda belum memiliki ID whasapp kamu bisa daftar melalui aplikasi ini silahkan klik register dan lengkapi data.</div>

Mengaktifkan fitur WhatsApp di PC Kalau selama ini WhatsApp hanya bisa gunakan demhan HP atau smartphone kini WhatsApp bisa digunaka...

Membuat Dinamik Meta Tag yang Seo Friendly Valid HTML 5

Posted by Unknown on Wednesday 14 January 2015 at 17:48

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0t-zpolgd2CF9gF6_0Pp1cOcNKvahW7edl3NX0Qk3vnD74dfuAbwja4WnsLZkESba1t1rK9hebJaCUg2Nbv2n18RmkKBbwE6HexcARLAXMqbzLPJ9LAljMSklgrjWtuQUBbQHupGcbQyV/s1600/meta+tag+valid+html+5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Dinamik Meta Tag yang Seo Friendly Valid HTML 5" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0t-zpolgd2CF9gF6_0Pp1cOcNKvahW7edl3NX0Qk3vnD74dfuAbwja4WnsLZkESba1t1rK9hebJaCUg2Nbv2n18RmkKBbwE6HexcARLAXMqbzLPJ9LAljMSklgrjWtuQUBbQHupGcbQyV/s1600/meta+tag+valid+html+5.jpg" title="Membuat Dinamik Meta Tag yang Seo Friendly Valid HTML 5" width="320" /></a></div>
 
Membuat Meta Tag yang Seo Friendly Valid HTML 5-Sebelumnya telah kami ulas bagaimana membuat meta tag description. Selanjutnya akan kami berikan tips SEO onpage yaitu cara memasang meta tag yang seo friendly yang berguna untuk optimasi blog. Teknik ini merupakan salah satu teknik Seo yakni SEO On page. 
 
Cara Memasang Meta Tag SEO Friendly : 
1. Login ke akun blogger 
2. Klik "template" 
3. Klik "Edit Html" 
4. Cari kode berikut : 
<b:include data='blog' name='all-head-content'/> 
(tekan CTRL + F untuk mempermudah pencaria) 
5.Kemudian hapus semua kode yang ada diantara kode: 
<b:include data='blog' name='all-head-content'/> 
dan 
<b:skin><![CDATA[ 
 
6. Kemudian ganti dengan meta tag berikut ini : 
 
<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> 
<b:else/><title><data:blog.pageName/> | <data:blog.title/></title> 
</b:if> 
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='Isi dengan Deskripsi Blog Anda' name='description'/> 
<meta content='Isi dengan keyword blog anda' name='keywords'/> 
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<meta expr:content='data:blog.pageName' name='keywords'/> 
</b:if> 
<meta content='Isi dengan kode verfikasi Google anda' name='google-site-verification'/> 
<meta content='Isi dengan kode verfikasi Alexa Anda' name='alexaVerifyID'/> 
<meta content='Isi dengan kode verfikasi Bing Anda' name='msvalidate.01'/> 
<meta content='index, follow' name='robots'/> 
<meta content='2 days' name='revisit-after'/> 
<meta content='general' name='rating'/> 
<meta content='never' name='expires'/> 
<meta content='id' http-equiv='Content-Language'/> 
<meta content='id' name='geo.country'/> 
<meta content='Indonesia' name='geo.placename'/> 
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> 
<meta content='true' name='MSSmartTagsPreventParsing'/> 
<meta content='blogger' name='generator'/> 
<meta content='general' name='rating'/> 
<meta content='Isi dengan nama anda' name='author'/> 
 </div>

Membuat Meta Tag yang Seo Friendly Valid HTML 5 -Sebelumnya telah kami ulas bagaimana membuat meta tag description. Selanjutnya akan kam...