Follow Google+

Part Of Blogger

Photobucket

Statistic

DMCA.com Protection Status

Popular Posts


Art dan Adhi adalah dua kata yang tidak akan pernah terpisahkan, dengan adanya dua kata tersebut terciptalah karya creative itulah awal mulanya artadhitive dilahirkan. Art Design memang luas kaitanya, tapi segala sesuatu itu bermula dari Art Design, Art Design bukan hanya coretan tinta, bukan hanya goresan garis dan bukan hanya gesturan mouse melainkan adalah kehidupan seni yang setiap orang memilikinya. Art Design adalah Seni yang berhak dimiliki setiap manusia karena goresan tangan yang bodoh sekalipun bisa menghasilkan karya seni yang luar biasa.
Art of Adhi Creative ...

Instagram

Instagram

Advertise 970x90

Panduan Design

Follow This Site

Google+ Followers

Butuh Apartment ?

Monday, 4 July 2016

Cara Membuat Widget Berhenti Saat Di Scroll Ke Bawah

Cara membuat widget berhenti saat discroll kebawah

Widget merupakan elemen yang sangat penting dalam suatu blog. Fungsi widget sangat banyak sekali dan bermacam-macam bentuknya. Widget biasanya terletak disamping postingan biasa disebut dengan sidebar dan terletak dibawah postingan biasa disebut dengan footer widget. Widget merupakan elemen yang banyak fungsinya, salah satunya sebagai tempat informasi pemilik, tombol berbagi, dan tempat menampilkan iklan. Sebagian bloger sering memanfaatkan widget di samping postingan sebagai ajang iklan pada blog mereka.

Widget dengan informasi khusus pastinya harus kita letakkan pada tempat yang kebanyakan orang pasti melihatnya, cara ini disesuaikan agar informasi yang terdapat pada widget mendapat perhatian khusus bagi pembaca blog kita. Agar widget bisa bekerja maksimal pastinya harus ada yang kita lakukan dengan widget tersebut supaya memberikan dampak positif terhadap informasi yang kita berikan.

Artikel kali ini akan membahas bagaimana cara membuat widget berhenti saat di scroll ke bawah. Manfaatnya adalah supaya widget yang kita tampilkan berhenti dan dapat dibaca sepenuhnya oleh pengunjung blog sobat. Caranya tidak behitu sulit, untuk lebih jelasnya mari kita pahami langkah-langkah berikut ini :

Step 1. Login ke blog sobat

Step 2. Masuk ke menu Tamplate dan cari kode </ body>

Step 3. Copy dan Pastekan code script ini di atas code </ body>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<SCRIPT>
$(document).ready(function() {
var div = $('#YOUR_WIDGET_ID');
var start = $(div).offset().top;
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
});
</SCRIPT>

Step 4. Ubahlah tulisan merah sesuai Widget ID, ID Header-Wrapper, atau Footer-Wrapper, dll.
misalnya HTML10, Popular Post (kode widget)

Step 5. Save Tamplate dan Lihat hasilnya

Sekedar saran agar sebaiknya widget yang akan dipasang merupakan widget yang terakhir pada settingan sidebar pada Tata Letak agar informasi widget yang selanjutnya bisa terlihat saat discroll.

Baca Juga Artikel : Tips Membuat Widget Iklan Melayang di Samping Blog

Silahkan ungkap kreasimu, semoga berhasil dan tetap semangat.

No comments:
Write comments

Interested for our works and services?
Get more of our update !