Membuat CCTV sederhana Menggunakan Webcam

     Pada postingan kali ini shartobrother membahas bagaimana membuat CCTV sederhana menggunakan Webcam, ini sangat cocok anda gunakan untuk CCTV warnet, sekarang banyak warnet yang digunakan untuk mesum dan yang lebih merugikan lagi terkadang setelah ada pelanggan ngenet kemudian pindah client tanpa sepengetahuan operator dan akhirnya bayar cuma 1 client saja, agar tidak kecolongan hal-hal tersebut. caranya adalah memasang CCTV dengan menggunakan Webcam dan ini juga cocok untuk mengawasi rumah anda dan mengantisipasi pencuri / maling dirumah anda, program ini bisa menggunakan maksimal 7 webcam.

Peralatan / Hardware dan Software yang dibutuhkan :

1. Komputer 

Yang digunakan untuk memantau atau memonitori ruangan yang kita pasang Camera

2. Camera Webcam 

Semua jenis camera webcam bisa digunakan, saya sarakan untuk  pilih kamera yg resolusinya max 1.3MP. Karena kita bakal ngerekam video melalui kamera ini, semakin besar resolusi, makin besar ukuran file yg dibentuk.

3. Kabel UTP

Ini  Khusus untuk penempatan webcam jarak jauh diperlukan kabel perpanjangan.

4. Software Webcam 7

Sebenarnya ada beberapa software lain selain Webcam7, cuman menurut saya saat ini software yang paling lengkap fiturnya Webcam7. 

Anda Dapat Download Webcam 7

 Disini

Fitur Webcam 7

• Capture gambar

• Record video dengan tambahan fitur scheduling

• Sebagai server untuk streaming video dari webcam.

Langkah langkah instalasi :

1. Hubungkan camera webcam ke USB computer

2. Instal driver webcam, pastikan camera webcam sudah bekerja.

3. Instal software Webcam7 sampai selesai. Jalankan webcam7, untuk sementara pilih mode free. 

Memunculkan camera webcam diwebcam7
- klik kanan pada area pemantauan webcam
- PCI / USB (WDM Driver)
- JPEG USB Video Camera (tergantung kamera yang terinstal)

Menggunakan banyak kamera webcam 

Software webcam 7 ini dapat digunakan free jika hanya menggunakan 1 camera webcam, untuk menggunakan lebih dari 1 kamera harus berbayar, anda bisa download keygennya agar dapat digunakan lebih dari 1 webcam atau membeli lisensi nya disitus resminya.

Memantau kamera Dari komputer lain jaringan LAN 

Pilih Web / Broadcast

Pastikan internal web server is running, jika belum klik enable.

Untuk membuka webcam dari komputer lain. Buka web browser misal mozilla ketikkan pada address bar : http://ipaddress:8080 atau http://computername:8080

nama computername bisa dilihat pada gambar dibawah 

Buka buka web browser (misal mozilla) dari komputer lain.seperti tampilan gambar di bawah ini:

 Untuk memperpanjang kabel USB silahkan baca  Memperpanjang kabel USB Webcam CCTV, semoga artikel ini bermanfaat, semoga sukses

Read More

Cara Mengatasi Komputer Atau Laptop Lambat

       Memiliki Laptop membantu pekerjaan kita menjadi lebih mudah tetapi bagaimana jika komputer/laptop kita lemot, pasti akan membuat kita jengkel. berikut beberapa penyebab Komputer/Laptop anda Lambat dan cara mengatasinya:

 1. Kurangnya Memory.

Masalah komputer lambat karena minimnya RAM yang terpasang merupakan hal yang umumnya sudah diketahui oleh semua pengguna komputer. 

Untuk itu cobalah cek kapasitas memory yang terpasang, untuk komputer sekelas Intel Pentium 4 dengan OS Windows XP dan aplikasi standar sebaiknya upgrade-lah memory menjadi minimal 1 GB. 

2. Banyaknya Program yang Terinstall. 

