Pasang Widget Penerjemah di Blogmu

caranya cukup mudah. berikut caranya :

1. Login ke Blogger
2. pilih menu "Layout" atau "Tata Letak"
3. klik pada "Add Gadget" atau tambah gadget.
3. pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

---------------------------------------------------------------------------
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

-----------------------------------------------------------------------------
5. kemudian simpan.

hasilnya seperti ini :



mudah bukan...

Pasang animasi label cloud di Blogger

Sudah lama nyari-nyari akhirnya nemu juga yang mudah untuk cara memasang animasi labelcloud di blogger. bagi teman-teman yang mau memasangnya akan ditunjjukan cra termudah untuk membuatnya. begini caranya :

1. masuk ke akun blog kamu
2.pergi ke Tata Letak -> Edit html (jangan lupa beri centang pada Expand Template widget).
3. cari kode berikut ini

<b:section class='sidebar' id='sidebar' preferred='yes'>

4. masukkan kode berikut tepat dibawahnya. ingat!! tepat dibawahnya..

--------------------------------------------------------------------------------
<b:widget id='Label99' locked='false' title='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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// 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. selesai, mudah bukan???
6. jika ingin mengubah posisinya, atur di elemen halaman

Membuat image atau teks float di blogmu

untuk membuat image float di blog caranya cukup mudah :
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

----------------------------------------------------------------------------------

#layer {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

----------------------------------------------------------------------------------

3. posisinya bisa diubah "bottom" diubah menjadi "top" dan "left" diubah menjadi "right" ( tanpa tanda kutip)

4.langkah berikutnya yaitu letakkan script berikut ini sebelum kode &lt;/body>

-----------------------------------------------------------------------------------
<div id='layer'>
<a href='http://tipstrikblogdanhtml.blogspot.com'>
<img border='0' src='http://img520.imageshack.us/img520/5751/gifanimasi01.gif'/></a>
</div>

-----------------------------------------------------------------------------------

<a href='http://tipstrikblogdanhtml.blogspot.com'> untuk link kamu dan <img border='0' src='http://img520.imageshack.us/img520/5751/gifanimasi01.gif'/></a> untuk alamat gambar.

kode ini bisa juga untuk gadget lainnya seperti jam, iklan, foto, dan lain-lain.
selamat mencoba...

Membuat teks berjalan atau marquee text

Teks berjalan atau marquee adalah hal menarik untuk ditambahkan di blog.selain itu teks berjalan atau marquee bisa juga untuk menghemat tempat diblog kita. berikut cara-cara membuat teks berjalan

marquee atau teks berjalan tipe sedehana :

<MARQUEE align="center" direction="left" height="60" scrollamount="3" width="80%" ><br /><br />marquee atau teks berjalan berjalan-jalan di jalanan<br /><br /></MARQUEE><br />

hasilnya :



marquee atau teks berjalan berjalan-jalan di jalanan




direksi diubah menjadi right, left, down,ataupun up
scroll amount untuk mengatur kecepatan teks berjalan, bisa diubah angkanya
width untuk mengubah ukuran panjangnya
height untuk mengubah ukuran lebarnya

Cara menulis kode html di postingan atau posting

Bagi Pemula (termasuk saya) mungkin agak pusing untuk menulis kode html dipostingan atau posting blog. Berikut adalah cara untuk membuat kode html menjadi mudah.
caranya ialah masuk ke alamat web berikut ini centricles. kemudian ganti tulisan yang ada didalam kotak tersebut dengan kode html yang ingin dibuat menjadi teks biasa. kemudian tekan encode.kopi kode tersebut ke posting atau postingan anda. mudah bukan!!!

berikut contohnya :

<html>
<body>