Bagaimana Cara Menggunakan WhatsApp Di Komputer?

kevinservis TIPS COMPUTER 10 Apr 2013

 

Sempat berpikir bagaimana cara menggunakan whatsapp yang hanya bisa dijalankan pada mobile seperti iphone, android dan lain-lain pada awalnya dan yang sekarang lagi digemari banyak orang, namun karena mungkin keterbatasan materi yang tidak cukup untuk memiliki barang tersebut akhirnya mau tidak mau harus mencari solusi mendapatkan aplikasi whatsapp untuk digunakan pada PC.

Dan Karena kebetulan dibeberapa waktu yang lalu sudah mendapatkan whatsapp yang banyak disediakan secara gratis untuk di unduh, namun bingung juga cara menggunakan di komputer dan akhirnyapun cara tersebut ditemukan setelah 2 jam mengutak-atik.

Kemudian untuk menjalankan whatsapp di komputer harus menginstal emulator android terlebih dulu, sehingga nantinya apabila emulator android tersebut telah diinstal pada komputer barulah kita bisa menggunakan whatsapp untuk chating dengan teman, kenalan atau sanak saudara kita yang memiliki mobile seperti android, blackberry, iOS, dan lain sebagainya.

Ada 2 emulator yang bisa kita gunakan, setelah saya mencoba diantaranya adalah : Bluestack dan YouWave Android. Dari kedua program tersebut semua bisa kita gunakan, namun setelah saya mencoba yang peratama Bluestack harus memiliki spec komputer yang bagus, contoh Minimum RAM harus 2 GB karena program tersebut cukup berat.

Selajutnya yang kedua YouWave Android, lebih ringan dibandingkan Bluestack dan juga tidak harus memiliki spec komputer yang bagus. Maka saya sarankan untuk menggunakan YouWave Android, kerna lebih mudah digunakan dan program ini cukup ringan ketika dijalankan.

Cara menggunakannya cukup mudah, dimana kita dapat menghubungkan teman cukup memasukkan nomor telepon yang nantinya untuk saling kontak atau chatting melalui whatsapp atau bahasa gaulnya menurut bahasa saya (WA) dan juga bisa saling kontak antara pengguna PC dan laptop, menarik bukan? mau mencoba terhubung dengan admin, nanti bisa anda coba setelah yang satu ini.

Ok lansung saja pada pada pokok pembahasan, yang perlu disiapkan :

• Download YouWave Android .

• Setelah selesai download, install aplikasi tersebut.

• Kemudian jika sudah dinstall, download Whatsapp disini atau bisa lansung melalui YouWave Android > View > Apps.

Apabila semua persiapan diatas sudah selesai, silahkan saudara ikuti petunjuk cara menggunakannya dibawah ini dan selesaikan secara berurutan.

1. Buka My Computer.

2. Masuk ke C:\Document and Settings > Nama Profil yang anda gunakan, contoh : KF > youwave > android apps > copy file Whatsapp yang telah didownload sebelumnya ke dalam folder Android apps.

3. Tutup kembali dan jalankan YouWave Android yang telah diinstall melalui program file atau yang ada di desktop dan pastikan anda sudah terhubung ke internet.

4. Klik 2 X pada icon Whatsapp yang berada disebelah kiri dan tunggu proses download selesai maka akan muncul tampilan seperti gambar dibawah ini (Welcome To Whatsapp!). Klik Agree and Continue. Karena disini saya menggunakan YouWave Android Full Version, mungkin tampilan menu sebelah kiri berbeda.

5. Pada halaman Verify your phone number, dalam kotak masukkan kode Negara dan diikuti dengan no telepon, lalu klik OK. Maksudnya disini untuk mendapatkan kode verifikasi, kemudian akan muncul jendela window baru bal.bla.bla klik lagi OK atau klik Edit untuk mengganti dengan nomor lain.

6. Halaman berikutnya lagi SMS verification, sementara proses berlangsung anda akan menerima 6 digit kode verifikasi yang akan dikirim ke ponsel.

7. Apabila kode verifikasi tidak terkirim ke ponsel, klik tombol Call me dan dengarkan 6 digit kode verifikasi yang disebut, lalu masukkan dalam kotak. Setelah itu tunggu beberapa ditik proses verify berlansung.

8. Pada halaman Profil Info, klik add untuk menambahkan Foto anda lansung menggunakan webcam dan ketik Nama Profil, lalu klik Next. Untuk memasukkan foto dari komputer tidak bisa lansung secara manual dan anda harus memiliki kamera, khususnya untuk pengguna PC. Bagi yang ingin memasukkan foto lansung dari program YouWave Android ada trik sendiri dan akan saya bahas diposting berikutnya.

9. Selanjutnya tunggu proses Initializing selesai dan klik Continue.

10. Selesai.

Semua proses atau langkah-langkah diatas telah selesai, selanjutnya memasukkan No. Telepon kenalan anda yang digunakan untuk Whatsapp. Ikuti uraian singkat dibawah ini.

• Klik tombol Home, lalu klik tombol atau icon Telepon dan masukkan No. Telepon tujuan. Bisa memasukkan no tlpn yang admin gunakan untuk Whatsapp. silahkan hubungi admin melalui kotak komentar apabila berminat.

• Kemudian klik tombol Menu, untuk menampilkan beberapa menu dan klik menu Add to contact.

• Pada halaman berikutnya klik Create new contact.

• Halaman berikutnya lagi, ketik atau masukkan First Name dan Last Name, lalu klik tombol Done.

• Selesai.

Sekarang anda sudah dapat menggunakan Whatsapp pada PC dan Laptop yang anda pakai dan yang perlu diketahui 1 PC dan Laptop hanya bisa digunakan oleh satu pengguna dan tidak bisa lebih dari 1.

Lainnya silahkan anda bereksperimen sendiri dan tidak perlu saya jelaskan lebih banyak, karena disitu sudah terdapat berbagai tombol dan fungsinya yang bisa anda lihat pada daftar menu dengan jelas. Namun apabila dari uraian diatas kurang begitu jelas, silahkan bertanya melalui kotak komentar.

Selamat mencoba, Sekian dan terima kasih.

Salam…

Cara Mengetahui Nomor ID Facebook

kevinservis Facebook 4 Apr 2013

Cara Mengetahui Nomor ID Facebook - Kalian pasti tau kan apa Facebook itu? Kali ini saya akan membahas tentang cara untuk mendapatkan ID Facebook dengan mudah dan simpel. Sebenarnya buat apa sing tau ID Facebook? ID Facebook bisa kita gunakan untuk memasang Widget FP di Blog, Autolike Otomatis dan masih banyak lagi.

Cara Mengetahui ID Facebook I :

1. Copy link berikut https://graph.facebook.com/username
2. Ganti username dengan username facebook anda, Contoh https://graph.facebook.com/BlogMasHanif 
3. Copy/paste ke browser > Klik Enter
4. Disana ada tulisan "id": "335379109870187"
5. Berarti ID anda adalah 335379109870187

Cara Mengetahui ID Facebook II :

Cara kedua ini dengan cara membuka link foto kita di Facebook di mana di link yang ada di situ akan ditemukan beberapa nomor. Salah satunya adalah nomor id profile FB kita.

