mempercantik blog dengan cara membuat gambar postingan blog menjadi berputar dan membesar

meskipun yang saya pakai hanyalah yang langsung menjadi besar tanpa ada efeknya yang berputar namun kali ini saya ingin memberikan kepada kawan-kawanku sekalian yang beda dari yang lain, nah langsung simak yang dibawah ini.




Cara memperindah postingan blog dengan member efek gambar berputar, cara mempercantik postingan dengan memberikan efek gambar membesar pada artikel, cara mempercantik artikel dengan memberikan perubahan atau efek gambar postingan , cara memperindah gambar postingan, cra membuat gambar postingan kita beda dari yang lain, cara membuat postingan gambar menjadi  megah, cara membuat postingan dengan gaya friendly.

Cara membuat gambar berputar dan membesar pada blog, dan mungkin ada diantara temen-temen bertanya-tanya dalam hati, bagaimana sih model gambar berputar yang dimaksudkan, bagaimana sih caranya agar gambar di blog sobat bisa berputar-putar, hemmm , , caranya mudah sob, dan kalian pasti bisa karna sangat mudah tentunya, sekali baca saya yakin sobat pasti bisa yakin.

tujuan memutar gambar pada blog adalah untuk memperindah membuat pembaca blog betah dan ingin berlama-lama untuk berada didalam blog kita, karna menurut Eke sih hehehehe…. penampilan itu sangat penting hehehee,,, ya udah deh langsung ja Eke ajak entte kepokok permasalahannya ya itu membuat gambar berputardan membesar dan menjadi lebih indah... ready....? cikedot…….

Langkah-langkahnya sbb;

  • Pertama, pastinya LogIn dulu ke BLOG Kalian.
  • Kemudian dari Dasbor, cari Template --> Edit HTML.
  • kemudian klik sembarang pada kotak script
  • cari Code ]]></b:skin> (Untuk memudahkan pencarian maka tekan TombolCTRL +Fatau F3 pada Keyboard
  • (Untuk memudahkan pencarian maka tekan Tombol CTRL + F atau F3 pada Keyboard
  • Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>

.post img{-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}}

5. Terakhir tinggal di SIMPAN dan Entte lihat hasilnya deh pasti anda tersenyum melihatnya…... itu harapanku…..

Saya harap artikel yang saya posting ini bisa bermanfaat buat kita semua terutama bagi diri saya sendiri. Salam hangat dari saya senang bisa berbagi dengan kawan kawan sekalian salam kenal dari saya dan silahkan lihat juga artikel yang lain yang pastinya manfaatnya juga besar sekali. (Dikha Unhy)

untuk anda yang ingi melihat contoh hasilnya bisa dilihat di sini. klik

Previous
Next Post »