Cara Mengganti Background Sidebar Blog Dengan Gambar atau Image. Postingan Kali ini Masih dalam kategori Tutorial Blog Atau Design Blog sebelumnya Saya sudah membuat Postingan Cara Mengganti Header Blog dengan Gambar di dalam postingan sekarang saya aingin Share dan berbagi Bagaimana Cara Mengganti Sidebar Blog Dengan Gambar atau Image. Baiklah langsung saja Tahap awal Log in dahulu ke Blogger lalu pilih Pengaturan Template dan Edit HTML jangan lupa untuk Back Up Template sobat Tekan CTRL+F cari kode seperti di bawah ini.
#sidebar-wrapper{
Copy Paste Kode HTML di bawah ini lalu simpan setelah kode #sidebar-wrapper{
Bila di satukan Jadinya akan seperti di bawah ini.
Setiap Template Berbeda ukuran sidebarnya bila ingin merubah ukuran sesuai templete ubah yang ini width:300px angka 300px adalah ukuran sidebar blog, selanjutnya simpan url gambar yang beri huruf tebal berwarna merah di atas lalu simpan Template dan lihat hasilnya.
atau anda bisa mencari kode body { kemudian tambahkan dibwahnya kodee berikut ;
background:#ded8c0 url(masukan url baground anda) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Demikian Postingan saya Cara Mengganti Background Sidebar Blog Dengan Gambar/Image semoga bermanfaat dan selamat berkreas
#sidebar-wrapper{
Copy Paste Kode HTML di bawah ini lalu simpan setelah kode #sidebar-wrapper{
background:#ffffff;width:300px;margin:0;float:right;word-wrap:break-word;overflow:hidden;padding-left:3px; /* fix for long text breaking sidebar float in IE *//* fix for long non-text content breaking IE sidebar float */
background-image:url(SIMPAN URL IMAGE DI SINI);background-repeat: repeat;background-attachment: scroll;background-position: right top;}
Bila di satukan Jadinya akan seperti di bawah ini.
#sidebar-wrapper{
background:#ffffff;width:300px;margin:0;float:right;word-wrap:break-word;overflow:hidden;padding-left:3px; /* fix for long text breaking sidebar float in IE *//* fix for long non-text content breaking IE sidebar float */
background-image:url(SIMPAN URL IMAGE DI SINI);background-repeat: repeat;background-attachment: scroll;background-position: right top;}
Setiap Template Berbeda ukuran sidebarnya bila ingin merubah ukuran sesuai templete ubah yang ini width:300px angka 300px adalah ukuran sidebar blog, selanjutnya simpan url gambar yang beri huruf tebal berwarna merah di atas lalu simpan Template dan lihat hasilnya.
atau anda bisa mencari kode body { kemudian tambahkan dibwahnya kodee berikut ;
background:#ded8c0 url(masukan url baground anda) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Demikian Postingan saya Cara Mengganti Background Sidebar Blog Dengan Gambar/Image semoga bermanfaat dan selamat berkreas