Memasang Animasi di blog

CARA MEMASANG ANIMASI MENGAMBANG DI BLOG

Cara menambah Animasi di blog

1. Pertama login dulu pada blog anda.

2. Kemudian klik Tata Letak >> Tambahkan
Gedget >> HTML/ JavaScipt

               

.3. Lalu masukkan scipt pada laman yang telah
disediakan.

misal :

4. Kemudian klik simpan.

Hasilnya :

lalu copy pastekan script-script berikut
 ini ( sebaiknya jangan di beri judul )


script di bawah ini telah di setting sedimikian rupa agar animasi tersebut ada
tepat di pojok kiri bawah blog . jika kalian tidak mau animasi
tersebut berada di pojok kiri bawah blog kalian .. silakan kalian hapus
atau edit kembali script yang berwarna hijau untuk mengatur posisi, untuk mengganti gambar edit script
yang berwarna biru 

Animasi
Panda Hello Gif

silakan copas :

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>

setelah itu simpan !!!

     ( angka dapat kalian atur  sesuai dengan kebutuhan)=> untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat di buat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada  posisi

     yang  kalian ingin kan , jika kalian tertarik untuk mengeditnya .silakan kalian edit   "position : fixed ; bottom:0px;left:10px" 

position fixed : maksudnya adalah posisi animasi akan selalu bergerak . jika andaingi posisi animasi tersebut hanya diam pada satu posisi maka silakan hapus  position : fixed ini bottom : 0px : maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah .

 jika kalian ingin membuat animasi tersebut tidak berada di bawah ,misalkan kalian ingin animasi berada di atas silakan kalian editbottommenjadi topleft : 10px :      maksud left :10px ini adalah jarak antara animasi dengan sisi kiri . jika kalian ingin membuat animasi tersebut tidak berada di kiri,misalkan kalian ingin animasi berada di kanan silakan kalian  edit left menjadi right.

adapun script widget animasi yang lainnya dan bisa anda pilih diantaranya dibawah ini:



1. Gajah mloncat

<div style="position: fixed; <br />bottom: 0px; left: 20px;width:120px;height:160px;"><br /><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" <br />src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" <br />title="Click to get more." /></a><small><center><br /><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center><br /></small></div><br />

2. Naruto berubah

<div style="position: fixed; <br />bottom: 0px; left: 10px;width:130px;height:160px;"><br /><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" <br />src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><br /><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget <br />Animasi">My Widget</a></center><br /></small></div><br />

3. Doraemon

<div style="position: fixed; <br />bottom: 0px; left: 10px;width:130px;height:160px;"><br /><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" <br />src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" <br />title="My widget" alt="animasi bergerak gif" /></a><small><center><br /><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget <br />Animasi">My Widget</a></center><br /></small></div><br />

4. Monyet

<div style="position: fixed; <br />bottom: 0px; left: 10px;width:130px;height:160px;"><br /><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" <br />src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><br /><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget <br />Animasi">My Widget</a></center><br /></small></div><br />

5. Kodok mata belok

<div style="position: fixed; <br />bottom: 0px; left: 10px;width:130px;height:160px;"><br /><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" <br />src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><br /><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget <br />Animasi">My <br />Widget</a></center><br /></small></div><br />

6. Emo memanah

<div style="position: fixed; <br />bottom: 0px; left: 10px;width:210px;height:120px;"><br /><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" <br />src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" <br />title="Click to get more." /></a><small><center><br /><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget <br />Animasi</a></center><br /></small></div><br />

7. Kelinci

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

8. Berjoget

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><br /><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><br /><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center><br /></small></div><br />

9. Teddy main bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><br /><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><br /><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center><br /></small></div><br />

10. Seikat bunga

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><br /><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" <br />src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><br /><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center><br /></small></div><br />

Sumber:

http://istiistiroh.blogspot.com/2015/03/cara-memasang-animasi-di-blog.html

Share:

Read More

text area

Sebenarnya text area copy all itu apa sih? Text area copy all adalah sebuah text area yang biasanya dikhususkan untuk memuat HTML code atau tulisan-tulisan yang panjang, yang akan memakan waktu lama jika harus diblok menggunakan mouse. Text area Copy all seperti ini mempunyai tombol Copy All yang jika diklik akan langsung meng-highlight teks di dalam text area itu.

Di posting ini, Syl akan membahas cara membuat text area Copy All~

Daripada kebanyakan ngalor-ngidul, atau ngomongnya makin berbelit-belit dan nggak jelas, mendingan langsung ke topik utamanya saja ya. (-.-)/

Text Area Copy All

Nah, text area yang ini adalah yang tombolnya Copy All. Caranya mudah saja:

1. Buat entri baru
2. Pilih tipe "HTML"
3. Copy-paste kode HTML ini:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><br /><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><br /><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center><br /></small></div><br />

sumber:

http://sylvettesjournal.blogspot.com/2013/04/cara-membuat-text-area-copy-all.html

Share:

Read More