Guusnara : Various Tips and Trick

Membuat Anti Klik Kiri dan Kanan

2012-10-29T18:07:00.001+08:00

Membuat Anti Klik Kiri dan Kanan ~ Nah selanjutnya Guusnara akan memberikan trik Membuat Anti Klik Kiri dan Kanan pada blog anda. Sebelumnya Guusnara sudah memberikan trik Membuat Anti Klik Kanan Dengan Message.Ok langsung saja ke scripnya.

Loggin ke blogger anda.
Klik Template > Edit HTML > Lanjutkan.
Sebelum lanjut, terlebih dahulu backup Template anda.
Cari kode </body>
Kemudian masukkan script ini sebelum kode </body>.
Anda dapat mendownload scripnya "DISINI" dengan format "script.txt".
Simpan Template anda.
Anda juga bisa menempatkan script tersebut pada postingan anda cukup dengan Klik "Entri Baru" > "HTML" lalu masukkan script pada Step No.5.
Done !!!

Selamat Mencoba. Happy Bloggers !!

Cara Menyaring Suatu Tautan

2012-10-29T17:37:00.000+08:00

Cara Menyaring Suatu Tautan ~ Ahoyy, sudah sekian lama tidak memposting sekarang Guusnara akan memberikan trik Cara Menyaring Suatu Tautan. Maksudnya adalah, anda membuat suatu web, atau posting blog yang berisi tautan atau yang biasa disebut link, jika anda menambahkan script yang nanti Guusnara akan berikan maka web atau posting blog tersebut akan disaring hingga yang tersisa hanya tautannya saja. Jika masih belum mengerti, silahkan download Demonya dengan format "coba.html" : Contoh Menyaring Suatu Tautan. Ok jika sudah paham langsung saja ke Cara Menyaring Suatu Tautan.

Anda cukup mempaste script dibawah ini pada halaman yang sesuai dengan keinginan anda.
<script language="JavaScript1.2">  </script> <button onClick="extractlinks()">Extract Links</button>
Kemudian Simpan.
Done !!

Jika ada masalah pada script tersebut silahkan kirim komentar. Happy Blogging !!!

Membuat Teks Alay

2012-10-05T21:31:00.000+08:00

Membuat Teks Alay ~ Bagi anda yang suka sama tulisan-tulisan yang "4laY", Guusnara akan memberikan trik Membuat Teks Alay. Tidak perlu berbasa-basi lagi silahkan dicoba Tool dibawah ini dengan cara memasukkan teks anda pada kolom yang tersedia, kemudian centang pilihan yang tersedia sesuai dengan keinginan anda, dan Generate teks tersebut. Mudah Bukan, Selamat Mencoba !!. G0 4l4y !!.

Membuat Teks Terbalik

2012-10-05T21:16:00.001+08:00

Membuat Teks Terbalik ~ Guusnara akan memberikan trik Membuat Teks Terbalik. Perhatikan tulisan berikut ini. "¿ ıuı ıʇɹǝdǝs uɐsılnʇ ʇɐnqɯǝɯ uıƃuı ɐpuɐ ɥɐʞɐdɐ ˙ʞılɐqɹǝʇ uɐsılnʇ uɐʞɐdnɹǝɯ ıuı". Nah, jika anda ingin buat tulisan seperti tadi cukup memasukkan teks anda pada kolom yang tersedia, maka teks yang anda buat akan langsung menggenerate menjadi Tulisan Terbalik. Selamat Mencoba !!.

Mengunci Folder Tanpa Software

2012-09-15T16:28:00.000+08:00

Mengunci Folder Tanpa Software ~ Jika anda ingin mengisi password pada folder anda, tidak perlu khawatir. Guusnara akan memberikan trik cara Mengunci Folder Tanpa Software. Ini merupakan solusi Mengunci Folder bagi anda yang malas untuk mendownload softwarenya. Mengunci Folder Tanpa Software ini menggunakan Notepad, caranya.

Untuk Windows XP, klik "Start" dan Untuk Windows 7 klik "Logo Windowsnya".
All Programs.
Klik Accessories.
Klik Notepad.
Atau dengan cara cepat >> "Logo Wndows + R" > ketik "cmd" lalu enter.
Muncul tampilan notepad.

Masukkan kode dibawah ini.

cls

@ECHO OFF

title Guusnara Secret

if EXIST “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” goto UNLOCK

if NOT EXIST Rahasia goto MDLOCKER

:CONFIRM

echo Are you sure want to lock the folder (Y/N)

set/p “cho=>”

if  %cho%==Y goto LOCK

if  %cho%==y goto LOCK

if  %cho%==n goto END

if  %cho%==N goto END

echo Invalid choice

goto CONFIRM

:LOCK

ren Rahasia “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”

attrib +h +s  ”Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”

echo Folder locked

goto End

:UNLOCK

echo Enter password to unlock folder

set/p “pass=>”

if NOT %pass%== masukkan go to FAIL

attrib -h -s ”Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”

ren ”Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”  Rahasia

echo Folder Unlocked succesfully

goto End

:FAIL

