This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

MEMBUAT LINK BERKEDIP WARNA WARNI

Cara Lengkap Membuat Link Berkedip Warna Warn


1. Login ke akun blog kalian.
2. Pilih menu Template > Edit HTML ( Centang Expand Widget Templates ).
3. Cari kode </body> ( gunakan CTRL+F untuk mempercepat pencarian kode ).
4. Copy kode di bawah dan letakan tepat di atas kode </body>.


5. Sebelum di save alangkah baiknya pratinjau dulu.
6. Jika sudah berhasil save dan siap dengan tampilan blog baru kalian.

MEMBUAT DUA KOLOM WIDGET DUBAWAH POSTINGAN

Cara Membuat Dua Kolom Widget Dibawah Postingan memang tidak ada habisnya kita memodifikasi tampilan web demi menciptakan website yang lebih baik dan salah satunya yaitu menambahkan Dua Kolom Widget Dibawah Postingan Website,cukup baik juga dalam fungsinya karen dengan memasang dua kolom widget sekaligus kita dapat menempatkan dua link artikel dalam satu baris.
Cara Membuat Dua Kolom Widget Dibawah Postingan Web cukup lumayan gampang karena kita hanya tinggal menambahkan kode pada template,meski banyak cara untuk menambahkan dua kolom widget namun pada kali ini saya punya cara sendiri untuk lebih gampang dan praktis dalam memasang kolom widget.
Untuk lebih jelasnya silahkan kalian coba sajah di bawah ini Cara Membuat Dua Kolom Widget Dibawah Postingan Web.


1. Login dulu ke akun blog kalian.
2. Pilih menu Template > Edit HTML
3. Cari kode ]]></b:skin>,lalu letakan kode di bawah tepat di atas kode ]]></b:skin>. 
 

4. Setelah itu cari kembali kode <data:post.body/> dan letakan kode di bawah sesudah kode <data:post.body/>.

Keterangan :
Untuk width atau tinggi yang berwarna hijau di atas bisa kalian atur dan sesuaikan dengan blog kalian.

MEMBUAT BUKU TAMU PADA WEBSITE

Cara Membuat Buku Tamu Auto Hide Di Web

Cara Membuat Buku Tamu Auto Hide Di Web,ini adalah pembahasan selanjutnya yang sebelumnya saya sempat membahas Cara Membuat Artikel Acak Di Blog,buku tamu merupakan alat media untuk melakukan percakapan lewat tulisan yang di pasang di blog,dan biasanya kebanyakan buku tamu di pasang secara sembunyi atau auto hide.
Buat kalian yang ingin mencobanya Cara Membuat Buku Tamu Auto Hide Di Web silahkan lihat caranya di bawah,hansmjlkcommunity akan memberikan triknya yang paling mudah dan di jamin sukses,penasaran nih baiklah kita mulai sajah langkah langkahnya di bawah ini.

1. Buat yang belum punya kode CBOX silahkan daftar dulu disini
2. Setelah itu login ke akun blog kalian.
3. Pilih Tata Letak Kemudian Add Gadget
4. Pilih HTML/Javascript,kemudian copy kode di bawah dan pastekan pada HTML/Javascript pada kolom konten.


5. Kemudian save dan silahkan lihat hasilnya.

Keterangan :
Untuk tulisan berwarna hijau ganti dengan kode Cbox Kalian yang telah di buat pada langkah nomor satu

MEMBUAT EFEK GELAP TERANG PADA GAMBAR WEBSITE

MEMBUAT EFEK GELAP TERANG PADA GAMBAR WEBSITE
MEMBUAT EFEK GELAP TERANG PADA GAMBAR WEBSITE mempunyai ciri khas tersendiri karena tampilan ini sedikit menarik dibandingkan dengan tampilan gambar sebelumnya itu yang saya alami karena pada gambar akan nampak terang ketika mouse di arahkan dan akan kembali gelap ketika mouse menjauh.
Dengan semakin pesatnya kode CSS dalam merubah tampilan website seperti halnya membuat textbox dengan css,menu dropdown dengan css dan banyak lagi yang lainnya.Maka dari itu pada kesempatan ini dalam pembahasan Cara Membuat Efek Gelap Terang Pada Gambar saya akan menggunakan kode CSS supaya kelihatan lebih indah,untuk lebih jelasnya silahkan kalian perhatikan langkah langkahnya di bawah ini.
Cara Membuat Efek Gelap Terang Pada Gambar

