January 30, 2015

Cara Bermain Game Clash of Clans pada PC dan Laptop

Pada postingan kali ini saya akan membahas mengenai cara bermain game Android yang saat ini lagi menduduki posisi top free aplikasi game pada Play store yaitu game Clash of Clans. Bagi penggemar game ini dan sudah pernah menjalankannya pada gadget yang berbasis Os Android pasti sudah pernah merasakan kendala utamanya jika dijalankan di gadget (handphone atau tablet) yaitu baterai akan lebih cepat terkuras dikarenakan game ini membutuhkan ketekunan dan waktu bermain yang cukup lama. Jika baterai sudah terkuras dan posisi kita dekat dengan sumber listrik maka tinggal colokin chargernya dan bisa lanjut main lagi, tapi buat pengguna yang jauh dari sumber listrik (misalnya lagi di perjalanan) minimal kudu bawa "sangu" power bank buat jaga-jaga dikarenakan game clash of clan ini bisa membuat pemainnya lupa waktu dan lupa daya tahan gadget.

Tampilan game clash of clans yang dijalankan pada PC atau laptop menggunakan bluestacks
Tampilan game clash of clans yang dijalankan pada PC atau laptop menggunakan bluestacks
Ada cara lain jika kita ingin memainkan game clash of clan yang berbasis Android ini agar gadget (handphone atau tablet) kita tidak cepat rusak yaitu dengan memainkannya pada PC atau Laptop. Jika kita ingin memainkannya pada PC atau Laptop kita, maka kita membutuhkan aplikasi tambahan yaitu Bluestacks Android Emulator. Buat pengguna yang sering menggunakan aplikasi ini, tentu sudah tidak asing lagi dengan Bluestacks (kebetulan dulu sering saya gunakan buat nguber-nguber badge di foursquare). Pemakaiannya pun cukup mudah, tinggal download aplikasinya secara free di situs resmi bluestacks, kemudian install pada laptop atau PC Anda dan jalankan.

Tampilan menu Aplikasi yang sudah terinstall dan aplikasi recomended pada emulator bluestacks
Tampilan menu Aplikasi yang sudah terinstall dan aplikasi recomended pada emulator bluestacks

Tampilan play store pada emulator bluestacks pada PC ata laptop
Tampilan play store pada emulator bluestacks pada PC ata laptop
Perbedaan Bluestacks dengan emulator resmi android (Android SDK) yaitu pada emulator Android SDK sengaja dirancang oleh android untuk para pengembang aplikasi berbasis Android, sehingga untuk membuka fitur Play Store pada emulator ini membutuhkan beberapa trick yang bagi saya cukup "ribet". Sedangkan emulator Bluestacks sengaja dirancang untuk para pengguna yang ingin menjajal aplikasi-aplikasi yang dijalankan pada Os Android. Sehingga kesimpulannya, emulator Android SDK lebih diperuntukkan bagi developer (pengembang aplikasi-aplikasi android) sedangkan Bluestacks emulator lebih diperuntukkan pengguna yang ingin menjajal aplikasi-aplikasi pada Os Android.
Start awal bluestack emulator pada laptop dan PC
Start awal bluestack emulator pada laptop dan PC
Dengan cara menginstall bluestacks pada PC atau laptop, kita  tidak hanya dapat bermain game clash of clans saja, akan tetapi aplikasi yang tersedia pada play store bisa kita jajal satu persatu.  Cukup kunjungi situs resmi bluestack, kemudian download bluestacks untuk windows PC atau laptop kita, kemudian install dan jalankan emulator bluestacks, maka kita sudah bisa bermain game clash of clans pada PC dan laptop kita. Selamat mencoba.

January 11, 2015

Membuat G+ (G plus) Popup Follow Box dengan Cookie Expire

Membuat G+ (G plus) Popup Follow Box dengan Cookie Expire
Salah satu cara untuk menambahkan follower pada halaman fanpage G+ (G plus) kita adalah dengan menambahkan widget G+ fanpage kita dengan tampilan popup pada web/blog yang kita miliki. Akan tetapi ada kendala lain saat kita menggunakan tampilan popup box ini, terkadang kita lupa menambahkan timer dan cookie expire pada widget popup kita, sehingga efek sampingnya yaitu hampir di setiap kali pengunjung berpindah halaman pada web/blog kita maka popup  yang kita buat tadi akan selalu muncul di hampir seluruh halaman web/blog kita.