echo Invalid password

goto end

:MDLOCKER

md Rahasia

echo Rahasia created succesfully

goto End

:End

Untuk yang warna Merah merupakan judul program anda.
Warna Biru ganti dengan Password yang anda inginkan.
Lalu simpan dengan nama "Lock.bat".
Untuk menjalankannya Klik 2 kali "Lock.bat" nya.
Maka muncul folder, masukkan data-data yang anda akan ingin lock.
Kemudian Klik 2 kali lagi "Lock.bat" nya.
Muncul pesan "Are you sure want to lock the folder (Y/N)" ketiklah "Y".
Maka folder yang tadi akan Hidden.
Untuk membukanya kembali Klik 2 kali "Lock.bat" nya.
Masukkan password yang sebelumnya anda telah buat.
Munculah kembali folder yang tadi.
Done !!!.

Sekiranya demikian trik dari Guusnara semoga bermanfaat buat anda semua. Happy Blogging !!!.

Membuat URL Tidak Terlihat

2012-09-15T16:04:00.002+08:00

Membuat URL Tidak Terlihat ~ Tentu dari anda masih asing dengan Post Membuat URL Tidak Terlihat. Nah Guusnara akan memberikan sedikit tips cara Membuat URL Tidak Terlihat, Biasanya jika anda mengarahkan kursor salah satu link maka akan muncul URL seperti ini.

Biasanya akan terlihat pada pojok kanan atau kiri bawah pada Browser anda. Jika anda ingin URL anda tidak terlihat, cukup dengan mengisi kode berikut di Entri/Post anda.

<form action="http://contoh.com">
<input class="download" type="submit" value="Link Ini" /></form>

Untuk yang berwarna Merah isi dengan URL yang diinginkan, dan yang berwarna Biru ganti dengan judul untuk URL tersebut. Maka hasilnya akan seperti ini.

Membuat Message Box dengan Notepad

2012-09-15T15:39:00.000+08:00

Membuat Message Box dengan Notepad ~ Guusnara akan memberikan tips dan trik cara Membuat Message Box dengan Notepad. Mungkin dari anda cuma mengetahui fungsi Notepad hanya sebagai mengetik teks saja, namun ternyata Notepad fungsinya bukan cuma itu saja walau Notepad cuma aplikasi bawaan Windows yang gak ada gunanya, tapi jangan salah. Dengan Notepad anda bisa membentuk suatu kode progam tertentu. Jadi jangan sepelekan fungsi dari Notepad tersebut, nanti anda bisa-bisa kena jebakan dari si pembuat. Loo Kok Bisaa ??. Kalau belum percaya, coba saja masukkin kode dibawah ini, lalu taruh di desktop PC/Laptop teman anda.

@ECHO off
 :Begin
 msg * Ini
 msg * Adalah
 msg * Kotak
 msg * Message box
 GOTO BEGIN

Kemudian simpan dengan format "namaprogram.bat" tanpa tanda petik. Untuk "namaprogram" anda dapat ganti dengan nama program terserah anda buat ngejahilin teman anda. Gimana ? Keren bukan ? hahaha :D. Kalo mau menghentikannya silahkan restart PC/Laptopnya :p.

Nah untuk tulisan yang berwarna Merah anda bisa menggantinya dengan END jika ingin Message Boxnya tidak berulang-ulang.

Jadi intinya pergunakanlah sebaik mungkin dan jangan disalahgunakan. Happy Blogging !!!.

Membuat Gambar Bergerak

2012-09-09T11:31:00.003+08:00

Membuat Gambar Bergerak ~ Sebelumnya Guusnara sudah memberikan cara Membuat Tulisan Bergerak nah sekarang Guusnara akan memberikan trik Marquee dengan gambar. langsung saja.

Login ke Blogger anda.
Buat sebuah Entri Baru.
Gunakan mode "HTML".
Kemudian masukkan kode dibawah ini.
<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="100"><img src="http://img716.imageshack.us/img716/8595/guusnaraexchangelinklog.png" alt=""/></marquee>
Untuk tulisan yang berwarna Merah merupakan arah bergerak gambarnya, untuk lebih jelasnya silahkan kunjungi Membuat Tulisan Bergerak
Sedangkan yang berwarna Biru ganti dengan URL gambar anda.
Pratinjau atau publikasikan post anda.
Hasilnya akan seperti ini.
Done !!!.

Mudah bukan. Untuk anda yang belum mengetahui cara memasukkan sebuah Link, silahkan kunjungi Cara Membuat Link. semoga bermanfaat. Happy Blogging !!!.

Cara Membuat Link

2012-09-09T11:11:00.000+08:00

Cara Membuat Link ~ Guusnara akan memberikan tips untuk anda yang tidak mengetahui Cara Membuat Link dengan kode HTML. Sebelumnya Guusnara akan membahas sedikit mengenai pengertian dari Link.

Link adalah sebuah teks atau gambar yang menjadi perwakilan dari sebuah Url suatu situs dan apabila di klik maka muncul Url yang menjadi tautan pada teks atau gambar tersebut.

Lalu bagaimana Cara Membuat Link tersebut, Guusnara akan bahas disini.

~ Untuk membuat Link dalam bentuk teks pada HTML dasar, anda cukup menambahkan tag <a> serta menambahkan atribut href didalamnya, contohnya seperti ini.

<a href="url">Anchor Text</a>
Kode <a> dan </a> merupakan tag HTML untuk membentuk suatu link. Jadi biasakan jika anda membuat kode html harus ditutup dengan penutup garis miring ( / ) seperti pada kode diatas.
href merupakan link Url yang akan dituju setelah diklik. contoh http://guusnara.blogspot.com.
Anchor Text merupakan isi atau perwakilan dari link yang akan anda klik.
Contoh pengisiannya akan seperti ini.
<a href="http://guusnara.blogspot.com">Guusnara Blog</a>
Maka hasilnya akan seperti ini >> Guusnara Blog.
Jika anda ingin Url anda terbuka pada halaman baru cukup anda menambahkan kode target="_blank"
Contoh kodenya seperti ini.
<a href="url" target="_blank">Anchor Text</a>
Sebagai contoh pengisian kodenya akan seperti ini.
<a href="http://guusnara.blogspot.com" target="_blank">Guusnara Blog</a>
Hasilnya silahkan diklik >> Guusnara Blog

~ Untuk yang dalam bentuk gambar maka tagnya adalah <img> dengan format seperti dibawah ini.

Contohnya seperti ini.
<a href="http://guusnara.blogspot.com"><img src="http://img716.imageshack.us/img716/8595/guusnaraexchangelinklog.png"></a>
Hasilnya >>

Demikan tips dari Guusnara semoga dapat bermanfaat buat anda semua. Salam Bloggers !!!.

Membuat Tulisan Bergerak

2012-09-09T10:18:00.000+08:00

Membuat Tulisan Bergerak ~ Membuat Tulisan Bergerak merupakan variasi suatu text yang bisa bergerak dari kiri ke kanan, atas kebawah maupun sebaliknya yang anda kenal dengan istilah Marquee. Bentuk Marquee pada umumnya mempunyai format seperti ini.

Isi Text dan URL Anda
Cara memasukkannya adalah :

Login ke Blogger anda.
Buat Entri Baru.
Gunakan mode "HTML".
Lalu masukkan kode yang ada diatas.
Tulisan berwarna Merah bisa anda ganti sesuai dengan arah yang diinginkan seperti "down","left" atau "right"
Lalu yang berwarna Orange merupakan text rata tengah
Jika anda ingin mempercepat kecepatan berrgerak pada teks, silahkan ganti tulisan yang berwarna Hijau dengan angka yang anda inginkan. Semakin besar angka berarti semakin cepat.
Yang warna Ungu merupakan batas vertical kotak Marquee.
Dan untuk tulisan yang berwarna Biru anda dapat ganti dengan Teks atau URL anda.
Untuk melihat hasilnya silahkan pratinjau ataupublikasikan post anda.
Done !!!.

Bagi anda yang belum mengetahui cara memasukkan Link baik gambar maupun Teks silahkan kunjungi "Cara Membuat Link". Semoga bermanfaat buat anda semua. Happy Blogging !!!.

Membuat Kotak Scroll Sederhana

2012-09-07T10:39:00.001+08:00

Membuat Kotak Scroll Sederhana ~ Ngepost lagi nih, Guusnara sebelumnya memberikan tips Membuat Spoiler Pada Blog, selanjutnya akan memberikan tips yang berikutnya yaitu Membuat Kotak Scroll Sederhana. Gunanya jika anda memasukkan sebuah gambar,code dan semacamnya tapi tidak ingin menghabiskan banyak tempat nah inilah caranya, mari ikuti langkah-langkah berikut ini.

Login ke Blogger anda.
Buatlah sebuah post baru.
Pilih mode "HTML".
Lalu masukkan kode dibawah ini.

Kode:

<center> <div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 400px; height: 100px; text-align: center;" > deskripsi apa saja yang ingin Anda masukkan </div></center>
Untuk tulisan yang berwarna Merah isikan deskripsi anda dari gambar, tulisan atau semacamnya.
Untuk mencobanya, publikasikan/pratinjau post yang anda buat.
Hasilnya akan seperti ini.
Deskripsi apa saja yang ingin Anda masukkan
Anda dapat mengatur Height dan Width sesuai yang anda inginkan.
Done !!!.

Kiranya itu yang Guusnara bisa berikan, semoga bisa bermanfaat buat anda semua. Happy Blogging !!!.

Membuat Spoiler Pada Blog

2012-09-07T10:09:00.003+08:00

Membuat Spoiler Pada Blog ~ Pada kesempatan yang baik ini, Guusnara akan memberikan trick untuk menyembunyikan dan menampilkan suatu gambar, tulisan dan semacamnya yang biasanya dikenal dengan nama Spoiler. tentu anda sudah tidak asing lagi kegunaan dari spoiler tersebut. Contohnya seperti dibawah ini.

Ini Namanya Spoiler:

