RSS

Translate this Blog

Cara Mudah Backup dan Restore Windows XP

Sebagian dari kita, apabila kinerja windows sudah tidak normal lagi, entah itu karena terinfeksi virus, atau karena sebab lain, pastilah kita mengambil langkah install ulang windows untuk solusi terakhir, tentunya setelah semua metode “pengobatan” dilakukan tapi tetap tidak membuahkan hasil. Apabila kita sering melakukan hal ini setiap system komputer kita bermasalah pastilah membosankan bukan ? belum lagi harus menunggu waktu yang lumayan lama sampai komputer siap digunakan lagi, harus install ini (duh) makanya ada langkah mudah backup dan restore data menggunakan norton ghost
Saat ini banyak solusi alternatif backup data, salah satunya yaitu menggunakan Norton Ghost. Biasanya Norton Ghost ini sudah Include didalam Hirens Boot C.
Okelah Klo Begitu
PEMIRSA MIR Qt langsung ke TKP aja.........

BACKUP DATA MENGGUNAKAN NORTON GHOST
Dalam hal ini yang akan dibackup adalah drive C atau tempat dimana windows Anda diinstal
  1. Burning file ISOHirents tersebut kedalam CD.
  2. Install ulang windows Anda :D
    Kok install ulang ? Ya, karena apabila Anda membuat backup data system operasi yang sudah tidak stabil/rusak akan percuma saja. Install ulang dahulu windows Anda, jangan lupa install juga driver hardware Anda serta program aplikasi yang sering Anda gunakan seperti aplikasi office, pemutar audio video, aplikasi compress data, dll. Jangan semuanya, karena akan berdampak pada kapasitas harddisk yang Anda gunakan untuk menyimpan backup file, semakin banyak yang Anda install maka akan semakin besar pula kapasitas harddisk yang Anda gunakan untuk menyimpan file backup.
  3. Setelah semua persiapan selesai, restart komputer Anda, dan booting melalui CD yang baru Anda burning
  4. Pilih Nomor 2 – Start BootCD
  5. Pilih Nomor 2 – Disk Clone Tools
  6. Pilih Nomor 2 – Norton Ghost
  7. Pilih Nomor 8 – Ghost (Normal)

    Setelah ini biarkan saja proses berjalan secara otomatis, jangan memilih pilihan apapun.
  8. Muncul jendela Norton Ghost, klik OK
  9. Terdapat beberapa pilihan pada menu Local
    Disk, untuk backup dan restore data satu harddisk; Partition, untuk backup dan restore data satu partisi; Check, untuk melihat kondisi dari suatu harddisk atau partisi.
    Pada masing-masing pilihan diatas, baik yang Disk ataupun Partition, Anda akan menemui pilihan To Disk atau To Partition, backup/restore seluruh harddisk atau salah satu partisi harddisk; To Image, backup/restore ke image (*.gho, *.iso); From Image, backup/restore dari image ke harddisk atau ke suatu partisi harddisk.

    Untuk backup data pilih saja Harddisk – To Image atau Partition – To Image, tergantung Anda mau membackup seluruh data harddisk atau salah satu partisi saja.
  10. Muncul jendela Select Source, pilih harddisk Anda selanjutnya pilih partisi yang akan di backup (partisi dalam hal ini adalah drive C)
  11. Simpan file image kedalam partisi selain drive C, beri nama file, setelah itu klik Save
  12. Muncul jendela peringatan Use Compression, pilih saja NO
  13. Tunggu hingga proses selesai setelah itu restart komputer Anda
Jangan pernah menghapus file ghost yang baru saja Anda buat, karena suatu saat pasti Anda butuhkan untuk direstore kembali.
RESTORE DATA MENGGUNAKAN NORTON GHOST
Apabila dilain waktu terjadi sesuatu pada sistem windows komputer Anda, dan Anda merasa perlu untuk diinstall ulang lagi, ikuti step by step berikut untuk merestore file backup norton ghost yang sudah Anda buat sebelumnya pada langkah pertama dalam backup data menggunakan norton ghost, caranya :
  1. Ulangi langkah nomor 3 – 8 pada proses backup data diatas
  2. Masuk ke menu Local, Pilih Partition – From Image
  3. Keluar jendela baru, arahkan kepada file ghost yang sudah Anda buat sebelumya
  4. Anda diminta untuk memilih partisi mana yang akan menjadi tujuan dari restore file tersebut **dalam hal ini pilih saja partisi drive C atau partisi lainnya selain drive C (bila system windows Anda berada selain di drive C)**
  5. Tunggu hingga proses selesai, setelah itu restart komputer Anda
Mudah bukan? Selamat mencoba dan semoga bermanfaat…

Download Hirens BootCD v.10
Password..Pass: exploreyourbrain.com
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

DNS Server Alternatif All ISP

Daftar Public DNS Server Indonesia :
Server DNS indosat.net.id termasuk DNS Indosat IM2
  • 202.155.0.10
  • 202.155.0.15
  • 202.155.0.20
  • 202.155.0.25
  • 202.155.46.66
  • 202.155.46.77
  • 202.155.30.227
