Membuat Translate Simbol Bendera

Untuk membuat translate seperti di atas, berikut langkahnya :

• Pastikan Anda Login ke Blogger.
• Lalu pilih Tata Letak >> Tambah Gadget.
• Tambah Gadget >> HTML Gadget.
• Copy paste kode di bawah ini

<div><a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhobKGNRTWmpI9Qm5nEFEHBtN-SOHkGRpfZ5q9eO5hHdVcy3DX7qnn6At7pzEa_L7SnSBK2CEldJiICAaYnQ7Krwmjx2K2omxqQezM_N5HI7_7JhrmOaEDm9ykRrEaNs0lAuUrxIP-uxGo/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKCtrtbz1NlMf3PqcUhjRhI0-gpFYjyFDu7IktaRMamrqmq4MTjQEae6fAFvcp1Q-yiXt5K92p18QJ8bSmgXElzf0NrbxNu2KnEZqNMuSsJCcFgn2Jb8YCz64oFFsb5UOjQkdDzr1TjU/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaeMDyFAEgkUfh7VDE1OfXJxLnOJ4NaO6SvTepUSUmaAT0Afg8wHgpxOEh5Gk8PEIHG-W8-edk4TxKQp93IEFNwpcLGxOfuCtE1wr6GzW0tsHshKkpRH8Tk61P_L4swfa6DbnpB3515SEU/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONob3PXPWFrDRBtwHtk6SYHQVHG8WEsnTMQFORC62gnERtaUar-_ENHa0cxV-uExX0GXOtdUXBbe87RUNZSC_7uzaBJyyoxMniPb_zuIpGKkcuMhM9O5XJ_jYd8S5alJdzv6CY2hWeZgf/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Vx1jdaSY3Qxouvuaf8qht3VC-I67UEztorUC69-ddmGvxXtGH370rMaVMnTlKdvFaENwURHPAl3C6YEg8JqMUbqMxuQHh3seWmXM-rMFK7qjwMWN47KmXVNx7pcXLsgDMzr3wQ08ZMM/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwRcjtIiuIPWzTtaiTzKczG4WSUar4n02Cbr-fSsYdZSVM3tSVLZ20yCRhsyj768k5CkT9hGFFFKzX6zRYKRjafkNiiAJr5R60wdDHYvkO4tr2Rai9sPVqNudAeLZxmSRFRchELyAj58/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht2q2vrlmPMY4lP8p_3XbeX4DCNCup8b847MYNdboVGhXRn0LLAvSZblvqXKtP95SCX99daUZ51jQzFD4zQT3JPwGARo4Nd7ltpsJAv2MY5pmRn_xz0NF-NDXg9UeveLOOKDPdsODQkfs/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrYIoraqPY3JaBobGnDt1FH0efhgOL_rUPa26OmPfetVnhdzjsysOy-u3QMtUUp5xSO0xnRIn_RRTMblit_AIT6kIZv3hjSQanCdBFC5I_eWkqhyLtb2-UR8MFD1122iaFi3Y13HMFjRk/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgnL7Y5BcnLlmp0zToxY8uH6ek_5WKjcJw7KIoBQ7Qplhew8tQwuCF6DUtep_3pnaIRIdkpeaMtZyYGZBBOSLfx7dZpFNl63Ooqy3zSWHQPvEAo7a7lk65lXi6db360t1bli6838X8TY5r/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG6DHurkoBD2HSZNitjDmOTccH6jouhQf0YQnGut5qnL9Rm_t5WG7k7llIyDAsCb9S-RILliOvuzSGBe37HtMPJZwuxqpsKwRy00G23eZqfuRK8A80q6zasKtWXKK-jeVqnVTD-4uXuMY/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5FvLR4YKvSjzbMK-lGf9R_dCgdwyBOhTHCOLcOJ965NgDOavujFkwZqBv2UtgfVDnUSURoFE0jod28x0Y2IkC8TwIww9hFrVldhZj7UsoVcdjXzu9XPlMYORKbED6kDYRFBl8jYmpIzk/?imgmax=800" style="cursor:pointer;margin-right:10px" width="24"/></a>  <a class="google_translate" href="AlamatBlogAnda" 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="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUTrno_lEtgVScbTHG9lSY0I_C69xEh4fQVWUhaGqAvQkkQOrPzUnPWvIFalLz4W1JA3XDN6g5ZI59lOKPemScgZGGt4CllH-yYxxmGAxelKe-v-lYlqKItzrNBnqhmJTEUmQKD00fDgo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div>

Simpan