Jika dari anda belum mengetahui cara membuatnya, ikuti langkah-langkah berikut.

Login ke Blogger anda.
Buatlah sebuah post baru.
Pilihlah mode "HTML".
Lalu masukkan kode dibawah ini.
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Ini Namanya Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Ini merupakan isi dari spoiler anda yang berupa gambar, tulisan dan semacamnya. <br> </div> </div> </div>
Untuk Tulisan berwarna Orange adalah lebar kotak dan ukuran tulisan spoiler, anda dapat mengaturnya sesuai dengan keinginan anda.
Tulisan yang berwarna Merah anda dapat menggantinya dengan judul spoiler anda.
Lalu tulisan yang berwarna Hijau merupakan bagian yang diklik, anda dapat menggantinya sesuai dengan keinginan.
Dan tulisan yang berwarna Biru isilah deskripsi anda seperti gambar, tulisan dan semacamnya.
Done !!!.

Semoga Trik ini bermanfaat buat anda. Happy Blogging !!!.

Membuat Rekomendasi Post Slide

2012-09-07T09:37:00.000+08:00

Membuat Rekomendasi Post Slide ~ Membuat Rekomendasi Post Slide maksudnya adalah sebuah widget yang bisa memunculkan sebuah posting blog secara acak yang berbentuk slide dan widget sangat populer di kalangan luar negeri. Biasanya widget ini muncul pada bagian paling bawah di suatu situs blog. Kebanyakan widget ini di pakai di Blog Wordpress. Nah Guusnara akan memberikan cara Membuat Rekomendasi Post Slide untuk Blogspot.

Login ke Blogger anda.
Lalu klik "Opsi Lainnya" > "Tata Letak" > "Tambah Gadget".
Muncullah sebuah jendela baru dan klik pada menu "HTML/Java Script".
Kemudian masukkan kode dibawah ini.
<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://guusnara.googlecode.com/files/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://guusnara.blogspot.com/2012/09/membuat-rekomendasi-post-slide.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCgJ1-PQFHoImarLuFBTWiNs9qWaHUBlaqFn89DGyscrHeu1gNdK98lREsIiBpNaOucoKYNIgwQhkukKGElxwZT6teuX-8JUmcVAX6Rwd-BrHQhjR0P7kF2zH7sif5p8ijznWyg1dqoRE/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>
Simpan Gadget anda.
Hasilnya akan seperti ini.
Done !!!.

Semoga bermanfaat buat anda semua. Happy Blogging !!!.

Membuat Anti Klik Kanan Dengan Message

2012-09-07T08:54:00.002+08:00

Membuat Anti Klik Kanan Dengan Message ~ Sebelumnya Guusnara sudah memberikan Membuat Blog Anda Anti Copas dan Anti Block, sekarang Guusnara akan memberikan tips yang kedua yaitu Membuat Anti Klik Kanan Dengan Message. Misalkan jika anda mengklik kanan di blog yang ada fitur ini, maka akan muncul pesan seperti digambar ini.

Nah, disini anda tidak perlu lagi mengedit HTML anda cukup dengan memasang sebuat Gadget saja. Caranya :

Loggin ke Blogger anda.
Lalu klik "Opsi Lainnya" > "Tata Letak" > "Tambah Gadget".
Maka muncul jendela baru dan carilah "HTML/Java Script".
Kemudian masukkan kode dibawah ini.
<script> var message="Maaf, Saat Ini Fitur Klik Kanan Kami Disable, Demi Lancarnya Kinerja Browser Kalian !!. Dan Jika Ingin Mengcopy, Silahkan Tekan Ctrl + C !!."; /////////////////////////////////// function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false") </script>
Tulisan yang berwarna Merah ganti dengan deskripsi sesuai yang anda inginkan.
Simpan Gadget anda.
Done !!!.

Nah untuk mencobanya silahkan langsung ke Url Blog anda dan langsung klik kanan, jika sudah muncul maka kode tersebut berjalan dengan baik. Pengalaman Guusnara kode-kode tersebut hanya bisa berjalan di Browser "Mozzila" dan "Google Chrome" sedangkan di "Opera" tidak berjalan. Selamat mencoba. Happy Blogging !!!.

Membuat Kode Warna HTML 2

2012-09-06T16:48:00.001+08:00

Membuat Kode Warna HTML 2 ~ Guusnara akan memberikan Tips kedua yaitu Membuat Kode Warna HTML 2 yang sebelumnya Guusnara sudah memberikan Tips yang pertama yaitu Membuat Kode Warna HTML 1. Untuk kode-kodenya silahkan ikuti cara dibawah ini.

