Cara Membuat Widget Sticky di Blogger


Assalamu'alaikum wr. wb. - nah pada kesempatan kali ini saya akan share tutorial ngeblog lagi nih yaitu "Cara Membuat Widget Sticky di Blogger" kalian pasti bertanya tanya bagi yang tidak tau widget sticky itu apa?, nah disini ane akan menjelaskan widget sticky itu apa dan gunanya buat apa. Widget Sticky merupakan widget yang melayang jika layar akan melewati widget tersebut dan melayang mengikuti layar. Setelah layar kembali ke atas sampai ke letak awal widget, widget tidak akan ikut melayang lagi. Biasanya widget yang sticky ini diletakkan di posisi paling bawah. Aneh, jika widget ini diletakkan di posisi paling atas dari widget-widget yang lain, karena akan bentrok jika layar ke bawah. Cara membuat sticky widget ini tidak lah sulit, anda hanya perlu ramuan javascript, CSS dan HTML. Sedikit kok tutorialnya silahkan di cermati tutornya gan.

Screenshot :

Tutorial :
  • Login Blogger terlebih dahulu
  • Kemudan masuk menu Template dan klik Edit HTML
  • Letakkan java script di bawah ini tepat di atas </body>
<script src='http://yourjavascript.com/47203410510/hack4rt.us-sticky.js' type='text/javascript'/>
  • Jika template agan belum di lengkapi JQuery, maka pasang dulu JQuery di bawah ini tepat di atas </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
  • Kemudian letakkan CSS di bawah ini tepat di atas ]]</b:skin>
#sticky{margin-top:10px; width:300px;}
  • Jika sudah semua save template
  • Kita masuk Pada menu LAYOUT
  • Kemudian Add a Gadget pilih HTML/JavaScript
  • Masukkan kode di bawah ini
<div id='catcher'>
</div>
<div id='sticky'>
ISI KODE HTML/JavaScript ATAU Script Iklan
</div>
  • Kemudian save
  • Preview
  • Finish
Semoga dengan tutorial di bawah ini menambah pengetahuan agan yang belum tau dan semoga tutorial di bawah ini bisa bermanfaat amin :) Jika ada pertanyaan langsung aja komentar di bawah ini :)

Artikel yang Munkin Anda Cari :

Previous
« Prev Post

4 Responses to "Cara Membuat Widget Sticky di Blogger"

  1. keren gan :) boleh ntar ku praktekin :)

    ReplyDelete
  2. Trimakasih banyak, cara ini memang seing di gunakan untuk iklan di samping kanan blog :) Cara yang sangat bermanfaat sekali, :) kunjungannya kembali trimakasih :)

    ReplyDelete
    Replies
    1. sama sama gan thanks jg atas kunjungannya :)

      Delete