SlideShare a Scribd company logo
1 of 17
Tutorial Pemasangan
Web Banner di Blog
Teman – teman agar blog kita kelihatan lebih bagus dan dinamis, ada
baiknya kita pasang banner di beberapa sidebar atau header blog kita
Misalnya nih teman – teman terdaftar di suatu situs bisnis online, pastinya
teman - teman akan mendapatkan web banner untuk mempromosikan link
url teman di tempat teman mendaftar.
Banyak pengunjung blog yang langsung tertuju ke arah web banner
apalagi jika kita punya banner yang interaktif dengan pengunjung.
Banner yang diberikan berupa kode HTML yang bentuknya agak sedikit
ribet, tapi jika setelah kita copy paste ke blog kita, jadinya akan berupa
gambar atau banner yang kita maksud.
Berikut Tutorial Cara Memasang Web Banner di Blog
Silahkan ikuti panduannya berikut ini :
1. Siapkan image web banner
2. Masuk ke photobucket.com Sign up atau log in
(photobucket.com adalah layanan penyimpanan gambar secara online)
3. Upload web banner yang ingin dipakai ke photobucket.com
4. Jika sudah berhasil, klik web banner yang terupload, kemudian di sisi
kanan, akan muncul share links. Pilih yang HTML, klik, (ketika diklik
berubah warna jadi kuning), dan langsung tercopy kodenya
5. Login ke Blooger dengan ID anda.
Tampilan awal blog
6. Di bagian kanan atas, klik design.
7. Dan setelah masuk Klik Layout atau Tata Letak. .
5. Klik tambahkan gadget atau add gadget di sidebar kanan/kiri, header atau
dibagian bawah template. (tergantung dimana anda ingin meletakannya).
Akan keluar jendela kecil kemudian klik HTML/Java Script
6. Keluar tampilan seperti ini
7. Copy paste kode HTML dari web banner di photobucket
sebelumnya di kolom content.
8. Yang diblok biru itu dihapus dan diganti dengan URL Landing
Page anda. Kemudian klik Simpan.
9. Klik simpan setelan
10. Web banner di sudah terpasang di blog
Demikian Tutorial Cara Memasang Web Banner di Blog
Semoga bermanfaat ya teman – teman.. 

More Related Content

What's hot

Revolusi Minisite Tanpa Domain Dan Web Hosting
Revolusi Minisite Tanpa Domain Dan Web HostingRevolusi Minisite Tanpa Domain Dan Web Hosting
Revolusi Minisite Tanpa Domain Dan Web HostingShamshul Kamar
 
Cara buat landing page blogspot
Cara buat landing page blogspot Cara buat landing page blogspot
Cara buat landing page blogspot Abdul Halim Ismail
 
Membuat Blog Wordpress Secara Gratis, Cepat Dan Mudah
Membuat Blog Wordpress Secara Gratis, Cepat Dan MudahMembuat Blog Wordpress Secara Gratis, Cepat Dan Mudah
Membuat Blog Wordpress Secara Gratis, Cepat Dan MudahGen Promo
 
Kursus photoshop - mempelajari adjustment new layer pada adobe photoshop
Kursus photoshop - mempelajari adjustment new layer pada adobe photoshopKursus photoshop - mempelajari adjustment new layer pada adobe photoshop
Kursus photoshop - mempelajari adjustment new layer pada adobe photoshopSurya Chandra
 
Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]Samir Jalali
 
Pengantar desain web
Pengantar desain webPengantar desain web
Pengantar desain webFitra Sani
 
Cara menambahkan widget twitter ke website
Cara menambahkan widget twitter ke websiteCara menambahkan widget twitter ke website
Cara menambahkan widget twitter ke websitemas didi
 
2005.5 vb net koneksi database sql server
2005.5 vb net koneksi database sql server2005.5 vb net koneksi database sql server
2005.5 vb net koneksi database sql serverAndi Simanjuntak
 
Bagaimana cara mengganti “Thank You for Creating with WordPress”.
Bagaimana cara mengganti “Thank You for Creating with WordPress”. Bagaimana cara mengganti “Thank You for Creating with WordPress”.
Bagaimana cara mengganti “Thank You for Creating with WordPress”. Muhamad Edison A
 
Tutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspotTutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspotMuhammad AlGazali
 