1. Login dulu ke akun blog kalian.
2. Pilih menu Template --> Edit HTML ( Centang Expand Widget Templates ).
3. Cari kode ]]></b:skin> ( Gunakan CTRL+F untuk mempermudah pencarian ).
4. Copy kode di bawah dan letakan tepat di atas kode ]]></b:skin>.

Silahkan pilih salah satu kode yang di inginkan :

Efek Terang Ke Gelap


Efek Gelap Ke Terang

5. Kemudian save dan silahkan lihat hasilnya.

WIDGET ONLINE VISITOR

PILIHAN WIDGET ONLINE VISITOR
Meneruskan pembahasan tentang widget yang sudah saya paparkan sebelumnya tentang widget di pojok blog. Nah untuk postingan kali ini yakni tentang menampilkan widget yang sedang online di blog kita. Sebenarnya Ada banyak cara untuk menampilkan jumlah pengunjung yang sedang oline. dimana sekarang ini banyak situs yang menyediakan layanan ini.

Berikut beberapa situs yang menyediakan widget khusus untuk menampilkan jumlah "user online" dengan berbagai fitur yang menarik yang sudah Ganden dapat dari berbagai sumber. Jika masih kurang saya tunggu Komentarnya tentang pembahasan saya ini.

Untuk gambar contohnya ada banyak pilihanya. anda bisa register di sana dan memilih sesuai selera dan kriteria anda.

MEMBUAT GAMBAR BERPUTAR

Cara  Lengkap Membuat Gambar Postingan Blog Berputar
Cara Lengkap Membuat Gambar Postingan Berputar, Tampilan gambar berputar pada website ketika mouse menyentuhnya sebagai ciri khas dari perkembangan website apalagi di iringi dengan pembesaran gambar sambil berputar wow bikin asik ajah kelihatannya.
Memang terkadang jenuh dengan tampilan blog yang serba sederhana seakan tidak ada kreasi untuk memberikan tampilan yang sedemikian indah untuk memuaskan para pengunjung blog,nah buat kalian biar tidak merasa jenuh dengan tampilan blognya silahkan di coba coba siapa tau cocok karena saya rasa gampang banget caranya juga,untuk lebih jelasnya kita langsung saja ini kodenya.

    1. Seperti biasa kalian login ke akun.
    2. Pilih menu Template > Edit HTML ( centang expand widget templates ).
    3. Cari kode ]]></b:skin> kemudian copy kode di bawah dan pastekan di atas kode tersebut.


Kode HTMLnya :

HTML WIDGET TRANSLATE BENDERA

KODE HTML WIDGET TRANSLATE BENDERA

1. Widget Flag Translate Bergerak

French German Spain Italian Dutch Russian  Japanese Korean Arabic


Berikut adalah kode HTML. Monggo di copy :
    <center><a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="English"><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="French"><img alt="French" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;" title="French" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="German"><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" align="absbottom" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Spain"><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Italian"><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Dutch"><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Russian"><img alt="Russian" src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor: pointer;" title="Russian" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Portuguese"><img alt="Portuguese" src="http://a.imageshack.us/img816/6505/brazilia.gif" style="cursor: pointer;" title="Portuguese" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Japanese"><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Korean"><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Arabic"><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" align="absbottom" border="0" height="20"></a> 
     
    <a href="" rel="nofollow" simplified"="" style="cursor: pointer;" target="_blank" title3d"chinese=""><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" align="absbottom" border="0" height="20"></a></center> <div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://AmbyaBerbagi.com/" title="Translate widget">Translate Widget</a> by Google </div>


 