1. Masuk ke Facebook
2. Klik Foto/Photos
3. Klik salah satu album foto
4. Di address bar akan terlihat tulisan begini :

http://www.facebook.com/photo.php?fbid=354103471331084&set=a.335380459870052.77009.335379109870187&type=1&theater

5. Dalam contoh di atas, nomor ID Facebook profile-nya adalah nomor yang pakai teks merah yaitu 335379109870187

Semoga tutorial ini bermanfaan bagi anda sekalian, mohon maaf jika ada kesalahan dalam penulisan. 

Cara Membuat Menu Dropdown Keren di Blogger

kevinservis TIPS BLOG 2 Apr 2013

cikevin Blog's | Saat Ini Saya Akan Berbagi Tentang Cara Membuat Menu Dropdown Keren di Blogger  , Cara ini Juga Masuk dalam Keyword  Cara Buat Menu Dropdown di Bawah Header Membuat Sebuah Menu Navigasi dengan Efek Dropdown Memang Sangat Perlu di Perlukan Oleh Seorang Blogger Karena Tanpa Menu Navigasi Dropdown Blog Akan Cepat ditinggalkan Oleh Seorang Pengunjung karena tidak efektif kecuali anda sudah Memasang Artikel Terkait Dengan Scroll ataupun Artikel Terkait Dengan Thumbnail . Tapi Beda Lagi Bagi Robot Google Karena Dengan Menu Navigasi Dropdown Seringkali Membuat Loading Blog Akan Menjadi Lama dan Ini Tidak Baik Bagi SEO blog. tapi jangan Khawatir Menu Navigasi Dropdown yang Keren ini Tidak Membuat Loading Blog Berat . Menu Dropdown ini Bukan Buatan Saya Melainkan Buatan Seorang Blogger Master .

Berikut Kelebihan Memakai Menu Dropdown ini :

1. Didesain dengan background dan warna menu yang sangat stailis
2. Didesain juga dengan gambar dan link
3. juga didesain dengan kotak berlangganan artikel lewat email
4. di Desain Dengan Menggunakan Breaking News atau Headlines News
5. Didesain dengan 2 dropdown, kiri dan kanan seperti pada gambar diatas.

Jika Kalian Ingin Melihat Seperti Apa Nantinya Menu Navigasi dengan Dropdown ini akan Terjadi 

Ayo Kita Langsung Ke Tutorial Cara Memasang Menu Dropdown Keren di Blogger ini 

Untuk Menghindari Hal yang Tidak di Inginkan BackUp Terlebih Dahulu Template Anda

1. Login Seperti Biasa ke Akun Blogger Anda.

2. Masuk Ke Menu Template Anda > Edit HTML > Centang Expand Template Widget

3.  Cari Kode dibawah untuk Memudahkan Tekan ctrl+f

]]></s:kin>

4. Jika Sudah Ketemu Masukkan Kode dibawah Tepat diatas Kode ]]></s:kin>

ul.dropmenu{
 position: relative;
 margin: 0px;
 padding: 1px 0px 0px 0px;
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbHOkCT7hAut-Rda0t6r2tBPdU2eWXb49fQu1F-7r1ZK4ddfrzLWwuyg3ZS_1XU6t3lWUwsMxnGm7-QRhbTlLDENCmKeRD9HfcjG8BiGTl9EjCEFxi_E9PKjYpZE2Di9MpHx33gxWoGo/s1600/navigation.png) repeat-x scroll 0 0;
 display:block;
 height: 35px;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size: 12px;
}
.dropmenu li{
 position: relative;
 list-style: none;
 float: left;
 margin: 0px;
 padding: 0px;
}
.dropmenu li a{
 height: 22px;
 padding: 9px 30px 0px 15px;
 display: block;
 cursor: point;
 border-right: solid 1px #4a779d;
 color: #FFFFFF;
 text-transform: uppercase;
 text-decoration: none;
}
.dropmenu li span{
 display: block;
 float: right;
 height: 10px;
 width: 10px;
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWM41ZG6lcWfpehHfUqdfs_QFoXw2szT4e6giR1x2quqJjkoemTHh_1ZAEmFDJ7Gx_HFCtyDk3R1oxlQrSw8OB6cMwvXj9qm5wrh4l3_Jku4BiOnKackLRrrgUJlpNNfZKIUKcQfXfF20/s1600/arrow_up.png) repeat-x scroll 0 0;
 position: absolute;
 top: 12px;
 right: 10px;
}
.dropmenu li  a:hover span{
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiehqygiQ5XEJW6pt1mpmNZk94FCXny0t7Km94aA4kzLP4dD6vcVyiUur2RREgA8_0gnLySy8ueZICVDcrzohAHvzBtABL52hc7wW4QSQAS01Mulj7fxr9kVsCtHUgS23TnWe44rse6Hc/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu li:hover ul, .dropmenu li:hover div{
 display: block;
}
.dropmenu ul{
 position: absolute;
 display: none;
 width: 140px;
 padding: 0px;
 margin: 0px;
 border-bottom: 1px solid #ccc;
 background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbP6bBqE5OBAzkIs8XYXZLH_pTD3c6CfV7V7BsApf0WS17lO77rzPGZwkI_-xVaF9qv_-yzgAag_WG8xa4FseSy3M0uQWpaBMIi3M7e_UQN7y8tGSKLugRmNRjZBo7QW2_eqElDPWwsw/s1600/gradient.png) repeat-x scroll 0 0;
}
.dropmenu ul li{
 border: 0;
 float: none;
}
.dropmenu ul a {
  border: 1px solid #ccc;
  border-bottom: 0;
  white-space: nowrap;
  display:block;
  color: #0657AD;
  text-decoration: underline;
  text-transform: none;
}
a.selected, a:hover{
 color: #0657AD !important;
 background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbP6bBqE5OBAzkIs8XYXZLH_pTD3c6CfV7V7BsApf0WS17lO77rzPGZwkI_-xVaF9qv_-yzgAag_WG8xa4FseSy3M0uQWpaBMIi3M7e_UQN7y8tGSKLugRmNRjZBo7QW2_eqElDPWwsw/s1600/gradient.png) repeat-x scroll 0 0;
}
a.selected span{
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiehqygiQ5XEJW6pt1mpmNZk94FCXny0t7Km94aA4kzLP4dD6vcVyiUur2RREgA8_0gnLySy8ueZICVDcrzohAHvzBtABL52hc7wW4QSQAS01Mulj7fxr9kVsCtHUgS23TnWe44rse6Hc/s1600/arrow_hover.png) repeat-x scroll 0 0;
}
.dropmenu ul a:hover {
 color:#F67A00 !important;
 text-decoration: none;
 background-color: #F0F0F0;
 background-image: none;
}
.dropmenu div ul{
 position: relative;
 display: block;
}
.dropmenu li div{
 background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbP6bBqE5OBAzkIs8XYXZLH_pTD3c6CfV7V7BsApf0WS17lO77rzPGZwkI_-xVaF9qv_-yzgAag_WG8xa4FseSy3M0uQWpaBMIi3M7e_UQN7y8tGSKLugRmNRjZBo7QW2_eqElDPWwsw/s1600/gradient.png) repeat-x scroll 0 0;
 border: 1px solid #ccc;
 padding: 5px;
 display: none;
 position: absolute;
}
.dropmenu li div ul{
 border: none;
 background: none;
 position: relative !important;
}
.dropmenu li div a{
 border: none;
 border-bottom: 1px solid #ccc;
}
.dropmenu li div div{
 display: block;
 position: relative;
 background: none;
 border: none;
}
.dropmenu li div div a{
 display: inline;
 border: none;
 color: #666;
 text-decoration: underline;
 padding: 0px;
 margin: 0px;
 text-transform: none;
}
.dropmenu li div div a:hover{
 color: #000;
 text-decoration: none;
}
ul.left{
 float: left;
 width: 145px;
}
ul.right{
 float: right;
 width: 145px;
}
.small{
 color: #666;
 font-size: 10px;
 padding: 10px 5px 8px 5px !important;
 display: block;
 clear: both;
}
.products{
 width: 300px;
 padding: 15px !important;
}
.products ul{
 width: 100%;
}
.products ul li{
 border-bottom: 1px solid #ccc;
 height: 40px;
 padding: 10px 0px;
}
.products h2{
 font-size: 16px;
 padding: 2px 0px 3px 0px;
 margin: 0px;
}
.products p{
 color: #666;
 font-size: 10px;
 padding: 0px;
 margin: 0px;
}
.products img{
 float: left;
 padding-right: 10px;
}
.products  ul li a{
 display: inline;
 border: none;
 color: #666;
 text-decoration: underline;
 padding: 0px;
 margin: 0px;
 text-transform: none;
}
.products  ul li  a:hover{
 color: #000 !important;
 text-decoration: none;
 background: none !important;
}
.tutorials{
 width: 300px;
}
input{
 border:1px solid #4A779D;
 padding: 3px 8px;
 margin-bottom: 8px;
 width: 164px;
}
label{
 padding: 0px 0px 4px 0px;
 display:block;
}
button{
 background: #4A779D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxbHOkCT7hAut-Rda0t6r2tBPdU2eWXb49fQu1F-7r1ZK4ddfrzLWwuyg3ZS_1XU6t3lWUwsMxnGm7-QRhbTlLDENCmKeRD9HfcjG8BiGTl9EjCEFxi_E9PKjYpZE2Di9MpHx33gxWoGo/s1600/navigation.png) repeat-x scroll 0 0;
 color: #FFF;
 border:1px solid #4A779D;
 padding: 4px 10px;
 width: 180px;
}
.emailupdatesform{margin: 10px 0 5px 5px; width: 180px; float: left;}
.emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 160px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: none; font:bold 12px arial; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}

