Ticker

6/recent/ticker-posts

Header Ads Widget

Responsive Advertisement

Cara Membuat Gif Animasi Melayang di Blog

 Cara Membuat Gif Animasi Melayang di Blog

Sebagai pemula, tentu riskan jika memasang widget melayang melalui edit HTML. Pada latihan berikut, anda akan membuat widget melayang melalui  jalur Tata Letak/Layout.

Widget dapat melayang di kanan, kiri, atas, bawah, bahkan dimana saja. Pada kesempatan kali ini, kita akan menempatkan sebuah widget melayang dikanan yang berisi 2 buah file gif animasi.

Widget dapat berisi apa saja, seperti; follow sosial media, menu, widget follow subscribe blog yang melayang di kanan atau kiri pada halaman blog, dan lainnya.

  • Setelah berada pada akun blogger.
  • Pilih Tata Letak > klik Tambah Gadget.
  • Pada jendela Tambahkan Gadget > pilih HTML/JavaScript.
  • Setelah itu anda pilih "HTML/JavaScript".
  • Pada panel Mengonfigurasi HTML/JavaScript, biarkan kotak masukan Judul dikosongkan.
  • Pada kotak masukan Konten, masukkan kode berikut.
print 'h<style type="text/css">
 body {
     font-family: arial, verdana, sans-serif;   
 }   
p {
     font-size: 14px;
     line-height: 18px;
 }
h3 {
     font-size: 16px;
 }
 h3, .caption {
     text-align: center;
 }
img {
     display: block;
     margin-right: auto;
     margin-left: auto;
 }
.caption {
     font-size: 12px;
     font-style: italic;
 }
.pemoto {
     font-size: 6px;
     text-align: center;
 }
</style>

<a href="#" style="bottom: 320px; display: scroll; right: 10px; position: fixed;" title="corelDRAW"><img src="http://onepieceindo.files.wordpress.com/2009/10/1_121.gif?" width="60" height="60"/>
 <p class="pemoto">PUKULAN API</p>

<a href="#" style="bottom: 250px; display: scroll; right: 10px; position: fixed;" title="corelDRAW"><img src="http://onepieceindo.files.wordpress.com/2009/10/sanji.gif?" width="60" height="60"/>
 <p class="pemoto">TENDANGAN GLEDEK</p>

</a></a></a></a>ello world!'
  • Klik tombol Simpan > lalu klik Lihat blog, untuk melihat hasilnya.

Jika Anda menginginkan file gif animasi, kunjungi situs berikut:

 Semoga sukses!!!

 

 

Seno Adjie.



Posting Komentar

0 Komentar