DNS Telkom.net.id dan DNS Telkom Speedy
  • 202.134.0.155 : CacheDNS-JKT1.telkom.net.id (Jakarta)
  • 203.130.196.5 : CacheDNS-JKT2.telkom.net.id (Jakarta)
  • 203.130.196.155 : CacheDNS-JKT3.telkom.net.id (Jakarta)
  • 202.134.0.61 : CacheDNS-JKT4.telkom.net.id (Jakarta)
  • 125.160.2.226 : cachedns-tmk.telkom.net.id (Jakarta)
  • 202.134.1.10 : CacheDNS-SBY1.telkom.net.id (Surabaya)
  • 125.160.4.82 : CacheDNS-SBY2.telkom.net.id (Surabaya)
  • 61.94.192.12 : nsdpr1.telkom.net.id (Denpasar)
  • 125.160.2.34 : CacheDNS-DPS.telkom.net.id (Denpasar)
  • 125.160.2.162 : CacheDNS-MKS.telkom.net.id (Makasar)
  • 203.130.193.74 : CacheDNS-BTM.telkom.net.id (Batam)
  • 203.130.206.250 : CacheDNS-MDN.telkom.net.id (Medan)
  • 203.130.208.18 : CacheDNS-SMG.telkom.net.id (Semarang)
  • 203.130.209.242 : CacheDNS-BPP.telkom.net.id (Balik Papan)
  • 222.124.204.34 : CacheDNS-BDG.telkom.net.id (Bandung)
  • 202.134.0.62 : dns1.telkom.net.id
  • 222.124.18.62 : dns2.telkom.net.id
  • 203.130.196.6 : ns1.telkom.net.id
  • 203.130.193.75 : ns2.telkom.net.id
  • 202.134.1.5 : ns3.telkom.net.id
  • 202.134.1.7 : Telkom (Jakarta)
  • 125.160.14.189 : Telkom (Jakarta)
DNS Dirjen PostTel Indonesia

  • 203.34.118.10
  • 203.34.118.12
DNS Nawala Awari dns
  • 180.131.144.144
  • 180.131.145.145
DNS PT Dwi Tunggal Putra Network Access Point
  • 202.43.160.50
  • 202.43.160.51
DNS PT Digital Wireless Indonesia ISP
  • 122.200.48.14
  • 122.200.48.15
DNS POWER TELECOM Jakarta
  • 203.190.55.210
  • 203.190.55.211
DNS sat.net.id
  • 202.149.82.25
  • 202.149.82.29
DNS XL Excelmindo
  • 202.152.254.245
  • 202.152.254.246
DNS cbn.net.id
  • 202.158.40.1
  • 202.158.20.1
  • 202.158.3.7
  • 202.158.3.6
DNS Idola .net
  • 202.152.5.36
  • 202.152.0.2
Singnet Singapore
  • 165.21.100.88
  • 165.21.83.88
DNS indo.net.id
  • 202.159.32.2
  • 202.159.33.2
DNS itb.ac.id
  • 202.249.24.65
  • 167.205.23.1
  • 167.205.22.123
  • 167.205.30.114
DNS ukdw.ac.id
  • 222.124.22.18
Daftar Public DNS Luar indonesia (International ):
DNS Open DNS
  • 208.67.222.222
  • 208.67.220.220
DNS Google
  • 8.8.8.8
  • 8.8.4.4
DNS ScrubIt
  • 67.138.54.100
  • 207.225.209.66
DNS DNSadvantage
  • 156.154.70.1
  • 156.154.71.1
DNS vnsc-pri.sys.gtei.net
  • 4.2.2.1
  • 4.2.2.2
  • 4.2.2.3
  • 4.2.2.4
  • 4.2.2.5
  • 4.2.2.6
Verizon (Reston, VA, US)
  • 151.197.0.38
  • 151.197.0.39
  • 151.202.0.84
  • 151.202.0.85
  • 151.202.0.85
  • 151.203.0.84
  • 151.203.0.85
  • 199.45.32.37
  • 199.45.32.38
  • 199.45.32.40
  • 199.45.32.43
GTE (Irving, TX, US)
  • 192.76.85.133
  • 206.124.64.1
One Connect IP (Albuquerque, NM, US)
  • 67.138.54.100
OpenDNS (San Francisco, CA, US)
  • 208.67.222.222
  • 208.67.220.220
Exetel (Sydney, AU)
  • 220.233.167.31
VRx Network Services (New York, NY, US)
  • 199.166.31.3
SpeakEasy (Seattle, WA, US)
  • 66.93.87.2
  • 216.231.41.2
  • 216.254.95.2
  • 64.81.45.2
  • 64.81.111.2
  • 64.81.127.2
  • 64.81.79.2
  • 64.81.159.2
  • 66.92.64.2
  • 66.92.224.2
  • 66.92.159.2
  • 64.81.79.2
  • 64.81.159.2
  • 64.81.127.2
  • 64.81.45.2
  • 216.27.175.2
  • 66.92.159.266.93.87.2
Sprintlink (Overland Park, KS, US)
  • 199.2.252.10
  • 204.97.212.10
  • 204.117.214.10
Cisco (San Jose, CA, US)
  • 64.102.255.44
  • 128.107.241.185
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

DNS Telkomsel Flash yang Stabil dan GRATISSSS

Kalau kita memakai telkomsel Flash unlimited, pasti ada batas quotanya.
Nah, kalau quota sudah habis, pastilah speed akan diturunkan menjadi 64 kbps maksimum (sesuai syarat dan ketentuan telkomsel). Namun pada kenyataannya, bandwith yang kita test hanya bisa mencapai kepala 4, entah 46 atau 48 kbps atau bahkan kurang dari itu.

Namun setelah aku pakai DNS berikut, bandwith bisa mencapai kepala 5 dan setabil diangka itu, lumayanlah daripada kepala 4.
Ini dns-ny:
114.127.208.84
202.3.208.11

Hasil test ada pada gambar berikut ini:

Bagi yang ingin mengecek kecepatan koneksi internet, ini alamatnya:
Cek Bandwidth Koneksi Internet

NB:
Sangat mungkin, hasil akan bervariasi di setiap daerah.



