Tutorial Blog: Membuat Banner (small banner linked to blog)

1

Membuat Banner(small banner linked to blog)

Presenter: Almazia

2

Banner : gambar yang mewakili blog kita (bisa berupa logo atau lainnya) yang mengandung link

URL blog kita. Jika banner ini dipasang di blog lain akan berfungsi

sebagai backlink.

Backlink merupakan salah satu faktor penentu Domain Authority (DA). Jika banner blog kita

terpasang di banyak blog/website lain, DA blog kita akan semakin baik.

www.bloggerperempuan.com

3

1. Membuat banner (image)

2. Membuat grab box banner kita di blog

3. Membuat laman khusus yang memuat banner blog-blog lain (tukar-menukar backlink) untuk saling

membantu meningkatkan DA

Apa saja yang akan dilakukan?


4

1. Membuat banner, pakai apa?

Premium Software:Adobe Photoshop, Adobe Illustrator

Free Software :Computer-based: GIMP (serupa dengan Photoshop)

Web-based: Canva, Pixlr, PicMonkey


Contoh banner yang dibuat dengan Canva


6

Upload banner di server, catat direct image URL-nya

Blogspot

• Buat post baru / new entry• Upload banner• Klik tab HTML, simpan direct image

URL-nya (bagian yang di-highlight biru)

• Post ini jangan di-delete dan jangan di-publish

Wordpress

• Upload banner ke Media Library• Simpan direct image URL-nya


Membuat Grab Box Untuk Banner Blog Kita

1. Copy paste template kode HTML untuk Grab Box dari sini :

http://bit.ly/1KP0aUg


8

<a href="LINK TO BLOG" target="_blank" title="BLOG NAME"><img style="width: WIDTHpx; height: HEIGHTpx;" alt="DESCRIPTION/BLOG NAME" src="DIRECT URL TO IMAGE LINK" /></a><br /><textarea style="width: WIDTH OF BOXpx; height: HEIGHT OF BOXpx;" id="code-source" rows="3" cols="13" name="code-source"> <a href="LINK TO BLOG"><img src=" DIRECT URL TO IMAGE LINK" border="0"></a> </textarea>

LINK TO BLOG : http://www.bloggerperempuan.co/marketplace

BLOG NAME : Blogger Perempuan Marketplace

WIDTH & HEIGHT : 125 & 125 >> tergantung ukuran banner yang dibuat

DIRECT URL TO IMAGE LINK : http://bloggerperempuan.com/wp-content/uploads/2015/07/Logo-BP-Marketplace-1.jpg

WIDTH OF BOX & HEIGHT OF BOX : 250 & 125 >> lebar sesuai sidebar, tinggi-nya kira-kira setengahnyaLINK TO BLOG http://www.bloggerperempuan.co/marketplace

DIRECT URL TO IMAGE LINK : http://bloggerperempuan.com/wp-content/uploads/2015/07/Logo-BP-Marketplace-1.jpg

Ganti bagian yang berwarna pada kode HTML di atas dengan data yang sesuai, contohnya sbb :


9

Blogspot

• Tambahkan gadget di sidebar• Pilih gadget HTML/JavaScript• Isi dengan kode HTML grab box

yang dibuat tadi.

Wordpress

• Appearance >> Widget

• Seret Text Widget ke Primary Sidebar

• Isi dengan kode HTML grab box yang dibuat tadi.

2. Copy paste kode HTML untuk Grab Box di widget / gadget

sidebar


Grab Box


1. Buat Laman / Page baru, beri judul misalnya Blogwalking

2. Copy paste kode HTML banner blog lain (dari grab box masing-masing blog) ke laman baru tersebut

Membuat Laman / Page khusus untuk memuat banner blog-blog

lain


12


BloggerPerempuanCom

bperempuan

bloggerperempuan

www.bloggerperempuan.co/marketplace

[email protected]

Tutorial Blog: Membuat Banner (small banner linked to blog)

Design

Transcript of Tutorial Blog: Membuat Banner (small banner linked to blog)