gravatar

Membuat Gambar Zoom Di Posting

Nah kalau ingin gambar di postingan kalian Zoom saat terkena mouse, begini caranya.... Gausah panjang Lebar , soalnya saya sendiri nulis ini juga lagi sibuk. langsung aja ni langkahnya.
1. Pilih "Template"
2. Pilih "Sesuaikan"
3. Pilih "Tingkat Lnjut"
4. kemudian pilih "Tambahkan CSS"

Copas Code di bawah ini di kolom yang tersedia.

/* CSS Gambar Zoom  By: pangerantrik.blogspot.com*/
.pangerantrik img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.pangerantrik img:hover{
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
opacity: 1;
}

Kemudian bikin Postingan baru dan Upload gambar seperti biasa
*Penting
Pilih mode HTML dan Tambahkan class="pangerantrik" di setiap gambar kalian
Contoh :
<a class="pangerantrik" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBujdbBHsvH9TwUcRnmrYL6LPdN9UmE9IvtD562wrZW35ll4HY34tBYOpNYX6YUxkqhd6AabG76DldFilNgjR8SMYrpoWTxEsMN1aMyU8Jvk5d5YalByZN3Jslyx1LTzCsDdifNEpr1TCV/s1600/Sunset.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBujdbBHsvH9TwUcRnmrYL6LPdN9UmE9IvtD562wrZW35ll4HY34tBYOpNYX6YUxkqhd6AabG76DldFilNgjR8SMYrpoWTxEsMN1aMyU8Jvk5d5YalByZN3Jslyx1LTzCsDdifNEpr1TCV/s200/Sunset.jpg" width="200" /></a>
Demo :

gravatar

Salju di cursor

Mau bikin cursor kamu ada salju yang turun........???
ikuti aja langkah berikut..?? ni caranya.......
1) login dulu ....
2) cari Elemen halaman
3) Tambah gadged
4) pilih HTML/JavaScript
5) masukkan kode berikut



6) Ganti tulisan "red" dengan warna sesukamu
7) save
8) lihat aja blog kamu........

dah gtu aja ya.........???
met mencoba....!! jangan lupa beri comen lo.....??

gravatar

Membuat background di posting

Mau....merubah tampilan atau warna di dalam posting kamu...??
biar kelihatan gak bosenin..??
atau dengan gambar yang berbeda di setiap posting..??

ikuti aja langkah ini...!!

Pertama sebelum menulis, di posting taruh dulu code ini pada waktu awal mau menulis

untuk yang warna

<div style="background:red">
tulis kata-kata yang ingin kamu publikasikan
trus akiri dengan

</div>
Ganti kode warna dengan warna yang kamu suka.misal: red, blue, green
atau pake yang di sini

Untuk yang gambar

<div style="background:url(http://alamat_gambar_kamu) no-repeat;">
tulis kata-kata yang ingin kamu publikasikan trus akiri dengan
</div>

met mencoba...