BAGI YANG MAU INTERNETAN MURAh pake Telkomsel 1 Rp/ kb,, Ketik TSCAMB (spasi) 020814985 (spasi) 3110286267 KIRIM ke 2323....... 
GRATIS TANPA DIPUNGUT BIAYA
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara untuk menginstal driver yang dengan mudah

Mungkin apabila kita menginstal pc, tentunya membutuhkan driver, agar pc yang kita pakai bisa optimal. tapi, bagaimanakah jika master driver dari pc kita rusak atau hilang ? jangan panik, ini solusinya.
Cobra Driver Pack 2010 adalah modal untuk seorang teknisi komputer yang mana dengan memiliki Cobra Driver semua versi driver hardware untuk windows XP, Windows Vista dan Windows 7 akan terpenuhi. Untuk komputer versi lama biasanya tidak memiliki CD driver untuk mainboard / motherboard bawaannya seperti Chipset, DirectX, LAN, Sound, USB, VGA (Graphics Card) dll. Atau anda baru saja membeli komputer second/bekas tetapi tidak memiliki CD driver hardware dan tidak tahu sama sekali tentang informasi detilnya solusinya adalah anda harus mempunyai Cobra Driver.

Cobra Driver Pack 2010 (Driver All In One For 7/XP/Vista) 1.5 GB
Part 01 Download | Part 05 Download
Part 02 Download | Part 06 Download
Part 03 Download | Part 07 Download
Part 04 Download | Part 08 Download

Cara menggunakan Cobra Driver Pack

1. Setelah anda download semua part kemudian anda ektrak menggunakan WinRAR atau 7-Zip
2. Download UltraISO
3. Buka CD-Drive -> UltraISO -> Mount. Seperti tampak pada gambar berikut

4. Akan terbuka tampilan berikut untuk membuak file ISO Cobra Driver Pack 2010 di komputer anda dan pada Look in silahkan andA letak cobra driver yang telah anda ektrak.

5. Apabila telah menemukannya klik tombol OPEN

6. Klik ganda pada autorun seperti gambar diatas

7. Akan secara otomatis mencari driver yang diperlukan kemudian jika ingin menginstalnya anda cukup menekan ikon matahari (tanda panah)
8. Apabila anda ingin disimpan pada DVD silahkan anda burning dengan tutorial berikut DISINI

»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Advanced system care pro 4.0.1

Download. Software ini berfungsi untuk meningkatkan fungsi kinerja PC, yaitu dengan bermacam utilities di dalamnya.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

IDM 6.05

Download disini. Software ini untuk mempercepat pada proses download
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara membuat web player pada Blog

Baiklah, sekarang Thefileshack akan mengulas tentang bagaimana cara membuat web player di blog.
Web player ini di gunakan agar para visitors tidak bosan apabila berkunjung pada Blog kita, karena mereka dapat menikmati berbagai musik dan video dengan playlist yang sudah disediakan.
Baiklah, tanpa basa - basi saya akan memberikan cara membuat web player pada blog.

Cara Membuat Web Player pada blog :
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:
untuk skin warna hitam :


<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>   

untuk skin warna abu-abu :
<script type="text/javascript"> var YWPParams = { theme: "silver" }; </script>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script> 

5. masukan link untuk playlist pada web player ini

Sebagai contoh  coba copy pastekan code dibawah ini dan edit sesuka anda jika sudah mengerti :

<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>   
<a href="http://mediaplayer.yahoo.com/example3.mp3">Yodel (mp3 link)</a>


note : Yang Merah adalah code untuk web playernya
          yang pink adalah alamat situs mp3 atau video yang kita inginkan.
NB : agar mudah mencari alamat situs mp3 atau videonya, sebaiknya anda menggunakan jasa penyimpanan
        data online di internet.

Thankz, by Thomy Harry
   
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat title bar berjalan

tampilan title bar

Membuat title bar berjalan bisa dijadikan salah satu ciri khas dari blog kita, dan cara membuatnya sbb :

1. Masuklah ke halaman Dashboard > Tata Letak > edit HTML, carilah kode berikut ;

<tittle><data:blog.pageTitle/></title>

2.Jika sudah ketemu, hapus kode di atas dan gantilah dengan kode berikut ini ;

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

3. Angka 100 yang ditebalkan di atas merupakan kecepatan dari proses jalannya teks, jika menurut Anda terlalu cepat, silakan ganti sesuai keinginan.

4. Simpan dan lihatlah hasilnya.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Read More Versi baru

Tapi sayang kode-kode berikut ini hanya berlaku bagi sobat yang memakai template baru saja dan untuk yang memakai template klasik saya ucapkan Kaciaaaaaan deeeeehhh (padahal blog ini pun pake template klasik jadi ga bisa pake ini).

Untuk menyingkat tulisan agar tidak terlalu dipenuhi dengan intermezo yang sedikit membuat bete and ngeselin, langsung saja untuk membuat read more versi baru ini silahkan ikuti langkah-langkah berikut ini :


  1. Sig in di blogger dengan id sobat
  2. Klik menu layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Template lengkap, silahkan save dulu template sobat, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template
  5. Klik kotak kecil di samping tulisan Expand Template Widget, sekali lagi jangan lupa untuk memberi tanda centang dulu yah
  6. Tunggu beberapa saat sampai proses selesai
  7. Copy kode berikut, lalu paste tepat di atas kode </head>
  8. <script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
  9. Tambahkan kode berikut pada kode template sobat, yang berwarna hitam adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan :
  10. <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> <b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan saja...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> </div> .... rest of template code ....
  11. Klik tombol SIMPAN TEMPLATE



Langkah selanjutnya :
  1. Klik menu Pengaturan
  2. Klik menu Format
  3. Copy kode berikut lalu paste pada kotak kosong yang berada di samping tulisan Template posting
  4. <span id="fullpost"> </span>
  5. Klik tombol Simpan Setting
  6. Selesai.