5. Lalu Cari Lagi Kode dibawah ini

</head>

6. Setelah itu Copy Kode dibawah dan Taruh Tepat diatas kode </head>

<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/dropdown.js"></script>
<script>
$(document).ready(function(){
 $("#nav-one").dropmenu();
});
</script>

7. Setelah itu Cari Kode yang Hampir Mirip Seperti Kode dibawah

<div id='header-wrapper'>
<div class='headerleft'>
<b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bocah Poris Blog's (Header)' type='Header'/>
</b:section>
</div>

Keterangan : Jika Anda Kesulitan Mencari Kode diatas Cari saja koe <div id='header-wrapper'> atau <b:widget id='Header1

8. Jika Sudah Ketemu Masukkan Kode dibawah Taruh Tepat diatas Kode diatas.

<ul id="nav-one" class="dropmenu">
<li>
    <a href="#">Home</a> </li><li>
    <a href="#">Forum</a><ul>
        <li><a href="#">Support</a></li>
 <li><a href="#">Help</a></li>
 <li><a href="#">Examples</a></li>
 <li><a href="#">Your work</a></li>
</ul>
</li>
<li>
    <a href="#item3">Downloads</a><ul>
       <li><a href="#">Tools</a></li>
       <li><a href="#">Office</a></li>
       <li><a href="#">Custom projects</a></li>
</ul>
</li>
<li>
 <a href="#">Products</a>
 <div class="products">
<ul>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPYAAWCMplWJ-Lbh3KTgRcvm1J-p3jf2NdJHeUsRbofen8-RpjyJbmLV7c_XLDxWPzQXHzl0ue7y-9hwqiyxxQn40uqf-F8a17f4FAAIHmTJDpOIPuuOxGFvU6IRbuBkfa2qBZukmpxh0/s1600/1.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Featured Box</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9-04SnxAy9_C5IIskyEO_VyQblfjl5VEJypbI8vIWJPKglkBTpcXe2fI6c5H3n-O5fY10qm_WzQ_mYVSFiG01Bnzg06-hXwMlhpdmUxiJF9ZYBsUe6X5YmbEYgivNDc3sVknIiN67D5M/s1600/2.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Mod Rewriter</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC8P1Zqbv6Icqxj6IaeMyLkp-Nx0SACqWkPAiJmahznrXRciNdWVwcyKT788dM6xCpzqAARsGq8LGG0RCloyA55KOaEfA9-jRXUpgk0_RZ8woYM61fKa63886qCwohXwSJZIsvs07emy8/s1600/3.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Byte Scrambler</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC8P1Zqbv6Icqxj6IaeMyLkp-Nx0SACqWkPAiJmahznrXRciNdWVwcyKT788dM6xCpzqAARsGq8LGG0RCloyA55KOaEfA9-jRXUpgk0_RZ8woYM61fKa63886qCwohXwSJZIsvs07emy8/s1600/3.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Image Processor</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2z52Du-9Ab8Q8Tq0HHgWiQqtkcg0mI0zHKgxg0KyoI6TUcW2flLvwaQIbd8aAdBVMSS-ghg5b68yTX0Yuc8hv02wJ-9AYwFzDurOTimsNHd-0IXoFK7OhJFD9Zi2cplYbOeVuJNliw_M/s1600/5.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Registry Class</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSXiM3uToGy04firjTD7dLZykIp8m7wCyzgKtDhBhEWNmwTahFtHa3vqwz2sEZpusORKpcEkk2k5TXv0GF0b2VaxYKVPX_4Ky6_mupR8hzvBrsGzFG7sfWi0CBmfiYSnDXe6SJBfcrhY/s1600/6.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Data Validation</h2><p><a href="#">More information about this product</a></p></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpTGnGK6oLrqEUCeStLx48zyjUS95T9ayJ7y-qU-ldJcZg6-9ebpNa1Sr8TNzY4GeHhOlJlRMjThfEpJTOdCxaNMK2wcvRzeVM-nSbGUBAMPN6jyt3WBO4KLfcazetKTk9ZgOqBfRbVnA/s1600/7.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Ajax Tables</h2><p><a href="#">More information about this product</a></p></li>
</ul>
<div class="small">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</div>
</div>
</li>
<li>
 <a href="#">Tutorials</a>
 <div class="tutorials">
 <ul class="left">
    <li><a href="#">Javascript</a></li>
    <li><a href="#">Python</a></li>
    <li><a href="#">PHP</a></li>
</ul>
 <ul class="right">
    <li><a href="#">HTML/CSS</a></li>
    <li><a href="#">ASP.NET</a></li>
    <li><a href="#">Actionscript</a></li>
</ul>
 
 <div class="small">View <a href="#">all categories</a> or a <a href="#">list of the best tutorials</a>.</div>
