Latest News

2 Cara Pasang Gambar Di Sidebar Dan Samping Header Blogspot

Cara Membuat/Memasang Gambar di Sidebar dan Samping Header Blogspot

Dari sekian banyaknya tutorial pasang gambar di blog, aku rasa inilah cara yang paling gampang diterapkan.

Tutorial ini hampir sama dengan Cara Memasang Gambar di Samping Blog, hanya saja arahan pada artikel ini lebih singkat dan padat.

Pemasangan widget ini terdiri dari 2 arahan yang berbeda; dan terdiri dari 2 penempatan (posisi) yang berbeda pula. Jadi, silakan diubahsuaikan sebagaimana cita-cita sobat.

2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot


Cara Membuat dan Upload Gambar


Rekomendasi terbaik dari aku yaitu gunakan aplikasi Photoscape sebab 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 sebab URL gambar inilah yang akan dipasangkan nantinya.

Memasang Gambar di Sidebar dan Samping Header Blogspot 2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot

1. Sidebar Blogspot


<a width="300" href=https://instagram.com/ariefghozaly target="_blank" height="250"><img border="0" alt="Memasang Gambar di Sidebar dan Samping Header Blogspot 2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot"color: red;">deskripsi-gambar" src="Url-gambar"/></a>

Pada arahan width="300", ini mengartikan ukuran LEBAR dari Sidebar template blog sobat. Kalau ukuran lebarnya 300px, maka ubah angkanya menjadi 300px.

Selain itu, arahan 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 arahan di atas cocok untuk dipakai oleh sobat. Mengapa? Sebab kodenya bersifat DoFollow.

Memasang Gambar di Sidebar dan Samping Header Blogspot 2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot

Jika tidak ingin memakai arahan di atas, silakan gunakan arahan di bawah ini:

<a href="target-situs" target="_blank" rel="nofollow"><img src="disini-url-gambar" alt="Memasang Gambar di Sidebar dan Samping Header Blogspot 2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot"color: red;">deskripsi-gambar" title="2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot"color: red;">deskripsi-gambar"></a>

Pada arahan di atas, ada embel-embel arahan rel="nofollow" yang berarti memblokir robot untuk mengindeks halaman yang di tuju. Praktisnya, kebalikan dari DoFollow.

Jika tidak ingin memakai tag NoFollow, arahan rel="nofollow" ini dapat di hapus kok; atau digantikan dengan arahan rel="dofollow". Jadi, silakan diubahsuaikan saja.

Lalu, arahan target="_blank" merupakan perintah yang apabila gambar tersebut di klik, maka akan membuka halaman gres pada Browser yang digunakan.

2. Second Header Blogspot


Second Header berarti "kepala kedua", lokasinya sempurna di samping nama blog.

Jika ingin memasangkannya sempurna di samping judul blog, pastikan ada Section -- slot penempatan widget! Jika tidak ada, buat dulu Section Gadget.

Gunakan arahan di bawah ini:

<a href="target-situs" target="_blank" rel="nofollow"><img src="Url-gambar" alt="Memasang Gambar di Sidebar dan Samping Header Blogspot 2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot"color: red;">deskripsi-gambar" title="2 Cara Pasang Gambar di Sidebar dan Samping Header Blogspot"color: red;">deskripsi-gambar"></a>

Baik jenis gambarnya berukuran lebar 468px dan tinggi 60px, atau berukuran lebar 720px dengan tinggi 90px, arahan di atas cocok untuk dipakai oleh kedua jenis gambar yang dimaksud.

Kode di atas bersifat NoFollow! Kalau di klik, akan membuka halaman gres sebab adanya arahan target="_blank".

Pastikan pula bahwa setiap gambar yang akan dipasangkan di blog, harus mempunyai ALT deskripsi dan Title deskripsi. Jika tidak, nilai SEO suatu blog akan turun beberapa persen menurut CHKME. Ok agar berguna.*

0 Response to "2 Cara Pasang Gambar Di Sidebar Dan Samping Header Blogspot"

Total Pageviews