Cara Mengganti Icon/Gambar Address Bar Di Blog

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon kecil padaaddress bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

 lalu dibarengi dengan alamat blognya.

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

kalau belum bisa membuat gambarnya ikuti langkah-langkah berikut ini :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

• http://www.favicongenerator.comatau
• http://www.favicon.co.uk
  Anda dapat memilih ukuran favicon (16x16, 32x32, 48x48, 64x64) atau
• http://favicon-generator.org
  atau
• http://www.favicon.cc
  Anda dapat membuat favicon sendiri sesuai kreasi Anda

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

Setelah itu .....
masuk ke "Tata Letak --> Edit HTML" trus tempatkan script berikut sebelum kode

</head>

<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

atau bisa juga seperti kode dibawah ini :

<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>

Ganti huruf yang berwarna Hijau dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.
contohnya kamu mengupload gambar kamu di photobucket dan juga di imageshack sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :

1. Login ke picasa dengan account google di http://picasaweb.google.com
2. Tekan tombol I accept.
3. Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.
4. Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
5. Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
6. Tekan tombol browse dan arahkan pada file yang akan anda upload
7. Tekan tombol start upload untuk menguploadnya ke dalam server picasa
8. Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
9. Klik kanan gambar tersebut dan pilih properties.
10. Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
11. Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
12. Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
13. Lakukan hal yang sama untuk gambar2 yang lain

atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

 http://img87.imageshack.us/img87/5862/image1an1.gif
 http://img110.imageshack.us/img110/6218/image2ie0.gif
 http://img98.imageshack.us/img98/9617/image3cr0.gif
 http://img134.imageshack.us/img134/633/image4hx4.gif
 http://img412.imageshack.us/img412/3808/image11pc0.gif
 http://img100.imageshack.us/img100/4658/image12du2.gif
 http://img132.imageshack.us/img132/4733/image13lj1.gif
 http://img145.imageshack.us/img145/7793/image14zg9.gif
 http://img412.imageshack.us/img412/4403/image15jc7.gif
 http://img264.imageshack.us/img264/7575/image16kn8.gif
 http://img139.imageshack.us/img139/83/image5oa7.gif
 http://img509.imageshack.us/img509/6449/image6fu0.gif
 http://img507.imageshack.us/img507/5774/image8wn8.gif
 http://img150.imageshack.us/img150/5784/image9qo1.gif

MORE~>

16.03 | 1 komentar

Menonaktifkan klik kanan mouse pada blogger

Menonaktifkan klik kanan mouse pada blogger >> Klik kanan atau right click terkadang sering digunakan untuk kopi paste,seperti saya misalnya he he he..:-) Setelah dipasang kode 'Disable Right Click pada blogger' anda setiap pengunjung atau anda sendiri akan kesulitan melakukan klik kanan, jika demikian isi dari halaman blog anda, artikel dan gambar tidak bisa di copy atau disalin.
Bagaimana cara memasang kode Disable Right Click pada Blogger, berikut langkah-langkahnya:
Copy kode berikut ini kemudian masuk ke draft blogger - design - page element - add a gadget - HTML/javaScript - save.

<SCRIPT language=JavaScript>
var message = "No Right Click";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</SCRIPT>

Untuk merubah pesan apabila pengunjung melakukan klik kanan anda boleh merubah text 'No Right Click' di atas sesuai keinginan anda.

MORE~>

11.32 | 2 komentar

Membuat Kata Sambutan Untuk Pengunjung Blog

Agak sedikit mirip dengan Kata untuk penutup blog, tips membuat kata sambutan bagi pengunjung blog sebelum pengunjung masuk ke halaman blog anda, trik ini hanyalah trik untuk menyambut kedatangan tamu blog dengan kata2 sambutan dari anda sebagai admin blog. Ada dua type kata sambutan yang bisa anda gunakan pertama berupa kata sambutan dari admin blog dan kedua adalah kata sambutan dari admin berupa pertanyaan dari admin mengenai pengunjung blog anda. Jika ingin mencoba menggunakan tips ini silahkan ikuti petunjuknya :

Kata Sambuatan model 1, yaitu berupa kata sambutan dari Anda :

1. Login ke account blogger anda.
2. Klik Layout --> Edit HTML.
3. Cari kode </head> di dalam template anda.
4. Copy pastekan script di bawah ini tepat diatas kode </head>
<SCRIPT language='JavaScript'>alert("WellCome To AKECHI-XP(Silahkan baca baca ya !!)");</SCRIPT>
Keterangan :
+ Ganti tulisan yg warna merah pada script dengan kata kata anda sendiri

5. Kemudian klik Simpan Template.

Kata sambutan Model 2, yaitu berupa pertanyaan kepada pengunjung blog :