Secara pribadi saya sering menemukan komputer terutama milik pribadi yang di-install bermacam-macam program didalamnya, padahal aplikasi tersebut jarang atau bahkan tidak pernah digunakan sama sekali.
Periksalah program apa saja yang terinstall dikomputer dengan cara klik Add/Remove Program di Control Panel dan un-install program-program yang hanya menjadi “accesories” tersebut. 

3. Banyaknya Startup Programs dan Service yang berjalan. 

Hal ini berkaitan dengan point no 2, semakin banyak program yang terinstall, semakin banyak pula program dan service yang akan dijalankan ketika windows startup.
Untuk menonaktifkan startup program dan service yang berjalan otomatis tersebut, masuklah ke “System Configuration Utility” dengan cara ketik: msconfig pada menu run, kemudian pada tab service dan startup lakukan uncheck terhadap aplikasi-aplikasi yang tidak diperlukan.
Untuk melihat aplikasi apa saja yang sedang berjalan, kita bisa menggunakan tool Prosesexplorer. Dengan tool ini kita dapat melihat dan menonaktifkan (kill) aplikasi apa saja yang tidak diperlukan atau dicurigai sebagai virus. 

4. Full nya Temporary File.
Penyebab komputer lambat yang ke empat adalah sudah membengkaknya file-file temporary (sementara). Untuk Windows Xp lokasi file tersebut ada di:”C:\Documents and Settings\nama_user\Local Settings\Temp” dan”C:\WINDOWS\Temp”.
Untuk membersihkannya, delete-lah file-file yang terdapat di kedua lokasi tersebut atau jalankan program Disk CleanUp dengan cara klik start-run, ketik: “cleanmgr” lalu pilih drive yang akan di-cleanup. 

5. Banyak Security Program.

Security program seperti program antivirus dan firewall merupakan aplikasi tambahan yang harus ada pada komputer, tetapi janganlah terlalu berlebihan misalnya dengan menginstall 2-3 program antivirus sekaligus.
Untuk masalah security windows, yang terpenting adalah lakukan update, aktifkan firewall dan gunakan antivirus yang tidak membebani komputer seperti misalnya PCMAV Antivirus serta berhati-hatilah ketika menggunakan USB Flashdisk / Memory Card. 

6. Masalah pada Hardisk.

Hardisk merupakan komponen kedua setelah RAM yang bisa menyebabkan komputer menjadi lambat. Masalah Komputer lambat yang disebabkan oleh hardisk ini diantaranya karena: 

• hardisk low space 
• hardisk yang terfragmentasi 
• hardisk yang sudah lama, sehingga rpm-nya menurun 
• hardisk error / bad sector 

Cara mengatasi komputer lambat karena masalah pada hardisk diatas adalah: 

• upgrade kapasitas hardisk dengan menambah atau ganti hardisk
• lakukan defragmenter pada hardisk secara berkala 
• hindarkan hardisk dari debu, goncangan dan panas berlebih
• perbaiki kerusakan pada hardisk dengan tool checkdisk

7. Adanya Virus, Malware atau Spyware.

Apabila komputer kita sudah terlebih dahulu terserang virus atau malware, maka sebaiknya jalankan Windows Safe Mode, matikan fasilitas system restore dan gunakanlah program Virus Cleaner seperti misalnya Norman Malware Cleaner untuk membersihkan virus atau malware tersebut dan lakukan pula update pada sistem operasi. 

8. System Files ada yang Corrupt atau Bahkan Hilang. 

Biasanya terjadi setelah komputer terinfeksi virus dan file-file yang terinfeksi tersebut terlanjur rusak atau terdelete oleh antivirus. Solusi yang paling gampang adalah dengan merepair sistem operasi yang digunakan. 

9. Hardware Overheat. 

Hardware overheat baik itu terjadi pada hardisk, vga card, processor atau cpu secara umum bisa menyebabkan menurunnya kinerja komputer yang pada akhirnya komputer menjadi hang, lambat atau bahkan sering restart. Untuk itu pastikan sirkulasi udara pada bagian dalam CPU berjalan dengan baik begitu juga pada fan (kipas angin) harus bersih dari debu dan dapat berputar dengan lancar. 

