Showing posts with label gambar. Show all posts
Showing posts with label gambar. Show all posts

Membuat Tampilan Gambar Link Tautan Bergoyang

Heloo Sobat sobat .... kali ini saya akan mengasih tauu cara membuat Link Bergoyang, pasti baguss dehh, kalian mau tau cara nya niihhhh ane kasihh dehhh 
Cara membuatnya :
1. Login ke akun Blogger sobat
2. Pilih Rancangan -- Edit Html (download template anda untuk mengurangi resiko kesalahan peletakan script) -- centang Expand Widget Template
3. Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F / F3 )
4. Copy paste script di bawah ini Pasang kode diatas </Head>


<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
<script type=text/javascript>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

5. Save Jika sudah selesai sobat
6. Coba lihat tampilan pada blog sobat….gimana kerenkan ? Uhuuuuyy…..hehehe

Selamat mencoba sobat dan silahkan kasih tahu am sobat blogger lain yang pemula…..Ok.
Eits jangan lupa tulis kritik dan saran di kotak komentar ya dan gabung jadi my followers……trims

Wasslamualaikum wr wb
Read More..

Cara Membuat Gambar Membesar dan Berputar Pada Entri Populer Popular Post Ketika Disorot Kursor


Saya share lagi ni tutorial tentang membuat gambar membesar dan berputar pada entri populer / popular post. Jadi intinya gambar yang ada dalam entri populer / popular post bila disorot kursor maka secara otomatis menjadi besar dan berputar. Yang jelas akan menambah indah tampilan blog agan. Silahkan bisa langsung dilihat contohnyya pada enti populer / popular post pada blog ini.




Berikut adalah cara membuatnya :
  • login ke akun blogger sobat
  • masuk ke dasbor blogger sobat
  • pilih template
  • klik Edit HTML
  • centang Expand Widget Templates
  • cari kode berikut ]]></b:skin>
  • untuk memudahkan pencarian bisa gunakan CTRL + F atau F3
  • lalu copas script di link ini
  • copas script dibawah kode ]]></b:skin>
  • lalu save template
  • selesai, mudah bukan ???

Semoga membantu !!!


Read More..