Mungkin sebagian orang pernah berangan-angan untuk mempercantik penampilan blognya dan berusaha tampil beda dengan blog orang lain. Salah satunya adalah penampilan background yang nyentrik berupa image, baik itu image diri sendiri maupun image berupa ornamen yang sudah tersedia di internet. Untuk mendapatkan background berupa ornamen dapat anda buat sesuka hati klik DISINI. Setelah jadi silahkan download dan masukkan ke harddisk. Untuk memanfaatkannya sebagai background blog silahkan anda upload ke penyedia hosting seperti photobucket.com, hal ini dimaksudkan agar gambar tersebut selalu terhubung dengan blog saat kita buka. Berikut ini adalah contoh ornamen yang dapat dijadikan background blog, silahkan pilih URL-nya untuk menerapkannya di blog anda.
Adapun alamat URL yang dimaksud adalah sebagai berikut :
1. http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116a6b8329.jpg
2. http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116d8c1c6b.jpg
3. http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116375c8b6.jpg
Langkah-langkahnya adalah sebagai berikut :
1. Sign in ke blogger
2. Pilih Layout/Tata Letak
3. Pilih Edit HTML
4. Untuk menjaga-jaga terjadinya kerusakan sebaiknya back up dulu template anda
5. Beri tanda centang/contreng pada kotak Expand Template Widget.
Untuk lebih jelasnya perhatikan gambar berikut :
6. Setelah itu cari kode seperti berikut
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
7. Pada tulisan warna merah di atas tambahkan alamat URL image atau gambar anda. Sekedar contoh kita gunakan salah satu alamat URL di atas, sehingga susunannya seperti dibawah ini :
body {
background:$bgcolor url ('http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116375c8b6.jpg')
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
background:$bgcolor url ('http://i276.photobucket.com/albums/kk13/asadku/patt_4a6116375c8b6.jpg')
;margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
8. Lakukan Pratinjau untuk melihat hasil sementara/preview. Apabila dirasa cocok dan sudah sesuai dengan keinginan silahkan klik Simpan Template.
Tidak ada komentar:
Posting Komentar