Penelusuran Om Google

Steaming Radio On-Line

Thursday, June 7, 2012

Pasang Efek sound di WEB


Dah coba menghancurkan blog sendiri dengan efek-efek flash yang unik dan keren ???, lumayan buat ngilangin suntuk dan bosan sewaktu blogging... penasaran ??? coba perhatikan salah satu efek disaster yaitu nuke attack (serangan rudal nuklir) yang di pasang pada postingan artikel ini. Gimana kerenkan... oke sob jika tertarik ingin mencoba efek ini silakan disimak tutorialnya...

Pada contoh di postingan artikel ini nuke attack hanya terlihat di bagian atas karena script di taruh di dalam postingan artikel tapi jika di taruh pada template blog efek disaster ini akan terlihat di keseluruhan halaman blog.

Cara Pemasangan...
  • Login ke blog sobat.
  • Kunjungi situs NetDisaster untuk memilih efek disaster blog, settingan efek dan mendapatkan kode scriptnya.
  • Pemasangan efek disaster blog bisa dipasang pada template blog atau sebagai gadget blog.
  • Pemasangan pada template blog : Pada blog dashboard klik "Design" kemudian klik "Edit HTML" setelah itu (gunakan Ctrl+F untuk mempercepat pencarian), setelah itu cari kode </Head> dan copy-paste script yang didapat dari situs netdisaster di atas kode</Head>.
  • Pemasangan pada gadget blog : Copy-paste script yang didapat dari situs netdisaster di gadget blog sobat.
  • Selesai... selamat menikmati efek disaster di blog sobat.
.: Semoga Bermanfaat :.
0 Komentar

Menampilkan Buku Tamu Menggunakan LightBox

ini merupakan Salah satu widget yang wajib dipasang di blog, yaitu widget Buku tamu / chatbox. Banyak cara untuk menampilkan widget buku tamu atau chatbox ini, ada yang ditaruh langsung pada sidebar gadaget seperti blog monozcore, ada yang menggunakan efek melayang, ada yang menggunakan efek drop, ada yang menggunakan efek slide dan masih banyak cara lainnya. Kali ini widget buku tamu atau chatbox, saya tampilkan dengan cara unik yaitu menggunakan JQuery LightBox. Widget buku tamu atau chatbox ini menggunakan tombol buku tamu untuk bisa menampilkan buku tamu atau chatbox. Tombol buku tamu yang digunakan bisa disesuaikan penempatannya dan juga gambar tombol buku tamu bisa disesuaikan dengan yang sobat inginkan.


PEMASANGAN JQUERY


1. Login ke Blogger
2. lalu ikuti langkah langkah berikut ini.

  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.

    clik gambar
  • Apabila sobat belum menggunakan kode JQuery silakan copy kode JQuery berikut, diatas kode </Head> pada template blog. Jika sudah ada kode JQuery di blognya silakan lewati langkah ini. berikut scriptnya : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
  • Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut. 
<style>#buku_tamu {position:fixed;_position:absolute;top:5px; right:0px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }#buku_tamu:hover {position:fixed;_position:absolute;top:5px; right:5px;}</style><script src='http://monozcore-project.googlecode.com/files/colorbox-min.js'></script><link href='https://sites.google.com/site/monozcore/home/fbPopup.css' rel='stylesheet' type='text/css'/><script type='text/javascript'>jQuery(document).ready(function(){$(".inline").colorbox({inline:true, width:"300px"});});</script>

  • Copy-paste kode di bawah ini pada bagian atau di bawah <Body> di kode HTML template blog sobat. 
<div align='right' id='buku_tamu'><a class='inline' href='#bukutamu' title='Buku Tamu'><img alt='Buku Tamu' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHx0nd3gfXGEoZPbxDaGTi0oBC41SbcFJKOORWYDgv_Dk8I76DhorhlSIReeVKJBxtHJ7EdHEp00Utic8kXm5SMCY6bgh7vcRxC09C5wLebkBUCVrQBUISx4zEE2R17kt6zcUKZOcY86ec/s800/Buku%2520Tamu.png'/></a></div><div style='display:none;'><div id='bukutamu' style='padding:0px; overflow:hidden; background:#fff;'><center>
Kode script buku tamu/SHORTMIX disini....
</center><div style="padding-right:5px;text-align:right; font-size:60%;"><a href="http://monozcore.blogspot.com" style="text-decoration:none;color:grey;" target="blank">Get this widget</a></div></div></div>

  • Keterangan :
    • Teks yang berwarna biru merupakan tempat untuk menaruh kode script buku tamu atau chatbox/Shortmix/box.
    • Teks yang berwarna merah merupakan link URL gambar tombol. berikut contoh URL gambar.

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzUyccPs4aeNKDZTcOc0qlWwnufL8pWNTxBbdA_NB-fQseHmLUHWwZ-n5ZDH75QdOtfjo1wgnvpAqT9TcPJovGd6LE8tR7d6fgMDB9lgFKltmtBKYKB6DEs95OixU_NVJ0ydW5wnIjW0F8/s800/Buku%2520Tamu%2520Biru.png

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpac6VcSsFjhwjyhj1Kg8aGPXMfpcn8_VrqB8S4OR35Sbs7lj0iBNvBC1U17h3JADKCMJCE5a-syXWkkR2Jk51xctMXD3QMG-gJycQK_59koWBpOPcaIat03jppwn8okOo35ff6y9-b4mY/s800/Buku%2520Tamu%2520Hijau.png

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHx0nd3gfXGEoZPbxDaGTi0oBC41SbcFJKOORWYDgv_Dk8I76DhorhlSIReeVKJBxtHJ7EdHEp00Utic8kXm5SMCY6bgh7vcRxC09C5wLebkBUCVrQBUISx4zEE2R17kt6zcUKZOcY86ec/s800/Buku%2520Tamu.png

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgqcNuwjyhYssbvRtFXtY3ASO3DHD2YqBWQ8sCIMlaqpT42Qn2heqaWVIUMPXzjdMj5U3o2ghawIHa99LICjDF6yL-cOpbiv3WFAqNnfFUXR3xQO1R6pjcuM5CAQ3rSm0ZUZ4XONke963n/s800/buku%2520tamu.gif

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5XFhZYqUcipYsWCQQqN4ZQiA1a8IcNWlkcYBj4TFhbZXTfKWKXXM1tRIytz-N5o8JuYBCMTSKsiL7pO9couUb2HFvs3CBXaefEEnJgWK30jWZYxh-ZPkTJAJCpShw5rX1YekZ6IMxRhJz/s800/bukutamu.gif
  • kemudian Klik "Save" dan lihat hasil Buku tamu yang anda Buat tersebut.
0 Komentar
Subscribe to: Posts (Atom)
Buku Tamu
Get this widget