2. Widget Flag Translate Lingkaran


English French German Spain Italian Dutch

Russian Brazil Japanese Korean Arabic Chinese Simplified

Berikut KOde HTML / Script nya, Silahkan :

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT9S4f6fPVAAICfW5l5faTci82A5qGUkJAfCDsOeBFrografV5Mc_spPLWzDvG4FCxrp8DuewwVcCqV4Fr42TpqCOk3F3TOgJel-9Y6vUb9ULz6kCmPGF9_yT_Rpa4ycsTewcxxELn-j7y/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ64sDVZplZEOcBW4HKYBGjqgzOh5l_SZ4iSq00L3GVKwRknl2tBC_ViW2pGqP0_-OrbGgz_Px2Urii2TXvwAdEl9tg-ZStGwOIjASx4bih0Ls7LPAEc4a-BfMAQEkd823JsNbQG9nzWOK/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQFvB8A5ab67n2Foh17uSa8DLTUoL2wU9l6F4VTSsqc0UxQfGQEAszBn497Jtl2Ys6cAcVP8IC3lti-NdA5mOZXFqn182P5b7vRls0H52J73I9EEXSPEkaaZ1irESYcv770rCXh4tRmUBv/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZH9-4RQsNhrvJ4DFXmsoYzUBURepuCi_7yIFrJEQ6BEhA7XpHwVQEv8w_NuGPHh56VWM-nKj8bYWEUgmMqMOWv-H4-eZ2pKx1hZXAOF3KagG-gDp5dDthOBvU2agy6RKasTKIkeKEyKXA/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhSMgGNnhJ-9zEDjtSzlXavBPVQwAeb0b1hExPAJLNX3Zi-iIkMaOPKoAr52kLgr-Ui78AUQh5rpQgmocWpgkM_rJT5lpUlyQoigDmEesNn12HKTZ7LcqVKO017GoTJNR-PwW9EvtiSJo/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhGLFt0C5J0IK7RI4Q0rxxzzfMAvxKqaJYvg-vtIFdE_DtoZEqHn2SiPMd8fkXE7mWdsxk72xYjwj19P_cKzUbAp1fDtNyxQQJJW91gBxpV9JBuhqI0YFH1-QulM6bq3wT014oe9wyZG30/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioHz6_qfTNbL-RBV_p0j02Fw4QMNly-n6u2JyJXB4mvQsZ5EkTFtn0hYZWmyfcnAFA6o6Hwx4JTJbPuuJUei9V_yh4MPwBklA3s8AXTfwfj0pAu9lE9AvIXqk44ZiHOmPxBAW0ADazIHQW/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQnhtY98u4AWh-qUkmB3vIchCC_0_RKUQxlfdFS5fs3azkj3-zpQ4EaQ2fjOm2SKkajnDpKLuiWHVQ4WaK7TOJDSJvxNcgzJ9O3DpF-Xn4XqTJ_c8_LmtWyXCvPJfhnb8RjXiKayJy73Cw/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRmg5zh01lyQRslTFK92-aux7MB6sGYNCrNiacsAaIsjs3Fj_8n4V-l2Kt6oVmlBQPJotGYnwcwsU7Brm0Ybf47C5Rnl_6XxLdogIhMH8rpwxKjLhj2vhAKMKIanVH1eAHGjGTpdxftn-F/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-FR2J5XeXBAXKd6PH5Q2qVEfHWV5q-FbMtO-uS8j27dOofvtqe5ZHoy-yMOJ-YYEoMOCWe2e7WIak19l3qCN30n17XNTsfB5icJ5x96Iv4-BWjjYsK9XGS2YE3UmQL5SLSl6atGMr44_G/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejXowf3APBBn6osHppg-Ph5XCH43nigcsYXVYawY9dqmvKWTmmTk56zix7WUmCjW9NVuNLKeGU-OiGrRsrKKN30-ucuX-Jq5-KDEoH0cElExZyAtOaTw4ri_Y6KhD1B_XnwvMHiH4zwOH/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwA5HhE68DJQ3aSdQ_cvjjUiSHXcXIQbOavDWFxaYKMN9Q1IRiWU8BkEp1aTtWregd2hXWNvvh2-1TawpYe698DtLioIK4EBIUTAXMcvVYJEnV7kkohiz0UmXs4GrL-kArQIxVNNCOUTR/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://AmbyaBerbagi.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