Menambah Presentation Dalam Blog
Menambah Presentation Dalam BlogMenambah Presentation Dalam Blog
Menambah Presentation Dalam BlogShaffik Jasmin
 
Modul pti presentasi 7
Modul pti presentasi 7Modul pti presentasi 7
Modul pti presentasi 7Ilman Kadori
 
Cari uang dari internet
Cari uang dari internetCari uang dari internet
Cari uang dari interneterik2014go
 
Cara membuat blog di blogspot atau blogger
Cara membuat blog di blogspot atau bloggerCara membuat blog di blogspot atau blogger
Cara membuat blog di blogspot atau bloggerlintangrinduamor
 
Tutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspotTutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspotastutymansur2
 
Presentation2
Presentation2Presentation2
Presentation2mariaduan
 
Buat logo dan image button
Buat logo dan image buttonBuat logo dan image button
Buat logo dan image buttonryandsaputri
 
Mengoptimalkan Website Ormawa di ITS | Medschool 3.0
Mengoptimalkan Website Ormawa di ITS | Medschool 3.0Mengoptimalkan Website Ormawa di ITS | Medschool 3.0
Mengoptimalkan Website Ormawa di ITS | Medschool 3.0Helmy Satria
 

What's hot (20)

Revolusi Minisite Tanpa Domain Dan Web Hosting
Revolusi Minisite Tanpa Domain Dan Web HostingRevolusi Minisite Tanpa Domain Dan Web Hosting
Revolusi Minisite Tanpa Domain Dan Web Hosting
 
Cara buat landing page blogspot
Cara buat landing page blogspot Cara buat landing page blogspot
Cara buat landing page blogspot
 
Membuat Blog Wordpress Secara Gratis, Cepat Dan Mudah
Membuat Blog Wordpress Secara Gratis, Cepat Dan MudahMembuat Blog Wordpress Secara Gratis, Cepat Dan Mudah
Membuat Blog Wordpress Secara Gratis, Cepat Dan Mudah
 
Tutorial 360
Tutorial 360Tutorial 360
Tutorial 360
 
Kursus photoshop - mempelajari adjustment new layer pada adobe photoshop
Kursus photoshop - mempelajari adjustment new layer pada adobe photoshopKursus photoshop - mempelajari adjustment new layer pada adobe photoshop
Kursus photoshop - mempelajari adjustment new layer pada adobe photoshop
 
Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]Cara membuat blog menghasilkan uang [panduan blogger]
Cara membuat blog menghasilkan uang [panduan blogger]
 
Pengantar desain web
Pengantar desain webPengantar desain web
Pengantar desain web
 
Cara menambahkan widget twitter ke website
Cara menambahkan widget twitter ke websiteCara menambahkan widget twitter ke website
Cara menambahkan widget twitter ke website
 
2005.5 vb net koneksi database sql server
2005.5 vb net koneksi database sql server2005.5 vb net koneksi database sql server
2005.5 vb net koneksi database sql server
 
Bagaimana cara mengganti “Thank You for Creating with WordPress”.
Bagaimana cara mengganti “Thank You for Creating with WordPress”. Bagaimana cara mengganti “Thank You for Creating with WordPress”.
Bagaimana cara mengganti “Thank You for Creating with WordPress”.
 
Tutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspotTutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspot
 
Menambah Presentation Dalam Blog
Menambah Presentation Dalam BlogMenambah Presentation Dalam Blog
Menambah Presentation Dalam Blog
 
Modul pti presentasi 7
Modul pti presentasi 7Modul pti presentasi 7
Modul pti presentasi 7
 
Cari uang dari internet
Cari uang dari internetCari uang dari internet
Cari uang dari internet
 
Cara membuat blog di blogspot atau blogger
Cara membuat blog di blogspot atau bloggerCara membuat blog di blogspot atau blogger
Cara membuat blog di blogspot atau blogger
 
Tutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspotTutorial meng upload ppt ke blogspot
Tutorial meng upload ppt ke blogspot
 
asad
asadasad
asad
 
Presentation2
Presentation2Presentation2
Presentation2
 
Buat logo dan image button
Buat logo dan image buttonBuat logo dan image button
Buat logo dan image button
 