10. Masalah Konektifitas pada Jaringan / network.

Hal ini bisa terjadi karena trafic jaringan yang tinggi, hub atau switch yang hang atau adanya virus yang mencoba masuk ke sistem komputer kita. Untuk mengatasinya, coba lepas dan pasangkan kembali konektor RJ45 pada LAN Card atau Roset LAN, restart Switch / hub dan gunakan program Port scanner untuk melihat packet data apa saja yang masuk dan keluar dari komputer kita. 

Semoga cara-cara mengatasi Komputer lemot diatas dapat membantu anda. Jika komputer anda masih lelet atau lemot, itu tandanya anda dianjurkan untuk membeli laptop/komputer baru. Semoga saja komputer anda bisa diatasi dengan cara diatas. Semoga mermanfaat.

Read More

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header

Salam blogger, Kali ini saya sedikit berbagi tentang Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header yang telah di request oleh sahaba-sahabat Aagarang pada halaman Facebook.

Menu drop down dapat kita pasang diatas maupun dibawah nama blog, dengan memasang menu semacam ini tampilan blog kita semakin tampak bagus dan pastinya akan mempermudah pengunjung untuk mencari apa yang dibutuhkan dari blog kita. 

Untuk demonya silakan sobat blogger klik link berikut ini DEMO. Bagi sobat blogger yang berminat memasang menu semacam ini silakan ikutu langkah-langkah berikut ini:

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin>

Klik show untuk melihat

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHcSJuP9V_RQVrHgWzOISzmyXUqWdVCwJI1bFiM-XwyoyE1NCjBTVnsNHqEPISIYQiya2wbdNbE6hZFYDTEZRRSHjsS1IbCa0QoA4MWlh3wfTj4RIVW1k1JKKVeDbO-dV8Pr9Y8HWSziA/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf2yz0p_qnePXk0QX0WVQ3YYqVQYFR679T6wrwPNnoyGWbOMl6gQtkaqYBSqNctr_UVTNk5ceu5YiYHsEnzVaaRIBjKDhTxIumEmjo49xgZAtnvSU0bo0pRX6KdJLEknkAAqWmrhGnZCo/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

Selanjutnya sobat blogger cari kode berikut:

• <header>  : untuk menempatkan menu di atas nama blog
• </header> : untuk menempatkan menu di bawah nama blog

Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </header>

Klik show untuk melihat

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiQgshz1rKmgmF0htmsAR9UomhUyw4k37f6j8obX9tMwOuecqrjLpgXeHu4OR7xClFEsZRUGLUuh-zuEWb9MLuccfTUg1j5tj3u7k2K8R8BIbNfKcEbN5AnceWgGiWXLg1cyp18BZ6jsM/s1600/home_white.png' style='padding:0px;'/> Home</a></li>
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/aagarang' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.myspace.com/aagarang' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/aagarang' target='new'>aagarang&#39;Z on Facebook</a></li>
</ul>
</li>
<li><a href='http://aagarang.blogspot.com' target='new'>aagarang</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://aagarang.blogspot.com/search/label/tips%20dan%20trik%20komputer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/tips%20dan%20trik%20blog'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://aagarang.blogspot.com/2012/01/tv-online.html'>TV Online</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/computer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/desain%20grafis'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/game'>Game</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/microsoft'>Microsoft</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/software%20aplikasi'>Software APP</a></li>
<li class='hr'/>
<li><a href='http://aagarang.blogspot.com/search/label/software%20program'>Software Program</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://aagarang.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://aagarang.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXTIJ1paXEKVD7NVIoIJ0CzUcL99-12ed2MPPXJ2napXgofhscomAi-0OLCfZNxdzblsnrhScwIq2RfUcKikrP8QljVXEaQZ4bwjRvMPuNhu78L3qqwUeHdoJdMBYUSiiqWghR70sLNFY/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsDpWbwcN-wsp-7sW1KZIoxZb5jNsvlp_UbpaCfARdbOxj_wZ-7RViqKPTN8_P8-vZYbmp1sJznqzvfY4m29nQ85nNv2RVIUBIOJYk0vyH3hnXMKF6pj31qZJ1gBegVj2PUUhLlEjuLbM/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

