cara menampilkan badge I love indonesia

   Lihat Badge I Love Indonesia di pojok kanan atas blog saya ? Mau tahu cara bikinnya ? Yuk kita pelajari bersama.....

    Untuk membuat
badge tersebut kita harus sedikit bermain dengan javascript. Javascript itu hampir mirip seperti html hanya dieksekusi/dijalankan oleh browser yang kita pakai (tapi ingat ! Javascript TIDAK SAMA dengan Java Ok?!). Ok langsung saja berikut ini caranya.

1. Pertama-tama login dulu ke Blogger.
2. Selanjutnya akan muncul tampilan Dasbor/Dashboard.
3. Pilih link Rancangan/Design.

4.  Selanjutnya setelah muncul halaman Edit Tata Letak/Edit Layout pada tab Elemen Laman/Page Elements klik link Tambah Gadget/Add a Gadget. Tunggu sampai muncul jendela baru lalu geser ke bawah sampai ketemu Gadget HTML/Javascript.

5. Klik tanda tambah biru di sebelah kanan tulisan tersebut lalu copy-kan teks berikut :


<script language="JavaScript" type="text/javascript">var Ovr2=''; if(typeof document.compatMode!='undefined' && document.compatMode!='BackCompat') {    cot_t1_DOCtp="_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}"; } else {    cot_t1_DOCtp="_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}"; } if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat') {    cot_t1_DOCtp2="_top:expression(document.documentElement.scrollTop-20+document.documentElement.clientHeight-this.clientHeight);}"; } else {    cot_t1_DOCtp2="_top:expression(document.body.scrollTop-20+document.body.clientHeight-this.clientHeight);}"; } var adi_top_rightCSS='#adi_top_right{position:fixed;'; adi_top_rightCSS=adi_top_rightCSS+'_position:absolute;'; adi_top_rightCSS=adi_top_rightCSS+'top:0px;'; adi_top_rightCSS=adi_top_rightCSS+'right:0px;'; adi_top_rightCSS=adi_top_rightCSS+'clip: inherit;'; adi_top_rightCSS=adi_top_rightCSS+cot_t1_DOCtp; var cot_tl_popCSS='#cot_tl_pop {background-color: transparent;'; cot_tl_popCSS=cot_tl_popCSS+'position:fixed;'; cot_tl_popCSS=cot_tl_popCSS+'_position:absolute;'; cot_tl_popCSS=cot_tl_popCSS+'height:194px;'; cot_tl_popCSS=cot_tl_popCSS+'width: 244px;'; cot_tl_popCSS=cot_tl_popCSS+'border: thin solid #000000;'; cot_tl_popCSS=cot_tl_popCSS+'right: 100px;'; cot_tl_popCSS=cot_tl_popCSS+'top: 30px;'; cot_tl_popCSS=cot_tl_popCSS+'overflow: hidden;'; cot_tl_popCSS=cot_tl_popCSS+'visibility: hidden;'; cot_tl_popCSS=cot_tl_popCSS+'z-index: 100;'; cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2; document.write('<style type="text/css">'+adi_top_rightCSS+cot_tl_popCSS+'</style>'); function cot_tl_bigPopup(url) {    newwindow=window.open(url,'name');    if(window.focus)    {       newwindow.focus()    }    return false; } function cot(cot_tl_theLogo,cot_tl_LogoType,LogoPosition,theAffiliate) {    var cot_tl_bigBaseURL= "";    document.write('<div id="adi_top_right">');    document.write('<a href='+cot_tl_bigBaseURL+' onClick="return cot_tl_bigPopup(\''+cot_tl_bigBaseURL+'\')"><img src='+cot_tl_theLogo+' border="0" ></a>');document.write('</div>'); } </script> <script language="JavaScript" type="text/javascript">  http://note-why.blogspot.com/cot("https://lh4.googleusercontent.com/_tlrfJsvPz0A/TbBmnPUjDCI/AAAAAAAABDI/8cLaGEqWYhk/Gambar%20widget.png")</script>

6. Selanjutnya, tinggal diberi judul atau tidak juga tidak apa-apa. Lalu klik Simpan/Save. Setelah jendela tertutup, geser gadget dengan cara mendragnya ke bagian bawah (kolom mana saja), agar tidak menggangu posisi gadget lain, lalu klik Simpan/Save dan lihat tampilannya di blog anda.

Semoga berhasil dan tunggu postingan tentang belajar HTML berikutnya ya....
tips blog lainnya http://note-why.blogspot.com/search/label/tips%20blog

Artikel lain yang mungkin anda cari,: