Cara Membuat Judul Berkedip Pada Blog

Langsung saja pada caranya berikut ini :
  

Caranya mudah banget kok, tinggal anda tambahkan kode <blink> di awal dan kode </blink> di akhir Judul Postingan Blog, namun pada saat penulisan kode tersebut, posisi penulisan harus berada pada bagian Edit HTML yang terletak disebelah tulisan Compuse.

Saya yakin sobat pasti bisa melakukan cara ini tanpa perlu di kasih contoh.. Demikan cara membuat judul postingan berkedip pada blog kali ini, semoga bermanfaat bagi kita semua.

Selamat mencob, semoga berhasil.

Membuat Gambar Di Blog Berputar, Membesar

Kali ini saya sedikit berbagi tentang cara membuat gambar dalam posting blog berputar dan membesar saat di sentung oleh cursor, untuk contohnya coba sobat arahkan cursor ke gambar Naruto di atas, maka gambar akan berputar dan membesar. Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode </head>

5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>

<style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

1. Sobat harus menambahkan kode  <div id="denzuaz"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="denzuaz">
<a href="http://zuazz.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGhWxHepfMg8Y2ndNLp2Jo4tdAEmHgYYDRhSdOslifaZVHATCz-u14gjbnuMOapxaQJhBGHBki32eAJoHkxP2jdP64DQxijxLcGS3VopgkwVdRWWTHCM-fSE2ZFAcIb69h7LnfOiOtGD12/s200/naruto+dont+copy.png" /></a></div>

keterangan:

1. kode berwarna merah adala kode pembuka dan penutup
2. kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
3. Setelah semuanya selesai klik publikasikan. 

Demikianlah tips "Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse".

Semoga bermanfaat Sobat.. 

Widget SMS Gratis di Blog

Oke langsung aja…silahkan sobat simak langkah2 di bawah ini :

1.Login dulu ke Blogger

2.Pilih Tata Letak dan Add a Gadget apabila ingin menampilkannya di sidebar , atau pilih entri baru/laman baru jika ingin menampilkannya dalam bentuk postingan , tapi ingat harus dalam mode HTML bukan compose.

3.Setelah itu copy kode di bawah ini lalu pastekan ke tempat yang tersedia tadi…!

<iframe name="I2" src="http://sms-online.web.id/widget"style="border: 1px solid rgb(255, 255, 255);" frameborder="0" height="264" scrolling="no" width="84%"> not support</iframe>

keterangan : 

264 menunjukkan tinggi dan 84% menunjukkan lebar ( bisa sobat atur sendiri )

4.Lalu klik simpan apabila sobat mempastekannya di Tata Letak dan klik publikasikan apabila sobat mempastekan kodenya di lembar entri / halaman statis

Sekian informasi dari saya dan semoga bermanfaat