Cara posting artikel :

Pada saat berada pada menu posting, pilih tombol yang Edit HTML jangan pilih yang tombol Compose, maka akan secara otomatis terlihat kode tadi di atas yaitu :


<span id="fullpost">



</span>



Simpan artikel yang mau di tampilkan di muka (ringkasannya) di atas kode <span id="fullpost">, dan sisa keseluruhan artikel di simpan sesudah kode <span id="fullpost"> dan sebelum kode </span>.


Untuk artikel yang pendek, sobat tinggal menghapus kode tadi dan nanti artikel muncul tanpa ada kode [+/-] Selengkapnya... dan [+/-] Ringkasan saja....

Untuk contoh nyata saya sudah membuat blog yang sudah memakai sistem ini, silahkan sobat klik tulisan [+/-] Readmore... untuk membuka keseluruhan artikel, dan klik tulisan [+/-] Summary only... Untuk melihat ringkasan artikel. Silahkan sobat klik di sini !.


Selamat mencoba !
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

CARA MENGGANTI NAMA FACEBOOK YANG SUDAH TIDAK BISA DI GANTI LAGI 100% BERHASIL

-buka http://www.facebook.com/roadblock/roadblock_me.php?r=5
-Klik amankan akun
-Lanjutkan
-Masukan sandi baru
-Ceklis konfrim pengantian
... -Lanjutkan
-Tinjau informasi akun anda
-Lanjutkan
-Lalu aktifkan akun anda
-Lalu buka pengaturan ganti nama dan pilih nama yg tersedia <<baca
-Lalu kembali ke http://www.facebook.com/roadblock/roadblock_me.php?r=5
Dan ulangi lagi seperti di atas
HARUS TELITI
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Menambahkan Button Share dari Blogger

Menambahkan Button Share dari Blogger

Sudah pada tahu ya? Sebenarnya blogger.com sudah lama memberikan fitur Button Share. Apalagi yang memakai template baru, pasti sudah bisa menikmatinya. Button share adalah tool untuk mempermudah pembaca dan pemilik blog untuk share (membaginya) ke situs jejaring sosial, seperti twitter, facebook, buzz, email, atau blog this. Sudah terintegrasi dengan template yang kita gunakan. Tapi untuk yang memakai template yang tidak standart kadang kita tidak bisa menampilkan button share ini. Walaupun kita sudah menyetting di Rancangan > Posting Blog dan menampilkannya tapi tak kunjung muncul juga. Itu karena untuk blog yang tidak menggunakan template standar dari blogger harus menambahkan scriptnya terlebih dahulu.

Manfaat kita menambahkan button share ini adalah untuk mempermudah kita dalam membagikan tulisan yang sudah kita posting ke jejaring sosial seperti facebook dan twitter. Atau mungkin juga oleh pembaca yang ingin menshare (membagi) dengan teman-temannya. Sehingga akan lebih mudah tulisan (link) kita menyebar, yang akhirnya akan semakin banyak yang mengunjungi blog kita. Jika kita sudah menyeting (centang) untuk menampilkan button ini tapi kok tetap gak muncul, berati harus melakukan ini.

Cara Menambahkan Button Share dari Blogger
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <div class='post-header-line-1'/> atau <data:post.body/>
6. Taruh kode berikut di bawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

7. Simpan Template jika sudah.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Menambah Button Send ke Facebook

Facebook menyediakan beragam plugins yang bisa bermanfaatkan untuk membuat blog kita lebih menarik lagi. Tak hanya itu, dengan button send ke facebook ini membuat blog terintegrasi atau menyatu dengan jejaring sosial seperti facebook. Sudah ada button share, button like, dan sekarang ada button send.

Button send ke facebook ini memungkinkan bagi pemilik blog atau pembaca tulisan di blog untuk mengirimkan link yang dibacanya ke teman, grup atau email melalui facebook. Sehingga dengan menambahkan button send ini membuat blog lebih sosial dan juga mempermudah pembaca membaginya dengan teman mereka. Tak bisa dipungkiri lagi akan jumlah pengguna facebook di Indonesia yang banyak akan bisa membuat blog lebih populer di ranah facebook.

Cara Menambah Button Send ke Facebook
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode  </head>
6. Jika sudah ketemu taruh kode berikut di atasnya:

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>

7. Cari kode <data:post.body/> dan taruh kode berikut di bawahnya:

<div style='float:right'>
<fb:send expr:href="data:post.url" font="lucida grande" colorscheme="dark"></fb:send>
</div>

8. Simpan template jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Auto Post dari Blog ke Twitter & Facebook

Membuat Auto Post dari Blog ke Twitter & Facebook

Sudah pernah saya tulis, zaman sekarang ini blog harus juga terintegrasi dengan sosial media lain, khususnya yang populer seperti twitter dan facebook. Sudah pada punya akun facebook dan twitter kan? Jika dulu kita sudah belajar menambahkan button tweet dan facebook like. Kali ini kita akan belajar untuk membuat auto post dari blog ke twitter dan facebook. Namanya saja auto, jadi seumpama ada tulisan baru yang kita posting di blog maka akan secara otomatis link (feed) dari tulisan itu akan juga terposting ke twitter dan facebook.

Dengan membuat auto post ke twitter dan facebook ini membuat kita tidak perlu ribet memposting secara manual. Keuntungan kita membuat auto post dari blog ke twitter dan facebook tentunya akan bisa diketahui oleh banyak orang khususnya teman atau follower kita, sehingga akan mendatangkan banyak pengunjung ke blog. Intinya akan mempermudah dalam promosi blog. Untuk membuat auto post dari blog ke twitter dan facebook ini kita akan memakai layanan dari dlvrt.it

