Cara Membuat/Memasang Gambar di Sidebar dan Samping Header Blogspot
Dari sekian banyaknya tutorial pasang gambar di blog, saya rasa inilah cara yang paling mudah diterapkan.
Tutorial ini hampir sama dengan Cara Memasang Gambar di Samping Blog, hanya saja kode pada artikel ini lebih singkat dan padat.
Pemasangan widget ini terdiri dari 2 kode yang berbeda; dan terdiri dari 2 penempatan (posisi) yang berbeda pula. Jadi, silakan disesuaikan sebagaimana keinginan sobat.
Rekomendasi terbaik dari saya adalah gunakan aplikasi Photoscape karena programnya ringan dan cocok untuk laptop Netbook/Notebook.
Setelah di edit, silakan upload ke Google Drive, Picasa Google, atau dimana saja.
Setelah di upload, buka gambar tersebut dan SALIN URL dari gambar tersebut! Simpan di Notepad karena URL gambar inilah yang akan dipasangkan nantinya.
Pada kode width="300", ini mengartikan ukuran LEBAR dari Sidebar template blog sobat. Kalau ukuran lebarnya 300px, maka ubah angkanya menjadi 300px.
Selain itu, kode height="250" merupakan ketinggian gambar, silakan disesuaikan. Biasanya tinggi dari gambar yang akan ditempatkan di Sidebar berukuran 250px.
Apabila gambar tersebut di klik dan masih mengarah ke halaman blog yang sama, maka kode di atas cocok untuk digunakan oleh sobat. Mengapa? Sebab kodenya bersifat DoFollow.
Jika tidak ingin menggunakan kode di atas, silakan gunakan kode di bawah ini:
Pada kode di atas, ada tambahan kode rel="nofollow" yang berarti memblokir robot untuk mengindeks halaman yang di tuju. Praktisnya, kebalikan dari DoFollow.
Jika tidak ingin menggunakan tag NoFollow, kode rel="nofollow" ini bisa di hapus kok; atau digantikan dengan kode rel="dofollow". Jadi, silakan disesuaikan saja.
Lalu, kode target="_blank" merupakan perintah yang apabila gambar tersebut di klik, maka akan membuka halaman baru pada Browser yang digunakan.
Second Header berarti "kepala kedua", lokasinya tepat di samping nama blog.
Jika ingin memasangkannya tepat di samping judul blog, pastikan ada Section -- slot penempatan widget! Jika tidak ada, buat dulu Section Gadget.
Gunakan kode di bawah ini:
Baik jenis gambarnya berukuran lebar 468px dan tinggi 60px, atau berukuran lebar 720px dengan tinggi 90px, kode di atas cocok untuk digunakan oleh kedua jenis gambar yang dimaksud.
Kode di atas bersifat NoFollow! Kalau di klik, akan membuka halaman baru karena adanya kode target="_blank".
Pastikan pula bahwa setiap gambar yang akan dipasangkan di blog, harus memiliki ALT deskripsi dan Title deskripsi. Jika tidak, nilai SEO suatu blog akan turun beberapa persen berdasarkan CHKME. Ok semoga berguna.*
Dari sekian banyaknya tutorial pasang gambar di blog, saya rasa inilah cara yang paling mudah diterapkan.
Tutorial ini hampir sama dengan Cara Memasang Gambar di Samping Blog, hanya saja kode pada artikel ini lebih singkat dan padat.
Pemasangan widget ini terdiri dari 2 kode yang berbeda; dan terdiri dari 2 penempatan (posisi) yang berbeda pula. Jadi, silakan disesuaikan sebagaimana keinginan sobat.
2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot
Cara Membuat dan Upload Gambar
Rekomendasi terbaik dari saya adalah gunakan aplikasi Photoscape karena programnya ringan dan cocok untuk laptop Netbook/Notebook.
Setelah di edit, silakan upload ke Google Drive, Picasa Google, atau dimana saja.
Setelah di upload, buka gambar tersebut dan SALIN URL dari gambar tersebut! Simpan di Notepad karena URL gambar inilah yang akan dipasangkan nantinya.
1. Sidebar Blogspot
<a width="300" href=https://instagram.com/ariefghozaly target="_blank" height="250"><img border="0" alt="deskripsi-gambar" src="Url-gambar"/></a>
Pada kode width="300", ini mengartikan ukuran LEBAR dari Sidebar template blog sobat. Kalau ukuran lebarnya 300px, maka ubah angkanya menjadi 300px.
Selain itu, kode height="250" merupakan ketinggian gambar, silakan disesuaikan. Biasanya tinggi dari gambar yang akan ditempatkan di Sidebar berukuran 250px.
Apabila gambar tersebut di klik dan masih mengarah ke halaman blog yang sama, maka kode di atas cocok untuk digunakan oleh sobat. Mengapa? Sebab kodenya bersifat DoFollow.
Jika tidak ingin menggunakan kode di atas, silakan gunakan kode di bawah ini:
<a href="target-situs" target="_blank" rel="nofollow"><img src="disini-url-gambar" alt="deskripsi-gambar" title="deskripsi-gambar"></a>
Pada kode di atas, ada tambahan kode rel="nofollow" yang berarti memblokir robot untuk mengindeks halaman yang di tuju. Praktisnya, kebalikan dari DoFollow.
Jika tidak ingin menggunakan tag NoFollow, kode rel="nofollow" ini bisa di hapus kok; atau digantikan dengan kode rel="dofollow". Jadi, silakan disesuaikan saja.
Lalu, kode target="_blank" merupakan perintah yang apabila gambar tersebut di klik, maka akan membuka halaman baru pada Browser yang digunakan.
2. Second Header Blogspot
Second Header berarti "kepala kedua", lokasinya tepat di samping nama blog.
Jika ingin memasangkannya tepat di samping judul blog, pastikan ada Section -- slot penempatan widget! Jika tidak ada, buat dulu Section Gadget.
Gunakan kode di bawah ini:
<a href="target-situs" target="_blank" rel="nofollow"><img src="Url-gambar" alt="deskripsi-gambar" title="deskripsi-gambar"></a>
Baik jenis gambarnya berukuran lebar 468px dan tinggi 60px, atau berukuran lebar 720px dengan tinggi 90px, kode di atas cocok untuk digunakan oleh kedua jenis gambar yang dimaksud.
Kode di atas bersifat NoFollow! Kalau di klik, akan membuka halaman baru karena adanya kode target="_blank".
Pastikan pula bahwa setiap gambar yang akan dipasangkan di blog, harus memiliki ALT deskripsi dan Title deskripsi. Jika tidak, nilai SEO suatu blog akan turun beberapa persen berdasarkan CHKME. Ok semoga berguna.*
Post A Comment:
2 comments so far,add yours
Dilayout Mana Itu mas ?
Blogger > Tata Letak (Layout).
Bisa di samping (sidebar) atau pun disamping H1 (Header blog image, H1). Disesuaikan saja mas.
Posting Komentar