Keterangan:

1. Kode berwarna merah adalah Url tujuan, silakan sobat ganti dengan Url pada blog sobat
2. Kode berwarna kuning adalah kalimat yang tampil pada menu dropdown, Silakan sobat sesuaikan.

Demikianlah Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header, semoga bermanfaat bagi sobat blogger.

Read More

Cara Membuat Fans Page Facebook Di Blog

   Salam blogger, Melengkapi permintaan dari salah satu sahabat Aagarang on Facebook yang meminta saya untuk memposting cara untuk menghubungkan blog dan halaman facebook yang lebih kita kenal sebagai Facebook page/Like Box. Facebook page sudah sangat lazim digunakan di blog/website, mengingat besarnya manfaat untuk perkembangan blog/website maupun product yang ditawarkan. 

Jaringan sosial beserta pluginnya, khususnya Facebook, terbukti telah memperluas dan meningkatkan popularitas, daya jangkau, traffic, serta penjualan produk jenis apapun. Oleh karena itu, membuat Fans Page Facebook di blog/website merupakan hal yang sangat dianjurkan untuk blog/website Sobat.

Cara Membuat Fans Page Facebook di Blog/Website
1. Langkah pertama Sobat login terlebih dahulu di account Facebook Sobat.
2. Kemudian buka halaman ini:  Facebook Page
3. Pilih/klik opsi Merek atau Produk

4. Pilih opsi no.1"website" dan isikan no.2"nama Page" sesuai dengan yang diinginkan. centang "Persetujuan" dan klik "Mulai", seperti contoh gambar berikut:

5. Selanjutnya Sobat akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.

Penting: Sebelum menuju langkah berikutnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.

Contoh url-nya: http://www.facebook.com/pages/K-T-B/300432780037612

6. Berikutnya sobat pilih menu nomer 5 dan klik "add like box" atau bisa juga buka halaman berikut: Like Box

7. Selanjutnya, isikan spesifikasi seperti gambar berikut:

Setting Facebook Like Box:

1. Facebook Page url: paste url Facebook Page yang di copy tadi

2. Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget pada blog sobat.

3. Height: adalah tinggi like box, sesuaikan juga dengan widget pada blog sobat.

4. Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.

5. Show Faces: Centang untuk menampilkan foto profil likers.

6. Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.

7. Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.

8. Show header: Centang jika ingin menampilkan tulisan header "Temukan kami di Facebook".

Lihat preview tampilan di sebelah kanan form tersebut.

8. Jika settingan yang dibuat sudah beres, klik Get Code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, XFBML dan IFRAME pilih salah satu dan copy kodenya. (Untuk Blogger, disarankan pilih HTML 5).

Copy kedua kode tersebut untuk pemasangan Like Box di blog Sobat.

Cara pemasangan like Box pada Blog:

1. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
2. Pilih HTML/JavaScript.
3. Masukkan kode yang telah dicopy ke dalam kotak kode HTML/JavaScript.
4. Save/Simpan

.

Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website Sobat dapat dengan mudah meng-klik like pada like box yag telah disediakan.

Demikianlah Cara Membuat Fans Page Facebook Di Blog semoga bermanfaat Sobat.

Read More

Membuat Teks Berjalan Di Addres Bar

Membuat Teks berjalan di atas menu bar atau membuat Running Text di atas addres bar media browser kita, bukan merupakan pekerjaan yang sulit. Saya yakin, untuk melakukan hal itu, waktu yang sobat blogger butuhkan tidak lebih dari lima menit bahkan kurang. Teks berjalan di atas menu bar ini biasanya menampilkan sebuah teks yang bertuliskan ucapan selamat datang atau teks pendek yang menjelaskan tentang content blog kita secara umum.

Cara Membuat Teks Berjalan di atas Menu Bar :

• Sign in di akun blogger sobat
• Pada menu drop down, Klik template
• Klik Edit HTML dan klik Proceed.
• Cari kode </head>
• Letakkan kode berikut di atas </head>

view plainprint?

1. <script type='text/javascript'>  
2.  //<![CDATA[  
3.  msg = " -- Selamat datang di a2garang ";  
4.  msg = " | Kami mennyuguhkan Tutorial Blog, Widget Gratis dan Aneka Tips Trik -- " + msg;pos = 0;  
5.  function scrollMSG() {  
6.  document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;  
7.  if (pos > msg.length) pos = 0  
8.  window.setTimeout("scrollMSG()",200);  
9.  }  
10.  scrollMSG();  
11.  //]]>  
12.  </script>  
13.    

<script type='text/javascript'><br /> //<![CDATA[<br /> msg = " -- Selamat datang di Lentera Blogger ";<br /> msg = " | Kami mennyuguhkan Tutorial Blog, Widget Gratis dan Aneka Tips Trik -- " + msg;pos = 0;<br /> function scrollMSG() {<br /> document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;<br /> if (pos > msg.length) pos = 0<br /> window.setTimeout("scrollMSG()",200);<br /> }<br /> scrollMSG();<br /> //]]><br /> </script><br />

• Klik Save template

Read More

Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template

Salam Blogger, Melengkapi permintaan salah satu sahabat A"Garang yang meminta saya menjelaskan tentang cara memasang komentar facebook dan blogger berdampingan.

Mungkin tutorial ini sudah usang dan tidak asing lagi bagi Sobat semua, akan tetapi tutorial yang sudah ada saya coba tidak berhasil pada semua template, dan kemungkinan banyak berhasil pada template premium saja.

Disini saya sedikit mengulas lagi agar tutorial ini berhasil di semua template, karena pada saat saya coba pada blog uji coba saya yang bertemplate standar, tuorial yang lama tidak berhasil, hanya berhasil pada template premium saja, berikut cara yang saya dapatkan dari salah satu blog yang sudah lama bergelut di dunia blogger.

Cara Membuat Komentar Facebook dan blogger Berdampingan Pada semua template: DEMO

1. Login ke account blogger Sobat
2. Klik rancangan lalu klik Edit HTML
3. Download template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan
4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget
5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)
6. Kalau sudah ketemu maka masukkan kode berikut ini di atas kode ]]></b:skin>


Klik buka untuk melihat kode:
    .comments-page { background-color: #f2f2f2;}
    #blogger-comments-page { padding: 0px 5px; display: none;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px;
    cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}


Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.

