» » Cara Mengganti Background di Blogger

Cara Mengganti Background di Blogger

blogger templates

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 Plusmemperbolehkan 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLWPXPOH4L60AclkU0CLsr71WII3SyG7gyGPl2_IGtdBofqVWbjDWFsEp332p01HN3pWp4iSZ8k_Oo2XHx5XM2AWdRJG9QXsu3GgxNWVzy7YODXFN6lo-CWPLM_2AWv8P2sK3ezFD8Na4/s1600/0_1_1.gif) repeat center center fixed" />101 Matrix
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVEdXiBYcx5rHCYxLk3wtrdKk7MDJzctCfO2UJfp3XF4IUvdxhAMn4GsN0TJjWaZy0g4KdcCo_IkSYI03hNwhbmde-pQJR5drrd6b-slABZjIpp46eAgny8IFKqG64QdamGigoPbHug6hyphenhyphen/s800/black_red_matrix.gif) repeat center center fixed" />Red Matrix
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fetOvT_4BT3ugu5Np53BV-KH0fVVZ9BfRo5_VlvsbRc75EsS-8y-lctP5QtoOKN5e2ukgyOYBoOer0XIUNp4cFTydpdytCb6g-UqxTMHTKMiqHgcFS7K_GSY_varADIXBqEMzUz_wC4/s800/matrix.gif) repeat center center fixed" />Blue Matrix
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1YyqHS2Qi9UAifn1NFbY7wkxDMKsPzqMZEGFamVO0DEcuFe45tPlnO8fERyQrrz83oscpCEPH8m6DHezHAtHFGBkM1AsRxuByB-5KpMdMUX-EvlX2OwbN7OcY2japFKNoVlncujiZ52Ym/s800/matrix.gif) repeat center center fixed" />Green Matrix
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHuD8fIvr7jF7yED5vC3RR4lgYHfalghV-_x4Yz1thSIXNpH79UpHRtf_Fco4bYWmSxoEQ09P9jhNBMiDTpf424gvOE219au5Ib6kO16dHSYE6T9jKVWCId9-5jjaLJOJjTMsILMQOszE/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuSu9x50oQ17J2rLMBlvNvdPymQkip0ZZYBNcEq_OQofO6s5VbI_9cuEbEP_nvdnpRujpwUcZdRSeEo9XzYnwGOts-0dVV0-wsMiIo0VWt9RFQg_CuDcmBRx_x96WsjQYk6xBmvn1RZSfg/s800/ThighHeels.png) repeat top left fixed" />High Heels
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeZ2-F9ejogkIXGqZSJXOjlZzhe_MRf2ReiXeK64CRIqeUcYAIKrai3mS4tZ3lLPhXMhMv8u-uX_sIOSzJFRVKWaqxUCT8P_kOkpfC4kMOhOPE7L0Kc-JaNXAdcBxibHYFPCEvAzJwQ8ut/s800/animated%2520stars.gif) repeat top left fixed Black" />Space
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lwAozvD_d4jBMnfsL7QGbSq-4CiAwQ0yj5E6LatX4LWebIvHpl9B6TKc8_3bOIxf8Te5w6Jd8F_b2EXwmQRdLPiY3f5WMN8Z3xc8gY1-6MR63ju4OPno-b5vuOxkDTF5nqxOwqnk5y_d/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>







.