3. Widget Falg Translate Kotak Berbayang



Berikut kode HTML/ JavaScript nya Monggo di copy:
<div style="text-align: center;">
<a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="English">          <img align="absbottom" alt="English" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAWNBFSrWU1C-_Vyf1qbS_FzVxqNILAZs5FtbsNfYKB25h-OSYcmBzcK1atSO89UlxTNYMi-xBXuoM0FTSgoUWq9UB0H6y289-56VP2DBxBJHGT_FKdbyq2nSaqHAjwU7dwLCFa-mjIZ0/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVHfoponvCslkWKVJcF1Fh8jzOJlw4ywsbN0mv9ZyO2L5sc18mvq-nqO3XfIXB22X3GM3x5H_V3JCO5GPJdPvwW3fDyvGeFqNQs7Ct6LCioBd1fTcm8-J8GQfRJIua3AlTeWXhbvkD0so/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqJlczRaxiSSAWHjt_nWH41d3TOKfi1MUbFdeVE8Fqc95hvucbHAEfgAVko1gUa9007GY319ZZlwNEXXBJFFif9W56v2ROUluZCL5P76hAyDnrVVvnlUovtf32Y8vZhLnuNmz9dcbru3Bh/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBTxp5RtPgTpEtwQXhiuJc9xhY8N2VT5uhm3_VEEkTTdyqvwufb6vQScDyV31G2SH4bgbaUPvxrl68Qd8mwDJ4gA0upWF0op7jOd3DfBj1oxB_Rp6gplN-_aiKWSt7ZuDcut4gdtCNj-1L/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3V9cGLWMpG4IM2qOgTwvFvSEPvdNh39VbnEV134nrNXevnXi-ZiQ-Mp6aEEUHnHvYNjGu0C8ABvuV_zcr06M1iztCUZ6-okwgcN7r7rVswgzGCgW_YjL9MAIxPQ6zsjW-DHFQEv9kyjE/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Italian" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieO0lOikGcQkBI5aPw9zqkZGhJ2DSglYk9jsUgl_Z3wbAIQunVN1ev32FLVraAUobcaHhf9Sx_sFxXDwBd11OUSRy7pLnPlrio26X-sVtzQ6xsfZZCmnQt5IYqR_hww5AawkGEg22DV1k/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="24" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgo28q-A_hZE8kIirdh1xfTzXgXXeXZLrempjpofqLsa1tQLU8IW7P8HSLNNJqvoUEufSNhZ6kKLP-RxY5dFoH89nJZoyqaJclrr-WcpazGizaH6tFqVN_3CIiEqBG1mvb3RtjdCgPUEw/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB-KFXjhoi8oSHvxzoVsFH9WHMXVmchTF_3PcM0QuVTAjadV_eIkZ5IESZoS-oGDXEI-3jpp5WweNC0YcnDdIEbTfrhv2ZwgSMKJfVQipvXaPWqYrayBwkF-Wp8NhHISLNiiuvcrTiKro/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Portuguese" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbSwTVSdIOi81W1Jyq2fPCgZnL3HuTYEab_Rv1SoOq7_z58lOVH04NXlPFJx3Y7kzuGBPrWu7CRtSSNV5HPdNGZNxIzWX4PehvwjlkjoqQ0hWaTl_mQqmJG612Fay1__iBH0G2tsKM86Sj/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsCqyF0IRC70tmd-jqfuf5qpq7tleZsgdQ3SI86uvFMeIAZdLNaoExLa2rRNs8YpHSFsSdu7_x-LQo8bAii_VJiwtQzvO1kTPFua71OF0Wv1OCoGPM5XNAxpnxraO3iyXrXGszcAJEbk0/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Korean" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwxs-HvWLX_zbVPZHfKT-817KOWwc7WZ24K4pNFIm-7rmUg-Eb-2t6gK0sMly9rzDq1_0YlfESUkMpDm-oT5BxmtFnaxBW1eaY6AxA7MqDYF98ML80ezwgyQq-bEPAHaTZuZ2ZrgylWwk/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a><a class="google_translate" href="https://www.blogger.com/blogger.g?blogID=7107669423599423684#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKmwfZgQnohbqK7_RX55sSIh8hS0oXdLvFgmGg1Wh-flpyHl_xsK9f6ihpm3TEcpvlKXPcRKU0w7YR85Om42Q7HltOAcL_hP7H3RE1zkSMykJO8ql3bFKFL6FSQPF3WZ_9A4qnODefoK8/?imgmax=800" height="32" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>
</div>

