.ls-button{ background-color:#0404B4; font-family: 'Verdana', sans-serif; font-size:12px; text-decoration:none; color:#fff; position:relative; padding:10px 20px; padding-right:50px; background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%); border-radius: 5px; box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999; } .ls-button:active { top:3px; background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%); box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999; } .ls-button:before { background-color:#FF0000; background-image:url(http://4.bp.blogspot.com/-fw4LoZezB64/UOBTHFgFSqI/AAAAAAAACbo/0nD0K3zRDGo/s1600/lostsector-right-arrow.png); background-repeat:no-repeat; background-position:center center; content:""; width:20px; height:20px; position:absolute; right:15px; top:50%; margin-top:-9px; border-radius: 50%; box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066; } .ls-button:active::before { top:50%; margin-top:-12px; box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29; } Read more: http://impoint.blogspot.com/2013/03/cara-membuat-auto-readmore-di-blog.html#ixzz2P52tKUUm Dilarang copy paste artikel tanpa menggunakan sumber link - DMCA Protected Follow us: @ravdania on Twitter | pemakan.worell on Facebook
Home » » Cara Membuat Efek Zoom Pada Gambar

Cara Membuat Efek Zoom Pada Gambar

Seperti yang kita ketahui, Photoshop adalah software untuk mengolah, mengedit, dan desain gambar. Berbagai macam efek seperti Brush, Clone Stamp, Magic Blur, Krop, dan sebagainya, tetapi tidak dengan efek zoom di Blogger. Karena efek zoom lebih kepada gambar yang ditampilkan lalu apabila dilihat akan membesar secara otomatis pada blog.

Zoom berfungsi untuk memperbesar atau memperkecil penglihatan sebuah gambar. Dengan memberi efek zoom di gambar artikel kita, maka akan membuat blog kita lebih terlihat menarik dan juga mengurangi berat loading blog apabila menggunakan gambar yang besar.

Cara pembuatannya cukup mudah dan simple, langsung ke tips cara membuatnya. Artikel Cara Merubah Background Blog dengan Gambar dapat anda baca juga.

Cara Membuat Efek Zoom pada Gambar :

1. Login ke akun blogger.com
2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin> untuk caranya dengan menekan ctrl+F

    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3); }

4. Klik "Simpan Template" dan lihat salah satu postingan blog anda.

Begitulah cara sederhana untuk menampilkan gambar posting membesar apabila tersentuh mouse di blog. Semoga panduan dan tutorial cara membuat efek zoom pada gambar tersebut dapat bermanfaat.

Artikel terkait yang lain :

Admin Media Blogger Updated at: Friday, March 15, 2013 Ditulis Oleh : Ahmad Ridwan // 4:42 PM
Kategori: Tips and Trick

Read more: http://impoint.blogspot.com/2013/03/cara-membuat-efek-zoom-pada-gambar.html#ixzz2P50rBswp
Dilarang copy paste artikel tanpa menggunakan sumber link - DMCA Protected
Follow us: @ravdania on Twitter | pemakan.worell on Facebook

0 comments:

Post a Comment

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. kreatif - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger