2 Cara Memasang Gambar Di Sidebar Dan Header Blog
Tutorial: Tips & Trik Cara Membuat, Memasang & Menampilkan Gambar di Sidebar dan di Samping Header Blogger/Blogspot
Dari sekian banyaknya tutorial cara menampilkan gambar di bagian-bagian tertentu pada tampilan situs web, kami rasa inilah yang paling gampang untuk diimplementasikan.
Kenapa dikatakan paling mudah? Karena yang dibutuhkan hanyalah atribut HTML sederhana.
Tutorial kali ini menjelaskan 2 cara yang berbeda yaitu (1.) menampilkan gambar di samping blog (Sidebar Blog), dan (2.) memasang gambar di samping nama/judul blog itu sendiri (Sidebar-Header).
Untuk pertama kalinya, yang kau butuhkan yakni URL dari gambar yang akan dipasangkan nantinya.
Kamu dapat memanfaatkan Google Drive, Picasa Google, ImageBam, atau penyedia penyimpanan (hosting) file gambar atau video Online gratis lainnya.
Catatan: Jika ada pengaturannya, ubah (ganti) settingan dari gambar tersebut, dari yang bersifat pribadi menjadi umum (Jika Ada).
Sudah membuka gambar tersebut? Perhatikan pada kolom Address Bar di browser yang kau gunakan. Simpan tautan situs (URL) dari gambar ini, alasannya akan dipakai pada akhirnya.
Praktek cara memasangnya:
Jika ingin menambahkan gambar di samping sisi kiri/kanan blog, gunakan aba-aba di bawah ini:
Catatan:
Jika tidak ingin memakai aba-aba di atas, kau dapat memakai aba-aba di bawah ini sebagai penggantinya:
Banyak jago blogger menyebutnya dengan istilah Second-Header yakni sebuah daerah (slot) pemasangan widget yang berada di samping nama/judul blog.
Kode yang diperlukan:
Catatan: Kode di atas akan mengatur secara otomatis ukuran lebari dari gambar tersebut. Jika lebarnya 300px, maka lebar gambarnya pun tetap 300px - begitu juga dengan ukuran tingginya.
Jika lebarnya yaitu 300px dan tingginya 600px maka aba-aba yang dapat dipakai (alternatif):
Ada hal yang ingin ditanyakan?
Source: candysweet-aina.blogspot.com/search?q=cara-pasang-gambar-blog Sumber http://addbloggerthemes.blogspot.com
Dari sekian banyaknya tutorial cara menampilkan gambar di bagian-bagian tertentu pada tampilan situs web, kami rasa inilah yang paling gampang untuk diimplementasikan.
Kenapa dikatakan paling mudah? Karena yang dibutuhkan hanyalah atribut HTML sederhana.
Pic: SEO Killer Tips
Tutorial kali ini menjelaskan 2 cara yang berbeda yaitu (1.) menampilkan gambar di samping blog (Sidebar Blog), dan (2.) memasang gambar di samping nama/judul blog itu sendiri (Sidebar-Header).
Cara Upload Gambar untuk Ditampilkan di Blogger/Blogspot
Untuk pertama kalinya, yang kau butuhkan yakni URL dari gambar yang akan dipasangkan nantinya.
Kamu dapat memanfaatkan Google Drive, Picasa Google, ImageBam, atau penyedia penyimpanan (hosting) file gambar atau video Online gratis lainnya.
- Buka atau Akses salah satu penyedia upload gambar gratis, ImageBam misalnya
- Login atau Masuk apabila diperlukan, silakan eksklusif tekan tombol Upload Gambar
- Setelah selesai, buka gambar tersebut
Catatan: Jika ada pengaturannya, ubah (ganti) settingan dari gambar tersebut, dari yang bersifat pribadi menjadi umum (Jika Ada).
Sudah membuka gambar tersebut? Perhatikan pada kolom Address Bar di browser yang kau gunakan. Simpan tautan situs (URL) dari gambar ini, alasannya akan dipakai pada akhirnya.
2 Cara Memasang Gambar di Sidebar dan Header Blog
Praktek cara memasangnya:
- Blogger > Tata Letak (Layout) Blog
- Ketuk sajian Tambahkan Widget/Gadget
- Copas aba-aba di bawah ini
- Silakan ubah beberapa kode yang diperlukan
- Simpan, dan cek hasilnya
1. Cara Menampilkan Gambar di Sidebar Blog - Samping Blogspot
Jika ingin menambahkan gambar di samping sisi kiri/kanan blog, gunakan aba-aba di bawah ini:
<a width="300" href=Tautan-Situs-di-Sini target="_blank" height="250" rel="nofollow"><img border="0" alt=" Menampilkan Gambar di Sidebar dan di Samping Header Blogger 2 Cara Memasang Gambar di Sidebar dan Header Blog"color: white;">" src="URL-Gambar"/></a>
Catatan:
- 300 yakni lebar gambar, -- 300px merupakan ukuran yang biasanya digunakan
- Tautan-Situs-di-Sini merupakan URL tujuan yang apabila di klik, akan mengarah ke halaman tersebut
- target="_blank" yakni aba-aba kondisional untuk mengarahkan ke halaman baru
- height="250" yakni tinggi dari gambar tersebut, dapat diubahsuaikan dengan template blogger mana pun
- rel="nofollow" yakni aba-aba perintah semoga tidak meng-index halaman yang di tuju
Jika tidak ingin memakai aba-aba di atas, kau dapat memakai aba-aba di bawah ini sebagai penggantinya:
<a href="URL-Situs-di-Sini" target="_blank" rel="nofollow"><img src="Disini-URL-Gambar" alt=" Menampilkan Gambar di Sidebar dan di Samping Header Blogger 2 Cara Memasang Gambar di Sidebar dan Header Blog"color: white;">" title="2 Cara Memasang Gambar di Sidebar dan Header Blog"color: white;">"></a>
2. Cara Menampilkan Gambar di Samping Nama/Judul Blog (Second-Header)
Banyak jago blogger menyebutnya dengan istilah Second-Header yakni sebuah daerah (slot) pemasangan widget yang berada di samping nama/judul blog.
Kode yang diperlukan:
<a href="URL-Situs-di-Sini" target="_blank" rel="nofollow"><img src="URL-Gambar" alt=" Menampilkan Gambar di Sidebar dan di Samping Header Blogger 2 Cara Memasang Gambar di Sidebar dan Header Blog"color: white;">" title="2 Cara Memasang Gambar di Sidebar dan Header Blog"color: white;">"></a>
Catatan: Kode di atas akan mengatur secara otomatis ukuran lebari dari gambar tersebut. Jika lebarnya 300px, maka lebar gambarnya pun tetap 300px - begitu juga dengan ukuran tingginya.
Jika lebarnya yaitu 300px dan tingginya 600px maka aba-aba yang dapat dipakai (alternatif):
<a width="300" href=Tautan-Situs-di-Sini target="_blank" height="600" rel="nofollow"><img border="0" alt=" Menampilkan Gambar di Sidebar dan di Samping Header Blogger 2 Cara Memasang Gambar di Sidebar dan Header Blog"color: white;">" src="URL-Gambar"/></a>
Ada hal yang ingin ditanyakan?
Source: candysweet-aina.blogspot.com/search?q=cara-pasang-gambar-blog Sumber http://addbloggerthemes.blogspot.com
0 Response to "2 Cara Memasang Gambar Di Sidebar Dan Header Blog"
Posting Komentar