10 April 2013

Bagaimana cara membuat widget animasi jejaring sosial berupa truk berjalan di blog



Widget Jejaring sosial sangat penting untuk situs web apapun dan jika widget berupa animasi maka selalu memberikan kesan yang sangat baik untuk setiap blog dan juga para pengunjung. Anda ingin bermain-main dengan widget animasi ini dan terkadang para visitor / pengunjung juga ingin melihatnya berkali-kali.

Akan tetapi seperti yang kita tahu, widget animasi sulit untuk diterapkan melalui HTML. Tapi penulis menemukan dan memiliki widget baru dan sangat segar dengan efek animasi, keren dan menarik dari hasil blogwalking di blog tetangga. Klik Live Demo...




Bagaimana cara menerapkannya di blog?
  1. Login ke Blogger -> Dashboard
  2. Pilih -> Tata Letak -> Tambah Gadget
  3. Kemudian pastekan kode berikut di bawah ini:
<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/sijalupangna" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijsd6XcTAt0irNU0wTOs-r_wupDV9Xu1XbG4suDQ6c9qiUtBGNfQXvgyAXX5DOqhdbcoZJU6mYWb9desvQszeC-cFOIqVuAP5KqdQfnQ2mNaMwvnf2JdN0Dw3BI8cCEf68t4tgaIZNeiTW/s1600/Social-Truck_fb2.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/sijalupangna" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh97xz6YQN7JCkNvs2Sov8ecHVhhUTCZY-ka3U_hkJZd7Pe_yuqegPoJi_PWHZU1DKAnzDNJl6yCOAFYUPcnPEjs3hdCQc79NytncpAA8RX-qycUuz9S2YEgmF5xxTY7f5JKEeA9w8Yjm_7/s1600/Social-Truck_rss.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/sijalupangna" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwVZ0G9zW8sbVwvgIjE56Xh38TeY2BxUfMcA5wERqd7hUB07SGFk1iAnR5SuGobvQDGvyHM2cS5n-4THOTnhQbr_n06f9Epd7ks8Sb-QZmaqoxUpck_1-AMz2JI118IIUiXRD2lIDgqrNg/s1600/Social-Truck_twi.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>

Catatan:
  • Ganti "sijalupangna" dengan nama pengguna Facebook anda
  • Ganti "sijalupangna" dengan nama pengguna Feedburner anda
  • Ganti "sijalupangna" dengan nama pengguna Twitter anda

Kemudian simpan  widget anda, selesai...

Bagaimana? Cukup mudah khan? silahkan di praktekan di blog anda.
Salam Blogger...!

13 komentar:

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. @thofa Argha terima kasih kang, udah berkenan berkunjung lagi di blog saya. Salam...:)

    BalasHapus
  3. makasih infonya bapak, salam sukses selalu, sudah sy praktekan di sini pak www.rajakarbonaktif.com

    BalasHapus
    Balasan
    1. iya, sama-sama. Terima kasih banyak dukungan dan do'anya...salam kenal.

      Hapus
  4. widihhh kren bgt nicchh bisa di coba nichhh

    thank's gan

    BalasHapus
    Balasan
    1. Silahkan dengan senang hati, sama2..terima kasih kunjungan dan komentarnya. :)

      Hapus
  5. mantapppp....kesannya unik , konyol , kreatif dan menarik banget pastinya...wkwkwkwk :d

    thanks udah share

    http://masihbelajarnih.blogspot.com/

    BalasHapus
    Balasan
    1. haha...iya kang, kali aja ada yang tertarik dengan widget ini. Sami-sami.. :-d

      Hapus
  6. Balasan
    1. Sama-sama, terima kasih atas kunjungannya.. :)

      Hapus
  7. mohon izin pasang .. lucu n kreen pak animasinya

    BalasHapus