IKLAN ANDA

Tuesday 21 October 2014

Memasang ReCaptcha di PHP-HTML

Memasang ReCaptcha di PHP dan HTML

Anda sebel karena sering mendapati kiriman spam di buku tamu Anda? atau secara umum dari halaman form yang bisa diakses oleh publik? Kini spam-spam tersebut bisa kita filter dengan cara yang mudah menggunakan ReCaptcha. ReCaptcha ini tidak sembarang Captcha biasa, karena dia merupakan layanan API untuk penangkal Spam. Sehingga Anda tidak perlu repot-repot membuat anti spam tersebut. Anda hanya cukup registrasi di situs recaptcha.net selanjutnya taruh kode dan key pada script PHP yang kita buat, beres deh :-)Untuk contoh anti spam yang saya pasang menggunakan ReCaptcha

OK, sekarang kita bahas bagaimana cara memasang ReCaptcha tersebut. Untuk mudahnya, misalkan kita punya form berikut ini:
input.php
<html>
  <head>
    <title>Contoh Form</title>
  </head>
  <body>
     <h1>Contoh Form</h1>
     <form method="post" action="submit.php">
     Masukkan Input Text <input type="text" name="teks">
     <input type="submit" name="submit" value="Submit">
     </form>
  </body>
</html>
submit.php
<?php
   $input = $_POST['teks'];
   echo "Anda telah memasukkan input teks ".$input;
?>
Script contoh di atas cukup simpel yaitu akan menampilkan input teks yang dimasukkan dalam form. Nah sekarang kita akan menambahkan captcha pada form di atas. Selanjutnya jika kode captcha yang dimasukkan salah maka input teks yang dimasukkan tidak muncul, melainkan pesan peringatan bahwa kode yang dimasukkan salah.
Nah… sekarang langkah menambahkan script captcha dengan ReCaptcha adalah sbb:
Langkah pertama, silakan lakukan registrasi dahulu di http://ReCaptcha.net.
Langkah ke dua, untuk registrasi silakan klik ‘Use ReCaptcha on Your Site’
Captcha PHP
Langkah ke tiga, silakan klik ‘Sign UP’. Jika Anda sudah mempunyai akun Google langsung saja login.
Langkah ke empat, isikan nama domain situs Anda pada kotak yang disediakan. Jika Anda ingin memasang di banyak domain situs, harap dicentang ‘Enable this key on all domains (global key)’.
href="http://4.bp.blogspot.com/-A_eP8rblA7c/TyGiPoEYHBI/AAAAAAAAAMU/fcv43nS5-Pw/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
Nah… setelah disubmit, Anda akan mendapat Public Key dan Private Key. Harap dicatat baik-baik kedua key ini karena nantinya akan digunakan untuk mengakses API nya ReCaptcha.
Langkah ke lima, download file ‘recaptchalib.php’. File ini merupakan library ReCaptcha. Untuk mendownload file ini, silakan kunjungi situs ini.
Langkah ke enam, letakkan file ‘recaptchalib.php’ ini dalam direktori script form dan script pemrosesan formnya.
Langkah ke tujuh, sisipkan kode ini di dalam form untuk menampilkan kode captcha nya
input.php
<html>
  <head>
    <title>Contoh Form</title>
  </head>
  <body>
     <h1>Contoh Form</h1>
     <form method="post" action="submit.php">
     Masukkan Input Text <input type="text" name="teks"><br>
     <?php
        require_once('recaptchalib.php');
        $publickey = "...";
        echo recaptcha_get_html($publickey);
     ?>
     <br>
     <input type="submit" name="submit" value="Submit">
     </form>
  </body>
</html>
Keterangan:
Isikan Public Key Anda pada $publickey nya.
Langkah ke delapan, kita modif sedikit script submit.php nya sbb
submit.php
<?php
  require_once('recaptchalib.php');
  $privatekey = "...";
  $resp = recaptcha_check_answer ($privatekey,
                $_SERVER["REMOTE_ADDR"],
                $_POST["recaptcha_challenge_field"],
                $_POST["recaptcha_response_field"]);

  if (!$resp->is_valid)
  {
      // output jika kode captcha salah
      echo "Maaf kode captcha yang Anda masukkan tidak valid";
  }
  else
  {
      // proses jika kode captcha benar
      $input = $_POST['teks'];
      echo "Anda telah memasukkan input teks ".$input;
  }
?>
Keterangan:
Isikan Private Key Anda pada $privatekey
Berikut ini adalah tampilan form input setelah diberikan captcha dengan ReCaptcha.
Captcha PHP

Thursday 4 September 2014

Cara Mendaftar Google Analytics dan Memasang Kode di Blog

Cara mendaftar Google analytics
Cara Mendaftar Google Analytics dan Memasang Kode di Blog - Anda ingin mengetahui trafik blog anda? Atau ingin mengetahui seberapa ramai blog anda? Google Analytics adalah aplikasi yang tepat untuk memonitor blog anda, terlebih google analytic juga sangat penting untuk pelaku bisnis online dan para pencari uang di internet karena lewat aplikasi milik google ini kita bisa mengetahui seberapa ramai blog kita.

Kita langgung saja ke tutorial cara mendaftar google analytics dan memasang kode diblog anda.

Cara Mendaftar Google Analytics Universal

  • Kunjungi Halaman Googel Analiytics
  • Setelah berada pada halaman google analytics, klik link MASUK di kanan atas.
  • Klik PENDAFTARAN untuk membuat akun analytics baru.
Sign up Google Analytics
  • Setelah anda masuk lengkapi formulir pendaftaran
  • Pastikan opsi yang anda pilih adalah WEBSITE bukan APLIKASI
  • Geser kebagian bawah anda akan memilih opsi dari google analytics dan pastikan pilih yang UNIVERSAL ANALYTICS karena fiturnya lengkap dan sama gratisan.
formulir Googel analytics
  • Selanjutnya klik setuju pada PRIVACY POLICE
