Blogspot: Cara Menambahkan Border Atau Gambar Di Tepi Atas Blog
Blogger.com-Tutorial hari ini ialah perihal menambahkan batas atau gambar ke bab atas blog Anda di sepanjang jendela browser. Ini benar-benar cepat dan gampang tetapi sanggup benar-benar membawa desain blog Anda bersama. Jika Anda mencobanya, beri tahu aku di bawah ini. Saya ingin melihat bagaimana Anda menyesuaikannya.
Unggah gambar Anda ke Dropbox, Photobucket, Flickr atau situs hosting gambar lainnya. Di Blogger, buka Tema > Edit HTML dan cari ]]> </b:skin>. Tepat di atas ]]> </b:skin> tempel arahan berikut. Tempel arahan gambar Anda dan sesuaikan tingginya.
MATIKAN BLOGGERS NAV BAR
Pergi ke Layout > Tata Letak > Navbar dan pilih off. Kami mematikannya alasannya jikalau tidak akan ditampilkan di atas gambar kami.TAMBAHKAN GAMBAR KE ATAS BLOG
Buat gambar Anda, Anda sanggup memakai GIMP yang merupakan alternatif gratis untuk Photoshop. Anda sanggup membuatnya kecil lebarnya alasannya diatur untuk mengulang secara horizontal.Unggah gambar Anda ke Dropbox, Photobucket, Flickr atau situs hosting gambar lainnya. Di Blogger, buka Tema > Edit HTML dan cari ]]> </b:skin>. Tepat di atas ]]> </b:skin> tempel arahan berikut. Tempel arahan gambar Anda dan sesuaikan tingginya.
body .navbar {Alternatif - Anda juga sanggup menambahkan arahan di atas ke tubuh {...} di Tema > Edit HTML. Jika Anda pengguna WordPress, Anda sanggup memakai tutorial ini dengan body {...} sebagai ganti body .navbar { ... }.
height: 50px; /* ADJUST THE HEIGHT */
padding: 0;
margin: 0;
background: url('DIRECT IMG URL HERE') repeat-x; /* ADD IMAGE */
}
TAMBAHKAN BORDER KE TOP OF BLOG
Di Blogger, buka Tema > Edit HTML dan cari ]]> </b:skin>. Tepat di atas ]]> </b:skin> tempel arahan berikut, ubah ketebalan batas, jenis gaya dan warna. Anda mungkin perlu menyesuaikan tingginya juga jikalau ada terlalu banyak ruang di antara batas dan header Anda.body .navbar {Alternatif - Anda juga sanggup menambahkan arahan di atas ke tubuh {...} di Tema > Edit HTML. Jika Anda pengguna WordPress, Anda sanggup memakai tutorial ini dengan body {...} sebagai ganti body .navbar { ... }.
height: 20px; /* ADJUST THE HEIGHT */
padding: 0;
margin: 0;
border-top: 10px solid #EEEEEE; /* ADJUST THICKNESS, TYPE, COLOUR */
}
