Cara Mengganti Background Sidebar Blog Dengan Gambar/Image - IRWANSULAIMAN

Tuesday, December 18

Cara Mengganti Background Sidebar Blog Dengan Gambar/Image

Cara Mengganti Background Sidebar Blog Dengan Gambar atau Image. Tutorial 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.

Langsung saja Tahap awal Log in dahulu ke Blogger lalu pilih Pengaturan Template dan Edit HTML jangan lupa untuk Back Up Template 

Tekan CTRL+F cari kode seperti di bawah ini.

#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.

Demikian Tutorial Cara Mengganti Background Sidebar Blog Dengan Gambar/Image semoga bermanfaat dan selamat berkreasi.
Comments

4 comments

Bermanfaat gan terimakasih atas infonya, jngan lupa berkunjung ya gan, terima kasih :D

d-final.blogspot.com

Thank's infonya gan, membantu nih. coba mapir di heruarya.blogspot.com yak!


EmoticonEmoticon