Loggin ke Blogger anda.
Klik "Opsi Lainnya" > "Template" > "Edit HTML".
Sebelum ke langkah selanjutnya, terlebih dahulu backup template anda jika misalnya terjadi salah penempatan coding.
Centang "Expand Template Widget".
Masukkan kode dibawah ini.
<script language='javascript'> function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById("vzorec2").bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); } </script> <script src='http://guusnara.googlecode.com/files/kodewarna.js' type='text/javascript'></script>
Kemudian simpan template anda.
Jika sudah, selanjutnya klik "Post" > "Buat Entri Baru". atau bisa juga di Gadget anda.
Pilihlah mode "HTML".
Masukkan kode dibawah ini.
<form id="hcc" name="hcc"> <table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody> <tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody> <tr height="24"><td bgcolor="#190707" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a0808" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b40404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df0101" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff0000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa5858" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f78181" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cece" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbefef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#191007" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b240b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#61380b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a4b08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b45f04" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df7401" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff8000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#faac58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7be81" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8ece0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#181907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#292a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#393b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5e610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#868a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#aeb404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d7df01" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ffff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f4fa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f3f781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbfbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#101907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#243b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#38610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#4b8a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5fb404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#74df00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#80ff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#9afe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#acfa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#bef781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5fbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071907" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b610b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a08" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b404" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01df01" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ff00" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efe2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58fa58" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f781" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6ce" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbef" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071910" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b24" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b6138" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a4b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b45f" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01df74" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ff80" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efe9a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58faac" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f7be" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6e3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbf5" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071918" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a2a29" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3b39" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b615e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#088a85" onclick="Barva(this.bgColor)"> </td><td bgcolor="#04b4ae" onclick="Barva(this.bgColor)"> </td><td bgcolor="#01dfd7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#00ffff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2efef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58faf4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81f7f3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cef6f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#effbfb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#071019" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b243b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b3861" onclick="Barva(this.bgColor)"> </td><td bgcolor="#084b8a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#045fb4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0174df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0080ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e9afe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#58acfa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#81bef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cee3f6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#eff5fb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#070719" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b61" onclick="Barva(this.bgColor)"> </td><td bgcolor="#08088a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0404b4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0101df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0000ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e2efe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5858fa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8181f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#cecef6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#efeffb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#100719" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#240b3b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#380b61" onclick="Barva(this.bgColor)"> </td><td bgcolor="#4b088a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#5f04b4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#7401df" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8000ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#9a2efe" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ac58fa" onclick="Barva(this.bgColor)"> </td><td bgcolor="#be81f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e3cef6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ece0f8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5effb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a0a29" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b39" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b5e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a0886" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b404ae" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df01d7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff00ff" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa58f4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f781f3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cef5" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbeffb" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#190710" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#3b0b24" onclick="Barva(this.bgColor)"> </td><td bgcolor="#610b38" onclick="Barva(this.bgColor)"> </td><td bgcolor="#8a084b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#b4045f" onclick="Barva(this.bgColor)"> </td><td bgcolor="#df0174" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ff0080" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fa58ac" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f781be" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f6cee3" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)"> </td><td bgcolor="#fbeff5" onclick="Barva(this.bgColor)"> </td></tr> <tr height="24"><td bgcolor="#000000" onclick="Barva(this.bgColor)"> </td><td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)"> </td><td bgcolor="#151515" onclick="Barva(this.bgColor)"> </td><td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)"> </td><td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#424242" onclick="Barva(this.bgColor)"> </td><td bgcolor="#585858" onclick="Barva(this.bgColor)"> </td><td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)"> </td><td bgcolor="#848484" onclick="Barva(this.bgColor)"> </td><td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)"> </td><td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)"> </td><td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)"> </td><td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)"> </td><td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)"> </td><td bgcolor="#ffffff" onclick="Barva(this.bgColor)"> </td></tr> </tbody></table> </td></tr> </tbody></table> <table align="center" border="0" cellpadding="0" cellspacing="2"><tbody> <tr height="24"><td height="24" id="vzorec" width="24"> </td><td valign="bottom">Kode warna yang terpilih : <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 12px; font-weight: bold; height: 16px; width: 74px;" type="text" /></td></tr> </tbody></table> </form>
Publikasikan Post anda. Dan Hasilnya akan seperti INI.
Done !!!

Jadi anda bisa memilih salah satu diantara cara Membuat Kode Warna HTML 1 atau Membuat Kode Warna HTML 2 sesuai dengan keinginan anda. Semoga bermanfaat. Happy Blogging !!!.

Kode Warna HTML Tanpa Flash Player

2012-09-06T16:22:00.000+08:00

Kode Warna HTML Tanpa Flash Player ~ Sebelumnya Guusnara sudah memberikan Kode Warna HTML Dengan Flash Player, sekarang Guusnara akan memberikan solusi kedua bagi anda yang mengalami kesulitan dalam hal mencari Kode Warna HTML. Jadi silahkan dicoba tool dibawah ini tanpa perlu mendownload Flash Player terlebih dahulu bagi anda yang tidak mempunyainya. Happy Blogging !!!.

Membuat Kode Warna HTML 1

2012-09-06T15:59:00.000+08:00

Membuat Kode Warna HTML 1 ~ Guusnara akan memberikan tips untuk anda bila anda mengalami kesulitan untuk mencari kode warna di HTML. Sekarang Guusnara akan berikan step by step Membuat Kode Warna HTML 1.

