Cara Membuat Background Pada Animasi

Jika anda mau memasang animasi di blogmu Sobat, biar terlihat lebih indah dan menarik. caranya sangat mudah, silahkan pilih border yang anda suka, lalu masukkkan animasi anda, selanjutnya sesuaikan warna. "hanya gitu aja sobat' gampan kan? nah, tdak tahu caranya gimana, lansung aja copy code berikut ini ."

Caranya :
1. Copy code dibawah ini


<div style="border: 40px #58FAF4 dotted; padding: 10px; background-color:#58FAF4; text-align: left;"> <b><a href="http://iyagusugy.blogspot.com/"><h1>"ǝɯoɔןǝʍ"</h1></a></b><a href="http://iyagusugy.blogspot.com/"><img src="http://hotlink.myspacecdn.com/images02/125/fc5a94eaf90248929ba432b9850347d2/m.gif" alt="" /></a><b>Lain kali mampir lagi ya"<a href="http://iyagusugy.blogspot.com/"></a></b></div>

2. Sign in di Blogger
3. Kemudian pilih layout ( Tata letak ) 
4. Tambahkan Elemen HTML / Javascript
5. Lalu paste code diatas


Selanjutnya, Ubah code warna merah diatas dengan selerah Anda


ǝɯoɔןǝʍ ( teks 1 ) teks anda, ganti tulisan ini jika anda tidak suka dengan tulisan terbalik


<img src="http://hotlink.myspacecdn.com/images02/125/fc5a94eaf90248929ba432b9850347d2/m.gif" alt="" />  (  code animasi ) ganti code ini dengan code animasi anda, kalau anda tidak mendapatkan code animasi, anda bisa copy paste animasi kedalam border tampa menggunakan code.


lain kali mampir lagi ya" ( teks 2) masukkan teks anda sesuai keinginana Anda


Adapun ukuran background ,secara otomatic mengikut ukuran halaman blog anda.


nah, contohnya seperti disamping Sobat "kren kan? hehe




"Sory Sobat' kalau bahasanya tidak karuan"!
soalnya  saya lebih lancar bahasa bugis hehehe....
silahkan di coba"!

Pasang Efek Salju di Blog

Menggunakan efek salju di blog salah satu efek yang sangat populer di blogger, tujuannya untuk membuat halaman  blog kita memjadi indah. sebenarnya memasang efek salju di blog ada banyak cara Sobat tapi mungkin saya hanya memberikan cara yang sangat mudah, cara ini di berikan salah seorang kawan.  nah, bagi Sobat yang minat, silahkan copy code berikut ini:

Caranya:

1. Copy code dibawah ini 

2 Sign in di Blogger, Kemudian pilih layout ( Tata letak ) 
3. Tambahkan Elemen HTML / Javascript
4. kemuadian Paste

5. Lihat hasilnya Sobat' !

Gitu aja Sobat'  oya hampir lupa, biar terlihat indah di blog jangan beri nama gadget




Cara Membuat Menu Tarik di Blog

Kebanyakan blog yang saya temui menggunakan menu tarik/geser dan hasilnya sangat baik karena disamping menghemat halaman blog juga dapat membuat tampilan halaman lebih indah dan menarik. jadi bagi Sobat yang belum menggunakan menu seperti ini, silahkan copy code berikut ini caranya sangat mudah Sobat".

1. Buka blogmu ". Masuk ke menu Desain >Page Elements
2Klik Add a Gadgets > HTML/Javascript
3. Masukkan Codnya Sobat kedalam kotak
4. Selanjutnya Simpan

CODE :
<br /> <div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 300px; height: 180px;">Tulis teks di sini</div><br /> 




Hasilnya seperti ini Sobat".
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini







Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini
Masukkan teks Anda disini




Ubah code warna merah
300 Ukuran Lebar" 180 Ukuran Tinggi Dan" 1 Ukuran Border

Lihat Contohnya disisni
Selamat mencobah Sobat".




Membuat Tulisan Mengikuti Cursor

Anda ingin menbuat tulisan mengikuti cursor?
Lansung aja Sobat Copy code berikut ini :


Caranya :
Seperti biasa Sobat hanya copy paste .
Copy code diwah ini Masuk/ klik tombol layout/ tataletak lalu  Klik tombol elemen halaman/ page elemen=>tambah gadget=>HTML/ Java script selanjutnya paste. 

CODE :
C<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #2E2EFE; /* warna huruf */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "iyagus ugy blog"; /* Tulisan yang mengikuti cursor */
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20; /* ukuran huruf */
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

Selanjutnya sesuaikan tulisan dan warna yang Anda inginkan.

Ganti tulisan yang berwarna merah"!

 #2E2EFE; ( warna huruf ) klik disini untuk warna huruf
 iyagus ugy blog ( Tulisan yang mengikuti cursor )