Caranya sama dengan diatas hanya berbeda script, Copy pastekan script di bawah ini tepat di atas kode </head> :
<script type="text/javascript">
var yourName = prompt("Bolehkah saya tau nama anda", "Nama Kamu Siapa?");
</script>
Keterangan :
+ Ganti tulisan yg berupa pertanyaan dengan pertanyaan anda sendiri.

Selamat mencoba ...
 

MORE~>

11.01 | 0 komentar

Cara Membuat Tag Cloud Cara Membuat Tag Cloud

tag cloud / label berputar

Hai kawan aku pengen posting nich tentang bagaimana cara membuat tag cloud berputar di blog, atau label berputar, tapi baru bisa saat ini. Memang sulit tapi aku gak nyerah untuk belajar membuat label berputar pada blog. Nah berikut ini adalah hasil dari apa yang aku pelajari , yaitu membuat tag cloud bisa berputar..kamu bisa lihat hasil cara membuat label berputar pada blog punyaku ini. Kalu dah bisa sebenarnya mudah untuk bikin label berputar.

CATATAN : Tidak semua template dapat mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu. 

Okey...mari belajar bersama blog "CARAPADA", langkah-langkahnya :
Lihat Demo Blogspot yang sudah ada tag cloudnya di Buat Radio

1. Login ke  blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau mau lebih cepat nyarinya pakai F3 aja.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,
<b:widget id='Label99' locked='false' title='Tag Cloud Comulus Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
==================================================
5. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save .

CATATAN
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Biru : Ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
Bagimana, apakah ingin nyoba cara bikin label berputar biar blog kelihatan keren ...?
Selamat mencoba....aja yach ...

MORE~>

11.15 | 0 komentar

Cara Membuat Link Menjadi Warna-Warni di Blog

Cara Membuat Link  Menjadi Warna-Warni di Blog  - Udah pernah liat link yang berwarna-warni seperti pelangi (rainbow) ketika disorot kursor ? Ya sebenarnya itu adalah salah satu trik sederhana yang menggunakan javascript. Cara membuatnya pun sangat mudah dan GPL alias gak pake lama, asal sudah tau script yang mau dipake maka ngga sampe 5 menit prosesmembuat link di blog menjadi berwarna-warni seperti pelangi itu pun akan segera terwujud.

Cara membuat link berwarna-warni :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

3.    Copy kode javascript dibawah ini dan paste pada gadget.

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>

4.    Selesai dan silahkan diliat hasilnya.

5.    Cara lainnya adalah sobat bisa meletakkan script tadi pada template tepatnya diatas kode <body> , masuk ke menu Edit HTML, letakkan scriptnya dan save template anda.

Benar kan ngga sampai 5 menit ? Nah selamat mencoba cara membuat link menjadi warna-warni ini, semoga sobat puas dengan hasilnya

MORE~>

11.06 | 0 komentar

Cara hack billing warnet tanpa software

metode ini hanya sederhana hanya dengan mematikan billing diwarnet kita dapat ber internetan ria tanpa kena biaya alias biayanya tetap nol dan tidak pakai software softweran
coba simak caranya disini :

pertama pilih komputernya dan lakukan prosedur berikut

merestart.nya…. kemudian pas ada tulisan WELCOME pada windows persiapkan diri anda untuk menekan tombol ctrl+alt+del,jangan sampe kedahuluan muncul ya BILLING.NYa!…. lalu setelah anda tekan tombol tadi maka akan muncul windows task manager, lalu klik END TASK pada progam Billing.nya, jreeeeeeeenk, udah deh kita bisa internetan tanpa harus bayar

kalau ketahuan gimana, gampang tinggal bilang saja, komputer ini dari tadi sudah hidup, beres khan

tetapi dosa ditanggung sendiri yaaa

tapi kalu buat bahan pembelajaran ngk apa apa lebi baiknya buat yang baru mau mencoba mendingan coba di warnet teman

MORE~>

19.16 | 0 komentar

Cara Mengecek Kecepatan Loading Blog

Sangking asyiknya kamu memainkan blog dengan cara memasukan apa saja yang menurutmu menarik ya seperti widget, banner,iklan-iklan dll. Akan tetapi semua itu harus di ganti dengan lamanya loading blog kamu dikarenakan blog kamu menjadi berat dengan adanya yang saya sebutkan tadi. Ukurlah berat blog kamu dengan website speed test, Caranya gampang.. AndaTinggal memasukkan URL Blog abis itu klik submit deh .. gampang bukan ??

Langsung aja deh daripada lama-lama, nantinya bosen.. hahahaha
Nih webnya :

-> KLIK DISINI <-

Semoga Bermanfaat kawan ..

MORE~>

18.42 | 0 komentar