Login ke Blogger anda.
Klik "Buat Entri Baru", atau juga bisa di Gadget anda.
Pilih mode "HTML".
Masukkan kode dibawah ini.
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"> <param value="High" name="quality"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"> <param value="http://www.2createawebsite.com/build/col.swf" name="movie"> <param value="high" name="quality"> <param value="#ffffff" name="bgcolor"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>
Publikasikan post anda.
Hasilnya akan seperti DISINI.
Done !!!.

Karena ini menggunakan Flash, jadi jika anda belum memiliki flash player silahkan dapat mendownloadnya di SINI. Jika anda tidak ingin memakai Flash, silahkan kunjungi cara Membuat Kode Warna HTML 2. Selamat Mencoba.

Kode Warna HTML Dengan Flash Player

2012-09-06T15:16:00.000+08:00

Kode Warna HTML Dengan Flash Player ~ Anda mengalami kesulitan mencari kode warna ? Nah Guusnara akan memberikan tool Kode Warna HTML buat anda. Sebelumnya Guusnara sudah memberikan tool mengenai Konversi Kode HTML Menjadi Encode. Karena ini membutuhkan Flash Player, bagi anda belum mempunyai Flash Player silahkan mendownloadnya dari situs >> Adobe <<. Selamat mencoba.

Membuat Link ke Banyak Tujuan

2012-09-06T09:53:00.000+08:00

Membuat Link ke Banyak Tujuan ~ Para Bloggers sekalian, Guusnara akan memberikan tips dan trick lagi mengenai cara Membuat Link ke Banyak Tujuan. Contohnya silahkan anda mengklik Link Ini. Untuk kodenya, silahkan ikuti cara berikut ini.

Login ke Blogger anda.
Buat Post Baru atau Di Gadget sesuai dengan keinginan anda.
~ Untuk di Post Baru anda, silahkan klik mode "HTML".
Masukkan kode dibawah ini.
<a onclick="window.open('http://google.com');window.open('http://yahoo.com')" href="javascript:void(0)">Link untuk bagian post baru</a>
~ Untuk di bagian Gadget silahkan klik "Tambah Gadget" > " HTML/Java Script".
Masukkan kode dibawah ini.
<script type="text/javascript"> function open_win() { window.open("http://google.com"); window.open("http://yahoo.com"); } </script> <a href="javascript: void(0)" onclick="open_win()">Klik Disini</a>
Untuk tulisan yang berwarna merah, silahkan ganti dengan URL yang anda inginkan. Dan yang berwarna biru masukkan judul yang ingin anda masukkan.
Done !!!.

Semoga bermanfaat buat anda semua. Salam Bloggers !!!.

Membuat Blog Anda Anti Copas dan Anti Block

2012-09-06T09:19:00.002+08:00

Membuat Blog Anda Anti Copas dan Anti Block ~ Jika anda tidak ingin artikel anda di copy paste sama orang lain, disini Guusnara akan memberikan cara Membuat Blog Anda Anti Copas dan Anti Block. Tidak ada salahnya untuk anda mencoba. Langsung aja.

Login ke Blogger anda.
Klik "Opsi Lainnya".
Lalu Klik "Template".
Untuk berjaga-jaga kemungkinan terjadinya salah coding, silahkan backup Template anda terlebih dahulu dengan mengklik "Cadangkan/Pulihkan" > "Unduh Template Lengkap".
Klik "Edit HTML".
Lalu Centang pada "Expand Template Widget".
Kemudian cari kode <head> dengan menekan CTRL + F di browser anda.
Masukan kode dibawah ini tepat setelah kode <head>.
<SCRIPT type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</SCRIPT>
Simpan Template Anda.
Done !!!.

Semoga bisa bermanfaat buat para bloggers sekalian.

Memasang Gadget Burung Terbang Twitter

2012-09-06T08:52:00.000+08:00

Memasang Gadget Burung Terbang Twitter ~ Apakah Blog anda isinya itu-itu aja ?. Nah, Guusnara kembali akan memberi tips and trick cara Memasang Gadget Burung Terbang Twitter. Gadget Burung Terbang Twitter ini bisa berterbangan kemana saja di blog anda, dan selain itu juga sebagai ajang mempromosikan akun Twitter anda. Nah, bila anda mau Memasang Gadget Burung Terbang Twitter ini ikuti langkah-langkah berikut.

Login ke Blogger anda.
Pilih Tata Letak.
Klik Tambah Gadget.
Muncul jendela baru lalu klik "HTML/Java script.
Masukkan Kode dibawah ini.
 <script type="text/javascript" src="http://guusnara.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz3UP_gnH0ZeMsOSjBb5ActwhWNk5UuDT_fiDe_bG2huRu9Ks0kLOlBJkuFUIktkJvFwyg91fQcBf4COGUqw14Kx-xXEwAKRARA43qR9HpJkhPXBUPovb4zQEwyfp7Cyg5LbjFb0vt2qU/s1600/purple+bird.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/guusnara"; var tweetThisText = "Twitter - UserID http://guusnara.blogspot.com/"; tripleflapInit(); </script>
