Setelah kemarin saya memberikan tip tentang membuat gambar meme dengan smartphone android kali ini saya akan memberikan tutorial seputar dunia bloger. Bagi teman teman yang sedang belajar tentang dunia bloger mungkin tutorial ini akan sangat berguna untuk mempercantik blog yang sedang kita buat. Cara membuat gambar membesar saat di sentuh cursor, dalam dunia bloger fitur tersebut di kenal dengan nama Zoom Effects atau Hover Smooth Effects. Fitur yang terkesan simple tapi elegant kalo menurut saya. Baik langsung saja saya berikan tutorialnya.
Cara membuat gambar membesar saat di sentuh cursor ( Zoom Effects)
1. Masuk ke akun bloger yang anda miliki.
2. Klik Template pada blog anda.
3. Kemudian klik pada menu Edit HTML
4. Cari kode ]]></b:skin> ( Jika kesulitan gunakan fitur CTRL+F pada keyboard dan masukan kata tadi di kolom search kemudain Enter )
5. Setelah ketemu letakan kode script di bawah ini tepat diatas kode ]]></b:skin>
6. Berikut kode nya copas saja biar lebih mudah
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
7. Terakir klik Save Template
Dan lihat hasilnya pada blog anda, jika anda benar dalam setiap langkahnya maka hasilnya seperti ini
Sebelum
Sesudah
Silahkan dicoba dan semoga tutorial singkat ini bisa bermanfaat bagi anda semuanya. Bagi anda yang ingin membuat meme lucu sendiri bisa lihat disini atau membuat lagu karaoke sendiri jg ada tutorilanya disini
Terima kasih atas kunjunganya di Pena Usang dan kami nantikan kunjungan anda berikutnya.
"Berbagi itu indah"
Read more
Cara membuat gambar membesar saat di sentuh cursor ( Zoom Effects)
1. Masuk ke akun bloger yang anda miliki.
2. Klik Template pada blog anda.
3. Kemudian klik pada menu Edit HTML
4. Cari kode ]]></b:skin> ( Jika kesulitan gunakan fitur CTRL+F pada keyboard dan masukan kata tadi di kolom search kemudain Enter )
5. Setelah ketemu letakan kode script di bawah ini tepat diatas kode ]]></b:skin>
6. Berikut kode nya copas saja biar lebih mudah
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
7. Terakir klik Save Template
Dan lihat hasilnya pada blog anda, jika anda benar dalam setiap langkahnya maka hasilnya seperti ini
Sebelum
Sesudah
Silahkan dicoba dan semoga tutorial singkat ini bisa bermanfaat bagi anda semuanya. Bagi anda yang ingin membuat meme lucu sendiri bisa lihat disini atau membuat lagu karaoke sendiri jg ada tutorilanya disini
Terima kasih atas kunjunganya di Pena Usang dan kami nantikan kunjungan anda berikutnya.
"Berbagi itu indah"