Cara Membuat Auto Post dari Blog ke Twitter & Facebook
1. Kunjungi http://dlvr.it
2. Silahkan sign up dengan mengisikan email dan password.

Membuat Auto Post dari Blog ke Twitter & Facebook
3. Setalh klik sign up akan dibawa ke halaman seperti ini.
Masukan FEED blog kita,


4. Lalu klik icon twitter dan facebook.

Membuat Auto Post dari Blog ke Twitter & Facebook
5. Sekarang masuk ke akun twitter dan facebook, klik Autorize App untuk Twitter dan klik Ijinkan Untuk Facebook.
6. Untuk facebook ada pilihan FEED blog kita auto post ke profil facebook atau fan page. Pilihlah salah satu. Lalu klik Continue

Sudah deh, sekarang setiap kali kita mengupdate blog dengan postingan terbaru akan segera feed atau tulisan terbaru itu diposting ke twitter dan facebook.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Ganti Posting Lebih Baru-Lama-Beranda dengan Gambar



Seperti diterangkan pada posting sebelumnya bahwa tulisan link Posting Lebih Baru, Beranda, dan Posting Lama itu dapat dihilangkan kalau Anda merasa risih dengan tampilan link-link tersebut. Namun, apabila Anda masih ingin mempertahankannya, Anda dapat mengganti tulisan link-link tersebut dengan icon atau gambar sehingga penampilannya menjadi terlihat menarik.

Tulisan Posting Lebih Baru (Newer Post) dapat Anda ganti dengan gambar berupa tanda panah ke arah kiri. Sedangkan Beranda (Home) bisa Anda ganti dengan icon berupa rumah. Gambar tanda panah ke arah kanan dapat Anda gunakan untuk menggantikan Posting Lama (Older Post). Atau Anda dapat menggantinya dengan gambar-gambar sesuai kreativitas Anda.

Sebelum mengganti tulisan link-link tersebut dengan gambar, hal pertama yang Anda lakukan adalah menyiapkan gambar-gambar tersebut terlebih dahulu. Anda dapat membuat sendiri gambar-gambar itu atau mengunduhnya dari situs penyedia icon gratis seperti Iconspedia. Kemudian Anda unggah gambar-gambar tersebut ke situs penyimpanan gambar online seperti Photobucket guna mendapatkan link dari gambar-gambar tersebut.

Bila Anda telah mendapatkan link gambarnya, silakan letakkan link gambar tersebut ke dalam kode <img src='link gambar'/>. Nantinya kode ini yang akan digunakan untuk menggantikan suatu kode tertentu guna membuat tulisan link Posting Lebih Baru, Beranda, Posting Lama berubah menjadi gambar-gambar.

Agar lebih jelas, silakan simak langkah-langkah utnuk mengganti tulisan link Posting Lebih Baru, Posting Lama, dan Beranda dengan gambar di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap utnuk menyalin template. Hal ini untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan sehingga mudah mengembalikan template seperti keadaan saat ini.

4. Beri tanda centang pada Expand Template Widget dengan mengeklik di kotak kecil.

5. Untuk mengganti tulisan Posting Lebih Baru dengan gambar, silakan cari kode <data:newerPageTitle/>. Gunakan Ctrl + F untuk memudahkan pencarian.

6. Ganti kode tersebut dengan kode gambar Anda. Misalnya, saya menggunakan kode di bawah ini.


<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Left-48.png'/>

7. Selanjutnya, untuk mengganti tulisan Posting Lama, silakan cari kode <data:olderPageTitle/>.

8. Ganti kode tersebut dengan kode gambar Anda. Contoh:

<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Right-48.png'/>

9. Terakhir, untuk mengganti tulisan Beranda, silakan cari kode <data:homeMsg/>.

10. Silakan ganti kode tersebut dengan kode gambar Anda. Umpamanya, saya menggunakan kode di bawah ini.

<img src='http://i1119.photobucket.com/albums/k636/klikmunadi/Home-48.png'/>

Biasanya terdapat dua kode <data:homeMsg/> dalam template, silakan ganti pada kode yang pertama saja.

11. Klik tombol SIMPAN TEMPLATE.

Bila Anda menggunakan kode-kode gambar dalam contoh di atas, maka gambar-gambar yang muncul adalah seperti yang terlihat pada screenshot di atas.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Alert untuk Menyambut Pengunjung


Setiap akan kita masuk di sebuah rumah seseorang teman kita, seperti yang biasa saya lihat, di pintu ada aja tulisan (stiker)yang beisikan alert, 'ucapakan salam". Dan kita juga bisa menyabut pengunjung blog kita dengan sebuag peasan atau alert. Yang tentunya isi alert itu bisa kita modif sendiri. Setelah pengunjung mengklik tombol oke, maka alert itu akan hilang.

Selain itu kita bisa menggunakan alert ini sebagai pengumuman, atau ajakan. Dengan demikan setiap pengunjung blog kita akan bisa langsung melihat dan cepat tersampaikan serta pasti dilihat. Langsung saja bagaimana caranya menambahkan alert selamat datang di blog kita?

Cara Alert untuk Menyambut Pengunjung
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode </head>

<script language='JavaScript'>alert(&quot;Pesan Yang Ingin Kita Tampilkan&quot;);</script>

6. Simpan Template jika sudah.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Page Peel Effect


Apa seh Page Peel Effect itu? Page Peel Effect adalah efek yang jika didekatkan mouse akan terlihat seperti halaman yang terbuka, atau juga seperti kertas yang tergulung di pojok. Dengan membuat Page Peel Effect yaitu dimana ketika kita mengarahkan mouse pada area Page Peel ini, maka akan terlihat halaman menggulung layaknya anda membuka selembar kertas dan menemukan halaman lain dilembar sebaliknya