privacy police
  • Setelah anda klik SETUJU, anda akan dibawa kehalaman akun anda, dan akan ada kode analytics yang anda harus pasang pada blog anda.
  • Silahkan copy kode tersebut

Memasang ID Tracking Google analytics pada blog anda

  • Masuk pada akun blogger anda
  • Pilih menu TEMPLATE
  • Pilih EDIT TEMPLATE
  • Cari kode </head> pada blog anda dan paste kode analytics tepat diatas </head>
  • Simpan Perubahan
  • Coba buka kembali halaman google analytic dan tekan F5 dan lihat apakah ada pemberitahuan KODE PELACAKAN berhasil atau tidak.
  • Jika belum Coba alternatif berikut
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);

  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ?  'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
  • Ganti kode UA-XXXXX-X dengan ID pelacakan anda.
  • Hapus kode diatas </head> yang sebelumnya anda pasangdan ganti dengan kode script diatas.
  • SIMPAN TEMPLATE
  • Coba tekan F5 kembali pada halaman google analytics.. mudah-mudahan berhasil

Sebenarnya anda juga bisa memasang ID pelacakan melalui pengaturan lalu pilih lainnya pada kolom google analytics masukan kode PELACAKAN ANDA (UA-XXXXX-X). (lihat gambar)


instal Google Analytics
Dengan terpasangnya id pelacakan pada blog anda maka anda bisa mengetahui trafik blog anda dan tetunya sudah lebih SEO. Demikian cara daftar google analytics dan memasang kode diblog anda sudah seesai, OK saya rasa cukup sampai disini dulu trimakasih sudah mampir dan membaca artikel saya.

Kenapa Website atau Blog Hilang Dari Pencarian Google

Blog hilang dari pencarian Google?

Pasti sangat kecewa sekali apabila hal tersebut terjadi pada Anda. Pengalaman saya pribadi dalam mengelola sebuah situs dengan judul Pusat Obat Herbal Alami banyak sekali kendalanya, selain kendala dari ancaman google sandbox ada juga yaitu google dance. Kedua sumber kendala tersebut dapat mengakibatkan blog atau website menghilang dari halaman pencarian SERP, khususnya mesin pencari Google.
Sebetulnya banyak sekali penyebab hilangnya suatu website atau blog dari pencarian google, diantaranya yaitu:
google dance
googlebot dance

1. Google Dance

Beberapa master SEO mengatakan bahwa hilangnya blog atau website dari index google karena google dance. Google dance merupakan salah satu tools algoritma yang dimiliki oleh google yang berfungsi untuk merestrukturisasi (melakukan indeks ulang) seluruh blog atau website yang sebelumnya sudah menetap posisinya pada SERP (Search Engine Result Page) untuk menentukan SERP yang baru kemungkinan bisa naik atau bisa turun, tergantung kompetitas konten dan keyword yang dibidik webmaster. Jadi sebenarnya ketika blog atau website kita kena efek google dance ini, kita bisa gembira atau cemas. Apakah google selajutnya akan benar-benar mengkick blog kita dari index mereka atau akan menaikan rankingnya?

google sandbox
google sandbox

2. Google SandBox

Google Sandbox merupakan tempat (penjara) sementara sebuah blog atau website yang diparkir dan dinilai oleh Google. Apakah alamat tersebut layak muncul dalam SERP atau tidak. Pastinya pertimbangan Google ini didasari oleh peraturan-peraturan yang telah diberikan oleh Google sendiri.
Dari beberapa sumber yang pernah saya baca menyebutkan bahwa penyebab google sandbox antara lain karena telah dilakuakn manipulasi SEO pada suatu blog atau website untuk mendapatkan top rank dengan cara-cara yang melanggar ketentuan SEO google, antara lain :
  • Dengan melakukan banyak back link (over backlink).
  • Submit / ping artikel yang dilakukan secara berulang-ulang pada suatu web directory.
  • Melakukan teknik spamming pada suatu blog atau website.
  • Terlalu banyak membuat postingan artikel hasil copy-paste dari blog atau website yang lain dengan judul dan konten yang sama.
  • Membuat postingan artikel dengan kata kunci yang tersebar banyak pada artikel tersebut.
Intinya cara optimasi yang kita lakukan telah dianggap memaksa google untuk memposisikan blog atau website kita sebagai top rank.

Tips keluar dari google sandbox?

  • Edit artikel yang terkena efek sandbox dengan menambah beberapa kata atau kalimat baru. Pastikan pada artikel tersebut tidak ada broken link. Intinya pada tahan ini yaitu melakukan update artikel yang terkena google sandbox.
  • Membuat artikel yang ada hubungannya dengan google sandbox, dan arahkan link ke artikel yang terkena google sandbox.
  • Submit ulang sitemap blog atau website yang terkena efek sandbox pada Google Webmaster Tools.
  • Lakukan beberapa backlink artikel yang bersangkutan pada blog dofollow dengan PR yang tinggi. Usahakan blog dofollow auto approve.
  • Bersabar dan berdoa sambil menunggu terbebasnya artikel atau blog yang terjebak dari penjara google.

3. Google melakukan manajemen SERP

Tidak ada yang mengetahui secara pasti bagaimana cara Google melakukan manajemen SERP mereka. Hal ini menyebabkan timbulnya berbagai asumsi, apakah itu asumsi negatif dan asumsi positif. Untuk beberapa asumsi tersebut sampai sekarang belum ada kejelasan karena Google selalu memilih diam untuk setiap kebijakannya.
Beberapa kemungkinan yang menyebabkan blog atau website hilang dari pencarian Google.

Google melakukan perbaikan pada sistem mereka, bersamaan dengan ini beberapa blog atau website akan mendapat pengaruh buruk, diantaranya:

  • Google melakukan reindexing total terhadap blog dan website yang sudah menetap pada SERP google.
  • Google mungkin saja melakukan investigasi suatu blog atau website terhadap kecurigaan adanya kecurangan strategi SEO yang digunakan oleh seorang webmaster. Selama proses ini, Google mencegah kunjungan visitor ke blog atau website tersebut dengan menutup akses ke blog atau website yang bersangkutan melalui SERP.