Cara di atas ini yang biasanya mewajibkan penempatan kode di bawah kode /* Comment atau #comments, Sebenarnya sama saja, mungkin para master terdahulu menyarankan begitu agar tampak lebih rapi.


7. Kemudian Sobat cari kode </head>
   Jika sudah ketemu, masukkan kode berikut ini tepat di atas kode </head>



Klik buka untuk melihat kode:
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <meta content='ID FB Sobat disini' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(".comments-tab").addClass("inactive-select-tab");
    $(selectTab).removeClass("inactive-select-tab");
    $(".comments-page").hide();
    $(selectTab + "-page").show();
    }
    </script>


Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/nama Sobat maka ID Sobat berada pada tulisan yang berwana hijau. Namun jika Sobat belum merubah ID Sobat maka yang tertera adalah berupa angka. contohnya seperti ini: https://www.facebook.com/1234567890


8. Kemudian cari kode  <div class='comments' id='comments'>


Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini di bawah kedua kode <div class='comments' id='comments'>.



Klik buka untuk melihat kode:
    <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
    <fb:comments-count expr:href='data:post.url'/> Comments
    </div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>


NB: Pada penempatan kode yang ke dua Sobat hapus kode yang berwarna ungu ya: <div class='comments comments-page' id='blogger-comments-page'> apabila kode di bawahnya sama.


Perhatikan angka yang berwarna biru dan hijau di atas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Sobat agar kelihatan rapi.


Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode <div class='comments' id='comments'> yang kedua saja, saat saya coba pada template blog uji coba saya tidak berhasil, jadi harus menempatkan di bawah kedua kode tersebut.


9. Kemudian klik save, dan lihat hasilnya.

Demikianlah  Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template,,

Selamat mencoba ya Sobat dan jangan lupa nih Komentarnya, hehehe,,,  bila ada kata-kata yang salah saya mohon maaf,,

Sumber: http://zuazz.blogspot.com

Read More

..::: Kamus On-line :::..

Read More

Kontak E-mail

Read More

Gallery

sorry belum dapat ditampilkan !

Read More

Kantor pemasaran

Kantor Pusat :
                    Jl.By Pass Larangan Indramayu-Jawa Barat
                    Desa Larangan Blok Maja Rt/16/03

Read More

Cara Penulisan dan Menyimpan Kode HTML di blogspot

Pembahasan cara-cara menyimpan kode HTML di template blogger-blogspot secara khusus dengan harapan bahwa para blogger yang masih dalam tahap belajar memodifikasi blog dapat melakukan proses penyimpanan kode HTML dengan benar.
Kekeliruan pada penggunaan tag style (). Bukan cara menuliskannya tetapi ketika kode CSS di simpan di atas kode ]]></b:skin>. Kasus yang banyak terjadi adalah melakukan penyimpanan kode CSS di atas kode tersebut dengan tetap mengikutsertakan tag style. meskipun kelihatannya seperti hal yang teramat sederhana, namun penggunaan tag style tersebut di atas kode ]]></b:skin> justru akan merusak desain yang telah direncanakan (di buat).

Menyimpan Kode CSS

Ada 4 cara dan tempat menyimpan kode CSS:

1. Menyimpan kode CSS di atas kode ]]>.
2. Menyimpan kode CSS di bawah kode ]]>.
3. Menyimpan kode CSS di tag body (antara tag pembuka body - dan tag penutup body - .
4. Menyimpan kode CSS dalam bentuk link. Kode CSS dalam bentuk link adalah kode CSS telah di upload terlebih dahulu di file Hosting (contoh: <link href="http://...../goodude/kode-css.css" rel="stylesheet" type="text/css" />).

Cara menyimpan kode CSS di atas kode ]]>

Untuk menyimpan kode CSS di atas kode ]]> anda tidak perlu menggunakan tag style.
Cara menyimpan yang salah
Perhatikan penggunaan tag style!

<style type="text/css">
.box {
width: 400px;
height: 200px;
padding: 10px;
border: 2px solid green;
margin: 20px auto;
overflow: auto;
color: white;
background: black;}
</style>
]]></b:skin>

Cara Menyimpan yang benar

.box { width: 400px;
height: 200px;
padding: 10px;
border: 2px solid green;
margin: 20px auto;
overflow: auto;
color: white;
background: black; }
]]></b:skin>

Menyimpan Kode CSS di bawah kode ]]> 

Untuk menyimpan kode CSS di bawah kode ]]>, silahkan lakukan penyimpanan dengan menggunakan tag style. Contoh cara penyimpanan kode CSS di bawah ]]>

]]></b:skin>
<style type="text/css">
.box { width: 400px; height: 200px; padding: 10px; border: 2px solid green; margin: 20px auto; overflow: auto; color: white; background: black; }
</style>

Cara menyimpan kode CSS di bagian body di antara tag dan tag (lewat Add a Gadget.
Contoh Penyimpanan Kode CSS yang BENAR pada Elemen Laman

<style type="text/css">
.box { width: 400px; height: 200px; padding: 10px; border: 2px solid green; margin: 20px auto; overflow: auto; color: white; background: black; }
</style>

Contoh Penyimpanan Kode CSS yang SALAH pada Elemen Laman
Perhatikan kode CSS ini di simpan melalui Add a Gadget tanpa tag style

.box { width: 400px; height: 200px; padding: 10px; border: 2px solid green; margin: 20px auto; overflow: auto; color: white; background: black; }

Menyimpan kode CSS berbentuk link. Kode CSS dalam bentuk link seperti contoh berikut:

<link href="http://wimg.co.uk/53P/tooltip.css" rel="stylesheet" type="text/css" media="all" />

dapat disimpan di atas kode , di bawah kode ]]>, di atas tag penutup body ("") atau melalui Add a Gadget --> HTML/Javascript.. Silahkan pilih tempat yang paling anda suka.

Cara Menyimpan javascript
Javascript dapat di simpan di atas kode (paling sering/umum dilakukan), di bawah , di bawah ]]>, di bawah , di atas (paling sering/umum dilakukan) atau melalui Add a Gadget --> HTML/Javascript (juga banyak dilakukan dengan cara ini).

Contoh penulisan javascript-1

<script type="text/javascript">
function show_alert() { alert("Hello, world! whats are u doing ?"); }
</script>

Contoh penulisan javascript-2

<script type="text/javascript"> //<![CDATA[ /* kode khusus - pembuka*/
function show_alert() { alert("Hello, world! whats are u doing?"); }
//]]> /* kode khusus - penutup */
</script>