Untuk mengatasi hal ini, pada postingan kali ini saya akan sedikit menambahkan timer  dan cookie expire pada widget popup g+ yang kita buat agar tidak selalu muncul terus menerus sehingga tidak mengganggu pengunjung yang datang ke web/blog kita.

Berikut ini adalah kode HTML/JavaScript widget G+ (G plus) Popup Follow Box yang bisa langsung kalian copy dan paste pada blog Anda:

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
#fanback {
  display:none;
  background:rgba(0,0,0,0.8);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
}
#fan-exit {
  width:100%;
  height:100%;
}
#fanbox {
  background:white;
  width:300px;
  height:400px;
  position:absolute;
  top:58%;
  left:63%;
  margin:-220px 0 0 -375px;
  -webkit-box-shadow: inset 0 0 50px 0 #939393;
  -moz-box-shadow: inset 0 0 50px 0 #939393;
  box-shadow: inset 0 0 50px 0 #939393;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -220px 0 0 -375px;
}
#fanclose {
  float:right;
  cursor:pointer;
  background:url(https://lh5.googleusercontent.com/-HS2BETwaNmY/VLKUmzXAi0I/AAAAAAAATL0/H8pfcykR4YI/s56-no/fanclose.png) repeat;
  height:15px;
  padding:20px;
  position:relative;
  padding-right:40px;
  margin-top:-20px;
  margin-right:-22px;
}
.remove-borda {
  height:1px;
  width:250px;
  margin:0 auto;
  background:#F3F3F3;
  margin-top:16px;
  position:relative;
  margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
  color:#80808B;
  font-size:10px;
  margin: 0 auto 5px auto;
  float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
  // key and at least value given, set cookie...
  if (arguments.length > 1 && String(value) !== "[object Object]") {
    options = jQuery.extend({}, options);
    if (value === null || value === undefined) {
      options.expires = -1;
    }
    if (typeof options.expires === 'number') {
      var days = options.expires, t = options.expires = new Date();
      t.setDate(t.getDate() + days);
    }
    value = String(value);
    return (document.cookie = [
      encodeURIComponent(key), '=',
      options.raw ? value : encodeURIComponent(value),
      options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
      options.path ? '; path=' + options.path : '',
      options.domain ? '; domain=' + options.domain : '',
      options.secure ? '; secure' : ''
    ].join(''));
  }
  // key and possibly options given, get cookie...
  options = value || {};
  var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
  if($.cookie('popup_gplus_like') != 'yes'){
    $('#fanback').delay(5000).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
      $('#fanback').stop().fadeOut('medium');
    });
  }
  $.cookie('popup_gplus_like', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
  <div id='fan-exit'></div>
  <div id='fanbox'>
    <div id='fanclose'></div>
    <div class='remove-borda'></div>
    <!-- Place this tag where you want the widget to render. -->
<div class="g-page" data-href="//plus.google.com/u/0/113750800916808910377" data-rel="publisher"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
  </div>
</div>

Berikut ini penjelasan dan konfigurasi/setting mengenai code HTML/JavaScript yang barusan kalian paste diatas:

Perhatikan line pertama pada kode diatas. Jika pada theme yang Anda gunakan, sudah memiliki jquery: ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js maka tidak perlu ditambahkan lagi.

Selanjutnya, silahkan perhatikan line ke-93 pada code diatas yaitu $('#fanback').delay(5000).fadeIn('medium'); Ini adalah timer popup saat halaman selesai loading. Pada code tersebut, value untuk perintah delay-nya adalah 5000 yang memiliki arti bahwa popup g+ ini akan muncul 5 detik setelah loading halaman web/blog kita telah selesai. Perlu diketahui bahwa nilai value untuk timer ini adalah 1000 = 1detik, sehingga jika kita ingin merubah timer delay-nya menjadi 7detik, maka value yang kita tuliskan adalah 7000.

Kemudian perhatikan line ke-98 yaitu $.cookie('popup_gplus_like', 'yes', { path: '/', expires: 7 }); Ini adalah fungsi cookie expired dimana popup g+ widget yang kita buat hanya muncul sekali dan tidak akan muncul kembali hingga 7 hari berikutnya. Fungsi cookie expired inilah yang berfungsi untuk mengontrol agar popup g+ yang kita buat tidak akan muncul secara terus menerus jika pengunjung berpindah halaman pada web/blog kita. Untuk merubahnya, silahkan ganti angka 7 tersebut sesuai keinginan Anda, misalnya akan kita ganti expired setelah 20 hari maka silahkan diganti dengan value 20 sehinga jika ada pengunjung web/blog yang membuka halaman web kita maka popup g+ hanya muncul sekali dan tidak akan muncul hingga 20 hari berikutnya.

Kemudian langkah terakhir yang paling penting untuk konfigurasi widget popup g+ ini yaitu mengganti link //plus.google.com/u/0/113750800916808910377 pada line ke-107 dengan link profile g+ anda. Sedangkan jika Anda ingin memodifikasi widget g+ follow dengan tampilan yang lainnya, silakan kunjungi Developer Google untuk melakukan setting sesuai keinginan Anda, kemudian copy code yang kalian dapat dari developer google dan silahkan ganti line 106-116 menggunakan code yang baru saja kalian buat di developer google. Selamat mencoba.

January 9, 2015

Membuat Form Contact Us pada Pligg CMS

Membuat Form Contact Us pada Pligg CMS
Plig CMS, jika berbicara tentang CMS yang satu ini, pligg merupakan salah satu CMS yang sudah membuat saya penasaran selama 2 tahun terakhir ini. Saya katakan penasaran dikarenakan beberapa tahun yang lalu saya sempat menggunakan CMS ini tapi akhirnya kebobolan sampai-sampai pada template yang saya gunakan bermunculan link-link aneh yang sengaja dipasang si pembobol, tidak hanya sampai disitu saja, bahkan account admin yang saya gunakan sampai tidak bisa diakses. Entah karena saat itu dikarenakan kelemahan pada panel vps yang saya gunakan atau memang ada celah yang terbuka pada CMS ini.

Selain itu, sistem redirect dari non www ke www yang bisa saya bilang lumayan susah settingannya untuk CMS ini. Dibilang susah dikarenakan jika kita redirect ke www maka hampir sebagian besal tombol pada CMS pligg ini akan tidak berfungsi sebagaimana mestinya. Begitu juga dengan minimnya modul yang ada pada CMS ini menjadi salah satu kendala utama bagi yang menggunakannya.

Seperti yang sudah saya sebutkan diatas, minimnya module menjadi kendala penggunaan CMS ini. Salah satunya yaitu module Contact Us, dimana pada pligg sendiri hanya tersedia untuk pligg versi 2.0, sedangkan CMS pligg yang saya gunakan adalah versi 2.0.2, dan entah mengapa module Contact Us versi 2.0 ini sendiri tidak bisa di download meskipun sudah register, padahal keterangan yang tercantum adalah free. Usut punya usut ternyata banyak yang complaint dikarenakan tidak bisa digunakan atau tidak bekerja saat sudah terinstall.

Pada postingan kali ini, kita akan sedikit belajar membuat halaman Contact Us pada static page, karena menurut saya Contact Us ini fungsinya lumayan penting dikarenakan bagi Anda yang belum memiliki Adsense, halaman Contact Us ini menjadi salah satu faktor penilaian disaat Anda akan mendaftar nanti.

Langsung saja, langkah pertama silahkan buat email menggunakan domain & hostingan Anda, karena nantinya email ini bertugas untuk menerima segala macam pesan yang di input pengunjung pada halaman Contac Us. Sebagai contoh saya menggunakan situs social bookmarking saya yang beralamatkan di www.widroid.com, dan email yang saya buat untuk menampung pesan dari halaman Contact Us adalah feedback@widroid.com.

Kemudian jika sudah jadi emailnya, silahkan buka menu admin di pligg CMS Anda, pilih menu pages di sisi kiri kemudian klik create new page dan isi page title, page url, meta keywords dan meta description sesuai keinginan Anda. Untuk bagian page content, silahkan diisi dengan code berikut :
Name:
Email:

Concerning:

Message:
Jika sudah, silahkan klik save page, maka tampilan halaman Contact Us yang baru kita buat akan seperti pada gambar di pojok kiri atas awal postingan ini. Walaupun tampilannya sudah berbentuk form contact, tapi halaman contact us ini belum bisa berfungsi.

Agar bisa berfungsi menerima pesan yang masuk, maka kita lanjutkan ke langkah berikutnya yaitu membuat file mail.php. Silahkan buat file dengan nama mail.php pada hostingan public domain Anda, jika sudah, silahkan paste code berikut ke dalam file tersebut:


<?php
$name = $_POST['name'];
$email = $_POST['email'];
$type = $_POST['type'];
$message = $_POST['message'];
$formcontent=" From: $name ($email)n Type: $type n Message: $message";
// Change to your email address
$recipient = "feedback@widroid.com";
// The subject of the email being sent to you
$subject = "Contact Form";
$mailheader = "From: $email rn";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
// Point to the contact success page URL
header( 'Location: http://www.widroid.com/page.php?page=thankyou' ) ;
?>

Perhatikan line ke 8 pada code php diatas, silahkan ganti feedback@widroid.com dengan email yang sudah Anda buat sebelumnya. Berikutnya perhatikan line ke 14, line ini berfungsi untuk redirect pengunjung setelah mengisi halaman contact us, disini saya meredirect pengunjung ke halaman ucapan terima kasih. Silahkan buat page baru untuk membuat halaman ucapan terima kasih dan ganti url di line ke-14 dengan url halaman ucapan terima kasih yang Anda buat, atau ingin di redirect ke halaman homepage atau yang lainnya bisa diganti url-nya sesuai keinginan Anda. Untuk live demonya, bisa dilihat di halaman Contact Us Widroid.com. Selamat mencoba.

August 13, 2014

Aplikasi Juz'Amma Untuk Pc (For PC)

Seiring dengan perkembangan teknologi saat ini, makin banyak kreatifitas yang dibuat dalam bentuk aplikasi agar mempermudah anak-anak dalam belajar, seperti contohnya aplikasi Juz'Amma yang bisa teman-teman install pada PC (for Pc) untuk membantu putra-putri Andan dalam belajar mengaji di rumah.

Mengapa kali ini saya mencoba share aplikasi Juz'Amma dalam bentuk Pc ini? Jawabannya karena sudah banyak aplikasi seperti ini yang bertebaran terutama untuk versi smartphone seperti Android dan lain sebagainya, sementara untuk versi PC baru beberapa saja yang pernah di share. Aplikasi ini juga menurut saya cukup membantu terutama buat Anda yang sudah memiliki putra dan putri yang mulai tertarik dengan teknologi yang ada seperti laptop atau komputer di rumah Anda, jadi ketimbang dibuat main game terus-terusan, ada baiknya mencoba aplikasi ini sebagai alat bantu untuk belajar mengajar.

May 22, 2014

Menyembunyikan Profile Picture pada User Page Drupal

Kebetulan beberapa hari ini lagi belajar-belajar cms Drupal, dan kebetulan juga saya menggunakan module tambahan authorpane sebagai profile penulis artikel karena saya anggap cukup mudah dimodifikasi, misalnya kita ingin menambahkan author atau contact pm atau follow icon social media juga bisa ditambahkan di authorpane ini sehingga lebih terlihat rapih (kalau menurut saya).

Akan tetapi jika kita menggunakan authorpane module dan kita ingin memunculkannya pada halaman user page drupal maka hasilnya profile picture kita akan menjadi double seperti gambar di bawah ini:

double profile picture pada user pages drupal
double profile picture pada user pages drupal

May 2, 2014

Game Jadul Pac-Man Hadir di Android dan iOS dalam Versi Baru

Masih ingat dengan game jadul Pac-Man? Ya game Pac-Man yang dulu pernah nge-trend di konsol seperti nintendo keluaran tahun 80-90an sekarang muncul lagi dalam versi mobile terutama pada Android dan iOS.

Pac-Man Monsters dengan versi arcade puzzle RPG.
Game besutan Namco ini hadir kembali di perangkat mobile Android dan iOS dengan nama Pac-Man Monsters dengan versi arcade puzzle RPG.Game Pac-Man Monsters ini tampil mirip game pokemoon dan puzzle game tipe combat dengan grafis yang cukup menarik.

Pada game ini kita akan bermain dengan memimpin kelompok Pac yang beranggotakan para Pac people dan para monster termasuk ghost untuk melindungi pulau Pac dari invasi musuh barunya. Memang banyak terjadi perubahan di game Pac-Man versi baru ini jika dibandingkan dengan game jadulnya, jika pada game terdahulunya Pac-people (Pac-Man) selalu kucing-gucingan dengan para ghost, di game versi baru ini justru mereka saling membantu untuk melindungi pulau Pac (Pac-Land).