Mengoptimalkan Website Ormawa di ITS | Medschool 3.0
Mengoptimalkan Website Ormawa di ITS | Medschool 3.0Mengoptimalkan Website Ormawa di ITS | Medschool 3.0
Mengoptimalkan Website Ormawa di ITS | Medschool 3.0
 

Viewers also liked (10)

Avaya NASCAR Kansas Speedway
Avaya NASCAR Kansas SpeedwayAvaya NASCAR Kansas Speedway
Avaya NASCAR Kansas Speedway
 
Add Days to your Life Knowing!
Add Days to your Life Knowing!Add Days to your Life Knowing!
Add Days to your Life Knowing!
 
SW Presentation FINAL 4-24
SW Presentation FINAL 4-24SW Presentation FINAL 4-24
SW Presentation FINAL 4-24
 
Being happy
Being happyBeing happy
Being happy
 
Blood Drive Display Poster
Blood Drive Display PosterBlood Drive Display Poster
Blood Drive Display Poster
 
Networking 101 v2
Networking 101 v2Networking 101 v2
Networking 101 v2
 
Effortless Energy Outreach Plan
Effortless Energy Outreach PlanEffortless Energy Outreach Plan
Effortless Energy Outreach Plan
 
Behind the wall keynote a. nelson [2.18.25]
Behind the wall keynote a. nelson [2.18.25]Behind the wall keynote a. nelson [2.18.25]
Behind the wall keynote a. nelson [2.18.25]
 
MarchHome
MarchHomeMarchHome
MarchHome
 
ЗНО - Математика (відповіді) 2009 рік
ЗНО - Математика (відповіді) 2009 рікЗНО - Математика (відповіді) 2009 рік
ЗНО - Математика (відповіді) 2009 рік
 

Similar to CARA MEMASANG BANNER DI BLOG

Ahmad v onyy
Ahmad v onyyAhmad v onyy
Ahmad v onyyAgunggung
 
Workshop 1 day adsense
Workshop 1 day adsenseWorkshop 1 day adsense
Workshop 1 day adsenseYunus Sadar
 
Cara membuat blog dengan mudah By: Saipul Mudiansyah
Cara membuat blog dengan mudah By: Saipul MudiansyahCara membuat blog dengan mudah By: Saipul Mudiansyah
Cara membuat blog dengan mudah By: Saipul MudiansyahSAIPULMUDIANSYAH
 
Tutorial Blog: Membuat Banner (small banner linked to blog)
Tutorial Blog:  Membuat Banner (small banner linked to blog)Tutorial Blog:  Membuat Banner (small banner linked to blog)
Tutorial Blog: Membuat Banner (small banner linked to blog)Almazia Pratita
 
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.PdBELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.PdRhiEa Chinnie
 
Materi praktikum e commerce iv
Materi praktikum e commerce ivMateri praktikum e commerce iv
Materi praktikum e commerce ivandre_kussuma
 
Panduan penggunaan-word press
Panduan penggunaan-word pressPanduan penggunaan-word press
Panduan penggunaan-word pressabd hnn
 
Tutorial Sebar iklan GRATIS
Tutorial Sebar iklan GRATISTutorial Sebar iklan GRATIS
Tutorial Sebar iklan GRATISFahmy Metala
 
Cara membuat blog gratis
Cara membuat blog gratisCara membuat blog gratis
Cara membuat blog gratisIlham Ajjd
 
Belajarcepat Internetdan Blog
Belajarcepat Internetdan BlogBelajarcepat Internetdan Blog
Belajarcepat Internetdan Bloggajah4094
 
Tugas 5 tik
Tugas 5 tikTugas 5 tik
Tugas 5 tikricoardi
 

Similar to CARA MEMASANG BANNER DI BLOG (20)

Ahmad v onyy
Ahmad v onyyAhmad v onyy
Ahmad v onyy
 
Kelompok 4
Kelompok 4Kelompok 4
Kelompok 4
 
Buat bog
Buat bogBuat bog
Buat bog
 
Workshop 1 day adsense
Workshop 1 day adsenseWorkshop 1 day adsense
Workshop 1 day adsense
 
Cara membuat blog dengan mudah By: Saipul Mudiansyah
Cara membuat blog dengan mudah By: Saipul MudiansyahCara membuat blog dengan mudah By: Saipul Mudiansyah
Cara membuat blog dengan mudah By: Saipul Mudiansyah
 