Untuk membuat page peel efek ini ternyata tdak sulit, kita tinggal memasukan kode yang tidak rumit dan mengganti beberapa kode misalnya url gambar atau urla yang dituju. Yuk,,, langsung aja kita belajar bersama membuat Page Peel Effect :)


Cara Membuat Page Peel Efek
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode <b:skin><![CDATA[

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>

6. Kemudian letakan kode CSS dibawah ini diatas kode ]]></b:skin>

#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://img222.imageshack.us/img222/9213/subscribe.png) no-repeat right top;
}

7. Letakan kode ini dibawah tag <body>

<div id='pageflip'>
<a href='http://feeds2.feedburner.com/namafeedkamu'>
<img alt='' src='http://img224.imageshack.us/img224/8315/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>

8. Lihat Hasilnya (pratinjau) dan Simpan jika sudah selesai.
 Kita dapat mengganti URL FEED blog kita atu URL gambar, kita dapat memodifikasinyasesuai dengan keinginn dan kreatifitas kita. Selamat mencoba :)
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Menghilangkan Tulisan "Tampilkan Entri Lawas"

Saat kita memilih suatu label dengan mengkliknya, maka kita akan dibawa ke halaman yang menampilkan semua postingan yang berlabel itu. Dan juga dihalaman itu pasti ada tulisan menampilkan entri terbaru dengan label ... "Tampilkan Entri Lawas" dalam kotak yang berada diatas halaman postingan. Mungkin ada yang menggangap tidak terlalu bermasalah atau menggangu tulisan itu. Tapi juga ada yang menggangap tulisan "Tampilkan Entri Lawas"  menggangu dan ingin menghilangkannya. Untuk kita yang ingin menghilangkan tulisan "Tampilkan Entri Lawas" bisa mengikuti langkah berikut.

Menghilangkan Tulisan "Tampilkan Entri Lawas"
Cara Menghilangkan Tulisan "Tampilkan Entri Lawas"
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

7. Setelah ketemu, ganti (hapus) kode di atas dengan kode berikut

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

8. Simpan Template jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Cursor Bertaburan Bintang

Membuat Cursor Bertaburan Bintang

Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, yang sudah kita bahas saja ada mengubah cursor dengan gambar, membuat teks yang berputar mengelilingi cursor. Dan kali ini belajar membuat cursor yang bertaburan bintang. jadi saat cursor kita bergerak akan turun bintang-bintang dari cursor. Ada beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog kita.

Cara Membuat Cursor Bertaburan Bintang
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

5. Kita warnan biru dengan, hijau, merah, ungu, silver, kuning, hitam
6. Simpan jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat "read more" Yang Praktis

Space atau ruang di blog kita sangat terbatas, jika kita menampilakan semua isi dari postingan atau entri maka akan memakan banyak space (tempat). Bayangkan saja orang melihat halaman yang luas, maka orang akan sulit untuk memfokuskan diri.

Sebenarnya ini sama dengan membuat read more, tapi lebih praktis, karena kita tidak perlu menambahkan sesuatu kode HTML saat memposting artikel kita. Read More yang akan kita buat akan membuat kita gampang atau mudah dalam memengal isi dari postingan kita. Beberapa kalimat akan muncul dan jika dalam postingan kita ada gambarnya juga akan disertai thumbnail (gambar diperkecil)

Ada yang memberi nama read more yang akan kita buat ini dengan nama read more liberal, oleh kang Jaloe. sekarang kita bersiap untuk mempraktekanya Perhatikan dan baca seksama langkah-langkahnya.

Cara Membuat "read more" Yang Praktis
1. Login ke Blogger
2. Pilih Tata Letak kemudian pilih Edit HTML
3. Beri tanda cek (centang) pada “ Expand Widget Templates “
4. Cari kode di bawah ini

</head>

5. Jika sudah ketemu taruh kode berikut ini di bawahnya

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

6. Cari kode di bawah ini

<data:post.body/>

7. Ganti kode yang telah kita temukan di atas dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Simpan Template Kalau sudah beres
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Menambahkan Button Tweet dan Facebook Like

Menambahkan Button Tweet dan Facebook Like
Twitter dan facebook memang menjadi situs jejaring sosial yang diminati dan banyak digunakan masyarakat Indonesia. Setiap orang punya akun facebook, dan hampir semua orang menyebarkan informasi lewat tweet. Keduanya menjadi situs yang banyak dikunjungi.

Sehingga kita juga harus bisa menyediakan button untuk berbagi ke twitter dan facebook. Selain untuk memudahkan pembaca blog kita untuk berbagi dengan teman-teman atau merekomendasikan untuk dibaca. Button tweet dan facebook like bisa mempermudah kita dalam mempromosikan tulisan. Tinggal mengklik tweet akan menyebar di timeline follower atau saat mengklik like akan menyebar di profil facebook. Akan ada banyak teman yang tahu, dan akan banyak yang akan berkunjung ke blog kita.

Cara Menambahkan Button Tweet dan Facebook Like
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kode berikut ini di bawahnya

<div style='float:left;padding:0px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='kurniasepta' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
</div>

7. Simpan Template jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Running Teks Berita dari Blog Kita

Membuat Running Teks Berita dari Blog Kita
Pernah melihat televisikan? :D pastinya pernah. Saat ini Televisi yang ada sudah banyak menyertakan running teks yang berisi headline berita. Kita dapat mengetahui headline atau berita terbaru secara singkat. Sekarang kita akan membuat running teks yaitu tulisan berjalan yang isinya judul tulisan-tulisan terbaru blog kita.

Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap.
Membuat Running Teks Berita dari Blog Kita


