Cara Membuat Gambar Postingan Kerucut Dan Berputar Saat Disentuh Cursor Pada Blog

Rabu, 20 Februari 2013 | komentar

Cara Membuat Gambar Postingan Kerucut Dan Berputar Saat Disentuh Cursor Pada Blog,Untuk Lebih Jelas nya silah kan melihat tampilan gambar di bawah ini

Berikut Ini Langkah - Langkah nya  :

1. buka blogger
2. menuju rancangan  Edit HTML
3. cari code </head> 
4. masukan code di bawah tepat di atas code </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'><style>.post img{margin:10px;padding-left5px;width:100px; height:100px;text-align:center;-webkit-background-clip: padding-box;-webkit-box-shadow:0px 0px 0px 3px #001fbb;-moz-box-shadow:0px 0px 0px 3px #000;box-shadow:0px 0px 0px 3px #001fbb;-webkit-border-top-left-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;-o-border-top-left-radius: 50px;-o-border-bottom-right-radius: 50px;};{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}</style></b:if>
5. Simpan dan lihat hasilnya

Semoga Bermanfaat  salam blogongaul

Share this article :

Posting Komentar

jangan berkomentar spam ya,,

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. blo'on ngeblog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger