Home
»
Artikel
»
Blogspot
»
Tutorial
»
»
Cara Membuat Tombol Untuk Mengganti Background Blog (Gambar)
Cara Membuat Tombol Untuk Mengganti Background Blog (Gambar)
Sabtu, 09 April 2011
-
11:30 AM
|
11
Comments |
Rezkiji
|
Edit Entri
Cara Membuat Tombol Untuk Mengganti Background Blog (Gambar)
Assalamualaikum..
Nah bagaimana, mantap kan n mau tau caranya??
Begini caranya....
1. Masuk dulu ke akun blogger anda
2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
5. Save Lalu Lihat Hasilnya
Ket. :
~ Untuk menambahkan gambar kesukaan anda tinggal copas kode seperti di bawah ini di atas kode </tr>
~ Kode yang berwarna Biru adalah URL/Alamat gambar, silahkan ganti dengan URL gambar anda.
Catatan :
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.
Assalamualaikum..
Kalau sebelumnya saya sempat meposting artikel dengan judul Cara Membuat Tombol Untuk Mengganti warna Background Blog ,saat ini saya akan membagikan tutorial yang hampir sama dengan postingan tersebut, yang berbeda saat ini adalah Backgroundnya, kalau sebelumnya background yang kita gunakan hanya warna kali ini saya akan mencoba mengganti background warna dengan gambar.
Contoh
BG1 | BG2 | BG3 |
Nah bagaimana, mantap kan n mau tau caranya??
Begini caranya....
1. Masuk dulu ke akun blogger anda
2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
<table border="1px" height="15px"><tbody>
<tr style="color: white; font-weight: bold; text-align: center;"><td bgcolor="#000000" onclick="bgChange('url(http://i783.photobucket.com/albums/yy114/rrezkijitawwa/1300_3D_Lake.jpg) repeat-x fixed top center')">BG1</td><td bgcolor="#000000" onclick="bgChange('url(http://i783.photobucket.com/albums/yy114/rrezkijitawwa/1_688_6.jpg) repeat-x fixed top center')">BG2</td><td bgcolor="#000000" onclick="bgChange('url(http://i783.photobucket.com/albums/yy114/rrezkijitawwa/CO90751.jpg) repeat-x fixed top center')">BG3</td></tr>
</tbody></table>
5. Save Lalu Lihat Hasilnya
Ket. :
~ Untuk menambahkan gambar kesukaan anda tinggal copas kode seperti di bawah ini di atas kode </tr>
<td bgcolor="#000000" onclick="bgChange('url(http://i783.photobucket.com/albums/yy114/rrezkijitawwa/1300_3D_Lake.jpg) repeat-x fixed top center')">1</td>
~ Kode yang berwarna Biru adalah URL/Alamat gambar, silahkan ganti dengan URL gambar anda.
Catatan :
- Saya tidak bisa menjamin tutorial ini bisa berjalan di blog anda, karena saya belum mencoba di semua jenis blog atau template.
- Gunakan Gambar yang ukurannya sesuai kebutuhan,,hehe
- Jangan terlalu banyak membuat pilihan, karena akan berpengaruh pada kecepatan loading blog, cukup 3 seperti saya atau kalau mau tambahin 2 jadinya 5,, :D
Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.
Langganan:
Posting Komentar
(
Atom
)
Entri Populer
- Daftar Kode Warna | HTML
- New Guest Book | RezDown7.Com
- Jadwal Pertandingan Timnas Indonesia Senior, U-23 Dan U-19 | Update Terbaru
- Followers | RezDown7.Com
- Cara Menambahkan Widget Google Translate Di Blog
- Cara membuat Tombol Like Facebook di Blogspot
- Belajar Cara Membuat Tulisan/Gambar Bergerak Dengan Marquee
- Cara Setting Blog [Blogger.Com]
- Cera Membuat Efek Gambar Dengan MouseOver
- Cara Agar Blog Otomatis Redirect Ke Versi Mobile Saat Di Buka Melalui HP
Kali ini..putrabima mau sedot nieh sobat punya ilmu...^^
BalasHapuswakkakakaa..ga jalan sob di blog saiya..:(
BalasHapus@Yohanes tony Saya juga Bingung sob,,kok ada blog yg bisa tp adapula yg gk bisa :D,,hehe
BalasHapuskunjungan rutin sobat... 100% $_$.. back to me sobat
BalasHapuslumayan nih buat personal blog..jadi klo pengunjung bosen,pasang aja tuh widget biar kagak bosen..haha..
BalasHapusPecinta download (PD) :
BalasHapusokey.. menuju TKP sobat :)
---------------------------------
Adrian :
Iya Sob,,hehehe :D
ini yang saya cari dulu-dulu, buat mempercantik blog saya.
BalasHapusmakasih banget ya RezDown7 :D
@Raziq Ahmedemank dah di cobain sob,jadi gk di blog km??
BalasHapus:D
mantap infonya bos like this Garuda Operating System Indonesiana
BalasHapusMantaps ni sob hasilnya...boleh di check...
BalasHapushttp://bercara.blogspot.com/
Makasih..
sama" gan :)
Hapus