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
- Download Mp3 Al-Qur'an + Terjemahan Indonesia - Oleh Syaikh Mishari Rashid Alafasy
- Download Gratis Murottal Al-Qur'an 30 Juz Oleh Syaikh Mishari Rashid Alafasy
- Mengganti Tulisan Poskan Komentar Di Blog
- Budaya Berbagi Dalam Komunitas Blogwalking /20'
- Cara Membuat Menu Horizontal Dropdown di Blogspot
- Cara Agar Blog Otomatis Redirect Ke Versi Mobile Saat Di Buka Melalui HP
- Tata Cara Shalat Tahajud Beserta Do'a
- Membuat Tombol Sharing Is Sexy Menggunakan J-query (Auto Hide)
- Cara Membuka Slot Equipping Item Slot ke-3 Di Pes 2013
- Memasang Kolom Search/Pencarian Yang Bisa Dimodifikasi
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