Apabila javascript telah di upload di file/javascript hosting, penyimpanan dapat dilakukan di atas , di atas atau lewat Add a Gadget (tergantung sifat javascript-perhatikan perintah tutorial!). Javascript yang telah di upload dituliskan sebagai sebuah link dengan cara seperti ini:

<script src="http://wimg.co.uk/k8W/goodude/js/anima.js" type="text/javascript"></script>

atau

<script src="http://wimg.co.uk/k8W/goodude/js/anima.js" language="javascript"></script>

atau

<script src="http://wimg.co.uk/k8W/goodude/js/anima.js" type="text/javascript" language="javascript"></script>

Penulisan xHTML
xHTML disimpan dalam tag body diantara tag pembuka body - dan tag penutup body - baik dilakukan secara langsung di template (Edit HTML) atau melalui Add a Gadget dan di halaman posting

Contoh penulisan xHTML

<div style="width: 400px; height: 200px; background: #000; color: #eee; font-size: 14px;
border: 2px solid red">
welcome to goodude,semoga anda menikmati berita dan tutorial dari kami!
welcome to goodude,semoga anda menikmati berita dan tutorial dari kami!
welcome to goodude,semoga anda menikmati berita dan tutorial dari kami!
</div>

Read More

Menggerakan Mouse Menggunakan kedua Mata

Jika anda menggunakan komputer, untuk menggerakan kursor mouse pastinya menggunakan mouse seperti biasa, Tetapi dengan menggunakan suatu aplikasi, anda tidak perlu menggerakan kursor anda dengan mouse lagi. Karena hanya dengan 2 mata anda, kursor mouse dapat anda gerakkan dan anda tidak perlu mengclik kiri mouse lagi untuk klik, karena cukup mengedipkan mata anda bisa melalukan click. Dengan syarat laptop atau komputer anda harus menggunakan webcam yang aktif.

Jika anda penasaran dan ingin mencobanya,
anda bisa mendownload aplikasi tersebut dibawah ini

DOWNLOAD DISINI

jika sudah download,
install aplikasi tersebut pada komputer atau laptop anda.
dan jangan lupa webcam anda harus dalam keadaan aktif.

Disana juga anda bisa melakukan berbagai macam setting,
seperti menonaktfkan mouse, menonaktfkan klik kiri mouse, dan masih banyak lagi.

Read More

Cara Membuat Recent Post Berjalan Di Blog

Membuat Recent Post Berjalan adalah salah satu tips untuk mempercantik tampilan blog. Recent post merupakan postingan terbaru pada suatu blog. Terkadang recent post sangat diperlukan, hal ini dapat mempermudah pembaca blog untuk melihat postingan terakhir/terbaru pada blog kita. Apalagi jika tampilan recent post itu bagus, berganti-ganti dan naik turun.

