Thursday, May 30, 2019

Cara Mudah Memasang Gambar Animasi Bergerak di Situsblog Blogger

Thursday, May 30, 2019

Cara Mudah Memasang  Gambar Animasi Bergerak di Situsblog Blogger


Membuat situsblog lebih keren itu bagaimanakah? Blog menjadi keren dengan gaya yang berbeda dari situsblog lain seharusnya mecari ide atau mengunjungi blog blogger yang sudah lama dalam dunia blogging. Dimanakah harus menemukan situs blog tersebut? Yah tentunya dengan melakukan aktifitas di Google pencarian(searching google).agar menemukan sample sebagai bahan untuk merubah tampilan blog dengan gaya yang berbeda .

“Agar situsblog menjadi keren tentunya harus membuat tampilan blog dengan menambahkan hiasan di dalam maupun di sekelilingnya, dengan menggunakan kode CSS/HTML dan Javascript ataupun semacamnya karena tanpa kode kode tersebut tidak akan berfungsi di tampilan situsblog.”

Tidaklah sedikit seorang blog blogger di dunia ini maka kita sebagai pemula atau masih baru mengenal dalam kegiatan blogging dan sering-seringlah menggunakan ponsel maupun semacamnya,untuk melakukan aktifitas di internet melalui Google search dalam artian bahwa segala informasi dan pembelajaran semua ada di google search untuk menambah pengalaman dan juga pengetahuan.

Jika ingin situs blog menjadi keren dan bergaya maka saya akan membagikan dalam artikel postingan ini dengan cara memasang dan sekaligus menshare kode kode CSS/HTML ,Javascript nya dibawah sehingga situs blog anda menjadi berbeda dari tampilan defaultnya dengan menerapkan kode-kode nya.

Segala macam cara untuk membuat situsblog semakin keren dan bergaya, dengan menggunakan gambar animasi bergerak yang dipadukan dengan kode-kode yang dimaksud diatas dari poin paragraf kedua dengan meletakan nya disidebar maupun halaman postingan artikel dan sekelilingnya sehingga dapat bekerja gambar animasi dan sekaligus bergerak dengan hiasan ini sehingga blog terlihat menarik,keren dan bergaya begitukan.

Sahabat blogger kode-kode ini bukan hasil kariya dari admin,saya hanya share dan membagi kan kesahabat semua sahabat blogger yang baik hati.

Bila kode nya tidak berfungsi mungkin tidak cocok dengan template milik anda supaya jangan penasaran berikut penjelasan cara mudah memasang gambar animasi bergerak di situsblog Blogger:


Cara Memasang Gambar Animasi Bergerak di Blogger dengan mudah 



1. Masuk ke Akun Blogger Nya (dasbor blogger)

2. Pilih Tata Letak & Klik Tambahkan Gadget

3. Pilih Gadget HTML/Java Script

4. Paste Kode gambar animasinya yang sahabat inginkan dibawah berikut ini:

5. Jikakalau sudah Klik SIMPAN


Cara Mudah Memasang  Gambar Animasi Bergerak di Situsblog Blogger

Cara Mudah Memasang  Gambar Animasi Bergerak di Situsblog Blogger


Gambar Animasi Bergerak Boneka




<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Monyet Lompat





<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href=" https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Bola


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>



Gambar Animasi Bergerak Naruto





<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Panda



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " 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="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Spongebob





<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Doraemon



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Senyum


<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="https://iyaseo.id /" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Monyet




<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Babi




<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://iyaseo.id /" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Gajah lompat





Script:
<div style="position: fixed; top: 80px; left: 20px;width:120px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Selamat Datang " /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Boring




Script :
<div style="position: fixed; top: 80px; left: 20px;width:80px;height:120px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Tuyul ketawa





Script:
<div style="position: fixed; bottom: 80px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Boneka Joget





Script :
<div style="position: fixed; top: 80px; left: 20px;width:82px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>




Gambar Animasi Bergerak Panda Main Bola





Script :
<div style="position: fixed; top: 80px; right: 30px;width:160px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Tuyul Baring





Script :
<div style="position: fixed; top: 80px; left: 20px;width:120px;height:100px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Selamat Datang." /></a><small><center><a href="https://iyaseo.id /" target="_blank">Tutorial Blog</a></center></small></div>




Gambar Animasi Bergerak Panda Biru





Script
<div style="position: fixed; top: 80px; left: 20px;width:100px;height:100px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Memanah






Script:
<div style="position: fixed; top: 80px; left: 10px;width:210px;height:120px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Bunga







Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Selamat Datang." /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>




Gambar Animasi Bergerak Anjing Laut





Script:
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>




Gambar Animasi Bergerak Lumba-Lumba






Script :
<div style="position: fixed; top: 80px; left: 10px;width:110px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>



Gambar Animasi Bergerak Kucing Tidur





Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:140px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>




Gambar Animasi Bergerak Kelinci





Script :<div style="position: fixed; bottom: 80px; left: 10px;width:125px;height:160px;"><a href=" https://iyaseo.id /2019/05/ cara-mudah-memasang-gambar-animasi-bergerak- di -situsblog-Blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Selamat Datang." /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Dragon





Script:
<div style="position: fixed; top: 80px; right: 10px;width:150px;height:130px;"><a href="https://www.iyaseo.id/2019/05/cara-mudah-memasang-gambar-animasi-bergerak-di-situsblog-blogger.html " target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id /" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Ikan




Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:130px;"><a href="https://www.iyaseo.id/2019/05/cara-mudah-memasang-gambar-animasi-bergerak-di-situsblog-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id /" target="_blank">Tutorial Blog</a></center></small></div>




Gambar Animasi Bergerak Pinguin





Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href=" https://www.iyaseo.id/2019/05/cara-mudah-memasang-gambar-animasi-bergerak-di-situsblog-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Selamat Datang." /></a><small><center><a href="https://iyaseo.id/" target="_blank">Tutorial Blog</a></center></small></div>




Gambar Animasi Bergerak Helikopter







Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href=" https://www.iyaseo.id/2019/05/cara-mudah-memasang-gambar-animasi-bergerak-di-situsblog-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Selamat Datang" /></a><small><center><a href="https://iyaseo.id /" target="_blank">Tutorial Blog</a></center></small></div>



NB; Ganti Url blog ini di setiap kode CSS/HTM dan Javascripct di atas tersbut  dengan Url blog yang anda miliki wasallam terimakasih banyak ,selamat membaca dan berkunjung.

Sampai disini cara mudah memasang  gambar animasi bergerak di situsblog Blogger - bagaimana apakah sudah mengerti  jika iya diatas banyak pilihan? tinggal anda pasang  semoga bermanfaat. Salam blogger.


Show comments
Hide comments

2 comments on Cara Mudah Memasang Gambar Animasi Bergerak di Situsblog Blogger

  1. nice sharing... minat nk follow each other tak? jika minat jemput singgah dan follow blog saya.. nnti saya followback.. :D

    ReplyDelete
    Replies
    1. ok siap folback and thanks sdh singgah

      wasalam...


      selamat menjalakan ibadah puasa

      Delete