Membuat efek transisi pada gambar blog - Susah Tidur

Membuat efek transisi pada gambar blog

Membuat efek transisi pada gambar blog
Membuat efek transisi pada gambar blog - SusahTidur - Hello welcome back to my blog. Pada kesempatan kali ini saya akan membagikan sebuah tutorial tentang Membuat efek transisi pada gambar blog. 

Selalu dan selalu mengedit template mempercantik template blog memang tidak akan ada habisnya ya sob. Baru kemarin keluar ini ngikutin gaya ini, sekarang muncul gaya baru kemudian ikutan baru lagi dan begitu terus sampai punya jenggot warna kuning ahaha.

Kembali ke efek transisi pada  gambar blog  ini bekerja saat kalian menggeser ke bawah, lebih jelasnya demo


Nah seperti itu, tutorial ini saya dapat dari Arlina Dzgn, terimakasih mbak. 

Membuat efek transisi pada gambar blog

  1. Buka dashboard blogger sobat
  2. Masuk menu Tema  > edit HTML
  3. Masukkan kode di bawah ini tepat di atas </head>
    <b:if cond='data:blog.pageType != &quot;index&quot;'>
    <!--efek-transisi-susahtidur.my.id-->
    <style type='text/css'>
    .imgani .post-body img{opacity:0;transition:all .6s ease;transform:scale(.95) translateY(20px)}.imgani .post-body img.anime{opacity:1;transform:scale(1) translateY(0)}
    </style>
    </b:if>
  4. Lalu tambahkan juga Script di bawah ini tepat di atas </body>
    <b:if cond='data:blog.pageType != &quot;index&quot;'>
    <script type='text/javascript'>/*<![CDATA[*/var scroll="yes",Fscroll=scroll.replace(/(\r\n|\n|\r)/gm," ");"yes"===Fscroll&&($(document).ready(function(){$("body").addClass("imgani")}),$(window).bind("load resize scroll",function(){var a=$(this).height();$(".post-body img").each(function(){var b=0.1*$(this).height()-a+$(this).offset().top;$(document).scrollTop()>b&&$(this).addClass("anime")})}));/*]]>*/</script>
    </b:if>
  5. Kemudian Save/Simpan Tema.

Selesai sudah tutorial cara membuat efek transisi pada gambar blog, jika masih belum paham silahkan berkomentar. Sekian dan terimakasih telah berkunjung ke SusahTidur
"Membuat efek transisi pada gambar blog "
Tampilkan Komentar
Sembunyikan Komentar

Belum ada Komentar untuk "Membuat efek transisi pada gambar blog "

Posting Komentar

Jangan malu bertanya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel