CARA MEMBUAT LINK BERGOYANG DAN BERGERAK DI BLOGGER
Blogger,Jquery,Link Bergerak,Tutorial Blogging, Cara Membuat Link Bergerak.
Tips And Trick Membuat Link Goyang" Dengan Efek Jquery
Untuk para kawan Blogger Yang Suka Otak Atik Template Sekarang saya akan membagikan tips bagaimana caranya Membuat Efek Jquery Nudging Pada Blog kalian dengan mudah dan singkat cara membuat link nudging ini gampang banget so langsung aja kita praktekin yuk .
Cara Pasang Link Bergoyang Atau Nudging Di Blogger/Bloog
1.) Login Ke Blogger.com terlebih dahulu
2.) Setelah itu masuk kebagian Edit Template dan pilih Edit Html
3.) Centang pada bagian Expand Widget Template
4.) Cari Bagian Head Dengan memakai bantuan Find(ctrl + F)
5.) Copas lah bagian dibawaah ini dan letakan di atas bagian </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() {
$('a.nudge, .#Label1 ul li a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
Kode yang berwarna merah itu telah tertera di blog anda semua jadi kalian tidak perlu menambahkannya lagi. kemudia label1 adalah Widget ID sobat dan sesuaikan dengan WIdget Id Sobat
Dibawah merupakan contoh
<b:widget id='Label9' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
Kemudian untuk membuat Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan class="nudge" seperti dibawah ini
<a href="http://bloggerpeer.blogspot.com" class="nudge">Blogger Peer</a>
Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini
<a href=http://bloggerpeer.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0A7bK4lu3-d-u00m3n7N0ELyz8Khbq-s-oyI7QWoHB9pnrC7abNqO5k12svG11Cqpzqg4jIAWQyUNFtvCPOup0vhy1VWc10ak73dPughdslHR8_A2ISgxkzmNMktRF9_PbSgpwTVo7qs/s400/Tips-Trik-Blogger-Tutorial-SEO-Info-BloggerPeer-Blogspot.jpg"/></a>
So sekian tutorial dari saya terimakasih
- Tesis Faktor-Faktor Yang Mempengaruhi Perilaku Konsumen Dalam Pembelian Telepon Seluler Di Kota X (Suatu Uji Kemampuan Iklan Media Cetak)
- Soal Ulangan Harian Model Evaluasi Word Square Lembar Soal A
- TESIS PENGARUH PERSEPSI TENTANG MUTU PELAYANAN SPESIALISTIK EMPAT DASAR TERHADAP KEPUASAN PASIEN RAWAT INAP (PRODI : KESEHATAN MASYARAKAT)
- TESIS DETERMINAN KINERJA KADER POSYANDU DALAM MENUJU REVITALISASI POSYANDU
- Skripsi Analisis Deskriptif Kualitatif Mengenai Aktifitas Komunikasi Pemasaran Wisata X Di Kota X Dalam Membidik Wisatawan Domestik
- SKRIPSI PTK UPAYA PENINGKATAN AKTIVITAS BELAJAR DAN PRESTASI BELAJAR SISWA DALAM PEMBELAJARAN FISIKA MELALUI IMPLEMENTASI MODEL PEMBELAJARAN PROBLEM BASED LEARNING
- SKRIPSI PTK PENINGKATAN KETERAMPILAN MEMBACA NYARING MELALUI MEDIA PIAS-PIAS KATA (MATA PELAJARAN : BAHASA INDONESIA) – (KELAS I)
- SKRIPSI IMPLEMENTASI SISTEM MANAJEMEN MUTU ISO 9001-2000 DALAM MENINGKATKAN KUALITAS PROSES BELAJAR MENGAJAR PAI DI SMA
- Macam-macam Validitas
- SKRIPSI DUKUNGAN PETUGAS KESEHATAN DALAM PELAKSANAAN PROGRAM UKS PADA SD NEGERI DI KECAMATAN X
0 comments:
Post a Comment