</div>
</li>
<li>
 <a href="#">Links</a> <ul>
    <li><a href="#">Programming</a></li>
    <li><a href="#">Inspiration</a></li>
    <li><a href="#">My websites</a></li>
    <li><a href="#">Clients</a></li>
    <li><a href="#">Cool stuff</a></li>
    <li><a href="#">Sitebase</a></li>
    <li><a href="#">Other</a></li>
</ul>
</li>
<li> <a href="#">Subscribe Now</a>
 <div class="emailsub">
        <div class="emailupdatesform">
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blog cikevin', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="tntbystc" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form></div></div>
</li>    </ul> 

9. Ganti Kode yang Berwarna Sesuai Data Blog Anda Sendiri.
10. Terakhir Untuk Menghindari Klik Pratinjau jika Sudah Sukses . Klik Save/Simpan .

 .  

Pengetahuan Dasar Jaringan Komputer (LAN, MAN, WAN)

kevinservis TIPS COMPUTER

Pengetahuan Dasar Jaringan Komputer (LAN, MAN, WAN) - Salam Bloger Kenapa kali ini saya membahas tentang Jaringan Komputer? karena ternyata diantara pembaca blog ini masih belum memahami dari arti jaringan komputer. Jaringan komputer sendiri merupakan sebuah hubungan antara 2 buah atau lebih pada komputer yang saling berhubungan. Sebuah komputer juga bisa disebut jaringan komputer jika komputer tersebut terhubung dengan printer, dan jika komputer anda menggunakan modem dan mengakses internet dengan komputer tersebut komputer anda juga sudah terhubung dengan jaringan, atau dengan kata lain komputer anda terhubung jaringan luas yaitu WAN (Wide Area Network).

Jika komputer sobat hanya terhubung dengan 2 komputer dengan satu printer, maka komputer sobat bisa disebut dengan LAN (Local Area Network).

Sebenarnya berdasarkan dari topologi jaringan komputer, jaringan komputer dapat dibagi dalam beberapa kategori yaitu :

• Topologi Bus
• Topologi Star (Bintang)
• Topologi Mesh
• Topologi Tree (Pohon)
• Topologi Linier
• Topologi Cincin

 Untuk pengertian dari kategori Topologi akan kita bahas pada lanjutan tutorial berikutnya.

Manfaat Jaringan Komputer

Manfaat dari jaringan komputer yaitu dapat kita rasakan yaitu dengan mempermudahkan kita untuk bisa saling berbagi data, file, printer, harddisk, berkomunikasi dan periperal lainnya.Semuanya dapat kita sharing tanpa adanya hambatan dan dengan adanya jaringan komputer sangat mempersingkat dan mempermudah pekerjaan kita.

Kerugian Jaringan Komputer

Dengan adanya jaringan komputer sebenarnya ada sedikit kerugiannya yaitu masalah keamanan (security), jika ada satu komputer terserang virus maka komputer yang terhubung dengannya juga akan terkena dampaknya. Dan satu hal lagi yaitu jika kita mempunyai file pribadi maka dengan mudahnya komputer yang terhubung dengannya akan lebih mudah membukanya, kecuali sobat telah memberikan permission yang komputer lain tidak bisa membuka, hanya komputer pengguna tersebut yang bisa.

Jenis-jenis Jaringan Komputer

Seperti pada pembahasan diatas jenis-jenis jaringan komputer dibagi menjadi beberapa cakupan areanya yaitu jenis LAN, MAN, dan WAN.

1. Local Area Network (LAN)

Jaringan Local Area Network (LAN) merupakan jaringan yang cukup populer karena jaringan jenis ini jaringan yang kecil, 2 komputer saja yang saling terhubung bisa disebut dengan LAN. Biasanya jaringan LAN banyak digunakan oleh Warnet, kantor, kampus, sekolah, rumah, gedung dan sebagainya.

2. Metropolitan Area Network (MAN)

Jaringan Metropolitan Area Network (MAN) merupakan jaringan dalam satu kota, jaringan MAN ini meliputi transfer data berkecepatan tinggi antar kota, kampus, kantor cabang, gedung dengan gedung dan lain sebagainya. Jaringan MAN ini merupakan gabungan dari jaringan LAN yang hanya satu gedung atau satu lokasi.

3. Wide Area Network (WAN)

Jaringan Wide Area Network (WAN) merupakan jaringan yang cukup besar karena jaringan jenis ini menggunakan beberapa router yang terhubung antara satu dengan yang lainnya, dan jika sobat menggunakan modem untuk koneksi internet maka sobat sudah bisa dikatakan sebagai jaringan WAN. Jenis jaringan WAN ini meliputi koneksi antar wilayah kota, provinsi, bahkan dunia.

Bagaimana cukup dimengerti, bukan?

Setidaknya setelah sobat membaca tutorial ini sobat dapat memahami dan mengerti tentang jaringan komputer, jenis-jenis jaringan komputer, manfaat jaringan komputer, kerugian jaringan komputer beserta topologi - topologinya.

Sekian.. Semoga tutorial ini memberikan manfaat dan mengerti-memahami

 

 

Tips Cara Menghapus File yang tidak bisa Dihapus

kevinservis TIPS COMPUTER

Tips Cara Menghapus File yang tidak bisa Dihapus - Salam IT Newbie, Ada seorang pengunjung yang meminta dibuatkan tutorial cara menghapus file yang tidak bisa dihapus, mungkin karena membaca tutorial IT Newbie sebelumnya yaitu tentang  Trik Ampuh Cara Membuat Folder yang tidak dapat di Hapus dan di Rename.

Kejadian ini juga pernah dialami oleh kawan saya dimana ada sebuah file dari flashdisk yang baru saja dia copy dari internet kemudian disimpan nya di komputernya, namun apa yang terjadi file tersebut tidak bisa dihapus. Kawan saya pusing karena file tersebut cukup besar ukurannya dan memakan banyak kapasitas hardisknya. Dengan sedikit pengalaman dari tempat kerja dan juga berbagai referensi IT Newbie dapat dengan mudah menghapus file-file yang bandel itu.

Bagaimana cara agar Menghapus file yang tidak bisa dihapus??. Sangat kesal memang jika suatu file dari komputer kita tidak bisa dihapus mungkin karena cukup mengganggu file-file kita yang lain. Dan file yang membandel itu memang terprotek, maka dari itu IT Newbie akan mengangkat dengan judul Cara menghapus file yang tidak bisa dihapus. tanpa banyak bercakap-cakap akan langsung kita bahas langkah-langkah nya sebagai berikut :

Dari kejadian ini terdapat pesan error dari windows yaitu :

Pesan diatas biasanya menunjukan tidak adanya permission untuk mendelete file tersebut, untuk dapat mendelete nya sobat bisa masuk ke komputer sobat sebagai administrator. Untuk dapat menghapusnya atau memodifikasinya ikuti sebagai berikut :

• Sobat bisa klik kanan pada folder yang akan kita hapus.
• Klik pada menu sharing and security dan kemudian klik properties
• Kemudian klik tab security. Lihat gambar pada kolom group user or username bahkan seorang administrator pun belum mendapat permission didalmnya.

• Untuk itu kita dapat menambahkan terlebih dahulu permission user admin dengan cara klik add.
• Dan pada kolom Enter the object names to select ketikan Admin, kemudian sobat bisa klik OK