Sedang terjadi update Page Rank

  • Google secara berkala melakukan penyegaran terhadap database mereka untuk menyesuakian page rank untuk blog atau website pada index mereka.
  • Webserver hosting sedang down ketika robot Google sedang bekerja hal ini menyebabkan robot Google melaporkan adanya hal yang tidak relevan atas index mereka dan kondisi yang terjadi.
Manajemen SERP oleh google dilakukan bisa saja karena ada beberapa blog atau website yang dengan sengaja maupun tidak melakukan pelanggaran seperti:
  • Ditemukannya link yang menuju ke blog atau website yang termasuk dalam kategori “penjahat”, seperti blog gambling, konten porno, SEO aliran hitam (back hat SEO) dan lain-lain.
  • Terdapat duplikasi konten (konten yang mirip) pada blog atau website yang satu dengan beberapa blog yang lainnya. Hal ini bisa terjadi karena adanya tindakan copy-paste.
  • Lamanya waktu yang dibutuhkan oleh robot untuk membuka blog atau website yang bersangkutan.
  • Ditemukannya hal-hal yang melanggar Google Webmaster Guidelines pada blog atau  website yang bersangkutan
Empat penyebab yang dijelaskan terakhir ini, meskipun dilakukan secara tidak sengajat, akan dapat menyebabkan blog atau website tersebut hilang dari hasil pencarian (SERP) karena Google memutuskan untuk melakukan investigasi.
Melihat aktivitas manajemen SERP yang dilakukan oleh google, banyak sekali master SEO dan master web yang pada akhirnya menyarankan untuk tetap duduk diam dan tunggu sampai akhrinya blog atau website muncul kembali dalam page one SERP.

banned google

4. Penalty dan Banned Google

Penalty dan banned google bukanlah akibat google dance, karena google dance sebetulnya akibat proses interaksi google dalam menentukan ranking suatu blog atau website. Sedangkan penalty dan banned google adalah sebuah tindakan google terhadap blog atau website apapun yang dianggap telah melakukan spam atau teknik black hat SEO.
Banned google, berarti website anda dianggap google 100% telah melakukan spam dan isi blog atau website tidak sesuai dengan apa yang diindex google. Sebagai akibatnya blog atau website 100% tidak diindex google. Cara ngetesnya gampang, cukup ketik site:domainanda.com pada kotak pencarian google. Bila tidak ada hasil pencariannya sama sekali berarti blog atau website tersebut telah di banned oleh google.
Sedang penalty google merupakan sebuah peringatan menuju banned google. Artinya blog atau website tersebut tidak 100% spam, hanya direktori yang dianggap spam saja yang dikeluarkan indexnya dari google. misalkan halaman posting anda 100% copy-paste dan melakukan tindakan spam lainnya maka sedikit demi sedikit index single posting anda akan hilang dari index google.
Untuk mengetahui apakah blog atau website terkena banned atau penalty google, silahkan gunakan fasilitas yang ada pata http://pixelgroove.com/serp/sandbox_checker.
Demikianlah artikel tentang "mengapa blog atau website hilang dari pencarian google". Saya berharap artikel yang sederhana ini dapat bermanfaat bagi saya pribadi dan Anda selaku pembaca yang telah bersedia meluangkan waktu untuk membaca artikel ini.
Terima kasih.

Mohon maaf, saya tidak menyantumkan alamat sumber karena artikel ini merupakan rangkuman dari berbagai artikel mengenai google sandbox, google banned dan google penalty.

Saturday 22 March 2014

CARA MEMBOBOL PASSWORD LOGIN WINDOWS 7

1.       Restart Komputer jika kondisi Komputer anda dalam keadaan mentok di posisi login password. Namun jika komputer dalam keadaan mati, maka tinggal nyalakan saja.
2.       Untuk masuk ke Safe Mode, tekan F8 saat windows booting.
3.       Kemudian pililah “Repair Your Computer”.
4.       Saat tampilan dari “Repair Your Computer” terbuka, klik Open Command Prompt.
5.       Kemudian Ketikkan “net user administrator /active:yes” tanpa tanda kutip.
6.       Muncullah pesan yang berisikan “the command active successfully”
7.       Setelah itu ketikkan lagi pada jendela Command Prompt “net user administrator password tanpa tanda  kutip.
NB: Ganti kata passwordsesuka kalian.
8.       Setelah itu tutup Command Prompt anda.
Setelah anda melakukan langkah 1 – 8 kemudian restart Komputer anda. Maka password login akan tergantikan dengan password yang baru. Sembuhlah cenat cenut di kepala anda..
SELAMAT MENCOBA...
BERIKUT PERINTAH YANG DI PAKAI :
·         Safe Mode
·         Repair Your Computer
·         Open Command Prompt
·         net user administrator /active:yes 
-     net user administrator password
Cara lainya
1) Folder system32 temukan file cmd (Command Prompt), gandakan file tersebut dengan cara copy paste di folder sama, hingga akan muncul duplikat cmd bernama cmd-Copy , rename cmd-Copy tersebut menjadi sethc 
2) Windows otomatis terestar, dan anda kemudian di hadapkan pada login screen dengan windows yang terkunci tekan tombol Shift 5x dengan cepat
3)muncul CMD kemudian ketik 
·         net user administrator /active:yes 
-     net user administrator password 
nb: administrator dideduaikan user yang mau dirubah, kemudian password adlh pasword baru
hal ini bisa dilakukan di dualboot windows&linux, atau pakai usb linux bootable.

cara menghilangkan tulisan "Home" pada front page joomla

cara menghilangkan tulisan "Home" pada front page di joomla

1. Masuk Ke menus - menu utama - home
2. Cari Page Display Option, rubah nilai Show page heading jadi No
3. Save

Tuesday 4 March 2014

Membuat Slider Carousel Otomatis Versi 2

