Menggunakan Blogger Header Image Upload
Katakanlah kita memiliki sebuah gambar kecil (150px by 150px) bahwa kita ingin menempatkan di sebelah kiri kita Blog Header. Gunakan perangkat lunak editing gambar untuk membuat sebuah kanvas kosong baru 760px (lebar) oleh 150px (tinggi). Periksa lebar Header template Anda. Biasanya hal ini ditemukan di bawah # header {dari template.Mengubah lebar untuk melayani Anda Header. Jika Anda membutuhkan perangkat lunak bebas, coba Irfanview Selanjutnya, buka gambar menyalin, kecil dan sisipkan ke kanvas kosong kami. In our example, we shift it to the extreme left of the canvas. Dalam contoh kita, kita menggeser ke ekstrem kiri kanvas.
Header Gambar di samping Judul Blog
Simpan gambar yang baru dibuat ke dalam komputer kami dan kami siap untuk meng-upload ke kami Header. Masuk ke Template -> Page Elements dan klik link Edit di Header. Upload gambar ini dan untuk "Penempatan" pilih "Dibalik judul dan keterangan."
Ketika Anda melihat Blog, Anda mungkin akan memperhatikan bahwa Judul dan Deskripsi tumpang tindih Gambar karena sebagian template menyelaraskan Judul Blog ke kiri.
Header Gambar di samping Judul Blog. Langkah berikutnya adalah untuk menyelaraskan dan Deskripsi Judul Header dengan menambahkan margin kiri lebih besar dari lebar gambar. Ikuti panduan pada Header Gambar dan Judul Alignment (I) jika Anda menggunakan Minima, Denim, Rounders, Herbert, Jellyfish, Pelabuhan dan template Scribe. Pergi ke Header Image dan Title Alignment (II) jika Anda menggunakan, No 897, No 565, Thisaway, Moto, Snapshot, TicTac, Tekka, Sand Dollar Dots atau Wikipedia template II.
Dalam contoh kita, kita menambahkan margin kiri sebagai berikut: -
h1.title { h1.title {
margin-left: 200px; margin-left: 200px;
#header .description { # Header. Deskripsi {
margin-left: 200px; margin-left: 200px;
Preview template. Save. Simpan.Kami sekarang memiliki sedikit menyenangkan Gambar Header Blog samping kami Judul dan Deskripsi Blog!
Header Gambar di samping Judul Blog
Link Menggunakan Gambar
Metode kedua adalah yang kita disorot dalam kita Banner Link Gambar Header Blogger Tambahkan ke artikel sebelum Blogger memperkenalkan fitur upload gambar header.
. Sekali lagi, kami menggunakan contoh 150px dengan 150px gambar. Kali ini, tidak perlu untuk membuat gambar baru. Semua yang perlu kita lakukan adalah untuk meng-upload gambar ini ke server foto gratis. Anda dapat membaca tentang menggunakan host gratis seperti Google Page Creator dan Google Groups . Kami juga memiliki daftar lengkap dari Host Image agak bebas dan File Hosting Jasa di artikel kami tentang Mengelola Blogger Image Storage Space . Check out situs tersebut dan memilih satu yang cepat, dapat diandalkan dan memungkinkan hotlinking ke file upload. Mencatat URL gambar. Setelah meng-upload gambar, perhatikan URL Gambar.
Masuk ke Template -> Edit HTML dan gulir ke mana Anda melihat ini: -
. Mengubah nilai-nilai dengan yang ditunjukkan dengan warna merah. Simpan template itu. Anda harus dapat menambahkan Elemen Halaman ke bagian Header. Dalam Template -> Elemen Halaman, klik untuk "Tambahkan sebuah Elemen Halaman" di Header, dan pilih "HTML / JavaScript." Salin dan sisipkan kode di bawah link gambar: -
Ketik URL Gambar di mana gambar Anda host. Masukkan pengaturan lebar dan tinggi gambar. Keterangan ini adalah teks alternatif ditampilkan bila gambar tidak dimuat karena alasan apapun. Tambahkan teks yang ingin Anda untuk menunjukkan .Perhatikan bahwa kita telah selaras gambar ke kiri.Jika Anda ingin di sebelah kanan, ubah kata "kiri" ke "kanan".
Setelah itu dilakukan, langkah selanjutnya adalah menyelaraskan dan Deskripsi Judul Blog seperti yang dibahas sebelumnya. Mengatur margin kiri dan jika dilakukan, Header terakhir yang anda dapatkan adalah sama dengan gambar yang ditunjukkan di atas, gambar di sebelah kiri Header persis di samping Judul Blog dan Deskripsi Blog.
© Tricks for New Bloggers © Trik untuk Blogger Baru sumber:http://tricks-for-new-bloggers.blogspot.com
Tidak ada komentar:
Posting Komentar