• Setelah user admin/user lain ditambahkan, kemudian berikan akses permission full control (di ceklist) kemudian OK
• Kemudian jika sudah barulah hapus file tersebut.
• Berdasarkan pengalaman IT Newbie, jika sudah diberikan permission full control maka dapat dengan mudah dihapus.

Ada beberapa saran dari kawan saya yaitu jika dengan cara manual diatas tidak bisa maka bisa dengan menggunakan softwareyang bernama FilExile.

FilExile yaitu merupakan sebuah software yang memungkinkan seorang pengguna dapat menghapus bebrapa file terkunci yang tidak dapat dihapus dengan cara manual. Untuk dapat menggunakan aplikasi FilExile ini, sobat dapat menjalankan aplikasinya, kemudian sobat dapat tentukan target file atau direktori yang ingin dihapus dan kemudian klik "Delete". Maka file akan mudah dihapus. (Lihat gambar)

Software ini berlicensi GNU GPL v2 sobat dapat mengunduhnya melalui websitenya disini

Software ini sederhana dan udah digunakan oleh newbie sekalipun.

Setidaknya dengan mengikuti langkah-langkah diatas sobat dapat dengan mudah menghapus file yang tidak bisa dihapus secara manual. Karena IT Newbie sudah mencobanya dan hasilnya file yang saya hapus dapat dengan mudah tanpa terprotect.

Semoga tutorial Tips Cara Menghapus File yang tidak bisa Dihapus ini dapat bermanfaat.

Salam

Tips Cara Mengatasi Lupa Password pada Windows XP

kevinservis TIPS COMPUTER

Tips Cara Mengatasi Lupa Password pada Windows XP - Dengan hadirnya windows 8 yang terbaru ini membuat beberapa windows terdahulu seperti windows xp dan windows 7 dilupakan. Karena windows 8 menghadirkan tampilan design dan fitur-fitur terbarunya membuat penasaran orang, bahkan saat windows 8 ini keluar saya langsung mencobanya, dan hasilnya memuaskan.

Namun setelah saya perhatikan tidak semua orang mengupgrade windows nya ke windows 7 maupun windows 8, banyak juga yang masih menggunakan windows xp contohnya yang saya perhatikan yaitu ditempat kerja saya yang lama, diwarnet sekitar saya. Mereka belum  mau mengganti sistem windows nya. Karena menurut beberapa kawan saya yang kebetulan mempunyai warnet mengatakan user-user di warnet lebih senang menggunakan windows XP karena windows XP sifatnya user friendly, mudah digunakan dan sistemnya yang stabil.

Mungkin hanya sebagian dari orang saja yang tidak mau mengupgrade sistem windows nya, selebihnya, lebih banyak orang akan cenderung menginstall upgrade windows nya. Tidak saya pungkiri windows Xp memang versi windows yang baik dan bagus untuk digunakan.

Pada pembahasan ini memang sedikit jadul, karena windows xp sudah jarang digunakan bahkan orang akan mempelajari sistem windows 8 yang merupakan sistem windows versi terbaru. Pada tutorial sebelumnya IT Newbie pernah membahas tentang Trik Cara Merubah Password Windows XP melalui Command Prompt dan Trik Cara Mempercepat Shutdown Windows XP.

Langsung saja akan IT Newbie bahas langkah-langkah Cara Mengatasi Lupa Password Windows XP, seperti berikut ini:

1. Sobat bisa nyalakan komputer, kemudian saat booting sobat bisa menekan F8 pada keyboard sobat secara cepat, maka nanti akan muncul tampilan untuk mengarahkan pilihan masuk windows.

2. Pilih safe mode

3. Sobat akan masuk pada windows sobat dalam mode aman tanpa harus memasukan password

4. Jika sudah masuk ke windows, segera ganti password administrator komputer sobat. Caranya, sobat bisa menuju ke Start - Control Panel - User Accounts.

5. Segera masukan password yang sobat inginkan, dan sobat bisa memastikan  bahwa password nya mudah diingat agar tidak terjadi lupa password lagi.

6. Setelah sobat selesai mengganti password windows xp, sobat bisa me restart komputer atau laptop sobat.

7. Dan selesai sudah, sekarang sobat bisa login dengan password yang baru saja diganti pada fitur safe mode.

Cara ini yaitu cara alternative jika sobat lupa password pada windows XP, setidaknya dengan mengikuti langkah diatas secara benar maka sobat dapat dengan mudah mengatasi permasalahan pada lupa password windows xp. Semoga tutorial ini memberikan wawasan untuk sobat semua.

Semoga bermanfaat..

Salam

 

 

Wifi Konek ke Hotspot Tetapi Tidak Bisa Akses Internet? ini Solusinya!

kevinservis

Wifi Konek ke Hotspot Tetapi Tidak Bisa Akses Internet? ini Solusinya! - Internet untuk jaman semodern ini sangat dibutuhkan untuk keperluan sehari-hari, mulai dari cek email, download film, download game, mencari informasi, mendownload lagu dan lain sebagainya.

Disaat modem kita sudah kehabisan kuota, dan mau tidak mau akses internet kita menjadi sangat lambat sekali, karena dari beberapa provider yang dengan ketentuannya jika kuota sudah habis maka kecepatan akan diturunkan. cukup sedih bukan? disaat kita sedang membutuhkan akses internet.

Berbagai cara kita lakukan untuk mendapatkan akses internet, seperti mencari wifi gratisan yang tidak di protect. Namun saat kita sudah mendapat akses wifi tiba-tiba ada saja permasalahan yang muncul yaitu Wifi Konek ke Hotspot Tetapi Tidak Bisa Akses Internet?. Status di laptop kita bahwa wifi sudah konek tetapi kita tidak bisa browsing atau tidak bisa mengakses internet. 

Dalam tutorial kali ini IT Newbie akan memberikan cara mengetahui letak kesalahan, yang bisa kita lakukan, yaitu sebagai berikut :

1. Sobat bisa memastikan apakah ada tanda seru warna kuning pada taskbar di systray

Dengan adanya tanda seru warna kuning pada ikon di taskbar systray berarti memang kita benar-benar tidak memiliki akses internet. (lihat gambar)

2. Sobat bisa memastikan pada IP address di Laptop

Sobat bisa mengecek pada bagian IP address di Network Connection. Sobat bisa masuk ke control panel kemudian pilih network and sharing connection. Setelah itu sobat bisa klik Change adapter setting kemudian klik kanan wireless connection dan pilih properties, kemudian klik dua kali pada Internet Protocol Version (TCP/IPv4). Kemudian Sobat bisa melihat sebuah window yang menampilkan IP address, sobat bisa memastikan yang terceklis yaitu obtain an IP address automatically dan obtain DNS Server address automatically. (lihat gambar)

 Kenapa harus menceklis dua pilihan diatas? karena wifi merupakan menggunakan IP address DHCP dan IP address sudah dibentuk dari wifi hotspot tersebut yang secara otomatis akan memberikan IP, secara random kepada siapapun yang terhubung dengannya.

3. Sobat bisa mengecek WIFI card pada Laptop