Membuat Recent Post Berjalan sebenarnya sudah disediakan oleh blogger sendiri, tetapi sangat sederhana dan tampilannya pun tergantung pada template yang dipakai. Namun jika dengan cara ini, hasilnya saya rasa lebih memuaskan. Apakah harus otak-atik kode script / bahkan otak-atik script template? Anda hanya cukup copy paste aja cara yang akan saya berikan berikut. Tinggal ganti URL blog anda aja, selesai.

Langkah Membuat Recent Post Berjalan sebagai berikut :
1. Masuk akun blogger anda
2. Pilih tata letak
3. Tambah Gadget
4. Javascript / HTML
5. Copy dan pastekan kode berikut di kotak Javascript / HTML tadi.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:415px;
}
#spylist ul{
width:auto;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:auto;
padding: 5px 5px;
margin:0px 0px 1px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "komentar";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " "; 
numposts = 7; 
home_page = "http://www.aagarang.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript"></script></div>

6. Simpan.

Keterangan : Numbpost adalah jumlah postingan terakhir yang ingin anda tayangkan. Sedangkan home_page adalah URL blog anda sendiri.
Tanyakan di kotak komentar jika belum faham. Insya Allah saya balas.
Wassalam

Read More

Free Hosting Alternatif Untuk Menyimpan Javascript

      Now a days, keberadaan javascript dalam sebuah blog mutlak diperlukan. Javascript mempunyai fitur yang unik dan javascript juga membuat penampilan sebuah blog menjadi lebih atraktif. Permasalahannya sekarang adalah penggunaan javascript dalam sebuah blog membutuhkan hosting atau tempat penyimpanan. Google sendiripun sebenarnya sudah menyediakan tempat untuk menyimpan javascript yaitu di Google Code. Seperti layanan produk dari Google lainnya, Anda bisa menggunakan Google Code sebagai hosting javascript secara gratis. Jika Anda ingin mengetahui cara membuat akun dan menyimpan file di Javascript.

Disini saya tidak akan membahas Google Code, saya sudah terlanjur sakit hati. Tak satupun akun saya di Google Code bertahan lebih dari 10 menit. Jika ada teman-teman blogger yang mengalami nasib seperti saya, di tulisan kali ini saya akan memberikan alternatif lain bagi Anda untuk menyimpan file javascript, tentu saja gratis juga. Tempat hosting javascript gratis itu adalah yourjavascript.com dengan motto : If you've got problem with your javascript files on your hosting, just host it on yourjavascript.com. We will host your javascript for free. Situs hosting gratis ini khusus hanya untuk menyimpan file javascript.

Caranya sangat gampang sekali, tidak berbelit-belit anak SD pun bisa melakukannya. Di yourjavascript.com Anda tidak harus daftar terlebih dahulu, tinggal pilih file javascript yang ingin Anda upload, kemudian isi kode verifikasi dan email Anda. URL javascript selanjutnya akan segera dikirim ke email. Disitu nanti juga ada pilihan, javascript yang Anda upload digunakan pribadi atau terbuka untuk umum, jika ingin menggunakannya untuk pribadi Anda tinggal centang make private kemudian isikan URL blog pada kotak di bawahnya. Seperti pada gambar di bawah ini :

Setelah Anda mengisi semua kotak kosong seperti gambar diatas, buka email Anda (biasanya masuk ke spam). Disitu nanti Anda akan mendapatkan URL script dari javascript yang Anda upload seperti gambar di bawah ini :

Kapasitasnya 2 GB per satu akun email, saya sudah mencobanya dan sudah saya pasang di beberapa template buatan saya, so far so good. Jika Anda ingin mencoba layanan hosting gratis untuk javascript ini, silahkan klik logo yourjavascript.com diatas. Demikian artikel kali ini, selamat mencoba dan semoga bermanfaat.

Read More