Sebenernya sudah lama sekali saya diminta oleh seorang teman blogger Ronny Dee untuk membuat tutorial slider Carousel seperti pada template Mas Paper 2. Kali ini saya akan membuat tutorialnya tapi hanya memakai slider carousel sederhana yang sudah pernah saya buat pada tutorial sebelumnya, disini saya hanya memodifikasi kode CSS nya saja, sehingga tampilannya mirip dengan slider Carousel yang ada di template Mas Paper 2. Tapi kalau dilihat sepintas, justru slider ini lebih mirip dengan slider Carousel yang ada di bagian atas (bawah navigasi) halaman depan situs detik.com.

slider carousel


Cara membuatnya hampir sama dengan slider Carousel otomatis versi 1, disini saya hanya merubah kode CSS dan menambahkan timestamp diatas judul post. Langsung saja di bawah ini langkah-langkah untuk membuatnya :
  1. Pertama Anda mesti login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
    #carousel{width:980px;height:125px;border-bottom:1px solid #ccc;position:relative;display:block;background:#5599e6;margin-bottom:8px}
    #carousel h5{color:#555;margin:2px}
    #carousel .container{position:absolute;left:24px;width:960px;height:125px;overflow:hidden}
    #carousel .thumb{float:left;margin-right:5px;}
    #carousel #previous_button{position:absolute;width:24px;height:125px;background:url(http://3.bp.blogspot.com/-vxUtQ_S674s/T-8KtEsewAI/AAAAAAAAHGs/cfd8RK0R-vM/s1600/previous.png) center;z-index:100;cursor:pointer;}
    #carousel #next_button{position:absolute;right:0;width:24px;height:125px;background:url(http://3.bp.blogspot.com/-FaZC4Gr6pS0/T-8KsaJKtHI/AAAAAAAAHGk/GDXOy42rx3Q/s1600/next.png) center;z-index:100;cursor:pointer;}
    #carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
    #carousel ul{width:100000px;position:relative;margin-top:10px}
    #carousel ul li{background:#ebebeb;display:inline;float:left;text-align:left;font:bold 11px Arial;border:0px solid #ccc;width:212px;height:90px;margin:0 2px 20px 6px;padding:6px}
    #carousel ul li a.slider_title{color:#222;display:block;margin-top:0;padding-top:0}
    #carousel ul li a.slider_title:hover{color:#1b5d97}
    #carousel a img{display:block;background:#fff;margin-top:0}
    Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.
  6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
    showRandomImg = true;

    aBold = true;

    summaryPost = 140;
    summaryTitle = 25;
    numposts1 = 12;

    function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }

    s = s.join("");
    s = s.substring(0,chop-1);
    return s;
    }
    function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();
    document.write('<ul>');
    for (var i = 0; i < numposts1; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }

    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
    var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';

    document.write(trtd);
    j++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>
    Keterangan :
    Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Kode warna biru : 12 adalah jumlah slider yang ditampilkan. Sedangkan angka 100 dan 90 adalah panjang dan lebar image yang ada di slider.
  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='carousel'>
    <div id='previous_button'/>
    <div class='container'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>   
    <div class='clear'/>
    </div>
    <div id='next_button'/>
    </div>
    <script type='text/javascript'>
    (function($) {     $(document).ready(function(){
    $(&quot;#carousel .container&quot;).jCarouselLite({
        auto:4000,
        scroll: 1,
        speed: 800,   
        visible: 5,
        start: 0,
        circular: true,
        btnPrev: &quot;#previous_button&quot;,
        btnNext: &quot;#next_button&quot;
        });
        })})(jQuery)   
    </script>
    </b:if>
    Perhatikan kode warna merah diatas, sport adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat). Jika Anda ingin menampilkan postingan atau artikel terbaru pada slider, tinggal hapus kode /-/sport. Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 
  8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.
Demikian tadi tutorial membuat slider Carousel otomatis versi 2, seperti biasa jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Selamat mencoba dan semoga bermanfaat
 
http://www.maskolis.com/2012/07/membuat-slider-carousel-otomatis-versi.html

Membuat Slider Carousel Otomatis Berdasarkan Label

Tutorial kali ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Prinsip kerja dari slider ini sama seperti pada slider otomatis berdasarkan kategori. Anda tinggal mengganti dengan label anda dan slider ini akan bekerja sesuai dengan label yang anda masukkan. Slider Carousel yang saya buat kali ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.



Cara pemasangannyapun sangat mudah, jika anda sudah pernah mempraktekkan artikel saya terdahulu yang berjudul membuat slider otomatis berdasarkan kategori tertentu, tutorial kali ini terasa sangat mudah, karena langkah-langkah pembuatannya hampir sama. Langsung saja di bawah ini langkah-langkah untuk membuatnya :
  1. Login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
    #carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
    #carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png) repeat center}
    #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
    #carousel #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png) center}
    #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
    #carousel #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png) center}
    #carousel ul{width:100000px;position:relative;margin-top:10px}
    #carousel ul li{background:#fff url(http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/OdQmhV73piY/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
    #carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
    #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
    #carousel ul li a.slider_title:hover{color:#cd1713}
    #carousel a img{display:block;background:#fff;margin-top:0}
    Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.
  6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
    showRandomImg = true;

    aBold = true;

    summaryPost = 140;
    summaryTitle = 25;

    numposts1 = 15;
    label1 = "news";

    function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }

    s = s.join("");
    s = s.substring(0,chop-1);
    return s;
    }
    function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();
    document.write('<ul>');
    for (var i = 0; i < numposts1; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }

    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
    var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

    document.write(trtd);
    j++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>
    Keterangan :
    Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).
  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='carousel'>
    <div id='previous_button'/>
    <div class='container'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>   
    <div class='clear'/>
    </div>
    <div id='next_button'/>
    </div>
    <script type='text/javascript'>
    (function($) {     $(document).ready(function(){
    $(&quot;#carousel .container&quot;).jCarouselLite({
        auto:4000,
        scroll: 1,
        speed: 800,   
        visible: 5,
        start: 0,
        circular: true,
        btnPrev: &quot;#previous_button&quot;,
        btnNext: &quot;#next_button&quot;
        });
        })})(jQuery)   
    </script>
    </b:if>
    Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 
  8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.
Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat.
 