20 ( ukuran huruf ) 


lalu simpan, lihat hasilnya"
itu aja sobat


Memasang Translate Di Blog

Minat memasang google teranslate di Blog?

Key , lansung aja kopy code dibawa ini dan paste di blogmu Sobat. 

Caranya :
 seperti biasa Sobat hanya copy paste .
copy code diwah ini Masuk/ klik tombol layout/ tataletak lalu  Klik tombol elemen halaman/ page elemen=>tambah gadget=>HTML/ Java script selanjutnya paste. 

Google Translate
Arabic Korean Japanese Chinese Simplified Russian Portuguese

English French German Spain Italian Dutch


CODE :
</span><center><a href="http://amatullah83.blogspot.com/2009/07/cara-memasang-translate-pada-blog_6889.html" target=" blank"><b>Google Translate</b></a></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style><center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/arabic.gif" align="absBottom" border="0" ></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korean.gif" align="absBottom" border="0" ></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korea.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarchina.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/russian.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/portuguese.gif" align="absBottom" border="0"></a> </center> <center><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/english.gif" align="absBottom" border="0"></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarfrance.gif" align="absBottom" border="0"></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/german.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/spain.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/italian.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/dutch.gif" align="absBottom" border="0"></a> </center></div>



Untuk Ukuran 4 Baris


Google Translate
Arabic Korean Japanese Chinese Simplified

Russian Portuguese English French

German Spain Italian Dutch


CODE:
</span><center><a href="<a href="http://amatullah83.blogspot.com/2009/07/cara-memasang-translate-pada-blog_6889.html" target="blank"><b>Google Translate</b></a></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style> <center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/arabic.gif" align="absBottom" border="0" ></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korean.gif" align="absBottom" border="0" ></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korea.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarchina.gif" align="absBottom" border="0"></a></center> <center> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/russian.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/portuguese.gif" align="absBottom" border="0"></a> <a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/english.gif" align="absBottom" border="0"></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarfrance.gif" align="absBottom" border="0"></a></center> <center> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/german.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/spain.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/italian.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/dutch.gif" align="absBottom" border="0"></a> </center>


Untuk 3 Baris


Google Translate
Arabic Korean Japanese

Chinese SimplifiedRussian Portuguese

English French German

Spain Italian Dutch

CODE:
</span><center><a href="<a href="http://amatullah83.blogspot.com/2009/07/cara-memasang-translate-pada-blog_6889.html"</a> target=" blank"><b>Google Translate</b></a></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style><center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/arabic.gif" align="absBottom" border="0" ></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korean.gif" align="absBottom" border="0" ></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korea.gif" align="absBottom" border="0"></a></center> <center> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarchina.gif" align="absBottom" border="0"></a><a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/russian.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/portuguese.gif" align="absBottom" border="0"></a> </center> <center><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/english.gif" align="absBottom" border="0"></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarfrance.gif" align="absBottom" border="0"></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/german.gif" align="absBottom" border="0"></a></center> <center> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/spain.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/italian.gif" align="absBottom" border="0"></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/dutch.gif" align="absBottom" border="0"></a> </center>

Itu Aja Sobat".

Pasang Border Di Blog

Bagi Sobat yang mau memasang border di blognya biar terlihad rapi dan menarik. disini saya akan memberikan beberapa contoh border yang mungkin cocok untuk blog Sobat. sangat mudah, hanya copy paste. berikut tampilan dan codenya:

<p style="border: dashed 5px #FF7F00; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #000000; font-size: 18px">Coba coba</p>

<p style="border: solid 10px #ddddff; background: #005588; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Coba coba</p>

<p style="border: solid 10px #00FF00; background: #FFD700; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Coba coba</p>

Ubah warna sesuai keinginan anda Sobat, klik disini untuk milih warna.selanjutnya paste code warna pada tulisan yang berwarna merah.

Key, itu aja Sobat






Tahap Kedua Belajar Blogger

Alhamdulillah munculnya blog iyagus ugy yang mungkin anda lihat sekarang ini adalah hasil daripada pembelajaran yang saya dapatkan. terus terang sobat belajar blogger  bisa dikatakan susa gampang, maksudnya apa? mungkin sebagian sobat telah mengetahui blog Ittihad Boys blog saya buat sebelum ini dimana blog tersebut saya buat tampa pengetahuan apa-apa apalagi tentang masalah HTML and CCS, mendengar saja kalimat tersebut saya tidak paham. namun alhadulillah  setelah saya buat blog Ittihad Boys banyak sekali pengalaman dan pengetahuan saya dapatkan. dan mudah-mudahan keberadaan blog ini dapat lebih banyak memberikan pengetahuan dan bisa bermanfaat khususnya kepada saya dan umumnya kepada sobat-sobat semuanya.