Nagh untuk cara pemasangan nya agak lumayan mudah kok sob,, hehe simak langkah langkah berikut
•    Pertama log in ke akun blogger masing2 ya,,
•    Kalo gak salah siyh hehe masuk ke menu tata letak, yang di kolom samping kiri itu lhoow, agak bawah kayaknya
•    Trus pilih kira kira di mana agan pengen nancepin widget translate yang keren ini
•    Kalo sudah ya klik aja, tambahkan gadget,
•    Trus cari HTML/Javascript
•    Setelaah muncul jendela / kolom baru, ada kolom judul, tulis aja translate atau apa terserah  agan,
•    Nagh untuk isinya silahkan paste kan kode di atas yang agan pilih barusan,, yang sebelumnya udah di copy

KODE HTML KE TIGA


1. Membuat baris baru
<br/>
2. Membuat paragraf baru
<p>
3. Teks tebal
<b>Teks disini</b>
4. Teks ketik
<tt>Teks disini</tt>
5.Teks bercoret
<s>Teks disini<s>
6. Teks garis bawah
<u>Teks disini</u>
7. Teks sup atas
<sup>Teks disini</sup>
8. Teks sub bawah
<sub>Teks disini</sub
9.Teks rata kiri
<div style=”text-align:left;”>Teks rata kiri</div>
10.Teks rata kanan
<div style=”text-align:right;”>Teks rata kanan</div>
11. Teks rata kanan kiri
<div style=”text-align:justify;”>Teks disini</div>
12. Teks berada di tengah
<div style=”text-align:center;”>Teks disini</div>
13. Teks baris pertama menjorok ke dalam
<p style=”text-indent:30px;”>Teks disini</p>
14. Teks menjorok ke dalam semua
<blockquote>Teks disini</blockquote>
15. Teks berwarna
<span style=”color:#f00″>Teks disini</span>
16. Teks stabilo
<span style=”background:#0f0;color:#f00″>Teks disini</span>
17. Membuat textarea
<textarea cols=”20″ rows=”2″>teks disini</textarea>
18. Textarea huruf warna
<*textarea name=”code” rows=”3″ cols=”20″ style=”;color:#ff0000;”>Teks disini</textarea>
19. Textarea dengan bingkai
<textarea name=”code” rows=”3″ cols=”20″ style=”border:5px inset #00ffff;”>Teks disini</textarea>
20. Textarea dengan bingkai dan huruf berwarna
<textarea name=”code” rows=”3″ cols=”20″ style=”color:#ff1493;border:5px inset #9932cc;”>Teks disini</textarea>
21. Textarea dengan background
<*textarea name=”code” rows=”3″ cols=”20″ style=”background:#ff6347;”>Teks disini</textarea>
22. Textarea dengan background dan bingkai
<*textarea name=”code” rows=”3″ cols=”20″ style=”background:#000080;border:5px inset #ff7f50;”>Teks disini</textarea>
23. Textarea dengan background dan bingkai serta huruf berwarna
<textarea name=”code” rows=”3″ cols=”20″ style=”background:#9932cc;color:#ff6347;border:5px inset #ff1493;”>Teks disini</textarea>
24. Textarea dashed
<textarea name=”code” rows=”3″ cols=”20″ style=”background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;”>Teks disini</textarea>
25. Textarea dotted
<textarea name=”code” rows=”3″ cols=”20″ style=”background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;”>Teks disini</textarea>
26. Membuat garis
<hr>
27. Membuat garis warna
<hr style=”color:red”>
28. Mengatur ukuran garis
<hr style=”color:#00f” width=”60%”>
29. Garis sebelah kiri
<hr style=”color:#00f” width=”60%” align=”left”>
30. Garis sebelah kanan
<hr style=”color:#00f” width=”60%” align=”right”>
31. Membuat garis dengan background
<hr style=”height:3px;background:#00f;color:#f00;”>
32. Garis titik-titik
<div style=”border-bottom:3px dotted #00f;”></div>
33. Garis putus-putus
<div style=”border-bottom:3px dashed #00f;”></div>
34. Membuat daftar
Daftar 1
Daftar 2
Daftar 3
<ul>
<li>Daftar 1</li>
<li>Daftar 2</li>
<li>Daftar 3</li>
</ul>
35. Menampilkan Link dengan teks
<a href=”http://url-tujuan”>nama link</a>
36. Menampilkan gambar
37. Menampilkan URL gambar dengan Teks
<a href=”http://url-gambar”>nama link</a>
38. Menampilkan link dengan gambar
39. Menampilkan link dengan gambar dan teks
40. Merubah ukuran gambar
<img src=”http://url-gambar&#8221; width=”100″ height=”100″>
semakin kecil angkanya maka semakin kecil pula gambarnya
41. Menampilkan gambar di samping post sebelah kiri
<img src=”http://url-gambar&#8221; style=”float:left;margin:0 3px 3px;”>Teks disini
42. Menampilkan gambar di samping post sebelah kanan
<img src=”http://url-gambar&#8221; style=”float:left;margin:0 3px 3px;”>Teks disini
43. Membuat bingkai pada gambar
<img style=”border:5px solid #0f0;” src=”http://url-gambar”/&gt;
untuk mengganti bingkai, “solid” ganti dengan; ridge, groove, double, dashed, dotted, inset, outset
44. Merubah warna background
<div style=”background:#0f0″>Teks disini</div>
45. Membuat background dengan bingkai
– Posisi di kanan
<div style=”background:#ccc; border:3px solid #000;padding: 3px;margin-right:20px”>Teks disini</div>
– Posisi di tengah
<div style=”background:#ccc; border:3px solid #000;padding: 3px;margin:20px”>Teks disini</div>
– Posisi di kiri
<div style=”background:#ccc; border:3px solid #000;padding:5px;margin-left:20px”>Teks disini</div>
HTML file
46. Nama Anda;
Nama depan
Nama belakang:
Nama depan <input title=”nama” id=”first” name=”first” type=”text” size=”20″/><br/>Nama belakang: <input title=”nama” id=”first” name=”first” type=”text” size=”20″/>
47. HTML radio
Jenis Kelamin;
 Laki-laki
 Perempuan