Jika pada dua langkah diatas sudah sobat lakukan yaitu cara terakhir yaitu mengecek di WIFI card. Biasanya yang sering terjadi ada pada driver wifi, solusinya sobat bisa masuk ke menu device manager. Klik kanan pada mycomputer kemudian pilih properties dan pilih device manager. Kemudian perhatikan pada bagian network adapters. kemudian sobat bisa klik kanan dan uninstall. atau sobat bisa langsung menuju ke klik kanan properties pada bagian network adapters kemudian update driver wifi card nya. (lihat gambar)

Dengan mengikuti 3 langkah diatas setidaknya sobat dapat menganalisa kenapa wifi tidak bisa akses internet.

Semoga tutorial Wifi Konek ke Hotspot Tetapi Tidak Bisa Akses Internet? ini Solusinya! dapat menambah wawasan sobat semua.

Salam Cikevin

10 Penyebab Blue Screen Pada Windows

kevinservis TIPS COMPUTER

10 Penyebab Blue Screen Pada Windows - Sangat Menyebalkan memang apabila windows yang sedang kita jalankan tiba-tiba mengalami blue screen. IT Newbie pernah mengalami hal seperti ini dimana saat saya sedang asyik-asyiknya main game tiba-tiba blue screen dan pernah juga disaat sedang install driver pada komputer yang baru di install tiba-tiba bluescreen dan ternyata kesalahan pada saat install driver adalah driver tersebut tidak cocok atau dengan kata lain driver tersebut berbeda.

Jangan panik dahulu ternyata saat blue screen terjadi, mempunyai sebuah pesan.
Berikut ini Pesan Error nya:

1. IRQL_NOT_LESS_OR_EQUAL (0X0000000A)
Ini merupakan biangnya biang kerok pada BsOD. Kenapa? Karena umumnya pada BsOD, pesan ini yang paling sering muncul. Pesan kesalahan ini disebabkan umumnya kerena ada ketidakcocokan driver yang terinstall di komputer.
Daftar Penyebab:
- Masalah driver yang bentrok atau tidak cocok
- Masalah Video Card, hal ini mencakup video card yang di overclock melebihi batas atau Anda baru berganti Video card dan Anda belum menguninstall driver Video card lama dari chipset berbeda
- Masalah Audio Card, meliputi kesalahan konfigurasi atau bug dalam driver sound card

2. NTFS_FILE_SYSTEM atau FAT_FILE_SYSTEM (0X00000024) atau (0X00000023)
Nah, pesan ini setidaknya sudah sedikit “nyambung” memberikan gambaran di mana kerusakan berada, yaitu ada di partisi atau filesystemnya tetapi bukan di harddisknya. Kita bisa melakukan pengecekan dengan memeriksa kabel SATA atau PATA atau bisa mengecek partisi dengan tool chkdsk.

3. UNEXPECTED_KERNEL_MODE_TRAP (0X0000007F)
Bila Anda mendapatkan pesan seperti ini, dapat disebabkan karena:
- Overclock Hardware yang berlebihan
- Komponen komputer yang kepanasan
- BIOS yang korup
- Memory dan CPU yang cacat

4. DATA_BUS_ERROR
Pesan ini disebabkan karena adanya kemungkinan bahwa memory atau slot memory di motherboard rusak.

5. PAGE_FAULT_IN_NONPAGED_AREA
Disebabkan karena adanya kerusakan hardware, termasuk memory utama, memory video card, atau memory di processor (L2 Cache)

6. INACCESSIBLE_BOOT_DEVICE
Disebabkan karena adanya kesalahan dalam konfigurasi jumper harddisk yang salah, virus boot sector, driver IDE controller yang salah, atau kesalahan driver chipset.

7. VIDEO_DRIVER_INIT_FAILURE
Kesalahan terjadi pada instalasi driver video card yang kurang sempurna, restart pada saat instalasi atau juga dapat terjadi karena kesalahan dalam instalasi driver.

8. BAD_POOL_CALLER
Kesalahan ini dapat terjadi karena kesalahan atau driver yang tidak kompatibel. Sering terjadi saat melakukan instalasi XP dari upgrade, atau bukan dari instalasi baru.

9. PEN_LIST_CORRUPT
Pesan ini disebabkan karena adanya kerusakan RAM

10. MACHINE_CHECK_EXCEPTION
Disebabkan oleh cacatnya CPU, atau yang di overclock secara agresif, serta power supply yang kekurangan daya atau rusak.



Sekian..
Semoga artikel 10 Penyebab Blue Screen pada Windows ini bermanfaat...
Salam cikevin

Selalu Blue Screen Saat Instal Windows XP

kevinservis TIPS COMPUTER

Beberapa Motherboad akan mengalami “Blue Screen” saat di instal windows XP kedalamnya, namun tidak terjadi demikian saat di instal windows 7 atau yang lebih baru. Hal itu disebabkan settingan SATA MODE pada bios.





Untuk melakukan perubahan pada settingan bios tersebut masuklah pada BIOS dengan menekan tombol “del” atau F2 atau F10 tergantung model motherboadnya. Lalu cari kata “Sata Mode” seperti gambar dibawah ini atau istilah yang sejenis dan ubah dari AHCI ke IDE.




Setelah melakukan perubahan tersebut save dan lakukan restat pada komputer yang hendak di install. Berikutnya tinggal instal windows XP seperti biasa tanpa blue screen.
Tambahan :
Lalu apa sih sebenarnya perbedaan antara IDE (Integrated Drive Electronics) dan AHCI (Anvanced Host Controller Interface) itu sendiri. Berikut sedikit penjabarannya :
IDE dan AHCI merupakan setingan dari harddisk. IDE terdapat pada harddisk tipe ATA dan SATA. AHCI sendiri adalah setinggan mode raid dari harddisk SATA.
Advanced Host Controller Interface (AHCI) adalah sebuah antarmuka pemrograman aplikasi yang dibuat oleh Intel yang memasukkan operasi Serial ATA host bus adapter.
Integrated Drive Electronics (IDE), standar lama yang masih ada. Murah, dan terintegrasi dengan MB merupakan alasan teknologi ini masih digunakan dalam setingan motherboard.
OS yang support :
AHCI tidak support di Windows XP, hanya support di OS setelah Win XP.
IDE support di Windows XP
Performa :
Jika dibandingkan dengan AHCI, kecepatan IDE kalah jauh dibandingkan AHCI. Fitur-fitur HDD seperti NCQ juga aktif kalau menggunakan AHCI mode. Intinya, manajemen hd lebih baik di AHCI

Cara Membuat Emoticon Di Kolom Komentar Blog

kevinservis TIPS BLOG

Selamat siang sobat Blogger semuanya. Apa kabar..?, semoga sobat semua dalam keadaan sehat wal afiat. Sebagai blogger, kadang kita selalu ingin mempunyai tampilan blog yang unik dan menarik agar ramai pengunjung. Banyak cara untuk mempercantik tampilan blog kita. Di kesempatan kali ini blog cikevin, akan sedikit berbagi informasi dan tips tentang cara membuat emoticon di kolom komentar blog. Untuk emoticon ini di ambil dari emoticon forum kaskus. Tentunya sobat sudah mengenal kaskus kan..?, kaskus adalah salah satu situs sosmed ( sosial media )yang saat ini masih banyak penggemarnya, di kaskus ini sobat bisa saling berbagi dan mendapatkan banyak informasi, mulai blog, software, komputer, internet dan masih banyak lagi. Pokoknya banyak cendol yang bermanfaat di sana.. hehehe.

