menu

Cara Membuat Popular Post Dengan Menggunakan Nomor Urut

Assalamualaikum Wr. Wb.
Widget popular post merupakan widget yang menampilkan daftar artikel yang paling sering dibaca oleh pengunjung dalam kurun waktu tertentu, keberadaan widget artikel popular ini pada blog dapat  membantu menigkatkan jumlah page view. Bagi saya pribadi memasang widget ini merupakan hal yang wajib karena sangat meberikan pengaruh pada peningkatan jumlah page view sama pentingnya dengan widget artikel terkait yang memberikan peran besar dalam masalah page view. Ngomong-ngomon soal page view anda bisa baca artikel saya sebelumnya mengenai Tips-tips Meningkatkan Page view 5 kali Lipat Dari Jumlah Visitor.

Ok,,, kembali ke topik..
Saya rasa cara untuk menambahkan widget popular post agan-agan semuanya sudah tahu dan tidak perlu ane jelasin lebih panjang. Sesuai dengan judul artikel ini admin akan share CSS untuk mengubah tampilan widget popular post agar tampak lebih menarik. CSS popular post ini saya dapat dari koding saya terhadap template o-om. untuk lebih jelasnya mengenai tampilan widget ini anda bisa melihat gambar di bawah atau melihat langsung pada sidebar blog ini.


Langkah pertama untuk membuat popular post seperti pada gambar diatas silahkan menuju halaman Tata Letak, Tambahkan Widget kemudian pilih Entri Populer, lalu atur sesuai gambar dibawah ini.