<input type=”radio” name=”food”/> Laki-laki<br/><input type=”radio” name=”food”/> Perempuan
48. HTML checkbox
Hoby;
 Sepak bola
 Volly
 Basket
<input type=”checkbox” name=”sport” value=”football”> Sepak bola<br/><input type=”checkbox” name=”sport” value=”vollyball”> Volly<br/><input type=”checkbox” name=”sport” value=”basketball”> Basket
49. HTML password
Masukkan password
<input type=”password” title=”password” size=”20″/>
50. Tombol bottom
kirim
<a href=”http://url tujuan”><input type=”submit” value=”Nama tombol”/></a>
51. Membuat tabel
<table border=”1″ width=”100%”<tr><th colspan=”2″>TEKS</th></tr><tr><td style=”width=50%”>teks</td><td style=”width=50%”>teks</td></tr><tr><td>teks</td><td>teks</td></tr></table>

KODE HTML KE DUA


1.Membuat link terbuka di halaman yang sama
Kode:




2.Membuat link terbuka di halaman baru
Kode:


 
3.Membuat link bergambar dan terbuka di halaman yang sama
Kode:


contoh:



4.Membuat link bergambar dan terbuka di halaman baru
Kode:


contoh:


5.Membuat tulisan berjalan
Kode:



Ket:
Style: bentuk dan gaya huruf
Font size: ukuran huruf
Font weight : tebal tipis huruf
Color: warna huruf
Margue direction: arah perjalanan
Sctool amount: kecepatan perjalanan
Height: tinggi tulisan
Width: lebar ukuran perjalanan
Bg color: warna latar belakang
Warna dapat anda cari kodenya di web .



