Cara Menambahkan Gambar, Teks dan Link Di Sidebar Blog
Cara Menambahkan Gambar, Teks dan Link Di Sidebar Blog - Membuat atau menambahkan konten di blog tidak hanya didalam halaman posting saja tapi diseluruh tampilan halaman blog bisa dipasang apa saja. Mulai dari menambahkan gambar, teks, dan link, serta video semuanya bisa ditambahkan kedalam blog
Baca Juga
Cara Menambahkan Gambar, Teks dan Link Di Sidebar Blog - Membuat atau menambahkan konten di blog tidak hanya didalam halaman posting saja tapi diseluruh tampilan halaman blog bisa dipasang apa saja. Mulai dari menambahkan gambar, teks, dan link, serta video semuanya bisa ditambahkan kedalam blog. Lantas apa bedanya menampilkan gambar, teks atau link di halaman posting dengan di sidebar atau diseluruh tampilan blog? Dan bagaimana cara menambahkan gambar, teks, dan link bahkan termasuk video di sidebar blog atau disemua tampilan blog termasuk mulai dari header sampai footer.
Membuat artikel di halaman posting, menambahkan gambar kedalam artikel, menyematkan video kedalam artikel atau memasang link pada teks atau kalimat didalam artikel mungkin lebih mudah dilakukan di halaman posting. Karena dengan menggunakan halaman posting semua yang akan dimasukkan tinggal menggunakan bantuan menu toolbar yang ada. Semua bisa otomatis dilakukan dan bahkan sangat mudah. Namun berbeda ketika akan memasukkan atau menambahkan beberapa gambar, teks, link, atau video di sidebar blog atau di semua tampilan halaman blog yang sesuai dengan keinginan. Jika menggunakan halaman posting bisa dilakukan secara otomatis tinggal klik dan klik saja maka berbeda dengan menambahkan apapun di semua halaman blog termasuk di sidebar, di footer atau dibagian header blog.
Jadi semua lapang tampilan halaman blog bisa digunakan untuk memasang apapun yang diinginkan oleh pemilik blog tersebut tergantung dari manfaat dan tujuan pemasangan. Bahkan kalau mau menutupi semua tampilan halaman blog juga bisa dengan memberikan tombol tutup pada tampilan tersebut atau sekedar tampil dan tertutup saat di klik. Lantas bagaimana cara menambahkan gambar, teks, dan link di halaman blog khususnya di bagian sidebar?
Sebelum menambahkan gambar, teks, link atau video di sidebar blog, agar pemasangan bisa berjalan sesuai dan tidak bingung dimana tata letak yang harus dipasang maka Anda harus mengetahui terlebih dimana tata letak yang akan dipasang gambar atau teks tersebut. Misalkan ingin memasang di bagian sidebar, dimana tata letak sidebar itu? Itu yang harus diketahui terlebih dulu. Begitu juga tata letak bagian-bagian yang lainnya seperti di header atau di footer. Untuk itu silahkan baca terlebih dulu Mengenal Tampilan Tata Letak atau Layout Struktur Blog
Selain mengenal tata letak yang akan dipasang gambar atau video, beberapa istilah dalam juga harus diketahui agar memudahkan dalam mengetahui dimana letak dan apa yang digunakan termasuk bagaimana caranya agar setiap proses pemasangan selalu mudah untuk dilakukan. Banyak sekali istilah-istilah dalam blog yang perlu diketahui khususnya bagi teman-teman yang baru memulai dalam pembuatan blog.
Cara Menambahkan Gambar, Teks dan Link Di Sidebar Blog
Seperti yang telah kami sebutkan diatas, untuk menambahkan gambar atau apapun bisa dipasang dimana saja di halaman blog sesuai keinginan Anda. Pada artikel ini kami hanya akan menjelaskan bagaimana cara menambahkan gambar, teks atau video di sidebar blog saja. Untuk dibagian yang lain seperti di kolom header dan footer caranya sama. Silahkan ikuti langkah-langkah berikut ini:
Menambahkan Gambar Di Sidebar
Sebelum menambahkan gambar, perhatikan terlebih dulu ukuran dari gambar tersebut. Pastikan untuk menyesuaikan dengan ukuran lebar dari kolom sidebar yang ada di blog Anda. Jika ukuran gambar lebih besar dari ukuran lebar kolom sidebar maka bisa menggunakan kode inline css, kode CSS yang ditulis langsung dalam kode HTML. Untuk menambahkan gambar di bagian sidebar blog ada 2 cara yang bisa dilakukan yaitu:
Cara Pertama
Jika cara pertama menggunakan gadget yang sudah disediakan oleh Blogger, maka cara kedua ini memasang gambar dengan cara manual dan dengan menambahkan beberapa kode agar tampilan lebar gambar sesuai dengan lebar sidebar.
Menambahkan Link, Video, atau Gambar dan Link Menjadi Satu Di Sidebar
Untuk menambahkan link kedalam sidebar blog caranya bisa dilakukan dengan menggunakan cara kedua seperti menambahkan gambar yang telah kami jelaskan diatas. Untuk memasukkan linknya cukup dengan menuliskan langsung seperti berikut:
Penulisan link:
Gambar dengan Link:
Sedangkan untuk menambahkan video atau memasang gambar dan link, caranya juga sama dengan menggunakan cara kedua diatas. Sedangkan untuk pemasangan video bisa Anda lihat panduannya di artikel sebelumnya yaitu Cara Membuat Artikel Blog, Memasang Gambar dan Video
Semuanya butuh proses, bagi Anda yang masih baru dalam membuat blog mungkin masih mengalami kesulitan dan merasa bingung dengan tutorial yang telah kami jelaskan diatas. Namun jika mau belajar dan belajar, dalam 1 jam waktu maksimal pasti sudah bisa menerapkan penjelasan dari kami tersebut. Silahkan gunakan cara menambahkan gambar atau video di sidebar menggunakan panduan diatas. Sebenarnya tidak hanya gambar atau video saja yang bisa dipasang, kode-kode CSS, HTML dan Script juga bisa dipasang kedalam kolom sidebar menggunakan cara diatas. Semoga bermanfaat.
Membuat artikel di halaman posting, menambahkan gambar kedalam artikel, menyematkan video kedalam artikel atau memasang link pada teks atau kalimat didalam artikel mungkin lebih mudah dilakukan di halaman posting. Karena dengan menggunakan halaman posting semua yang akan dimasukkan tinggal menggunakan bantuan menu toolbar yang ada. Semua bisa otomatis dilakukan dan bahkan sangat mudah. Namun berbeda ketika akan memasukkan atau menambahkan beberapa gambar, teks, link, atau video di sidebar blog atau di semua tampilan halaman blog yang sesuai dengan keinginan. Jika menggunakan halaman posting bisa dilakukan secara otomatis tinggal klik dan klik saja maka berbeda dengan menambahkan apapun di semua halaman blog termasuk di sidebar, di footer atau dibagian header blog.
Sebelum menambahkan gambar, teks, link atau video di sidebar blog, agar pemasangan bisa berjalan sesuai dan tidak bingung dimana tata letak yang harus dipasang maka Anda harus mengetahui terlebih dimana tata letak yang akan dipasang gambar atau teks tersebut. Misalkan ingin memasang di bagian sidebar, dimana tata letak sidebar itu? Itu yang harus diketahui terlebih dulu. Begitu juga tata letak bagian-bagian yang lainnya seperti di header atau di footer. Untuk itu silahkan baca terlebih dulu Mengenal Tampilan Tata Letak atau Layout Struktur Blog
Selain mengenal tata letak yang akan dipasang gambar atau video, beberapa istilah dalam juga harus diketahui agar memudahkan dalam mengetahui dimana letak dan apa yang digunakan termasuk bagaimana caranya agar setiap proses pemasangan selalu mudah untuk dilakukan. Banyak sekali istilah-istilah dalam blog yang perlu diketahui khususnya bagi teman-teman yang baru memulai dalam pembuatan blog.
Cara Menambahkan Gambar, Teks dan Link Di Sidebar Blog
Seperti yang telah kami sebutkan diatas, untuk menambahkan gambar atau apapun bisa dipasang dimana saja di halaman blog sesuai keinginan Anda. Pada artikel ini kami hanya akan menjelaskan bagaimana cara menambahkan gambar, teks atau video di sidebar blog saja. Untuk dibagian yang lain seperti di kolom header dan footer caranya sama. Silahkan ikuti langkah-langkah berikut ini:
Menambahkan Gambar Di Sidebar
Sebelum menambahkan gambar, perhatikan terlebih dulu ukuran dari gambar tersebut. Pastikan untuk menyesuaikan dengan ukuran lebar dari kolom sidebar yang ada di blog Anda. Jika ukuran gambar lebih besar dari ukuran lebar kolom sidebar maka bisa menggunakan kode inline css, kode CSS yang ditulis langsung dalam kode HTML. Untuk menambahkan gambar di bagian sidebar blog ada 2 cara yang bisa dilakukan yaitu:
Cara Pertama
- Buka menu Tata Letak yang ada di halaman dashboard blog Anda seperti gambar dibawah ini. Perhatikan bagian sidebar yang ditandai dengan kotak merah. Lalu klik +Tambahkan Gadget
- Maka akan muncul tampilan melayang dari kumpulan Gadget blogger yang bisa Anda gunakan dan bisa di pasang dibagian Sidebar, Header dan Footer
Untuk menambahkan gambar di sidebar, pilih gadget Gambar dan klik pada icon gambar atau pada icon plus atau bisa juga pada tulisan gambar, Klik salah satu.
- Setelah akan muncul tampilan halaman seperti gambar dibawah ini dan klik tombol Pilih File untuk mengupload gambar yang akan di pasang ke bagian sidebar
Upload gambar
Setelah gambar terupload, centang pada Susutkan agar sesuai dan klik tombol Simpan
- Gambar sudah berhasil terpasang di sidebar blog dengan adanya kolom Gagdet Gambar di halaman Tata Letak
- Untuk melihat hasilnya, silahkan buka blog Anda
Sebelum
Sesudah
- Gambar berhasil terpasang, jika ukuran gambar tidak sesuai dengan ukuran kolom sidebar gambar, seperti yang telah kami sebutkan diatas, gunakan ukuran gambar yang sesuai dengan lebar kolom sidebar.
Jika cara pertama menggunakan gadget yang sudah disediakan oleh Blogger, maka cara kedua ini memasang gambar dengan cara manual dan dengan menambahkan beberapa kode agar tampilan lebar gambar sesuai dengan lebar sidebar.
- Buka menu Postingan di halaman dashboard blog Anda dan klik tombol Entri baru.
- Tampil halaman postingan, beri judul postingan dengan judul: Gambar atau terserah Anda mau memberi judul apa yang terpenting postingan ini jangan di publish atau diterbitkan, di simpan dijadikan draft.
- Selanjutnya klik pada area postingan dan klik icon Insert Image >> klik tombol Pilih file >> Upload gambar yang diinginkan dan klik tombol Add selected.
- Gambar sudah terupload ke halaman postingan. Selanjutnya ambil kode HTML dari gambar tersebut dengan cara klik mode tulis HTML pada halaman postingan.
- Salin kode HTML gambarnya saja dan hapus kode alt="Cara Menambahkan Gambar Di Sidebar Blog" sehingga terlihat seperti berikut:
<img data-original-height="601" data-original-width="640" height="300" src="https://1.bp.blogspot.com/-cXTv4vusVh8/XE_wwcpJssI/AAAAAAAAAA4/5ji9TsJhdj0roTZ3xvbbzqTwqtFXR7zOgCLcBGAs/s320/jenis-bunga-langka.jpg" width="320" />
- Sekarang kembali ke menu Tata Letak dan klik + Tambahkan Gadget
- Pilih gadget HTML/JavaScript dan masukkan kode HTML gambar kedalam kolom Konten seperti gambar dibawah ini dan klik tombol Simpan
- Gambar sudah terpasang di sidebar blog. Untuk melihat hasilnya, silahkan cek halaman depan blog Anda.
Sebelum
Sesudah
- Jika ukuran lebar gambar tidak sesuai atau tidak pas dengan lebar kolom sidebar, ganti kode lebar gambar yang ada di kode HTML gambar yaitu width="320" diganti dengan width="300" atau sesuaikan sendiri.
Menambahkan Link, Video, atau Gambar dan Link Menjadi Satu Di Sidebar
Untuk menambahkan link kedalam sidebar blog caranya bisa dilakukan dengan menggunakan cara kedua seperti menambahkan gambar yang telah kami jelaskan diatas. Untuk memasukkan linknya cukup dengan menuliskan langsung seperti berikut:
Penulisan link:
<a href="https://www.digitalpoin.com">Digital Poin</a> <a href="https://www.digitalpoin.com">www.digitalpoin.com</a>
Gambar dengan Link:
<a href="https://www.digitalpoin.com"><img data-original-height="601" data-original-width="640" height="300" src="https://1.bp.blogspot.com/-cXTv4vusVh8/XE_wwcpJssI/AAAAAAAAAA4/5ji9TsJhdj0roTZ3xvbbzqTwqtFXR7zOgCLcBGAs/s320/jenis-bunga-langka.jpg" width="320" /></a>
Sedangkan untuk menambahkan video atau memasang gambar dan link, caranya juga sama dengan menggunakan cara kedua diatas. Sedangkan untuk pemasangan video bisa Anda lihat panduannya di artikel sebelumnya yaitu Cara Membuat Artikel Blog, Memasang Gambar dan Video
Semuanya butuh proses, bagi Anda yang masih baru dalam membuat blog mungkin masih mengalami kesulitan dan merasa bingung dengan tutorial yang telah kami jelaskan diatas. Namun jika mau belajar dan belajar, dalam 1 jam waktu maksimal pasti sudah bisa menerapkan penjelasan dari kami tersebut. Silahkan gunakan cara menambahkan gambar atau video di sidebar menggunakan panduan diatas. Sebenarnya tidak hanya gambar atau video saja yang bisa dipasang, kode-kode CSS, HTML dan Script juga bisa dipasang kedalam kolom sidebar menggunakan cara diatas. Semoga bermanfaat.
Untuk menemukan artikel lainnya, gunakan kolom pencarian :