Untuk tulisan yang berwarna merah, silahkan isi dengan user Twitter anda. Dan untuk tulisan yang berwarna biru merupakan warna burung Twitternya, jadi jika anda ingin mengganti dengan warna yg lain,silahkan ganti Kode yang berwarna Biru tersebut dengan salah satu kode dibawah ini.

Warna Biru Muda:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuKkOdWufOY3Z7Qv-BgOkcUeWYeyegjlxkssAv3fdfppinHjBFtmtx06kZ7bynE85_uvzVB9GZ_D0kEDA81a9pMlKvHCyGqD0fq3mRdztk_8KhIGA4MRtzdojivqCZhj2Rq5hhyphenhyphenbtnKR0/s1600/cyan+bird.png

Warna Hijau:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD8gpuyagLE0DRn1pqQE6Wce52UHA4miC7sNutWXI5u3g6jil4THJfUUuFj2vkwRfydvJ-flxZK731LUMs30QmCCn7ZYObSyFnZrbjYcLe1aks9arCdWWTYk9kKooIGnWoV8WVQECenXU/s1600/Green+bird.png

Warna Hitam:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiOEtzgk7bAhwvCc6tpmY4sIdFFwOvQyec0dML4GS_ZZyRu1QxPXgQuHdG1GPqssELjKa3kf7MUmD1GIv9Y06ylUGeiYSYMXGU5eJq4ywm5txrkfIjptSEwGU0uutyVCjEBpXfQqUa5oQ/s1600/black+bird.png

Warna Coklat:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxGd3K5syA5oeUWCCVJsDwzhwV54-vE2NezuzaJ8Ipo1FvyGghfkOmB866HqSyHse3Q8B57hvu1JhK4da7WFf4PDxEorPuGKsllIqSKV84-fQvQowB_Q1My13x7VBVzPIr8nLRt_OM51w/s1600/brown+bird.png

Warna Ungu:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCNHk-icVt-OeFcOM-KXjvJSCIbPUdBSomDWt0QYfgrgXyDKNot-zAsF7_BCy6aKlbQjEtgFalP4iiCuBq1I0uct8-gSX49bqK5eIDlK6cu_mwaLelFuwV3UIQzl9Jv1Zeq-UtlMgtYC8/s1600/purple+bird.png

Warna Merah:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSlwp-FhwzMqyhnf0lhoPuKK9bjKXxwrnca2qebR01phz_09tfnp8G1aDKP1bhWaXt2h_9jmf-TdjSbIv-O4LBFZdtnMWCBahhI6uF0AUXI500fn2lkRAxN5efSWYdpgIPEQyuPgpH9NM/s1600/red+bird.png

Warna Putih:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8KMGzdc8Nxv6LAZXczvzpyrxZLdoiNSekxEfOVBFHzcZb6KbYPfd5BBQOzprMXNsZSXq6xGhe0lSLGvUNKpm_ZxFXwQnqEYdpILz0X60WB7QsznpQsF4KvfaJCUOt1XNeOu3gaV3cnoI/s1600/white+bird.png

Warna Kuning:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInin5JcUdH8dkLXS0_mRUF-dv5MP5iXfSFCwjqiqIDF11SarHqjB3EvzLVHP80rgqt8r9g5l2_f996lqpLUVI2dsNq3_eO1bvwRRf_Y6RFLwpMiND5RManabKkNBvg7eJG98HjZxuG1A/s1600/yellow+bird.png
Kemudian simpan Gadget anda.
Done !!.

Jika anda ingin warna lain dari yang diatas, anda dapat mengutak-atik di Photoshop anda. Semoga Bermanfaat Buat Anda Semua. Salam Bloggers !!!.

Membuat File Hosting Google Code

2012-09-01T23:28:00.002+08:00

Membuat File Hosting Google Code ~ Google Code merupakan layanan yang dibuat oleh Google untuk membuat file hosting gratis dan mudah pemakaiannya, seperti menyimpan file gambar, Javascript, Mp3 dan masih banyak lagi. Kegunaanya jika anda ingin memasukan sebuah kode, misalnya yang berformat .js tinggal upload filenya saja disini lalu linknya bisa dimasukkan pada kode script yang anda akan buat misalnya untuk membuat sebuah daftar isi di blog atau membuat saving mode. Google Code ini memiliki beberapa keunggulan, yaitu :

Mudah digunakan.
Memiliki kapasitas penyimpanan hingga 4GB, dan itu bisa ditambah jika anda membuat sebuah projek baru lagi.
Kapasitas upload satu file hingga 200 MB.
Hosting ini gratis !.

Nah, Guusnara akan memberikan cara Membuat File Hosting Google Code, langsung saja.

Login ke akun Google anda.
Buka situs code.google.com
Pilih "Create a new project"
Isilah form tersebut dengan lengkap. Perhatikan gambar berikut !!.

Pada bagian 'Version control system' anda pilih yang "Mercurial", dan pada 'Source code license' anda pilih yang "GNU GPL v3". (Jika gambar kurang jelas, silahkan diklik untuk diperbesar).
Setelah selesai, lalu klik "Create project"

