Minggu, 17 Agustus 2014

cara menambah google translate






1. loggin blog anda
2. pilih tat letak
3. java script/html
4. copy script di bawah ini

<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> 

Rabu, 13 Agustus 2014

cara edit label blog



Berikut cara penerapannya Ikuti langkah berikut.

1. Log in ke blogger
2. Klik Template
3. Klik Edit HTML
4. Lalu paste kode CSS dibawah, dan letakkan di atas kode ]]></b:skin> ( menggunakan ctrl+f ) dan letakan di atas
]]></b:skin>
5. Selanjutnya Klik Simpan Template.
6. Lalu Sobat Klik Edit Tata Letak>> Klik Tambah Gadget >> Pilih Label >> lalu setting pilih cloud dan save


kode CSS
  1. /* label-size Black */  
  2. .label-size{margin:0;padding:0;position:relative;}   
  3. .label-size a{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom9px;margin-left:15px;  
  4. padding:0 10px 0 12px;background:#222;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;   
  5. border-top-right-radius:4px;}   
  6. .label-size a:before{content:"";  
  7. float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #222 transparent transparent;border-style:solid;border-width:12px 12px 12px 0;}   
  8. .label-size a:after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #000;-webkit-box-shadow:-1px -1px 2px #000;box-shadow:-1px -1px 2px #000;}    
  9. .label-size a:hover{background:#333;}   
  10. .label-size a:hover:before{border-color:transparent #333 transparent transparent;} 

kumpulan animasi blog



Cara menggunakannya

1. masuk ke akun blogger anda
2. pilih tata letak
3. tambah gadget
4. html/java script
5. paste coding animasi yang anda suka


 bagian A ( animasi murid )
<a href="http://lebahpintar72.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>

bagian B ( animasi kelinci )
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://lebahpintar72.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>


selamat mencoba dan semoga sukses