Dalam hal ini ada dua jenis gambar yang perlu diperhatikan dan wajib ada, yaitu:
- Image header
- Image call to action
Image Header
Adalah sebuah gambar yang selalu diletakkan paling atas dan biasanya beserta nama domain dan deskripsinya. Contoh lihat gambar di bawah:![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQ5QfF-RvFzwhXUOLUGpBqzFB8CZfvwmBLs270ePSgiYdpSm0tmE8dKC2y8Nd9cUbGJtzVs-EFCrFCaKZ1BUFsGBPgzLyr3s2ICE2ECeZzJRI0HDVWUWjSulCxDhddklsTROBTeUl4Sse/s640/Belajar+Posting+di+BlogSpot2.jpg)
Perhatikan gambar di atas yang dilingkari warna merah, itu adalah image header.
Selanjutnya saya akan buat image header untuk produk yang saya promosikan sebuah Baseball Bat Miken RZR, dan saya telah mendapatkan gambar yang bagus, seperti gambar di bawah :
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnUYYnTZZ5QWcajMQthOYiItc-0bPcIxEn6mFH68dp1l3oBL4fbBAnXpooxHD7tB9iodfbtvrzHVS5ecJo10DHU9TMC_z66BtgdQkw0xj8xlqdz2QOxBkWs0_hJO2tllvwlOTK3hNtFfE/s640/Belajar+Posting+di+BlogSpot4.jpg)
Gambar inilah yang akan dibuat menarik dan gambar pendukung lainnya yaitu, gambar di bawah ini:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7PBjABmJVYs1m_2fbNY-nRDmUki2HQtjIdm0NkgeuRG8T3TMfujfWmSmuqu4spEDak73b_Vth4jY6-VGwxC8IDhdJuInC1UbTchJyFJkxl5OAFOVBIW8uOZxwS5tTgZO9RGBy1qnZ7mlt/s400/Belajar+Posting+di+BlogSpot.jpg)
Dan image header yang dihasilkan adalah seperti gambar di bawah ini :
Selanjutnya kita akan input image header di atas ke dalam website, caranya sebagai berikut:
Masuk ke-layout, lihat gambar gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVbB5JIVRAqT6f-4TfWn93ERNwcJ2pA8qTkC8fB4YwGIxoHnAku0IexuzON7zl4lmoRQ5mnl_0r5Ez67vs0rBdtvrjnjb0tSlpZQhL22FeBH54G8ocWgV-UTDNoG_Vm92wpXmIZprgpOsI/s640/Belajar+Posting+di+BlogSpot3.jpg)
Kemudian klick edit yang dilingkari warna merah, anda akan masuk ke konfigurasi header, lihat gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5KT3FEiRd8VWrRy3qA1tOGQrH7L5FONlBQHeNigz8flscw7Jrch0I5SbzVn7y54TaXG1BpRqThTeJ-Ks7_uAYOMYpxirXFMUcdIFsS6tRqE96su_kiflTxJosOPqPmq7au1VyQWroRYS1/s640/Belajar+Posting+di+BlogSpot4.jpg)
Untuk memasukkan gambar yang telah kita buat, click "Browse", lihat gambar di atas, pilih gambar yang telah anda buat, kemudian klick open, dan hasilnya lihat gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzi4NySHsR5p0bGdmmHCrd0N4tor2w4S-HoYZkIfF5p6i8AtXPcBI1iu2K6yyOcos33BgxrN7cFJLnpNDoOajbFe_vd-vAW15gkvqcfOesQFf3P5hEVOxB_h4b21Bj4wrNH2HfHdfXvQB8/s640/Belajar+Posting+di+BlogSpot5.jpg)
Jika sudah yakin gambarnya sudah masuk, seperti tampilan di atas, kemudian klick "Save", klick "View Blog" dan hasilnya seperti gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdlV68qZF-1xOUEevsbFlqSJ-TvQ2APPuCYwX-1G3rExFEi_REMky6vocjNcbbaniBCQNX0ltkyzpXpIsEX4Lun5X_NMW4uBI_Y_7tfMRcCdp26XxSafj-LIjAHSi_gePYfPpUk-NzeWJb/s640/Belajar+Posting+di+BlogSpot7.jpg)
Image Call to Action
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnUYYnTZZ5QWcajMQthOYiItc-0bPcIxEn6mFH68dp1l3oBL4fbBAnXpooxHD7tB9iodfbtvrzHVS5ecJo10DHU9TMC_z66BtgdQkw0xj8xlqdz2QOxBkWs0_hJO2tllvwlOTK3hNtFfE/s640/Belajar+Posting+di+BlogSpot4.jpg)
Gambar inilah yang akan dibuat sangat menarik dan bahan-bahan yang lain yaitu:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKBgVO3QyLHNJNjLRIHEcvNGANT3HIQLUkWgwsrReEaW_jsqeLZnaC2dP2x3VC3SdCoQ1597XTe78nEqxcII15JLsSnCWkBegvDNfX1Nk5ybo2ocZ3CZ0UBiTlqmkGU3Zf7Fj08wozLlYm/s320/Belajar+Posting+di+BlogSpot10.jpg)
Fungsinya sebuah petunjuk bagi pengunjung untuk meng-click gambar.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDaj_en6KcUhFVoI8ihYN6z9xAw9ZUz0q2MsEi4UIVUk4ubdSVx3qB1m8-ZgLLHJy-5uUO8xRILxvhFemSXsiNz9QfDfSFQrRcsyX8z0w3SQ84pog2oMqJRfcNUiR47XpbmSRIoBZMvhgl/s320/Belajar+Posting+di+BlogSpot7.jpg)
Sebuah logo perusahaan Miken
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZq9WaZa8IqO2HYdbbJc0NZzlNZci7u-KA_xxKZkKwUV6luqZVVkGhqOR7IUhfPrz-AE0keQhUX-_C8qGg1-L0wtA9h_aRUpznLoGduP_DI03OIndwa-JILDMyBetppDurx_J2lA4am1D6/s320/Belajar+Posting+di+BlogSpot8.jpg)
Sebuah logo bahan material Miken RZR
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoxXxqYCgNK-7CXRfzYumurt7hlLRkwCW0ro7yNQK8gaxWXe6_-OcfWOmpzkymWMONsOYZ9LLYXLXUHQPgqzbPNYo9URNHUc0tKwF-srr8DsRyRB5tUJaFWLy0uYnGRaW5S8qgYWQyz4ZP/s320/Belajar+Posting+di+BlogSpot9.jpg)
Fungsinya untuk background gambar produk
Dan hasilnya adalah seperti gambar di bawah ini:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC9mq46AP1vqOhwky7kyqfErv2C-9nZD4NOywhjIMBG8wcxji_oLJLt1tW5xFnxPjVS4vrTKzP64g25QT1LvpN1e8bCet7lWCsdG692chTPoBxJ2_RNwc9gbHMPPaPdihAqw3_av4W10g2/s640/Belajar+Posting+di+BlogSpot6.jpg)
Dan gambar inilah yang akan dimasukkan ke dalam konten blog yang sedang kita buat. Caranya adalah sebagai berikut:
Pada dashboard klick menu "post" lalu arahkan mouse ke judul blog dan klick "edit", lihat gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQhjE-CqZx0E9oPMQrNcDxv4ZJdP9LUk0UnQaaOEsMZ46fCf7WZEu8ZeZmyfTmbgyXFAkbxV4t9tG0fHwz3KkmXYwtc21ANgQy0_DdJpC0uel_SrHgbq3RZb6cn-6cpt18PuFuzNRGN9i9/s640/Belajar+Posting+di+BlogSpot8.jpg)
Anda kembali masuk ke tempat mengolah konten, lihat gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgARsSZFsXoEQsjCfF0gz17oKiOIva542qQEM_aZm6w6G4SGOCdrHI6KZjH46xK5V9-e84ruPnk8EaNpOY8P4FFIeF1bCnQovTaZWiNvq9O2K53NnjT7Z9kkxL-zcLABrokblOIbY0Vhi5w/s640/Belajar+Posting+di+BlogSpot9.jpg)
Cari posisi gambar yang strategis dan pantas dilihat, kemudian klick icon "insert image" lihat gambar di atas yang di beri kotak warna merah, akan masuk ke halaman select file, lihat gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3dgKcA-7H8ZD3mPBNHmSr9g084Iw1wSYCymT8VJgzjWPi3vEIJf-kSRQiDJ8UX5LeGfjEEKF2n0vnasEFRPQO2AIW7sENF07NHY99BJk7duhMsz-JOp0DFSGJVvPbR_dfLPZQOq9MPqf/s640/Belajar+Posting+di+BlogSpot10.jpg)
Kemudian klick "Choose file", pilih file image yang telah di buat, kemudian klick open, setelah gambar masuk kemudian klick "Add selected" pada halaman seperti gambar di atas. Maka gambar akan masuk ke posisi yang telah dipilih tadi, lihat gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEittbwa4zPDLEfhZ54ogAArekr0IVW7DwWCuWkeA5ha-n8d-EZa8P8Uxwd05zXsq6Vy69B6V0GjkKZrOmBhv-OAzxqcfGoKuuCQbBCgKoy6mUFyYuTmwzvWrEFqx3H_h2R9MdKDRKdzv2cD/s640/Belajar+Posting+di+BlogSpot11.jpg)
Jika dirasa kurang pas, atur kembali posisi gambar sesuai dengan selera, jika sudah selesai klick "Update" seperti gambar di atas yang dilingkari warna merah. Dan hasil nya tampak seperti gambar di bawah:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1T0vhiKs10rmUt70HYnIhhRMqtYdkXnQObqLyuzHCgF8fhKV4bVz_Otp8AdaS82hEqaYYe0Sl-cEoIVLq3Bi81X-hDviDSQPvpWfyrq-HmfWnPf9CAaJ4CAUXqBufh9afSW4nF0j4im2/s640/Belajar+Posting+di+BlogSpot12.jpg)
Ada banyak cara yang dapat dilakukan untuk membuat tampilan gambar sebuah produk yang akan dipromosikan agar tampil bagus dan menarik, lakukanlah semaksimal mungkin, pelajarilah cara-caranya.
Sekian untuk langkah ke-7 ini dan sampai jumpa di langkah ke-8. Terima kasih.
wiisss, mantep pisan gan, tapi ane mau nyoba masih bingung, udah ane baca berkali-kali masih belum paham2...tolong bantu donk gan
ReplyDeletesangat menarik tutorialnya...
ReplyDeleteIkutan nongkrong yuk , bisa nonbar bareng kawan n seru seruan bareng F4n588371n9 :)
ReplyDelete