Membuat Content Slider Image Otomatis

Sebelum template pada demo slider ini saya bagikan nantinya, saya akan mengulas satu persatu terlebih dahulu fitur yang ada pada template ini. Dan disini Anda akan mengetahui bagaimana sebuah template akan bekerja bersama dengan beberapa fitur yang ada di dalamnya secara otomatis. Prinsip kerja dari Content Slider ini hampir sama pada artikel saya sebelumnya tentang membuat slider otomatis pada template Sporty Magazine 2, bedanya hanya pada tampilan thumbnail kecil yang saya letakkan di bawah dan efek mouseover yang ditambahkan pada slider ini.

Banyak sekali tutorial membuat image slider yang sudah beredar di internet, dari beberapa kasus yang saya temui kebanyakan masih memasukkan URL gambar dan keterangan satu persatu, dan itu sangat merepotkan dan membutuhkan ketelitian, meskipun ada beberapa diantaranya yang sudah otomatis, disini saya hanya memberikan alternatif lain untuk memperbanyak koleksi teman-teman semua mengenai prinsip dasar dari kerja sebuah image slider otomatis pada blog platform blogger.  Tampilan image slider seperti gambar dibawah, jika anda perhatikan sebenernya inilah dasar dari pembuatan Yahoo slider sederhana yang saya pasang pada template Johny Simplemag. Anda bisa modifikasi sendiri sesuai selera.

image slider otomatis


Di blog demo ada slider image Carousel otomatis, jika Anda tertarik silahkan baca tutorialnya pada Membuat Slider Carousel Otomatis Berdasarkan Label.

Cara Pembuatan

