February 26, 2020

Goyang Culametan! 4 Cara Mudah Membuat Link Nudging dan Images Nudging Di Blogspot, Uhhhuyyy!

Rutinitas Petani Karet Di Hari Rabu Batumarta XII
Rutinitas Admin Di Hari Rabu, Nimbang Balem Sob..

Beginilah sob,

Rutinitas Admin disetiap hari rabu, yaini Nimbang Balem atau Hasil Getah Karet yang sudah dibekukan. Sebagai Buruh Sadap Karet, dengan kondisi harga balem yang menurut Admin masih jauh dari harapan, apa boleh buat. Dengan skema bagi hasil 2/3 Bagi Pemilik Kebun, dan 1/3 Bagi Buruh Sadap. Tetap bersyukur, alhamdulillah sob. Didaerahmu bagaimana sob?

Sembari menunggu proses Penimbangan Balam sob, Admin share Bagaimana Cara Membuat Link Nudging Pada Blogspot. Link Nudging sebenarnya adalah efek tambahan saja sob, untuk mempercantik tampilan mantan pacar... Ehh Mempercantik Tampilan Blog maksudnya... :) Efek yang dihasilkan adalah Link Yang Bergoyang atau Bergerak. Jaman now, gak mulu Artis Dangdut Aja Yang Bisa Goyang, Link juga bisa goyang sob! Plus yang lagi Viral Ala Warga +62, CULAMETANNN! "Kalo ada makanan dimeja.. Mangga...." :)
Memasang Link dan Images Nudging Pada Blogspot
Cara Memasang Link dan Images Nudging Pada Blogspot

Efek ini menggunakan Script jQuery, ada juga sih yang menggunakan CSS, tapi ngefek atau enggaknya pada Kecepatan Loading Blog, sobat cek saja melalui Speed Experimental Google Search Console. Cuzzz ahhh, ikuti aja Step By Step Membuat Link Nudging dibawah ini, cekidott... :

#1. Login Blogger,

Langsung tancap gasss... kebagian Tema > Edit HTML.

#2. Cari kode </Head>

Kalo ga ketemu, lapor Pak RT Setempat :)

#3. Copy Paste, Bukan Copy Susuuuu

Copy Paste kode dibawah ini, tepat diatas kode </Head>.
<!-- Start LinkNudging -->
<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.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script>
<!-- End LinkNudging -->
NB :
1. Perhatikan baik-baik sob, kalo kode Script yang Admin tandai warna kuning.. merah ya? Maklum belum ngopi sob, gula kopi abis :( kalo Scriptnya sudah ada di template blog kamu, ya ga perlu ditambahin sob :)

2. Untuk kode yang Admin tandai warna biru, adalah Widget ID pada Label, sesuaikan saja dengan Widget ID yang ada pada blog kamu. Bingung nyari Widget ID nya? Ini contoh Widget ID yang ada di blog ini sob
<b:widget id='Label1' locked='false' title='Kategori Yang Ada' type='Label' version='1'>

#4. Simpan Template..

Kalo gak disimpan, ya ngapain juga sob.. xixixi...

Nah kalo kamu ingin membuat Link Nudging Manual pada setiap link apakah itu didalam postingan ataupun widget, tambahkan aja class="nudge" seperti dibawah ini
<a href="https://widgets9.blogspot.com" class="nudge">Widgets9 Blog</a>
Sedangkan kalo mau buat Gambar Bergoyang atau Images Nudging, pake cara sepertin dibawah.. Ingat, bukan Goyang Culametan ya sob... :)
<a href="https://widgets9.blogspot.com" class="nudge"><img src="isikan alamat url gambarnya disini"/></a>
Untuk demonya, Admin ga suka demo sob, cinta damai... xixixi.. Sobat arahin aja kursor ke Widget Label Kategori Yang Ada pada blog ini, taaddaaaa...

Oke sob, sementara itu dulu, semoga bermanfaat. Admin mau Nimbang Balem dulu, Tengkulaknya udah datang sob. Sempetin komentar, insyaallah Admin balas. Haturnuhun:)
Posting Selanjutnya Next Post
Posting Sebelumnya Previous Post
Posting Selanjutnya Next Post
Posting Sebelumnya Previous Post
 

Delivered by FeedBurner

Kaluhur Deui..