TOMBOL UNTUK GANTI BACKGROUND

Pada posting kali ini Admin masih ingin memberi tutorial masih sekitar background blog. Beda dengan postingan sebelumnya, disini kita akan memasang tombol (button) yang akan berfungsi sebagai pengganti latar belakang atau background blog. Masih bingung? h sudahlah..coba sobat lihat gmbar button dibawah ini lalu klik satu persatu.

1

2

3

4

1

2

3

4

5

6

7

8

Sekarang bagaimana sobat? sudah paham maksud dari Admin! oke kita lanjut ke cara membuatnya.

LANGKAH PERTAMA

1. Login ke akun blog sobat

2. Halaman---> Halaman baru 

3. Upload beberapa foto yang ingin nantinya dijadikan baground blog sobat.

4. Setelah selesai klik "Publikasikan"

LANGKAH KEDUA

1. masih di akun blog sobat

2. Klik "entri baru"

3. harus pada bagian "HTML" jangan keliru compose

4. Copy dan paste kode script dibawah ini

<script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script><table width="100%" height="15px" border="1px"> <tbody> <tr style="text-align: center;font-weight:bold; color:yellow;"> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsTs1buAdaiPZoA_vahq2eSvzN7nkdSVTahRwDbRjVW6seilN0XaPUUzDCFa3W4-0-xGRW9PGIYLoh8mtbFmoyqj30QzBif73KRzGxaVBSuzKPuR-Y3ZUDRVrKuiycpcO3pqtSpFVbnYw/s1600/74.jpg) repeat-x fixed top center')" bgcolor="#CC33CC">1</td> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8QCJq2prVlRfrr044z1RpGy0TE2jdhKxO8GCSkXiRxbxf08enX2DKKS7snUuJRLIrSfVZh7qXI6jGVyc_3yTewv2VWwMaFRX_pFx-HP3eE55_Yz1sxztlZuQoD8HA48OrLR24CWaCWSU/s1600/Autumn_Days_1600-x-1200-1024x768.jpg) repeat-x fixed top center')" bgcolor="#CC3333"> 2</td> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_IV6Qbdqsn3Sao9Fv_zeVASJe6CcBXG7LOrWDWGkbTXfji2fEL4wADQC1oFOc1Sofxqn7t4rzZrC-8gycAMgHBLm7GizU2ooOEtVw36VvimvTPKx9oDimRPNwcO3sCLryvToLKpLyreo/s1600/beautifulg_mKRw0fcX.jpg) repeat-x fixed top center')" bgcolor="#00FF33">3</td> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG2iez5ZcamBWhsv_3cQTC0MxLIVk-4tNs3RCB88Lud5WRVjrAaJtQ2sISTOle04Wjj_2sbpQbWHzDyrEfZpeXRtvh9llQ05bYcnydst95VOrWqb9gPoyukyST9gxI46q1i04o1SlhCzo/s1600/Laniakea_Sunset_1600-x-1200-1024x768.jpg) repeat-x fixed top center')" bgcolor="#990099">4</td> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7MVHWOpXRpUN-cVlPu-bJ7bwcp13hDNb3UVqu1flTB_AKjJKqXYmwovF9PVrVaGFw7Z8wC8f2-kCV1oEjWZdg6bEKgnJpSUuL5C_f-0MiumvaL5kMr_WIAmdFLRotsInXX5BIy0vFbs/s1600/P9.jpg) repeat-x fixed top center')" bgcolor="#0099FF">5</td> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt5k_as4mihDCh06gxZxMGzeLizDvaWk6W_XEOEU2Tmundj8Ux9sL6-ZwgKrRnruag-RctVy9fqAEQrVBn81duadrw3EhAyRu0mAIg4qxAhNQVBifNqaU5u2HS7Tnz47Wbqc6-h0vJCfY/s1600/P.0.jpg) repeat-x fixed top center')" bgcolor="#FF0000">6</td> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjWa187OtTKrUw1h82YhFlbTHqqN7gNe6jP7-qjec_3p37j5GM0viat-K3ARrtfmyyG9KkXav8pIJGxJ0BpxJ2kO0it_x-oBoz63-o4uTDPHNPQOhOfnlk_Q0EPnlXsfyPMvoH5be5cHs/s1600/PEMANDANGAN+1.jpg) repeat-x fixed top center')" bgcolor="#6633FF">7</td> <td onclick="bgChange('url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirSaZ4eNNfd7WxwaaXWWGLJfNLvhePyJBrS430fLvKkSqJ340bd1kGu66A3PmAAkX59E860JdkimKZK9d6ObVaOmMji0TG3y7cuUro9R6iW21BhL2u4nIcceFglnXj9MI2fv-d3u_89Dg/s640/BULAN.jpg) repeat-x fixed top center')" bgcolor="#33FF99">8</td> </tr> </tbody></table>

5. Selesai sudah tinggal sobat publikasikan. perlu sobat ketahui, kode script diatas bisa diletakan di postingan. widget dan template blog sobat.

Tweet