Langsung saja pada langkah-langkah pembuatan Content Slider Image otomatis ini :
  1. Langkah pertama, Anda mesti login ke blogger dengan akun Anda
  2. Pilih blog yang ingin anda tambahkan slider image ini.
  3. Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Langkah berikutnya, letakkan kode berikut ini diatas kode ]]></b:skin> :
    #featuredContent{float:left;width:407px;margin-right:10px;display:inline}
    #featured-slider{position:relative;overflow:hidden;width:407px;height:245px}
    #featured-slider .sliderPostInfo{position:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)}
    #featured-slider .sliderPostInfo p{color:#fff;font-size:1.1em;padding:0 5px}
    #featured-slider .sliderPostInfo h2{color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px}
    #featured-slider .contentdiv{visibility:hidden;position:absolute;left:0;top:0;z-index:1}
    #paginate-featured-slider{display:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px}
    #paginate-featured-slider ul{width:415px;padding-bottom:0;list-style:none}
    #paginate-featured-slider ul li{display:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px}
    #paginate-featured-slider img{padding-top:5px;background:#f0f0f0}
    #paginate-featured-slider a img{border-top:4px solid #f0f0f0}
    #paginate-featured-slider a:hover img,#paginate-featured-slider a.selected img{border-top:4px solid #357798}
    Tulisan warna biru diatas adalah panjang dan lebar slider pada demo, silahkan sesuaikan ukurannya.
  6. Masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/222517121138/contentslider.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
    showRandomImg = true;

    aBold = true;

    summaryPost = 100;
    summaryTitle = 25;

    numposts3 = 5;

    function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }

    s = s.join("");
    s = s.substring(0,chop-1);
    return s;
    }
    function showrecentposts3(json) {
        j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
        img  = new Array();

          for (var i = 0; i < numposts3; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var pcm;
            var posturl;
            if (i == json.feed.entry.length) break;
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'alternate') {
                    posturl = entry.link[k].href;
                    break;
                  }
            }
           
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                    pcm = entry.link[k].title.split(" ")[0];
                    break;
                  }
            }
           
            if ("content" in entry) {
                  var postcontent = entry.content.$t;}
            else
            if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
            else var postcontent = "";
           
            postdate = entry.published.$t;
       
        if(j>imgr.length-1) j=0;
        img[i] = imgr[j];
       
        s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

        if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

        //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


        var month = [1,2,3,4,5,6,7,8,9,10,11,12];
        var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        var day = postdate.split("-")[2].substring(0,2);
        var m = postdate.split("-")[1];
        var y = postdate.split("-")[0];

        for(var u2=0;u2<month.length;u2++){
            if(parseInt(m)==month[u2]) {
                m = month2[u2] ; break;
            }
        }

        var daystr = day+ ' ' + m + ' ' + y ;

        var trtd = '<div class="contentdiv"><a href="'+posturl+'"><img width="407" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"><h2 class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
        document.write(trtd);


        j++;
    }

    }

    function showrecentposts4(json) {
        j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
        img  = new Array();

          for (var i = 0; i < numposts3; i++) {
            var entry = json.feed.entry[i];
            var posttitle = entry.title.$t;
            var pcm;
            var posturl;
            if (i == json.feed.entry.length) break;
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'alternate') {
                    posturl = entry.link[k].href;
                    break;
                  }
            }
           
            for (var k = 0; k < entry.link.length; k++) {
                  if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                    pcm = entry.link[k].title.split(" ")[0];
                    break;
                  }
            }
           
            if ("content" in entry) {
                  var postcontent = entry.content.$t;}
            else
            if ("summary" in entry) {
                  var postcontent = entry.summary.$t;}
            else var postcontent = "";
           
            postdate = entry.published.$t;
       
        if(j>imgr.length-1) j=0;
        img[i] = imgr[j];
       
        s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

        if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

        //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


        var month = [1,2,3,4,5,6,7,8,9,10,11,12];
        var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        var day = postdate.split("-")[2].substring(0,2);
        var m = postdate.split("-")[1];
        var y = postdate.split("-")[0];

        for(var u2=0;u2<month.length;u2++){
            if(parseInt(m)==month[u2]) {
                m = month2[u2] ; break;
            }
        }

        var daystr = day+ ' ' + m + ' ' + y ;

        var trtd = '<li><a class="toc" href="#"><img width="75" height="50" class="alignnone" src="'+img[i]+'"/></a></li>';
        document.write(trtd);

        j++;
    }

    }

    //]]>
    </script>
    Keterangan :
    Kode script warna merah (paling atas) adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Warna biru : Jumlah post yang ditampilkan dalam slider
    Warna hijau : Panjang dan lebar image besar
    Warna merah tua : Panjang dan lebar image kecil
  7. Setelah langkah diatas, save templates terlebih dahulu. Setelah itu menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :

    <div id='featuredContent'>
    <div class='sliderwrapper' id='featured-slider'>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
    </script>
    </div>
    <div id='paginate-featured-slider'>
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </ul>
    <div class='clear'></div>
    </div>
    <script type='text/javascript'>
    featuredcontentslider.init({
    id: "featured-slider", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.4], //[true/false, fadedegree]
    autorotate: [true, 5000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan. Dan warna merah adalah keterangan slider yang berupa kecepatan, slider efek mouseover dan lain-lain, tidak harus dimasukkan.
    Jika Anda ingin menggantinya dengan recent post atau artikel terbaru ganti kode (ada dua ganti semua) :
    script src=\"/feeds/posts/default/-/sport?max-results
    dengan kode berikut :
    script src=\"/feeds/posts/default?max-results
  8. Jika anda ingin meletakkannya langsung pada template, anda bisa letakkan kode nomer 7 dibawah kode <div id='main-wrapper'>, bagi yang ingin meletakkannya pada kotak HMTL/Javascript bisa dibuat dulu satu kolom kosong diatas blog post. Cara membuatnya, letakkan kode berikut diatas ]]></b:skin>
    /* Slide Content
    ----------------------------------------------- */
    .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
    word-wrap: break-word; overflow: hidden;} 
    .slide {color: #666666;line-height: 1.3em;}
    .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
    .slide li {margin:0;padding-top:0;
    padding-right:0;padding-bottom:.25em;
    padding-left:0px;text-indent:0px;line-height:1.3em;}
    .slide .widget {margin:0px 0px 6px 0px;}
  9. Kemudian untuk memunculkannya pada layout (diatas blog post), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
          <div id='slide-wrapper'>
    <b:section class='slide' id='slide' preferred='yes'/>
          </div>
    </b:if> 
    slider otomatis
Jika diperhatikan kode script yang ada diatas memang terlalu banyak, dan tentunya akan semakin memperlambat loading sebuah blog. Untuk mengatasinya Anda bisa menyimpan kode-kode yang terlalu panjang tersebut di tempat penyimpanan Google Code. Nah, itu tadi salah satu fitur slider image yang saya ulas kali ini. Saya berharap dengan mengulas satu persatu fitur dalam sebuah template, nantinya teman-teman semua bisa membuat sebuah tampilan template sendiri dengan memodifikasi dari dasar tampilan yang sudah saya berikan diatas.Selamat mencoba dan semoga bermanfaat
 

Monday 17 February 2014

10 Penyebab Komputer sering Restart Sendiri dan cara mengatasi

Hai sahabat warungbelajar kembali lagi iseng iseng nulis kawan :D, tetap dipermasalahan mengenai komputer, Mungkin buat teman - teman pernah ngalami ketika lagi maen komputer eh komputernya restart sendiri, kenapa yak ??? langsung bawa ke tukang service hihi. Warung belajar kali ini akan membahas 10 penyebab komputer sering restart sendiri dan cara mengatasi



Buat teman teman yang punya komputer baru atau mungkin masih awam dengan yang namanya komputer bisa mencoba tips dari saya ini yang mungkin bisa anda coba ketika komputer anda restart sendiri. Komputer sendiri terbagi dari beberapa bagian yang mungkin dulu dari SD sudah diajarkan sama bapak atau ibu guru :D, Hardware Software dan Brainware ya ketiga bagian itu adalah elemen terpenting dalam sebuah komputer.
Bagian yang akan kita bahas nanti adalah hardware (Perangkat Keras) dan software(Perangkat lunak). Karena Komputer erat hubungannya dengan Hardware dan software maka penyebab komputer rusak pun banyak penyebabnya yang berhubungan dengan 2 hal ini, ukey kita bahas kawan :D permasalahannya seperti ini kawan :


1. Prosesor kepanasan

Prosesor yang katanya adalah sebuah otak menurut guru SD saya dulu hehe, katanya semua proses dikomputer itu adalah berada disini, lalu apa hubungannya dengan komputer restart ??
begini mas mbak, ketika komputer bekerja dengan keras mungkin lagi membuka banyak aplikasi secara bersamaan, maka prosesor yang dikatakan sebagai otak ini akan bekerja extra keras #kasian, nah didalam prosesor ini terdapat system untuk menyelamatkan prosesor itu sendiri ketika dalam kondisi temperatur tertentu dengan merestart komputer tersebut, lalu bagaiamana cara untuk mengatasinya ?


  • anda bisa mengecek temperatur komputer pada BIOS, atau anda bisa menggunakan program untuk mengecek temperatur dari komputer seperti CPUID
  • Anda cek untuk bagian Fan Prosesor, apakah perputarannya pelan, karena jika perputarannya pelan maka temperatur prosesor akan mudah panas dan otomatis komputer restart, anda bisa menyemprotkan cairan anti karat dibagaian dinamo dari fannya yang seperti biasanya saya lakukan :D


  • Anda lihat apakah pada sirip sirip pendingin prosesor tersebut itu banyak debu debunya yang mengakibatkan temperaturnya mudah panas .


  • sudah keringannya pasta prosesor yang ada diatas prosesornya, ini juga yang akan menyebabkan prosesor cepat panas, anda bisa memberikan pasta prosesor biasanya disebut iso thermal, atau bisa pakai cara yang lebih extrem pakai pasta gigi cara ini juga bisa cuma tidak disarankan karena lama lama akan mengalami penggumpalan ketika lama digunakan.


  • anda bisa meletekkan komputer anda diruangan yang berAC ya sedikit banyak akan memberikan menurunkan temperatur dari prosesor ketika prosesor mulai memanas :D


2. Power Supply turun daya


Hal seperti ini biasa sangat sering terjadi kawan, biasanya seperti ini ketika menyalakan komputer, pada waktu bios loading windows itu komputer bisa berjalan normal, tetapi ketika masuk ke windows yang terjadi adalah komputernya restart, apa yang terjadi ?????
logikanya seperti ini, ketika komputer masuk ke bios dan loading windows itu daya listrik yang diminta masih belum banyak, tetapi ketika masuk ke dalam windows pastinya banyak program yang dijalankan dan pastinya akan meminta asupan listrik yang cukup banyak, dan ketika power suply sudah menurun dayannya yang terjadi power supply tidak dapat memberikan permintaan listrik ke komputer akhirnya ngerestart kan kawan, cukup masuk akal lah :D, jadi sebaiknya untuk keperluan komputer saat ini anda bisa pakai yang 500 watt saja kawan :D .

3.VGA rusak

jika anda yang pakai VGA Card anda bisa juga untuk mengecek komponen yang satu ini, beberapa vga card yang ada kipasnya, bisa anda lihat kipasnya itu mungkin pergerakannya melambat mungkin karena kotor, bisa anda bersihkan hal ini juga berpengaruh kawan.

4. Kerusakan Di Harddisk

Ada kemungkinan juga ada badsector di harddisk anda yang menyebabkan komputer anda tidak maksimal dalam pembacaan data yang menyebabkan komputer restart, lalu bagaimana cara mengatasinya ?? anda bisa melakukan checkdisk atau melakukan defragment pada harddisk anda.

5. Ram Rusak

Kemungkinan juga bisa terjadi, karena ketika ram dalam keadaan rusak maka komputer dalam menjalankan program tidak bisa maksimal yang menyebabkan komputer akan melakukan restart, atau malam di beberapa contoh permasalahan ketika ram rusak komputer tidak akan bisa menyala yah cukup extrem kan kawan :D. coba untuk mengganti ram anda atau mungkin membersihkan ram anda dengan cara membersihkan bagaian kuningannya dengan penghapus pensil kawan :D.

6. Kabel Harddisk tidak stabil

Ya yang ini adalah pengalaman yang sering saya temui biasanya terjadi di harddisk dengan kabel sata, ketika kabel datanya rusak atau kurang berfungsi, maka komputer akan bisa restart, bagaimana bisa terjadi seperti berikut ini, menurut pemikiran yang saya tangkap ketika si komputer booting di os dia punya batas maksimal loading, jadi ketika kabel yang digunakan kurang maksimal dalam penyampaian data yang bisa menyebabkan loading yang lama dan akhirnya bisa restart itu komputer :D #menurutsayasih hehe

7. Lonjakan Listrik penyebab komputer restart

Lonjakan listrik yang secara tiba tiba terjadi bisa membuat komputer anda restart karena permintaan listrik yang diminta komputer tidak terpenuhi, lalu bagaimana solusinya kawan ??
saya sarankan untuk menggunakan si Stavolt untuk komputer anda untuk mengatasi ketika lonjakan listrik ini.

8. fatal error

ya keterangan fatal error juga sering kita temui ketika anda sedang bermain komputer, dan setelah itu komputer akan restart otomatis ????? apa salah komputernya ??? kok tiba tiba si layar jadi warna biru BSOD (Blue Screen Of death) nah bagaimana cara mengatasinya ??
Fatal Error ini terjadi ketika system terjadi kerusakan, jadi saran saya repair saja system anda atau install ulang, jika tidak maka yang terjadi tetap seperti itu.

9. Antara Hardware dan software tidak cocok

Bagi orang awam mungkin anda belum mengenal apa itu driver ?? apa fungsinya ??
nah driver ini yang sangat kompleks fungsinya, seperti kata diatas hardware dan software tidak cocok ini akan juga mengalami error dan menyebabkan restart, jadi saran saya silahkan anda pastikan drivernya sudah cocok, jika anda bingung anda bisa menggunakan software all driver, seperti driver pack solution untuk menginstall driver.

10. Hardware atau software Yang rusak ???

karena judulnya 10 penyebab komputer restart, yang sudah saya sebutkan 9 nah yang terakhir ini cara terpenting yang bisa cukup ampuh untuk mengetahui apakah yang rusak ketika komputer restart itu, si hardware atau software ???
ketika komputer nyala pertama kali, anda tekan f2,atau del(tergantung merk motherboard) dengan otomatis masuk bios, nah ketika masuk bios itu tunggu 5 menit, jika komputer anda restart, berarti yang rusak adalah dibagaian hardware, tetapi jika tetap nyala dan ketika anda masuk ke windows normal komputer restart , berarti yang rusak itu softwarenya :D.

Nah itu kawan 10 penyebab komputer restart, yang saya ketahui dan saya coba saya share di warung belajar ini, jadi ketika komputer anda restart tiba tiba anda bisa mencoba untuk memperbaiki sendiri, tapi saya yakin masih banyak lagi penyebab komputer restart dan cara mengatasinya, dan jika teman teman yang lain punya tambahan, dengan senang hati silahkan berkomentar :D, terima kasih kawan demikian artikel saya mengenai 10 penyebab komputer sering restart dan cara mengatasinya :D.

http://www.qbonk.com/?reg=obenx

Cara Mengatasi Windows 7 Yang Sering Restart Sendiri

Windows 7 merupakan salah satu OS yang cukup populer belakangan ini, kalau menurut saya microsoft sendiri seperti bernostalgia dengan memberi nama 7 pada seri windowsnya, karena pada era windows2 jadul yang masih berbasis semi-GUI ataupun text pemberian namanya manggunakan nomor seri dari windows itu sendiri, baru pada tahun 1995 diberi nama bedasarkan tahun, dan saat ini balik lagi pemberian nama dengan nomor yaitu windows 7.
Oke, itu tadi kita sedikit berbicara mengenai windows 7. Windows 7 sendiri bisa dikatakan belum sempurna 100%, masih banyak trouble yang mungkin akan anda alami.
Seperti aplikasi yang pada windows xp sebelumnya dapat berjalan, pada windows 7 belum tentu bisa jalan, itu merupakan salah satu contoh kekurangan dari windows 7. Dan masih ada lagi, yaitu windows 7 sering restart sendiri dengan mendadak.
Nah inilah masalah yang saya hadapi sekarang. Memang cukup kesal juga, bila kita sedang bekerja dan windows restart sendiri padahal ada kerjaan yang belum di save.
Maka dari itu saya akan berbagi ti[ps buat anda untuk menghadapi masalah tersebut.
Langkah langkah nya adalah sebagai berikut :
1. Buka Control panel (Klik Start > Control Panel)
2. Setelah itu klik System and Security pada Control Panel
3. Pada bagian System and Security klik System
4. Lalu pilih dan klik Advanced System Setting
5. Setelah itu akan muncul jendela System Properties
6. Pada jendela System Properties klik setting di bagian Startup and Recovery
7. Nah sekarang hilangkan centang automaticlly restart.

Mudah2an cara tersebut dapat membantu...
http://www.qbonk.com/?reg=obenx

Penyebab dan cara serta solusi memperbaiki komputer PC yang sering restart sendiri

Penyebab dan Solusi Komputer Sering Mati atau Restart Sendiri - Penyebab Kerusakan pada Komputer memang banyak sekali, dan tak jarang di saat-saat penting komputer malah rusak/error dan sering restart sendiri. Suatu hal yang sering membuat kita pusing karena kita tidak tahu penyebabnya sebelumnya. Oke kali ini saya akan bahas penyebab komputer sering mati atau restart sendiri.
Ebook Panduan Teknisi Jaringan Komputer,Panduan Teknisi Komputer,Repair Monitor LCD,Mastering Bios,Memperbaiki Printer

Penyebab dan Cara Mengatasi Komputer Sering Mati atau Restart Sendiri

CPU (Processor) mengalami panas yang melebihi Standard
Jika suhu CPU anda melebihi 60 derajat (C) komputer akan beresiko kerusakan dan sistem komputer secara otomatis dimatikan saat suhu mencapai di tingkat yang tidak aman.
Beberapa Penyebab Processor mengalami panas :
  • Pemakaian Komputer yang terlalu lama
  • Menggunakan aplikasi yang berlebihan pada saat yang bersamaan.
  • Menginstall software yang melebihi spesifikasi komputer tersebut.
  • Bertumpuknya debu di headsing pendingi, akan membatasi aliran udara dan mencegah pendinginan.
  • Tata letak CPU pada tempat yang singup sehingga pembuangan udara panas kurang maksimal
Masalah Komputer kena Virus
Virus juga bisa menyebabkan komputer error dan restart sendiri, karena virus akan menyerang file system sehingga system tidak bisa berjalan dengan normal dan berat, yang akan membuat system akan restart, atau virus menginfeksi file system sehingga komputer tidak dapat menjalankan system dengan normal dan mengakibatkan setiap kali komputer anda digunakan akan restart. Cara menyelesaikan masalah ini, scan komputer anda dengan antivirus yang terbaru dan selalu update.
Hardisk yang rusak
hardisk yaitu area penyimpanan system file serta data, di mana sistem windows serta file program disimpan didalam hardisk, apabila sesuatu hardisk terlebih pada partisi boot alami bad sector, serta didalam bad sector tersebut ada file system, maka ini bisa menyebabkan system tidak bisa membaca data, serta system dapat restart.
Cara Mengatasi :
  • Pakai aplikasi recovery system untuk melakukan perbaikan bad sector.
  • Buat partisi baru dengan software layaknya easus atau menginstall lagi windows serta memecah hardisk jadi sebagian, dengan langkah bikin sesuatu partisi di mana di sesuatu partisi tersebut area bad sector, serta partisi tersebut tak perlu di cereate atau diformat, dan menginstall sistem di partisi yang tetap bagus sectornya.
  • Ganti Hardisk
Komponen Motherboard Rusak
Kapasitor yang tidak baik atau melemah pada motherboard juga mampu mengakibatkan komputer reboot. apabila anda mahir menggunakan solder serta memeriksa kapasitor yang melemah, anda mampu jalankan penggantian untuk perbaikan kapasitor yang lemah. namun apabila anda tidak mahir saat menggunakan solder serta melacak kapasitor yang lemah, tambah baik serahkan pada tenaga service atau merubah motherboard dengan yang baru. 
Memory Bermasalah
Penyebab lain komputer sering restart sendiri yang sangat kemungkinan yakni memori yang jelek. processor dapat berusaha untuk terhubung area yang jelek kala memori sistem anda ( ram ) bisa membawa dampak komputer panik serta restart. langkah terbaik untuk menanggulangi ini buka casing cpu, mencabut serta ganti sesuatu ram stick serta kita bisa apakah dengan dicabutnya satu ram atau ganti ram komputer tidak restart lagi. seumpama tidak restart lagi bermakna permasalahan telah paling atasi.
Daya Listrik Melemah
Kegagalan pasokan listrik dibawah standart yang semestinya juga mampu mengakibatkan komputer anda me-restart pada kala yang tidak menentu. switching power supply udah tidak normal bekerja. untuk menangani persoalan ini, matikan komputer, buka power supply, lepaskan kabel catu daya ke motherboard. cobalah gunakan power supply yang baru

Bagaimana Cara Mengatasi Komputer Sering Mati atau Restart Sendiri?

Untuk tutorial lebih lengkapnya anda bisa mendownload ebook panduan teknisi komputer dan masih banyak lagi tutorial lengkap lainnya.
Ebook Panduan Teknisi Jaringan Komputer,Panduan Teknisi Komputer,Repair Monitor LCD,Mastering Bios,Memperbaiki Printer

Iklan Anda

  • 8 Jam Bisa Menerjemah Al-Qur'an
    Bisa OTODIDAK, bisa dipelajari oleh siapapun
    www.metodgranada.com