6.Membuat garis pemisah antara bagian atas dan bawah
Kode:



Ket:
Ketik kode ini di bawah kalimat yang akan di beri garis pemisah

7.Membuat paragraph atau enter
Kode:


Ket:
Ketik kode ini di bawah kalimat yang akan di buat paragraph baru

8.teks tebal
kode:



9.teks besar
kode:



contoh:
oleh hadicom12


10.teks garis bawah
kode:


contoh:
oleh hadicom


11.teks garis tengah
kode:


contoh:
pelajarilah betul betul


12.teks miring
kode:


contoh:
pandai sekarang...

13.teks berkedip
kode:


contoh:
diana swara fm


14.teks ketengah
kode:




15.teks dikiri
kode:




16.teks dikanan
kode:




17.teks color
kode:


contoh:



18.stile/gaya/model huruf
kode:




19.membuat garis
kode:



20.membuat garis warna
kode:




21.memasang image/gambar
kode:



ket: mulai dari "http sampai ke .gif" adalah alamat gambar yang di tampilkan.
contoh:


22.teks jalan dari kanan ke kiri
kode:


contoh: hadicom


23.teks jalan bolak-balik kiri
kode:


contoh:
hadicom

24.memberi background warna pada teks yang berjalan
kode:



contoh:
teks kamu


25.teks berjalan dari kiri ke kanan
kode:



contoh:
teks kamu


26.tinggi bagian tempat teks berjalan
kode:


contoh:
teks kamu


27.lebar bagian dari kemunculan teks berjalannya
kode:


contoh:
teks kamu


28.menampilkan kecepatan dari teks berjalan
kode:


contoh: angka 10 adalah kecepatan
teks kamu


29.menampilkan kecepatan dari teks berjalan juga
kode:


contoh:
teks kamu

30.meletakan radio player di blog/web anda
kode:




Ket:
dari "http sampai octhoshape" adalah embed / alamat URL dari pada radio yang hendak kita masukan,dalam ini adalah hot fm kuala lumpur sebagai contohnya.

31.huruf membara by cool font
kode:



contoh:
diana swara radio

32.huruf space
kode:


contoh:
Ilmu pengetahuan dan teknologi astronomi


33.huruf tumbuh bayanagan
kode:



contoh:
Ilmu pengetahuan dan teknologi astronomi




34.embed windows media player “elshinta radio Jakarta”
kode:




Ket:
1.< Center > adalah posisi letak plugin pada layar tampilan
2.< font sampai ke font /> adalah bentuk dan warna tulisan yang akan di tampilkan.
3.< embed sampai embed /> adalah embed dari plug in windows media player.
4." src sampai.asx " adalah sumber web yang akan kita streaming,dalam hal ini adalah elshinta dengan format window mwedia player. Artinya source yang berformat selain wmp tidak akan bisa di play di embed ini.

contoh:

>>> SYAPUTRA <<<






37.Embed flash player “RRI pro3 jakarta”
kode:




38.Membuat text box


39.Membuat TABEL