Sudah beberapa minggu saya tidak mempostingkan artikel apapun ke web-web saya, karna dilalah komputer saya rusak karena power suplynya yang rusak. Maaf ya untuk teman teman saya yang saya tidak kunjungi sebelumnya selama komputer saya rusak. :(
Saya sebelumnya sudah pernah mempostingan sebuah artikel yang berjudul Gambar di Artikel dengan Tampilan Bayangan. Nah, cara itu merupakan salah satu untuk menjadi blogger yang bahagia. Tetapi rasanya kurang Optimal tanpa Auto-Fade ini.
Blog yang telah diberi cara Auto-Fade ini bila sobat mengupload gambar ke postingan, maka hasilnya jika cursor mengarah ke gambar uploadan tersebut, maka otomatis gambar tersebut akan berkabut entah hitam atau putih, tergantung background blog.
Contoh Gambar ini arahkan cursor :
Nah, sudah melihat bukan? Mau seperti itu? Ikuti cara-cara berikut:
~ Buka website www.blogger.com dan login dengan pass dan id.
~ Saat di dashboard klik edit html → centang expand widget → cari kode <head>
~ Letakan kode berikut dibawah kode tadi :
~ Letakan kode berikut dibawahnya kode jquery tadi :
Sekarang sobat telah menjadi blogger yang bahagia :D hehehe
Saya sebelumnya sudah pernah mempostingan sebuah artikel yang berjudul Gambar di Artikel dengan Tampilan Bayangan. Nah, cara itu merupakan salah satu untuk menjadi blogger yang bahagia. Tetapi rasanya kurang Optimal tanpa Auto-Fade ini.
Blog yang telah diberi cara Auto-Fade ini bila sobat mengupload gambar ke postingan, maka hasilnya jika cursor mengarah ke gambar uploadan tersebut, maka otomatis gambar tersebut akan berkabut entah hitam atau putih, tergantung background blog.
Contoh Gambar ini arahkan cursor :
Nah, sudah melihat bukan? Mau seperti itu? Ikuti cara-cara berikut:
~ Buka website www.blogger.com dan login dengan pass dan id.
~ Saat di dashboard klik edit html → centang expand widget → cari kode <head>
~ Letakan kode berikut dibawah kode tadi :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>Notice : Kalo udah ada kode seperti diatas sebelumnya, tak perlu meletakannya lagi.
~ Letakan kode berikut dibawahnya kode jquery tadi :
<script type='text/javascript'>~ kalo sudah, klik save template.
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0);
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0);
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5);
},function(){
$(this).fadeTo("slow", 1.0);
});
});
</script>
Sekarang sobat telah menjadi blogger yang bahagia :D hehehe
thanks ya , gimana mahu buat apabila mouse menyentuh title post lalu title post akan seperti menyenget sedikit ? seperti blog enda fivers yg lama ?
BalasHapusTo apitrawrr : Klik ini http://farixsantips.blogspot.com/2010/12/css-tulisan-miring-atau-derajad.html ada disitu... pakai text transform..
BalasHapusunik juga ya...sy save dulu sob...thanks atas infonya...
BalasHapusTo Farixsan Quilicuor (Faris Hardiyanto 177) :wah ! terima kasih ya mas , :)
BalasHapustahu gak gi mana mahu menyembunyikan kotak follower ?
BalasHapussaya tidak mempostingkannya sob, maaf :( tapi saya pernah mempostingkannya tentang follower dengan kode yang bisa di kombinasikan dengan cbox melayang :)
BalasHapuskalo yang kebalikannya ada bang?
BalasHapusMungkin diatur angka javascriptnya.., saya lupa, waktu itu pernah bisa...
BalasHapusboleh juga nih trik ... :)
BalasHapusentar ta' coba aah ....
To apitrawrr :Jika yg km mksd sperti buku tamu diblogku, mk jwbny aq bs
BalasHapusTo Shinobi : silahkan di cobain :)
BalasHapusTo Ilmu Pengetahuan Komputer : hehehe mantap deh sobat :)