Oke, kita langsung ke pokok pembahasan dari postingan ini. Untuk memasang emoticon kaskus di kolom komentar blog sobat, berikut ini langkah-langkahnya.

• Login ke Dasbor blog sobat >> Edit HTML.( backup atau download template lengkap sobat terlebih dahulu untuk jaga-jaga jika terjadi kesalahan ).
• Jangan lupa centang Expand Template Widget.
• Cari kode penutup </body>.
• Simpan kode di bawah ini di atas </body>.

<!-- emoticon  mainbom.com -->
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comment-holder');
if(a) {
b = a.getElementsByTagName("p");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-content') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/h9NDs.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/lrZEF.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/KJbrk.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}}}
//]]>
</script>

• Kemudian sobat cari lagi kode:

<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</div>

• Dan pasang kode emoticon gif berikut ini di bawah </div> yang terakhir.
•  

<!-- emoticon  mainbom.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:center; font-weight:bold; margin-top:15px; margin-bottom:10px;'>
Untuk menggunakan emoticon ini, COPAS kode ke kotak komentar.
</div>
<b><img src='http://i.imgur.com/4a2GG.gif' width='40'/>
:a:
<img src='http://i.imgur.com/Jnwl1.gif' width='40'/>
:b:
<img src='http://i.imgur.com/h9NDs.gif' width='40'/>
:c:
<img src='http://i.imgur.com/IL1IB.gif' width='40'/>
:d:
<img src='http://i.imgur.com/k3Fdh.gif' width='40'/>
:e:
<img src='http://i.imgur.com/ZDlSF.gif' width='40'/>
:f:
<img src='http://i.imgur.com/OXalA.gif' width='40'/>
:g:
<img src='http://i.imgur.com/cnARR.gif' width='40'/>
:h:
<img src='http://i.imgur.com/WTmJr.gif' width='40'/>
:i:
<br/>
<img src='http://i.imgur.com/kenHK.gif' width='40'/>
:j:
<img src='http://i.imgur.com/aDJrj.gif' width='40'/>
:k:
<img src='http://i.imgur.com/E5qba.gif' width='40'/>
:l:
<img src='http://i.imgur.com/w3vTW.gif' width='40'/>
:m:
<img src='http://i.imgur.com/0WFG2.gif' width='40'/>
:n:
<img src='http://i.imgur.com/bkfG8.gif' width='40'/>
:o:
<img src='http://i.imgur.com/zvteN.gif' width='40'/>
:p:
<img src='http://i.imgur.com/xkzm0.gif' width='40'/>
:q:
<img src='http://i.imgur.com/UqDiW.gif' width='40'/>
:r:
<br/>
<img src='http://i.imgur.com/5uihz.gif' width='40'/>
:s:
<img src='http://i.imgur.com/5O9L2.gif' width='40'/>
:t:
<img src='http://i.imgur.com/7RDAt.gif' width='40'/>
:u:
<img src='http://i.imgur.com/WmQPn.gif' width='40'/>
:v:
<img src='http://i.imgur.com/9C3hy.gif' width='40'/>
:w:
<img src='http://i.imgur.com/fFhYI.gif' width='40'/>
:x:
<img src='http://i.imgur.com/e50uc.gif' width='40'/>
:y:
<img src='http://i.imgur.com/RjY5y.gif' width='40'/>
:z:
<img src='http://i.imgur.com/lrZEF.gif' width='40'/>
:ab:
<br/>
</b>
</b:if>

• Save Template dan lihat hasilnya.

 

 

 

Cara membuat Daftar isi Otomatis | berdasarkan Tanggal

kevinservis TIPS BLOG

  Sobat sedang membaca artikel tentang Cara membuat Daftar isi Otomatis | berdasarkan Tanggal.yang kami publikasikan pada 24 Juni 2012 Silahkan tinggalkan jejak di kolom Komentar untuk mempermudah Mahfid Mayanto berkunjung kembali ke blog sobat.

C ara membuat daftar isi otomatis pada sebuah blog memang tidak wajib kita buat karena sudah tersedianya Label ataupun kategori bawaan blogger akan tidak ada salahnya jika daftar isi otomatis kita tampilkan pada sebuah blog untuk mempermudah pengunjung mengetahui isi postingan kita ,Nah untuk tutorial kali ini kita akan bahas tentang cara membuat daftar isi otomatis berdasarkan tanggal, Sebagai contoh coba klik daftar isi di kotak menu atas  ,untuk mengetahui cara pembuatannya ikuti tutorial nya seperti di bawah ini :

Letak kan kode dibawah ini dimana saja daftar isi akan di tampilkan berikut kode nya

<script src="http://karinafotocollection-project.googlecode.com/files/otomatisdaftar.js"></script><script src="http://kevinservis.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

 

Ganti teks yang berwana merah dengan url sobat sendiri ..oke selamat mencoba semoga bermanfaat

Cara Pasang Widget semut di blog

kevinservis WIDGET

Sobat sedang membaca artikel tentang Cara Pasang Widget semut di blog.yang kami publikasikan pada 05 Juli 2012 Silahkan tinggalkan jejak di kolom Komentar untuk mempermudah Mahfid Mayanto berkunjung kembali ke blog sobat.

S ebenarnya aku pasang widget ini hanya buat lucu lucuan saja  tetapi ada temen yang pingin tahu cara membuat Widget semut di blog nah tanpa panjang lebar karena postingan ini ngak panjang berikut cara buat nya  :

1. login ke blogger.com
2. masuk ke dasboard pilih tata letak lalu masuk ke html java script lalu masukkan kode di bawah ini  

<div style="position: fixed; bottom: 200px; left: 300px;width:120px;height:160px;"><a href="#" target="_blank"><img src="http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/semutfuny.gif" title="Click to get more." border="0" /></a></div>

3. Lalu simpan

Lihat teks yang berwarna merah ganti  menurut keinginan sobat ohya.. widget ini bisa di pasang di sidebar atau postingan .sekian saja artikelnya yach...ngak usah panjang panjang kan cara pembuatanya mudah sekali ,oh yach yang pingin tahu cara pasang Cewek imut berjoget ria di blog kayak punya ku coba lihat diatas /tepatnya di awal postingan ...ceweknya seksi yach..he he he he
segera beri tahu di kolom komentar yach....Happy blogging

Pasang Widget Hari kemerdekaan di blog

kevinservis WIDGET

T

idak terasa sudah 67 tahun Indonesia merdeka ,sudah 67 tahun pula kita menikmatinya ,jalan jalan di penuhi dengan aneka pernak pernik kemerdekaan ,bendera merah putih berkibar dimana mana sebagai wujud kecintaan kita akan bangsa indonesia.
  Nah sesuai tema di atas dalam rangka ulang tahun kemerdekaan kang mahfid akan berbagi widget hari kemerdekaan tuk di pasang di blog ,sebagai demo nya lihat langsung bendera yang berkibar di home page kang mahfid ..gimana keren khan.....untuk cara pembuatanya sama dengan cara pasang widget blogger indonesia yang pernah kita bahasa dulu

• loggin dulu ke blogger
• nah setelah kawan masuk ke dasboard  pilih tata letak lalu tambah widget kemudian pilih html java scirpt  masukkan kode widget di bawah ini ,berikut kode nya
1. WIDGET DI TARUH KANAN BAWAH

<div style="position: fixed; bottom: 0px; right: 20px;width:120px;height:160px;"><img border="0" src="http://karinafotocollection-project.googlecode.com/files/berkibar.gif"width="80 "height="50" title="Click to get more." /><small><center><a href="http://karinafotocollection.blogspot.com/2012/01/cara-meletakkan-gambar-animasi-di-pojok.html" target="_blank">Widget-Animasi</a>

2. WIDGET DI TARUH  KANAN ATAS

<div style="position: fixed; top: 0px; right: 20px;width:120px;height:160px;"><img border="0" src="http://karinafotocollection-project.googlecode.com/files/berkibar.gif"width="80 "height="50" title="Click to get more." /><small><center><a href="http://karinafotocollection.blogspot.com/2012/01/cara-meletakkan-gambar-animasi-di-pojok.html" target="_blank">Widget-Animasi</a></center></small></div>

3. WIDGET DI TARUH  KIRI  ATAS

<div style="position: fixed; top: 0px; left: 20px;width:120px;height:160px;"><img border="0" src="http://karinafotocollection-project.googlecode.com/files/berkibar.gif"width="80 "height="50" title="Click to get more." /><small><center><a href="http://karinafotocollection.blogspot.com/2012/01/cara-meletakkan-gambar-animasi-di-pojok.html" target="_blank">Widget-Animasi</a></center></small></div>

4. WIDGET DI TARUH  KIRI BAWAH

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><img border="0" src="http://karinafotocollection-project.googlecode.com/files/berkibar.gif"width="80 "height="50" title="Click to get more." /><small><center><a href="http://karinafotocollection.blogspot.com/2012/01/cara-meletakkan-gambar-animasi-di-pojok.html" target="_blank">Widget-Animasi</a></center></small></div>

• Lalu Save

Cara membuat text bergerak di Chatting box

kevinservis TIPS BLOG

S

alam satu hati buat sobat blogger semua untuk postingan kali ini full blog design akan share tentang cara membuat  teks bergerak pada kotak Chatting Box ,mungkin trik ini sudah banyak di bahas di berbagai web site ,sekaligus sebagai pelengkap isi blog siapa tahu ada blogger pemula yang berkeinginan membuat trik ini dan kebetulan mampir di blognya kang mahfid yang sangat sederhana ini ,tidak salah kiranya kang mahfid akan share pada pertemuan kali ini :

1. Teks bergerak kekanan dan kekiri
[scroll] isi teks nya disini [/scroll]
2. Teks terlihat lebih besar
[big] isi teks nya disini [/big]
3. Teks tercetak miring
[i] isi tks nya disini [/i]
4. Teks tercetak tebal
[b] isikan teks di sini [/b]
5. Teks dengan effec strike /coret tengah
[s] isikan teks disini[/s]
6. Teks rata tengah
[center] isikan teks disini [/center]
7. memberi warna padat teks
[color=red] isikan teks disini[/color]
8. membuat link pada teks
 [url=url blog] isikan teks disini [/url]

Sebagai pelengkap Cara membuat text bergerak di Chatting box kang mahfid akan tampilkan contoh gambar untuk mempermudah penempatan kode nya seperti di bawah ini

Untuk pertemuan selanjutnya kang mahfid Insya Allah akan share tentang cara membuat diskripsi blog sesuai judul postingan di tunggu yach...Happy Blogging

Cara membuat tampilan blog lebih menarik dan cantik

kevinservis TIPS BLOG

Cara membuat tampilan blog lebih menarik dan cantik adalah sebuah cara yang sudah tidak asing lagi dilakukan oleh para blogger mania dengan tujuan agar blog yang mereka sayangi enak dan nyaman untuk di pandang oleh banyak pengunjung. Banyak cara yang bisa dilakukan untuk membuat tampilan blog lebih menarik dan cantik salah satunya dengan menggunakan penerapan widget keren yang tentunya ada yang berbayar dan juga gratis. 

Pada pembahasan kali ini tentang cara membuat tampilan blog lebih menarik dan cantik adalah sebuah pembahasan yang melanjutkan sharing sebelumnya tentang cara membuat link otomatis di blogger, silahkan kunjungi link tersebut jika ada yang penasaran ingin mengetahuinya. Untuk cara membuat tampilan blog lebih menarik dan cantik disini ane akan memberikan deretan daftar widget keren yang sering kali di gunakan oleh kebanyakan kaum blogger.        

Cara membuat tampilan blog lebih menarik dan cantik dengan widget

Berikut ini adalah daftar widget membuat tampilan blog lebih menarik dan cantik yang sempat ane koleksi.

1. Google gadgets

Google gadgets adalah sebuah layanan gratis dari google yang mana terdapat banyak pilihan hanya dengan mengetikan nama widget dan menyalin kode script untuk disimpan di sebuah blog.

2. Yahoo ! widgets

Yahoo ! widgets sama halnya dengan Google gadgets yang membedakan mereka adalah Yahoo ! widgets persembahan dari Yahoo sedangkan Google gadgets dari Google.

3. Alexa     

Sebuah widget yang akan menampilakn nominal dari nilai Alexa rank yang menandakan tingkat popularitas sebuah blog.

4. Mypagerank

Sama halnya dengan Alexa, tetapi Mypagerank adalah nominal dari page rank sebuah blog.

5. Rankwidget    

Lebih komplit widget yang akan menampilkan trafic rank dari google page rank, alexa traffic rank, technorati blog rank serta yahoo.

6. Softcircuits

Sebuah widget gratis persembahan dari google page rank.

7. Widgetbox

Widget gratis dari blogger.

8. Clocklink

Widget gratis untuk menampilkan jam pada sebuah blog.

9. Localtimes

Tidak ada bedanya dengan Clocklink kebunaannya untuk menampilkan jam.

10. Clockwidgets

Widget jam yang mempunyai tampilan lebih lengkap dari fitur diatas.

11. Histats

Widget gratis untuk menampilkan jumlah pengunjung pada sebuah blog.

12. Feedjit

Sebuah widget yang akan menampilkan negara pengunjung.

13. Whos.amung. us  

Sama dengan Histats untuk mengetahui jumlah pengunjung yang online pada blog kita.

14. Flagcounter

Pengunjung yang ditandai oleh bendera negara masing-masing.

15. Shoutbox part 1 & Shoutbox part 2 

Widget yang akan menampilkan kotak pesan terletak pada halaman blog.

16. Widget animasi

Beragam animasi berbasis flash swf yang bisa agan ambil kode-nya dan di dimpan di halaman blog agan.

17. Widget costum twitter generator

Widget twitter yang bisa di tampilkan di halaman blog sebagai sarana media sosial.

18. Widget zooshia

Widget yang lebih canggih sebagai sarana media sosial seperti halnya witter, facebook dan youtube.

Mungkin cukup itu saja yang ane punya untuk cara membuat tampilan blog lebih menarik dan cantik dengan widget selebihnya silahkan agan browsing saja sendiri di Mbah Google sedikit saran dari ane agar blog tidak terasa lebih berat maka pemakaiannya harap diatur jangan berlebihan. Terimaksih