Pages

Sunday, September 30, 2012

Background Changer


Background Changer merupakan widget untuk mengganti gambar latar blog secara dinamis. Widget ini sangat berguna untuk membuat blog terlihat atraktif dan dinamis. Widget ini memperbolehkan pengunjung blog untuk mengganti gambar latar belakang blog kita secara dinamis. Secara default gambar latar belakang blog tersedia dalam beberapa pilihan gambar animasi dan statis, untuk contoh dapat dilihat pada box Background Changer di bawah ini.


Selain widget Background Changer ada juga widget Blog Setting Plus untuk membuat gambar statis pilihan pengunjung blog untuk dijadikan gambar latar di blog sobat. Blog Setting Plus memperbolehkan pengunjung blog untuk mengganti warna latar belakang atau gambar latar belakang blog kita di browsernya. Untuk lebih jelasnya silakan baca artikel Blog Setting Plus. Oke sob untuk yang tertarik memasang Background Changer ini, monggo di simak cara pemasangannya...

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.





  • Copy-paste kode berikut ini di kotak postingan gadget.

    <style type="text/css">
    .mystyles {
    font-size: 12px;
    color: #000;
    padding: 1px;
    background : #F0E412;
    border: 2px outset rgb(0, 0, 0);
    width:150px;
    }
    .mystyles option {background: #F9F7C8; color: #000;}
    </style>
    <select class="mystyles" onchange="document.body.style.background = this.value;" name="MonozCore" title="Change Background Image">
    <option value="url(http://lh4.googleusercontent.com/-M4zELpaUOCE/UGL6FHXR0vI/AAAAAAAACjY/Mfv-OU8g_qg/s800/pin-up_latex.png) no-repeat center center fixed black" />None
    <option value="url(http://3.bp.blogspot.com/-D6nQQ3d_wfw/Ts31QI5aQPI/AAAAAAAAAgA/mMEBDufqDpk/s1600/0_1_1.gif) repeat center center fixed" />101 Matrix
    <option value="url(http://lh6.googleusercontent.com/-oIKDL5K_Jus/Ts32BmE64MI/AAAAAAAAAgI/QncRScTidN8/s800/black_red_matrix.gif) repeat center center fixed" />Red Matrix
    <option value="url(http://lh3.googleusercontent.com/-4XZ7JTeJH_Y/TsaAYPiMYSI/AAAAAAAAAcU/_-8fu6GQ7eI/s800/matrix.gif) repeat center center fixed" />Blue Matrix
    <option value="url(http://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif) repeat center center fixed" />Green Matrix
    <option value="url(http://lh3.googleusercontent.com/-CYobas4WGXo/Ts32QusPKsI/AAAAAAAAAgw/xQQMNbgAa0M/s800/port_listener.gif) repeat center center fixed" />Port Listener
    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
    <option value="url(http://lh3.googleusercontent.com/-eGOdPe7gV-g/T0fZ-hR1H-I/AAAAAAAABLQ/LWN2smtA6cc/s800/ThighHeels.png) repeat top left fixed" />High Heels
    <option value="url(http://lh4.googleusercontent.com/-brpkMDLI-Jo/T0hBjzFgHbI/AAAAAAAABLs/lmWb_OeOuwE/s800/animated%2520stars.gif) repeat top left fixed Black" />Space
    <option value="url(http://lh4.googleusercontent.com/-Kow92KwCv4w/T1x-QG4nWGI/AAAAAAAABWk/wLOYXtytoV4/s800/devil_angel_lolita_bg.png) repeat top left fixed Black" />Lolita
    <option value="url(http://lh4.googleusercontent.com/-EkbrPoPq9Tk/UGK0wQ6ERpI/AAAAAAAAChY/PBkHMEEd63k/s800/3d_smileys_love.gif) repeat center center fixed" />Smiley
    <option value="url(http://lh3.googleusercontent.com/-FIPcZlLSG3w/UGLHCNFwGFI/AAAAAAAACh0/Lr8SIgDNVBg/s400/black_latex.png) repeat top left fixed black" />Black
    </select>

    Catatan :
    • Teks berwarna biru merupakan ukuran lebar box Background Changer.
    • Teks berwarna merah merupakan warna background box Background Changer.

  • Klik "Save" dan lihat hasilnya...
.: Semoga Bermanfaat :.
DMCAProtected by CopyscapeMyFreeCopyright.com Registered & Protected
Share :
Comments
Tweets
0 Comments

No comments:

Post a Comment