Cara Membuat Running Teks Berita dari Blog Kita
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:


<script type="text/javascript">
var hn_url_blog = "http://thefileshack.blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>

Ganti http://thefileshack.blogspot.com/  dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.

5. Simpan jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Icon Burung Twitter Berterbangan di Blog

Membuat Icon Burung Twitter Berterbangan di Blog
Siapa yang tidak punya twitter? Buat saja, sekarang ini sudah jamannya twitter. Dulu sudah belajar bagaimana menampilkan status twitter di blog. Kali ini akan belajar membuat mainan baru yang lucu menurut saya. Apakah icon dari twitter? Iya betul, jawabannya adalah Burung. Jika tweet kita itu sama dengan ocehan, maka burung itu cara bergeraknya bagaimana? Iya betul, burung itu hewan yang bergerak dengan terbang.

Bagaimana seandainya twitter kita terbang? Eh, bukan twitter tapi iconya yang berupa burung tadi berterbangan di blog kita? Kelihatannya akan menarik dan lucu, Horee,, burungku berterbangan di blog . Burung yang menjadi icon twitter ini yang akan ada link yang menuju profil twitter ini akan berterbangan di blog kita, sehingga akan menarik pengunjung blog. Dan bisa jadi akan mengklik dan memfollow twitter kita.

Cara Membuat Icon Burung Twitter Berterbangan di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://lh3.googleusercontent.com/_6TkGtddC4V4/TWCplect9lI/AAAAAAAAADI/6tK12S_REt8/bluetwit.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/thomyharry";var tweetThisText = "Twitter - thomyharryhttp://thefileshack.bogspot.com";tripleflapInit();</script>

5. Ganti http://thefileshack.bogspot.com dengan URL blogmu sendiri dan thomyharry dengan twitter usernamemu sendiri.
6. Simpan jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Random Post (Update)

Membuat Random Post (Update)
Salam blogger, apa kabar? Sedikit cerita ya. Kemarin saya memutuskan untuk tidak menerbitkan iklan teks lagi, itu yang ada menu tab view. satu kolom telah kosong, bingung juga mau diisi apa. Mau status terbaru, sepertinya tidak begitu perlu, kan sudah ada banner yang mengarah ke profil twitter. Mau diisi top post atau posting terpopuler nantinya juga itu-itu saja yang muncul, kurang variatif.

Akhirnya diputuskan untuk menampilkan random post, yaitu judul-judul postingan ditampilkan secara acak ketiak halaman blog kita reload. Keuntungannya menampilkan random post ini adalah lebih variatif, postingan-postingan yang dulu bisa diklik kembali, jadinya page view semoga bisa bertambah banyak.

Cara Membuat Random Post
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=7; function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

5. Angka 7 adalah banyak judul postingan yang akan tampil. Simpan jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara membuat Gelembung Di Blog

Cara-Cara :
1.MAsuk Ke Blog Anda
2.Menuju Rancangan
3.Edit Laman Tambahkan Gadget/Javascript/Html di bawah ini




<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#FF0000", "#FF0000", "#FF0000", "#FF0000", "#FF0000"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=600; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("100px", "100px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>


4.Tinggal Save dech..............
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Membuat Hujan Salju di Blog


Mudahnya Membuat Hujan Salju di Blog
Sebenarnya sudah ada pelajaran membuat hujan salju di blog, yang bisa dibaca di sini. Memang ditulisan sebelumnya ada yang mengeluhkan sudah ditambahkan scriptnya di template dan sudah muncul tapi blognya jadi bermasalah, yaitu tidak berfungsinya (tidak ada) scroll. Sebenarnya untuk sebagian blog itu tidak terjadi masalah, karena saya sendiri sudah mencoba di blog ini berhasil tanpa masalah.

Kali ini kita akan mempelajari lagi cara membuat hujan salju di blog dengan lebih mudah. Blog kita jadi dipenuhi rintik salju yang belum pernah kita lihat di negeri ini. Membuat blog jadi lebih dingin dengan hujan salju. Penasaran cara membuat hujan salju dengan mudah? Yaitu tanpa mengedit template. Mari kita pelajari dan praktekan bersama.

Cara  Membuat Hujan Salju di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>

5. Simpan jika sudah selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Membuat Text Mengikuti cursor di blog

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "Welcome to my Blog";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

ganti tulisan merah dengan text yang anda inginkan dan warna biru dengan kode warna anda atau bisa dilihat di sini

dan selamat mencoba !!!
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Cursor Menjadi Berbintang pada Blog