Pilih tempat Untuk menaruh Gadget tersebut.
Lihat hasilnya..

Semoga bermanfaat :D

Read More >>

Dasar-Dasar HTML

Jenis Font :
<font face="times new roman">Tulisan Anda</font> =Tulisan Anda
<font face="verdana">Tulisan Anda</font> =Tulisan Anda
<font face="Arial">Tulisan Anda</font> =Tulisan Anda
catatan :
>> Text "Tulisan Anda" adalah teksnya gantilah dengan teks yang Anda inginkan
>> Tulisan yang berwarna merah adalah jenis font, gantilah sesuai dengan keinginan Anda
>> Jika font yang anda pakai tidak terdapat pada sistem pengunjung WFO anda. Jenis font akan menjadi font standar

Ukuran Huruf :
<font size="-2">Teks </font> = Teks
<font size="-1">Teks </font> = Teks
<font size="+1">Teks</font> = Teks
<font size="+2">Teks</font> = Teks
<font size="+3">Teks</font> = Teks

Warna Huruf :
<font color="#FF0000">Warna MERAH </font>
Hasilnya = Warna MERAH
Jika anda ingin mencari Code warna Html silakan kunjungi http://www.colorschemer.com/online.html
Catatan : Text yang berwarna merah adalah Code warna yang dapat kamu ganti dengan kode warna sesuai pilihan kamu

Header :
<H1>CONTOH</H1> =

CONTOH

<H2>CONTOH</H2> =

CONTOH

<H3>CONTOH</H3> =

CONTOH

<H4>CONTOH</H4> =

CONTOH

<H5>CONTOH</H5> =

CONTOH

<H6>CONTOH</H6> =

CONTOH

Variasi Teks :
Teks miring : <i>Teks Miring</i> = Teks Miring
Teks Tebal : <b>Teks Tebal</b> = Teks Tebal
Teks bergaris bawah : <u>Teks Bergaris Bawah</u> = Teks Bergaris Bawah
Text Bergaris : <strike>Teks Salah</strike> = Teks Salah

Efek Pada Teks :
Teks berkedip : <blink>Teks Berkedip</blink> = Teks Berkedip
Teks bergerak dari kanan ke kiri : <marquee>Teks Bergerak</marquee> = Teks Bergerak
Teks bergerak dari atas ke bawah : <marquee direction="down" width="300px" height="50px">Teks Bergerak <br> dari atas ke bawah</marquee> = Teks Bergerak
dari atas ke bawah
catatan :

• Tanpa value "XXXpx" untuk nilai tinggi dan lebar, sering menyebabkan script tidak berfungsi pada browser Firefox dan Netscape
• Ganti "down" dengan "up" untuk arah dari bawah keatas.
• Ganti "down" dengan "right" untuk arah dari kiri ke kanan.
• Tambahkan scrolldelay="XX" untuk mengatur kecepatan teks
• Pembatasan area teks bergerak dengan menggunakan width tidak berpengaruh pada browser Firefox dan Netscape

Teks Dengan Link :
Link untuk e-mail : <a href=mailto:mailku@mail.com> e-mailku </a>
Link untuk URL : <a href="URL_adress">situsku.com</a>
Tambahkan "target="_blank" jika anda ingin link tersebut terbuka dengan jendela sendiri.
contoh : <a href="http://tutorialblogger.blogspot.com" target="_blank">Tutorial Blogger</a>

Posisi Teks :
Teks di kiri: <p align=left>Posisi</p>

Posisi

Teks di tengah: <p align=center>Posisi</p>

Posisi
Teks di kanan: <p align=right>Posisi</p>

Posisi

Semoga bermanfaat :D

Read More >>

Membuat Tabel di Blog

Untuk membuat sebuah tabel tunggal :

<table width="250" border="1">
<tr>
<td>tutorial blogger</td>
</tr>
<table>

Hasilnya akan seperti ini :

tutorial blogger

Untuk membuat tabel tunggal dengan format Center alignment :

<table width="200" border="1">
<tr>
<td align="center">tutorial blogger</td>
</tr>
</table>

Hasilnya akan seperti ini

tutorial blogger

Untuk membuat tabel dengan 2 baris dan 2 kolom, copy kode berikut ini :

<table width="300" border="1">
<tr>
<td align="center">Contoh 1</td>
<td align="center">Tutorial Blogger</td>
</tr>
<tr>
<td align="center">Contoh 2</td>
<td align="center">Tutorial Blogger</td>
</tr>
</table>

Hasilnya akan seperti ini :

Contoh 1	Tutorial Blogger
Contoh 2	Tutorial Blogger

Read More >>