Sekarang Guusnara akan menjelaskan mengenai Cara mengupload file hosting Google Code.

Setelah tadi selesai membuat project, silahkan klik "Download" lalu klik "New Download".
Isilah data-data anda terserah dan upload file yang anda inginkan.
Lalu klik "Submit File"
File anda sudah terupload.

Jika misalnya anda sedang membuat sebuah gadget power saving, pastinya anda akan memerlukan sebuah file .js . Tinggal klik file yang tadi sudah diupload, lalu klik kanan pada file dan klik "Salin Alamat Tautan" seperti pada gambar berikut.

Maka hasil copynya akan seperti ini "http://guusnara.googlecode.com/files/energy.js". lalu anda bisa memasukkan linknya yg tadi untuk menampilkan power saving seperti contoh berikut.

<script src="http://guusnara.googlecode.com/files/energy.js" type="text/javascript"/>

Semoga bermanfaat buat para Bloggers semua !!!.

Memverifikasi ID Alexa Blog (Claim Your Site)

2012-09-01T17:25:00.001+08:00

Memverifikasi ID Alexa Blog (Claim Your Site) ~ Sebelumnya Guusnara memberikan cara Memasang Widget Alexa di Blog sekarang Guusnara akan memberikan cara Memverifikasi ID Alexa Blog (Claim Your Site). Langsung aja.

Login seperti biasa ke akun Alexa.
Pilih "Produts"
Pilih "See Other Tools for Site Owners".
Klik "Claim Your Site".
Masukkan URL Blog anda lalu klik "Claim your site".
Tunggu beberapa saat, lalu muncul pilihan, silahkan anda pilih yang "Free Sign Up".
Maka akan muncul 2 pilihan, kita akan pilih yang opsi 2 karena cara tersebut sangat mudah. ikuti ya cara dibawah ini.

Copy meta tag ID verifikasi alexa tersebut dan paste di bawah kode tag <head> atau di atas kode </head>
Jika sudah memasukkan Meta tag ID verifikasi alexa tersebut silahkan klik Save Template
Kembali kehalaman alexa lalu klik Verify my ID.
Jika berhasil maka akan ada konfirmasi bahwa anda sukses mengklaim blog anda.
Done !!!

Gimana, Berhasil bukan ? . Selamat mencoba para Bloggers !!!. Semoga bermanfaat.

Memasang Widget Alexa di Blog

2012-09-01T17:10:00.000+08:00

Memasang Widget Alexa di Blog ~ Hari baru koin baru, hehe. Nah di awal bulan september ini Guusnara akan memberikan cara mengenai Memasang Widget Alexa di Blog. Disini Guusnara akan memberikan sedikit pengertian mengenai Alexa terlebih dahulu.

Alexa merupakan sistem traffic terbesar di dunia yang berdiri sejak April 1996. Alexa berdiri di bawah naungan amazon.com. Alexa menyediakan informasi diantaranya tentang blog/website termasuk Top Sites, Statistic Traffic Internet dan Related Links. Alexa juga menyediakan banyak produk yaitu Alexa Traffic Widgets, Reviews Widgets dan Alexa Logos. Tak ketinggalan juga Alexa Toolbar yang menyediakan banyak fitur seperti Alexa Traffic Rank, Related Links, Wayback, Search Analytics dan Web Reviews.

Nah sekarang Guusnara akan memberikan step by step Memasang Widget Alexa di Blog.

Masuk ke situs Alexa.com.
Login ke akun anda. Bagi yang belum mempunyai akun Alexa, silahkan Klik register, anda juga bisa login via akun Facebook anda.
Setelah Register atau Login, silahkan Klik "Produts" di bagian kiri atas.
Pada bagian paling bawah klik "See Other Tools for Site Owners"
Klik "Alexa Site Widgets"
Masukkan URL Blog anda, lalu klik "Build Widget"
Copy salah satu Kode Skrip yang anda inginkan ke Gadget Blog anda, dengan cara Pergi ke Blog kalian, Klik "Tata letak" > "Tambah gadget" > "HTML / Java Script", dan masukkan kode yang tadi anda copy sebelumnya. Lalu klik "Simpan"

Untuk cara mengklaim blog anda silahkan ikuti langkah-langkahnya disini >> Memverifikasi ID Alexa Blog (Claim Your Site).

Konversi Kode HTML Menjadi Encode

2012-08-30T20:21:00.000+08:00

Konversi Kode HTML Menjadi Encode ~ Nah Guusnara akan memberikan solusi bagi anda yang kesulitan memposting artikel yang berhubungan kode HTML/Java Script. Namanya Parse HTML yang berguna untuk menampilkan kode HTML/Java Script menjadi sebuah karakter biasa, contohnya seperti pada postingan Guusnara yang berikut ini. Silahkan Di Klik.

Jika anda tidak mem Parse HTML maka saat memposting yang berhubungan kode HTML/Java Script tidak akan tampil seperti karakter biasa, melaikan sebuah widget. Silahkan di coba tool dari Google yang kami berikan dibawah ni.

Selamat mencoba. Salam Bloggers !!!.