Panduan membuat-blog
Panduan membuat-blogPanduan membuat-blog
Panduan membuat-blog
 
Tutorial Blog: Membuat Banner (small banner linked to blog)
Tutorial Blog:  Membuat Banner (small banner linked to blog)Tutorial Blog:  Membuat Banner (small banner linked to blog)
Tutorial Blog: Membuat Banner (small banner linked to blog)
 
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.PdBELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
BELAJAR MEMBUAT BLOG UNTUK PEMULA BY RIA PUSPITASARI, S.Pd
 
Materi praktikum e commerce iv
Materi praktikum e commerce ivMateri praktikum e commerce iv
Materi praktikum e commerce iv
 
Panduan penggunaan-word press
Panduan penggunaan-word pressPanduan penggunaan-word press
Panduan penggunaan-word press
 
PPT PMP DEDEH
PPT PMP DEDEHPPT PMP DEDEH
PPT PMP DEDEH
 
Tutorial Sebar iklan GRATIS
Tutorial Sebar iklan GRATISTutorial Sebar iklan GRATIS
Tutorial Sebar iklan GRATIS
 
Ngeblog asikk !!!
Ngeblog asikk !!!Ngeblog asikk !!!
Ngeblog asikk !!!
 
Tgs komputer
Tgs komputerTgs komputer
Tgs komputer
 
Cara membuat blog gratis
Cara membuat blog gratisCara membuat blog gratis
Cara membuat blog gratis
 
Blog
BlogBlog
Blog
 
Belajarcepat Internetdan Blog
Belajarcepat Internetdan BlogBelajarcepat Internetdan Blog
Belajarcepat Internetdan Blog
 
05 internet-seo-optimasi konten
05 internet-seo-optimasi konten05 internet-seo-optimasi konten
05 internet-seo-optimasi konten
 
Tugas 5 tik
Tugas 5 tikTugas 5 tik
Tugas 5 tik
 
Tugas 5 tik
Tugas 5 tikTugas 5 tik
Tugas 5 tik
 

CARA MEMASANG BANNER DI BLOG

  • 2. Teman – teman agar blog kita kelihatan lebih bagus dan dinamis, ada baiknya kita pasang banner di beberapa sidebar atau header blog kita Misalnya nih teman – teman terdaftar di suatu situs bisnis online, pastinya teman - teman akan mendapatkan web banner untuk mempromosikan link url teman di tempat teman mendaftar. Banyak pengunjung blog yang langsung tertuju ke arah web banner apalagi jika kita punya banner yang interaktif dengan pengunjung. Banner yang diberikan berupa kode HTML yang bentuknya agak sedikit ribet, tapi jika setelah kita copy paste ke blog kita, jadinya akan berupa gambar atau banner yang kita maksud.
  • 3. Berikut Tutorial Cara Memasang Web Banner di Blog Silahkan ikuti panduannya berikut ini : 1. Siapkan image web banner
  • 4. 2. Masuk ke photobucket.com Sign up atau log in (photobucket.com adalah layanan penyimpanan gambar secara online)
  • 5. 3. Upload web banner yang ingin dipakai ke photobucket.com
  • 6. 4. Jika sudah berhasil, klik web banner yang terupload, kemudian di sisi kanan, akan muncul share links. Pilih yang HTML, klik, (ketika diklik berubah warna jadi kuning), dan langsung tercopy kodenya
  • 7. 5. Login ke Blooger dengan ID anda.
  • 9. 6. Di bagian kanan atas, klik design.
  • 10. 7. Dan setelah masuk Klik Layout atau Tata Letak. .
  • 11. 5. Klik tambahkan gadget atau add gadget di sidebar kanan/kiri, header atau dibagian bawah template. (tergantung dimana anda ingin meletakannya). Akan keluar jendela kecil kemudian klik HTML/Java Script
  • 12. 6. Keluar tampilan seperti ini
  • 13. 7. Copy paste kode HTML dari web banner di photobucket sebelumnya di kolom content.
  • 14. 8. Yang diblok biru itu dihapus dan diganti dengan URL Landing Page anda. Kemudian klik Simpan.
  • 15. 9. Klik simpan setelan
  • 16. 10. Web banner di sudah terpasang di blog
  • 17. Demikian Tutorial Cara Memasang Web Banner di Blog Semoga bermanfaat ya teman – teman.. 