Cara membuat banner paling sederhana pada blogger (versi 1)

Pada halaman ini saya akan sedikit berbagi informasi mengenai Cara membuat banner paling sederhana pada blogger (versi1) , meskipun sudah banyak blogger lain yang telah menulisnya, apa salahnya kalau saya juga ikut menyumbang tulisan mengenai Cara membuat banner paling sederhana pada blogger (versi1) ? apabila anda tertarik silahkan untuk membaca langkah-langkahnya sebagai berikut :

1. Buat folder di drive D pada komputer anda dengan nama folder gambar banner

2. Silahkan anda kunjungi situs www.cooltext.com atau langsung klik di sini


3. Arahkan kursor anda ke bawah tepat di bawah tulisan choose button design klik tulisan plain atau kalau masih bingung silahkan anda klik di sini ini hanya untuk menyamakan persepsi anda dan saya saja, kalau anda sudah paham bisa anda pilih banner untuk blog anda yang sesuai dengan selera anda

4. Setelah terbuka masukkan huruf Contoh banner paling sederhana pada kotak di bawah tulisan design your button ini hanya untuk menyamakan persepsi anda dan saya saja, kalau anda sudah paham bisa anda pilih favicon untuk blog anda yang sesuai dengan selera anda

5. Kemudian di sebelah kanan tulisan text size di bawah tulisan arial unicode AaBbCc silahkan anda isi dengan angka 20, centang kotak di sebelah kiri tulisan bold

6. Setelah itu seret kursor komputer anda ke bawah tepat di bawah tulisan button di bawah tulisan size silahkan anda isi angka 330 di dalam kotak di sebelah kanan tulisan width dan heigth 70 angka untuk width atau lebar dan heigth untuk tinggi adalah 330 dan 70 pixel sehingga nanti berbentuk empat persegi panjang

7. kemudian klik button atau tombol render button, lalu klik tulisan download image, kemudian tentukan tempat penyimpanan gambar pada folder dengan nama folder gambar banner yang tadi sudah di tentukan pada langkah pertama lalu klik Ok, tunggu beberapa saat sampai proses download selesai

8. Buka folder di drive D dengan nama gambar banner, pastikan gambarnya sudah selesai di unduh dan di simpan dengan benar untuk ukurannya silahkan anda perhatikan terkadang tidak sesuai dengan contoh ini ukuran yang saya gunakan pada contoh kali ini adalah 330 X 70 pixel, namun yang terjadi bisa berubah menjadi 314 X 74 pixel atau lebih besar atau bisa juga lebih kecil tidak masalah yang penting harus sama sisi, sehingga berbentukempat persegi panjang

9. Langkah selajutnya silahkan kunjungi situs www.photobucket.com atau langsung klik di sini , daftar, buat nama album untuk photo anda kemudian login.

10. Setelah anda sign in pada situs www.photobucket.com, langkah selanjutnya adalah silahkan anda klik tombol atau button bertuliskan upload now, kemudian klik tombol atau button bertuliskan select photos and videos dan pilih gambar yang telah anda buat tadi yang tersimpan dalam folder gambar banner di drive D komputer anda tunggu beberapa saat sampai proses unggah gambar banner blog anda selesai di lakukan, setelah proses upload selesai kemudian klik save and continu

11. Setelah proses upload selesai, silahkan anda klik untuk melihat gambar yang sudah anda buat tadi pada drive D komputer anda dan di dalam folder dengan nama folder gambar banner hasilnya akan tambak seperti gambar di bawah ini :



Silahkan di klik untuk memperbesar
Pada contoh ini saya mengalami perubahan ukuran gambar, yang semula saya setting dengan ukuran 330 X 70 pixel ternyata setelah jadi ukurannya berubah menjadi lebih besar yaitu 314X 74 pixel, tapi ini tidak menjadi masalah asalkan gambarnya tetap empat persegi panjang

12. Kemudian setelah proses upload atau pengunggahan selesai di lakukan silahkan klik pada gambar yang telah anda upload tadi kemudian klik di dalam kotak di sebelah kanan tulisan HTML code, setelah anda klik dalam kotak maka otomatis akan melakukan perintah copy

13. Berikutnya adalah pastekan kode tersebut di atas pada notepad atau microsoft window terserah anda

14. Hasil dari langkah no 13 akan tampak seperti tertulis di bawah ini :


<a href="http://Silahkan anda ganti dengan alamat link blog anda" target="_blank"><img src="http://i806.photobucket.com/albums/yy348/eshapeku/cooltext558144670-1.png" border="0" alt="Photobucket"></a>


15. Ganti warna merah dengan alamat link blog atau website anda

16. Langkah mengenai cara membuat banner paling sederhana pada blogger sudah selesai di lakukan jangan lupa untuk sign out semua akun anda baik di blogger maupun photobucket, selamat mencoba den semoga bermanfaat