Langkah selanjutnya, jika sebelumnya agan telah memasang CSS untuk popular post hapus terlebih dahulu kode CSS tersebut pada halaman edit HTML, gunakan kode ini .PopularPosts untuk mencari CSS tersebut. kalau tidak, langsung saja cari kode tag ini ]]></b:skin> kemudian letakan kode CSS dibawah tepat diatasnya.
/* -- POPULAR POST -- */
.PopularPosts .widget-content ul{margin:0;padding:7px !important;list-style-type:none;}
.PopularPosts .widget-content ul li{position:relative;padding:10px !important;}
.PopularPosts .widget-content ul li:first-child {background:#444;width:93%}
.PopularPosts .widget-content ul li:first-child:after{content:"01";}
.PopularPosts .widget-content ul li:first-child + li{background:#555;width:90%}
.PopularPosts .widget-content ul li:first-child + li:after{content:"02";}
.PopularPosts .widget-content ul li:first-child + li + li{background:#666;width:85%}
.PopularPosts .widget-content ul li:first-child + li + li:after{content:"03";}
.PopularPosts .widget-content ul li:first-child + li + li + li{background:#777;width:80%;}
.PopularPosts .widget-content ul li:first-child + li + li + li:after{content:"04";}
.PopularPosts .widget-content ul li:first-child + li + li + li + li{background:#888;width:75%;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after{content:"05";}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li{background:#999;width:70%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li:after{content:"06";}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li +li{background:#aaa;width:65%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li +li:after{content:"07";}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li +li{background:#bbb;width:60%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after{content:"08";}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li{background:#c1c1c1;width:55%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li:after{content:"09";}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li + li +li{background:#ccc;width:50%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li +li:after{content:"10";}
.PopularPosts .widget-content ul li:first-child:after,
.PopularPosts .widget-content ul li:first-child + li:after,
.PopularPosts .widget-content ul li:first-child + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li +li:after
{position:absolute;top:1px;right:1px;background:#333;width:20px;line-height:1em;text-align:center;color:#fff; font-size:12px !important; font-weight:bold}
.PopularPosts .widget-content ul li .item-thumbnail{float:left;border:0;margin-right:10px;padding:0;width:30px;height:90px}
.PopularPosts .widget-content ul li a{color:white;text-decoration:none;}
Dan langkah terakhir silahkan Anda lihat hasilnya.
Baca Selengkapnya

Memasang Asynchronous Javascript Loading Tombol Like Sosial Media G+, Facebook, Twitter dan Pinterest

Tombol like sosial media dari berbagai jejaring sosial merupakan hal yang wajid untuk di pasang pada halaman sebuah blog, melihat dari fungsi tombo-tombol sosial media ini sangat membantu kita untuk mengetahui seberapa bagus kualitas artikel yang kita terbitkan, karena dengan keberadaan tombol sosial media ini pengunjung dapat menilai kualitas artikel, dan juga melaui sosial media ini pengunjung juga dapa dengan mudah melakukan share artikel ke jejaring sosial mereka, yang tentunya akan membantu kita dalam meningkatkan pengunjung ke blog. Namun keberadaan tombol sosial media ini dapat menyebakan proses loading halaman blog menjadi lebih berat, hal ini disebakan karena ada beban loading javascript terlebih dahulu dari pihak ketiga saat halaman pertama kali melakukan proses loading.

Pada artikel kali ini admin akan share Asynchronous Javascript yang dapat memperbaiki loading halaman blog yang menjadi berat karena keberadaan tombol sosial media seperti yang saya uraikan di atas. Jika sebelumnya anda sudah memasang tombol like sosial media di blog, silahkan cari dan hapus terlebih dahulu alamat javascript tombol like tersebut, seperti di bawah ini.
http://connect.facebook.net/en_US/all.js
http://platform.twitter.com/widgets.js
http://assets.pinterest.com/js/pinit.js
https://apis.google.com/js/plusone.js

Kemudian cari kode tag </body>  lalu copy dan pastekan  Asynchronous Javascript  dibawah ini tepat diatasnya.
<!-- Asynchronous Javascript Loading for Facebook, Twitter, G+ -->
<div id="fb-root">
<script type="text/javascript">
// Async Facebook
(function() {
    var fb1 = document.createElement('script');
    fb1.type = 'text/javascript';
    fb1.async = true;
    fb1.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1', 'facebook-jssdk';
    var fb2 = document.getElementsByTagName('script')[0];
    fb2.parentNode.insertBefore(fb1, fb2);
})();
// Async Twitter
(function() {
    var tw1 = document.createElement('script');
    tw1.type = 'text/javascript';
    tw1.async = true;
    tw1.src = 'http://platform.twitter.com/widgets.js';
    var tw2 = document.getElementsByTagName('script')[0];
    tw2.parentNode.insertBefore(tw1, tw2);
})();
// Async Pinterest
(function() {
    var pt1 = document.createElement('script');
    pt1.type = 'text/javascript';
    pt1.async = true;
    pt1.src = 'http://assets.pinterest.com/js/pinit.js';
    var pt2 = document.getElementsByTagName('script')[0];
    pt2.parentNode.insertBefore(pt1, pt2);
})();
// Async Google+
(function() {
    var gp1 = document.createElement('script');
    gp1.type = 'text/javascript';
    gp1.async = true;
    gp1.src = 'https://apis.google.com/js/plusone.js';
    var gp2 = document.getElementsByTagName('script')[0];
    gp2.parentNode.insertBefore(gp1, gp2);
})();
</script>
<!-- End Asynchronously Javascript -->

Sekarang anda bisa memasang tombol like sosial media  Google+, Facebook, Twiiter dan Pinterest dimanapun anda inginkan. Anda dapat mengguanakan kode tombol like sosial media dibawah ini :
<!-- Google+ -->
<div class="g-plusone" data-size="medium" data-count="true" data-href="http://www.zoomtemplate.com">
<!-- Twitter -->
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="http://www.tobadak.com">Tweet</a>
<!-- Facebook -->
<div id="fb-root"></div>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="1" data-show-faces="false" data-href="http://www.zoomtemplate.com"></div>
<!-- Pinterest -->
<a data-pin-config='beside' data-pin-do='buttonPin' href='http://pinterest.com/pin/create/button/?url=http://www.zoomtemplate.com'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
Untuk memasang tombol like  Google+, Facebook, Twiiter dan Pinterest di setiap postingan anda dapat menggunakan kode di bawah ini :
<!-- Google+ -->
<div class='g-plusone' data-count='true' data-size='medium' expr:href='data:post.url'/>
<!-- Twitter -->
<a class='twitter-share-button' data-count='horizontal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
<!-- Facebook -->
<div id='fb-root'/>
<div class='fb-like' data-layout='button_count'  data-send='false' data-show-faces='false' data-width='1' expr:data-href='data:post.url'/>
<!-- Pinterest -->
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>

Yapzz,, sekian dulu untuk tuorial blogger kali ini gan...
Baca Selengkapnya

Cara Mengambil Screenshot pada Perangkat Android

Assalamualaikum Wr. Wb
Pengambilan screenshot pada layar smartphone kebanyakan dibutuhkan oleh pengembang aplikasi, penulis artikel untuk melengkapi tulisan online, seperti yang Anda lihat pada artikel  tutorial ini. Namun tak jarang juga dari kita yang hanya sekedar iseng untuk mengambil screenshot pada layar smartphone, baik itu saat kita sedang memainkan game atau chattingan kita dengan teman dan sebagainya.


Berikut ini adalah beberapa penjelasan cara pengambilan screenshot pada smartphone Android. mengingat ada banyak perangkat Android yang memiliki betuk fisik yang berbeda tentunya akan ada sedikit perbedaan cara pengambilan screenshot pada layar Android.

1. SAMSUNG
  • Perangkat dengan tombol  Home fisik
    Bila perangkat yang anda miliki termasuk perngkat yang menggunakan tombol HOME fisik, Anda dapat mengambil screenshot dengan menekan tombol 'HOMET + POWER' secara bersamaan, tekan hingga layar berkilat sehingga muncul notifikasi bahwa screenshot sudah tertangkap. Contoh Smartphone dengan tombol HOME fisik

  • Perangkat tanpa tombol HOME fisik
    Perangkat samsung seperti Samsung Galaxy Camera dan Galaxy Note 10.1 tidak memiliki tombol Home fisik. Untuk pengambilan screenshotnya anda dapat menekan tombol "VOLUME naik dan tombol POWER' secara bersamaan, tahan hingga gambar terambil.

  • Perangkat dengan S pen
    Perangkat Android Samsung yang menggunakan S Pen seperti seri Galaxy Note, dapat menggunakan S Pen-nya untuk mengambil gambar screenshot. Caranya adalah dengan menekan tombol S Pen dan sentuhkan S Pen ke layar. Maka layar akan berkedip dan biasanya gambar screenshot akan terbuka otomatis.

2. HTC
Untuk perangkat Android HTC, cara mengambilan screenshot masih serupa dengan Perangkat Android Samsung yakni dengan menggunakan tombol 'Home dan tombol Power'. Namun cara mengekseskusinya sedikit berbeda yakni dengan menekan dan menekan tombol 'Power' terlebih dahulu lalu tekan tombol 'Home' dengan cepat. Layar akan berkedip dan akan terdengar suara kamera. Notifikasi juga akan muncul menunjukkan gambar screenshot sudah disimpan.

3. Sony Xperia
Pengambilan screenshot pada perangkat Androin Sony Xperia dengan menggunak tombol 'VULOME turun dan POWER' secara bersamaan hingga layar berkedip dan akan muncul notifikasi pengambilan screenshot telah berhasil.

4. LG
Untuk mengambil screenshot pada perangkat Android LG caranya sama dengan pengambilan screenshot pada Android Sony Xperia dengan menekan dan tahan tombol VOLUME turun dan tombol POWER secara bersamaan hingga layar berkedip.

5. Nexus
Pengambilan screenshot pada perangkat Android Nexus caranya juga sama dengan perangkat Sony Xperia dan LG, yakni dengan kombinasi tombol 'VOLUME turun dan tombol POWER' hinggal layar berkedip.
sumber Forum Kompas
Baca Selengkapnya

Download GhostCam Aplikasi Android Untuk Membuat Foto Penampakan

Assalumualaikum Wr WB,
Perluh diketahui duluh gan, Admin share aplikasi GhostCam ini tidak bermaksud untuk membantu agan-agan semuanya untuk menakut-nakuti teman atau siapaun orang yang berada disekeliling agan. Tak jarang kita mendengar atau melihat foto penampakan, bahkan di siaran TV pun terkadang heboh berita penampakan, penampakan setan sosok ini, sosok itu, penungguh rel kereta api bintaro atau penampakan malaikat sekalipun.


Admin share aplikasi GhostCam dengan tujuan hanya untuk sebagai sarana pembelajaran atau hiburan semata, tidak untuk penipuan. Sejujurnya Admin sama-sekali tidak pernah percaya yang namanya penampkan-penampakan setan baik berupa foto atau bahkan dalam format video sekalipun.

Aplikasi GhostCam ini merupakan sebuah aplikasi kamera Android yang di publish oleh Thepparit Insa, yang dapat anda jalankan pada semua perangkat Sistem Operasi Android minimal Versi 2.1. Aplikasi GhostCam ini memungkinkan Anda melakukan pengeditan atau menyisipkan objek penampakan sebelum gambar di ambil atau setelahnya melalui opsi yang tersedia di aplikasi ini. Untuk mendownload dan melihat tutorial lengkapnya silakahkan buka aplikasi Play Store kemudian search dengan mengetikan GhostCam, atau dengan mengklik tautan ini https://play.google.com/store/apps/details?id=com.insasofttech.GhostCam

Untuk mendownload aplikasi Android melalui PC atau laptop silahkan baca tutorialya di artikel sebelelumnya Cara Download Aplikasi Android Melalui PC di Google Play
Baca Selengkapnya

Cara Download Aplikasi Android Melalui PC di Google Play

Assalamualaikum Wr. Wb
Aplikasi android dengan ekstensi .apk menjadi serbuan pengguna gadget dengan sistem operasi Android yang bisa di download secara langsung melalui aplikasi Play Store yang tersedia di masing-masing perangkat yang menjalankan OS Android.

Tersedia ribuan aplikasi gratis dan premium di Google Play Store yang bisa di download secara langsung melalui perangkat yang menjalankan Sistem Operasi Android. Namun sangat di sayangkan file mentah aplikasi berekstensi Apk ini tidak bisa  di unduh secara langsung ke dalam komputer, walaupun kita mengkakes halaman Google Play Store melalui browser di PC tidak tersedia link download untuk menyimpan file mentahnya kedalam komputer, yang ada hanya link install yang akan menghubungkan langsung ke perangkat Android, yang nantinya di smartphone atau tablet kita akan mendapatan notifikasi atau pemberitahuan untuk mendownload aplikasi yang kita pilih melalui browser komputer yang terhubung secara langsung melaui akun gmail. Salah satu syarat untuk menggunakan fitur yang tersedia di OS Android yaitu wajib menggunakan akun Gmail, yang juga menjadi salah satu kelebihan dari produk google ini, hanya dengan satu akun dari google kita sudah bisa terhubung ke semua layanan Google seperti Gmail, Google+, Youtube, Blogger, Android dan banyak lagi.

Melihat permasalahan yang admin uraikan diatas yaitu bagaimana mengunduh file mentah aplikasi Android ke dalam komputer, silahkan simak dengan baik tutorial di bawah ini.

Hal yang wajib anda miliki untuk bisa mendownload aplikasi Android ini melalui PC, lagi.. lagi.. kita harus memiliki produk dari google, yaitu browser Crhome, jika sudah,, langsung jalankan browser Chrome Anda.

  1. Download Ekstensi Apk Downloader.
  2. Lihat di sudut kiri bawah browser untuk melihat prowses download, setelah download selesai buka menu setting > Ekstensions

  3. Kemudian masih dalam menu ekstension, tarik file Apk downloader yang telah di download ke dalam browser kemudian lepaskan. Lihat gambar dibawah.


  4. Akan muncul pemberitahuan untuk menambahkan ekstensi, klik Add untuk konfirmasi.


  5. Selanjutnya pilih options, masukan alamat email gmail dan password Anda, kemudian pada kolom ID Key masukan Device ID Smartphone atau tablet Anda lalu klik Sign in. Untuk mengetahui nomor Device ID, download dan install aplikasi Device ID di http://www.appsapk.com/device-id/



  6. Setelah Anda berhasil Sign in di Apk Downloader, selanjutnya kita akan mencoba mendownload aplikasi Android di Google Play Store, buka https://play.google.com/store
  7. Sebagai contoh disini saya akan mendownload Dead Trigger 2. Klik pada logo Apk Downloader di sudut kanan atas browser kemudian tunggu beberapa saat, Anda akan diminta untuk memilh folder untuk menyimpan file Apk yang didownload. Klik save dan tunggu hingga proses download selesai.



Selamat, Anda telah berhasil mendownload aplikasi Android di Play Store melalui Komputer.

Silahkan tinggalkan jejaknya di komen gag..
Baca Selengkapnya
Back to Top