Cara Menambahkan Gambar, Teks dan Link Di Sidebar Blog

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. 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.

Cara Menambahkan Gambar, Teks dan Link Di Sidebar 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
  1. 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
    Cara Menambahkan Gambar Di Sidebar Blog
    Cara Menambahkan Gambar Di Sidebar Blog
  2. 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.
    Cara Menambahkan Gambar Di Sidebar Blog
  3. Setelah akan muncul tampilan halaman seperti gambar dibawah ini dan klik tombol Pilih File untuk mengupload gambar yang akan di pasang ke bagian sidebar
    Cara Menambahkan Gambar Di Sidebar Blog

    Upload gambar
    Cara Menambahkan Gambar Di Sidebar Blog

    Setelah gambar terupload, centang pada Susutkan agar sesuai dan klik tombol Simpan
    Cara Menambahkan Gambar Di Sidebar Blog
  4. Gambar sudah berhasil terpasang di sidebar blog dengan adanya kolom Gagdet Gambar di halaman Tata Letak
    Cara Menambahkan Gambar Di Sidebar Blog
  5. Untuk melihat hasilnya, silahkan buka blog Anda
    Sebelum
    Cara Menambahkan Gambar Di Sidebar Blog

    Sesudah
    Cara Menambahkan Gambar Di Sidebar Blog
  6. 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.
Cara Kedua
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.
  1. Buka menu Postingan di halaman dashboard blog Anda dan klik tombol Entri baru.
  2. 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.
  3. Selanjutnya klik pada area postingan dan klik icon Insert Image >> klik tombol Pilih file >> Upload gambar yang diinginkan dan klik tombol Add selected.
    Cara Menambahkan Gambar Di Sidebar Blog
  4. Gambar sudah terupload ke halaman postingan. Selanjutnya ambil kode HTML dari gambar tersebut dengan cara klik mode tulis HTML pada halaman postingan.
    Cara Menambahkan Gambar Di Sidebar Blog
  5. 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" />

    Cara Menambahkan Gambar Di Sidebar Blog
  6. Sekarang kembali ke menu Tata Letak dan klik + Tambahkan Gadget
    Cara Menambahkan Gambar Di Sidebar Blog
  7. Pilih gadget HTML/JavaScript dan masukkan kode HTML gambar kedalam kolom Konten seperti gambar dibawah ini dan klik tombol Simpan
    Cara Menambahkan Gambar Di Sidebar Blog
    Cara Menambahkan Gambar Di Sidebar Blog
  8. Gambar sudah terpasang di sidebar blog. Untuk melihat hasilnya, silahkan cek halaman depan blog Anda.
    Sebelum
    Cara Menambahkan Gambar Di Sidebar Blog

    Sesudah
    Cara Menambahkan Gambar Di Sidebar Blog
  9. 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.
Untuk menambahkan gambar di sidebar dari kedua cara diatas, mana yang lebih baik? Kami menganjurkan untuk menggunakan cara yang kedua.

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.
Artikel Sebelumnya:
Artikel Selanjutnya:
Buka Komentar
Bisnis Fun
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan, hinaan dan SARA tidak akan ditampilkan atau menjadi tanggungjawab penulis komentar.
Blogger
Disqus
Diskusi yuks...

1 komentar

terimakasih dapat ilmu baru mas nanti saya akan coba biar tampilan blog lebih menarik

Balas