sesungguhnya jika anda mengerti html, css dan xml membuat template sendiri sangatlah mudah. Namun bagaimana jika tidak mengerti html, css, dan xml? anda tidak perlu berkecil hati, sebab anda dapat mengedit tampilan blog, salah satunya adalah membuat tampilan blog menjadi transparent. contoh dapat dilihat disini.
Jika anda suka(sebaiknya buat blog baru), berikut langkah-langkahnya;
steep 1
tentukan gambar dasarnya, buat atau cari gambar yang sesuai dengan hati anda, khusus tutorial ini saya tidak menyarankan anda menggunakan picasa web album sebagai img host, saran saya sebaiknya gunakan tynipic.com atau photobucket.com.
steep 2
tentukan template yang ingin di edit, khusus tutorial ini saya tidak menyarankan menggunakan template klasik/template bawaan dari blogger. Silahkan cari dan download template yang bertaburan secara gratis di alam maya. saran ourblogtemplate.com
step 3
Jika anda sudah menentukan gambar dan templatenya, berikutnya sebagai berikut;
- log in
- tata letak/layouts
- edit html
- PENTING "download template lengkap"
- diantara <b:skin><![CDATA[ sampai ]]></b:skin>, tekan ctrl+f kemudian cari semua style css seperti ini
background: url ("url gambar.jpg, gif, png");
background:#kodewarna;
background-color:#kodewarna;
- jika sudah ketemu hapus semua style css tadi, PENTING *yang perlu anda hapus hanya semua background:url("urlgambar"); atau background-color:#kodewarna;(bisa juga dengan menggantinya menjadi background-color:transparent;)
padding, border, font, text-decoration, float, dsb *jangan di hapus* - berikut, langkah selanjutnya
- dalam tahap ini(ada 3 cara untuk mengaktifkan stylenya, kita pilih yang mudah
- cari lagi body{xxx:yyy; atau body { xxx: yyy ; (anggap xxx dan yyy tidak ada).
- kemudian tambahkan background:url("url_gambar_anda") repeat-x top fixed; setelah body{xxx:yyy; contohnya seperti ini(pastikan backgrounya cuma ada satu)
body {background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs2jBJ200XSOvx1uxjcfy3uJiVpS70ZIYLbqqUyIBEhTv0G7JuRwxDheFI3f8UAY3_0QvF7AWBkjaBIr8JSx7gx_v4Obd6W8hA00moB-aFNZYS2e5dlSBlaZtuWv_HK9Kc9WQSYjk7rgc/") repeat-x top fixed; xxx:yyy; xxx:yyy; dan seterusnya. . . }
- warna biru adalah url gambar ku yang di indam-bontang.blogspot.com
0komentar:
Posting Komentar
Sudah bacanya? silakan berikan opini :)