Cara Membuat Efek Link Nudging Pada Lists Sidebar -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Efek Link Nudging Pada Lists Sidebar, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Blogger Tutorials, Artikel JQuery, Artikel Link, Artikel Tutorial Blogger, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Cara Membuat Efek Link Nudging Pada Lists Sidebar
link : Cara Membuat Efek Link Nudging Pada Lists Sidebar
Gambar dibawah ini

Cara Membuat Efek Link Nudging Pada Lists Sidebar

Sebelumnya saya sudah pernah mengetengahkan tutorial cara membuat efek link nudging pada lists label atau category blog. Jadi yang belum tahu apa dan bagaimana efek link nudging mungkin bisa membaca artikel sebelumnya.

Nah jika pada tutorial sebelumnya efek link nudging hanya pada lists label sekarang kita akan menambahkan efek link nudging pada semua lists sidebar blog kita, tentunya masih dengan bantuan script JQuery. Yah sangat sayang khan kalau anda hanya menggunakan framework JQuery pada blog anda untuk membuat featured posts slider, tabber tab, atau membuat scroll top down, kenapa tidak mencoba menambahkan efek link nudging atau biasanya mereka juga menyebutnya dengan efek animasi ini ke semua lists sidebar blog anda? Apalagi caranya sangat mudah kok.

• Setelah sign ini ke akun anda
• Pada dasbor >> pilih Template >> Edit HTML
• Tambahkan kode berikut diatas kode </head>

<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery('.widget-content li a').hover(function() {
jQuery(this).animate({ paddingLeft: '7px' }, {duration:250});
}, function() {
jQuery(this).animate({ paddingLeft: '0px' }, {duration:250});
});
});
</script>

Catatan: Silahkan atur padding left sesuai template anda karena biasanya setiap template sudah menentukan ukuran padding left untuk lists sidebar. Caranya lihat pada kode CSS lists sidebar (widget-content li a)

• Terakhir simpan template dan lihat hasilnya diblog anda.

Semoga bermanfaat.

Jika anda tidak ingin membuat efek animasi atau link nudging dengan menambahkan script JQuery, mungkin anda bisa mencoba menambahkan efek link nudging bertenaga CSS3 ke blog anda, silahkan lihat tutorialnya disini

Demikianlah Artikel Cara Membuat Efek Link Nudging Pada Lists Sidebar

Sekianlah artikel Cara Membuat Efek Link Nudging Pada Lists Sidebar kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Cara Membuat Efek Link Nudging Pada Lists Sidebar dengan alamat link https://trikmitos.blogspot.com/2012/09/cara-membuat-efek-link-nudging-pada.html