Berikut langkah-langkah membuat cursor berbintang.
  • copy dan pastekan script-script di bawah ini pada widget javascrit/HTML.
  • cursor bintang warna merah
    <script src="http://blogtegal.googlecode.com/files/cursor_merah.js" type="text/javascript"/>
  • cursor warna hijau
    <script src="http://blogtegal.googlecode.com/files/cursor_hijau.js" type="text/javascript"/>
  • cursor warna biru
    <script src="http://blogtegal.googlecode.com/files/cursor_biru.js" type="text/javascript"/>
  • cursor warna ungu
    <script src="http://blogtegal.googlecode.com/files/cursor_ungu.js" type="text/javascript"/>
  • cursor warna putih
    <script src="http://blogtegal.googlecode.com/files/cursor_putih.js" type="text/javascript"/>
  • Jika anda newbie dan kurang jelas dalam memasukan script-script di atas, boleh lah Saya berbagi caranya.
    • login ke dashboard blog anda.
    • pilih Rancangan
    • pada halaman elemen laman pilih tambah gadget
    • pilih widget HTML/JAVASCRIPT
    • lalu pastekan salah satu script di atas.
    • klik ''simpan'' selesai.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara Membuat Readmore Otomatis

  1. login ke dashboard blogger.
  2. pilih Rancangan »» edit HTML
  3. Tandai kotak kecil pada tulisan Expand Template Widget.
  4. Tempatkan script berikut dibawah kode </head>
  5. Scriptnya
    <script type='text/javascript'>
    var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 440; summary_img = 344; img_thumb_height = 100; img_thumb_width = 120; </script>
    <script src='http://blogtegal.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>

  6. Selanjutnya cari kode <data:post.body/> atau kode <p><data:post.body/></p> sama saja.
  7. ganti kode diatas dengan kode berikut »
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/></div>
    <script type='text/javascript'>
    createSummaryAndThumb (&quot;summary<data:post.id/>&quot;); </script>
    <span class='rmlink' style='float:right; padding-top:20px;'>
    <a expr:href='data:post.url'>&#187;&#187; Baca selengkapnya..... </a></span> </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>
  8. Terakhir Save Template
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Mempercantik TITLE BAR berjalan di BLog

Langkah membuat TITLE BAR berjalan.
  • login ke dashbord blog kamu.
  • pilih ''RANCANGAN / DESIGN''
  • pada halaman ''Element laman'' klik 'Tambah Gadget'
  • pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.
  • terakhir klik SIMPAN
Script yang di copy:
<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "WELCOME TO OUR WEBSITE"; tb8_messages[1] = "INFORMATION ABOUT INTERNET"; tb8_messages[2] = "AND THANKS FOR VISITING"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>

Keterangan:
" pada tulisan yang berwarna ungu adalah tampilan teks, ganti sesuai keinginan kamu.
" pada tulisan yang berwarna hijau tb8_speed = 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan kamu.
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Efek daun berguguran pada Blog

Yang pertama mesti kamu lakukan yakni:
  • login ke dashbord blog kamu
  • pilih 'Rancangan / Design'
  • klik 'Tambah gadget / Add gadget'
  • pilih widget 'HTML/javascript'
  • kemudian copy dan pastekan script dibawah ini.
    <script src="http://blogtegal.googlecode.com/files/efek-daun.js" type="text/javascript"/>
  • terakhir klik Simpan
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tips Mempercepat Kinerja Windows XP









Walaupun Microsoft sudah lama meluncurkan Windows terbaru seperti Vista dan Windows 7, namun banyak sekali yang masih setia menggunakan Windows XP termasuk saya. Kebutuhan hardware yang tidak terlalu tinggi menjadikan Windows XP masih menjadi teman setia beraktifitas dan bekerja dengan komputer. Walaupun saat ini Microsoft sudah tidak mengeluarkan dukungan terhadap Windows XP SP2, namun tidak membuat pengguna beralih ke vista dan 7.
Walaupun tidak mensyaratkan spesifikasi komputer yang tinggi, XP juga memiliki kekurangan yang sering memperlambat kerja system. Nah kali ini kita akan coba melakukan tweak windows xp agar bisa jalan lebih kencang. Ikuti tutorial berikut:
  1. Jika RAM komputer kurang dari 512 mb (lebih banyak lebih bagus), sebaiknya tambahkan lagi memory karena kapasitas memory akan sangat berpengaruh terhadap kerja system.
  2. Gunakan system file NTFS pada drive tempat anda menginstal windows, biasanya di drive C:. Untuk mengetahui apakah drive C: sudah memakai NTFS atau belum silahkan cek:
    • Buka My Computer,kemudian  klik kanan pada drive C: lalu pilih “Properties“.
    • Perhatikan pada File system apakah NTFS jika masih FAT32 lebih disarankan ganti ke NTFS dengan cara sbb: (Sebelumnya backup dulu data anda.)
    • Klik Start=>Run, ketik CMD
    • Ketik perintah CONVERT C:/FS:NTFS . Perhatian !! selama proses konversi dari FAT ke NTFS jangan gunakan komputer, biarkan proses ini sampai selesai. Alternatif lain yang lebih aman gunakan program seperti Partition Magic.
  3. Nonaktifkan layanan file indexing yang menyimpan hasil pencarian user, sehingga lama kelamaan akan menumpuk dan bisa memberatkan system. ikuti step berikut:
    • Buka My Computer.
    • Klik kanan pada drive C:, lalu pilih properties.
    • Hilangkan tanda centang pada “Allow Indexing Service to index this disk for fast file searching.”
    • Klik apply,Terapkan pada apply changes to C: subfolder and files. klik OK.
  4. Hapus Beberapa Effect windwos, Klik kanan di Desktop lalu pilih Properties. Kemudian klik Tab “Appearance” lalu klik tombol “Effects…“. Setelah terbuka jendela Effects hilangkan tanda centang (uncheck) pada:
    • Use the following transition effect for menus & tooltips:.
    • Show shadows under menus.
  5. Klik kanan Ikon My Computer di desktop, pilih Properties. Setelah terbuka jendela system properties kemudian klik tab Advanced lalu klik tombol setting di bagian Performance. Pada tab Visual Effect pilih Custom lalu hilangkan tanda centang (uncheck) pada semua pilihan kecuali: Use drop shadows on icon labels on the desktop (Ini agar ikon didesktop transparan) dan Use visual styles on windows and buttons (Jika anda memakai theme XP). Kemudian klik Apply lalu OK.
  6. Atur services apa saja yang tidak perlu dijalankan: klik Start – > Run, ketik Services.msc, Lalu matikan services yang tidak perlu.
Demikian tutorial mempercepat kerja windows xp
»»  READMORE...

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS