Cara Membuat Banner Blog Sendiri

Hi sobat warpsite... maaf apabila artikel saya kali ini sudah saya ganti dikarenakan banyak crawl error di google web master tool...

Tapi masih dalam pokok bahasan yang sama yaitu mengenai cara membuat banner blog sendiri... kali ini saya akan menjelaskan caranya lebih detail nie...Mungkin dulu artikel saya masih copas gan tapi seiring berkembangya waktu saya jadi terbiasa berkretifitas menggunakan otak sendiri nie gan... berikut caranya...

Cara ini mungkin jauh lebih mudah dari artikel sebelumnya...baiklah langsung saja ya...

------------------- * PENDAHULUAN * ---------------------------------

Banner Blog :

Banner blog adalah sebuah bendera atau iklan gambar yang dimiliki sebuah blog mungkin juga dapat digunakan oleh blogger untuk iklan di blog lain... dan banner itu apabila diklik maka akan langsung menuju ke blog agan sendiri nie.... Mungkin sobat blogger banyak yang sudah mengetahui cara ini ya gan.. tapi mungkin juga para sobat warpsite masih ada yang belum tahu nie.. nah untuk itu saya akan berbagi tutorial nie.. saya mendapatkan cara ini saat saya coba otak atik templates saya...

Contohnya ya di home page blog saya sendiri nie gan... di home page juga ada begitu juga di daftar link...

------------------ * CARA MEMBUAT BANNER BLOG * ------------------

Gini nie gan caranya...

Catatan : 

* Jika edit sendiri maupun cari google sebelumnya carilah yang berformat .png

* Jika upload melalui facebook, setelah di upload sebelumnya jadikan foto tersebut sebagai foto profil terlebih dahulu barulah agan klik kanan lalu klik kiri ke pilihan save url images/ salin url gambar/ atau semacamnya yang penting intinya gitu gan...

* Jika upload dari photobucket gini gan caranya..

• Daftar terlebih dahulu ke photobucket... 
• Jika sudah terdaftar silahkan klik ke login, isikan user dan password agan.
• Jika sudah berhasil masuk ke akun agan silahkan agan klik ke upload now
• Lalu klik selected photo and videos
• Lalu klik ke gambar yang agan simpan tadi
• Baru setelah itu klik OK, atau semacamnya
• Lalu kembali ke album
• Pilih ke foto tersebut
• dan pilih menu share, klik ke get link code, 
• pilih yang ada tulisannya ini Direct link for layout pages
   (MySpace backgrounds and custom websites)
• Copykan kode berikut di notepad 

* Jika melalui foxing.co.cc

• Sebelumnya daftar dulu disana atau klik disini
• Atau login melalui facebook
• Lalu klik foto di bagian menu bar letaknya disebelah Anggota
• Klik ke add photo
• Pilih berkas
• Setelah selesai, klik ke foto yang agan upload disana
• Lalu terkahir klik kanan ke gambar agan, dan pilih salin url gambar
• lalu copykan ke notepad untuk mengedit script ini...

1. Agan Buat dulu banner blog agan dari rumah bisa melalui photo shop, ataupun software lain, kalaupun agan tidak punya komputer dirumah jangan sedih dan patah semangat gan... masih banyak jalan selama kita punya kemauan....Agan masih bisa edit foto online melalui photoshop.com, atau glitterfy.com Atau klik disini gan...
2. Bagi yang tidak mau sulit cukup search aja gambar di google atau di photobucket tentang gambar apa aja deh terserah agan, kalau bisa jangan terlalu besar karena akan memberatkan kecepatan blog agan... 
3. Kalau sudah agan save tu link dari gambar yang agan cari di google di adress bar juga bisa atau bagi yang masih belum mengetahuinya bisa comment di postingan ini kok...
4. Bagi yang sudah mengedit lewat photoshop saya sarankan untuk menghosting melalui foxing.co.cc atau bisa juga melalui photobucket, atau pun facebook itu terserah agan...
5. Kalau sudah di upload atau dapatkan linknya silahkan copy kode html berikut di wordpad dulu gan  

<center>

<a href="http://warpsite.blogspot.com/"><img alt="warpsite blog" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276783_117461455010782_802120_n.jpg" /></a><center/>

<div align="center"><textarea cols="25" name="code" rows="5"><a href="http://warpsite.blogspot.com/"><img alt="warpsite blog" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276783_117461455010782_802120_n.jpg" /></a>/textarea></div></center></center>

NB : * Ganti tulisan yang berwarna hijau dengan URL web/blog agan

        * Ganti tulisan yang berwarna merah dengan judul web/blog agan

        * Ganti tulisan yang berwarna biru dengan tempat agan menyimpan atau menghosting gambar tersebut

           ( URL nya saja : contoh milik saya, saya hosting dari facebook makan itu adalah url dari facebook )

     6. Kalau sudah begitu agan login terlebih dahulu ke blogspot, seperti biasanya gan... hehehehehe

     7. Lalu klik ke design, atau rancangan, 

     8. Klik ke tombol add gadget/ tambah elemen

     9. Klik ke pilihan HTML/Java Script

   10. Baru lah agan copykan kode diatas, dan klik save....

Selesai gan... 

Selamat agan telah berhasil membuat banner blog agan sendiri... Jika masih ada kesulitan silahkan berkomentar disini...

Sekian artikel dari saya kali ini semoga bermanfaat...

Jadikan hidup lebih berarti dengan menjdai orang yang berguna bagi orang lain... Salam warpsite

Silahkan kunjungi http://warpsite.blogspot.com untuk mendapatkan artikel menarik lainnya...

Jika menurut agan artikel saya ini menarik dan ingin menyebarkan di blog agan silahkan copykan code html dibawah ini...

<div style="text-align: justify;">Hi sobat <a href="http://warpsite.blogspot.com/">warpsite</a>... maaf apabila artikel saya kali ini sudah saya ganti dikarenakan banyak crawl error di google web master tool...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Tapi masih dalam pokok bahasan yang sama yaitu mengenai cara membuat banner blog sendiri... kali ini saya akan menjelaskan caranya lebih detail nie...Mungkin dulu artikel saya masih copas gan tapi seiring berkembangya waktu saya jadi terbiasa berkretifitas menggunakan otak sendiri nie gan... berikut caranya...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Cara ini mungkin jauh lebih mudah dari artikel sebelumnya...baiklah langsung saja ya...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">------------------- * PENDAHULUAN * ---------------------------------</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Banner Blog :</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Banner blog adalah sebuah bendera atau iklan gambar yang dimiliki sebuah blog mungkin juga dapat digunakan oleh blogger untuk iklan di blog lain... dan banner itu apabila diklik maka akan langsung menuju ke blog agan sendiri nie.... Mungkin sobat blogger banyak yang sudah mengetahui cara ini ya gan.. tapi mungkin juga para sobat warpsite masih ada yang belum tahu nie.. nah untuk itu saya akan berbagi tutorial nie.. saya mendapatkan cara ini saat saya coba otak atik templates saya...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Contohnya ya di home page blog saya sendiri nie gan... di <a href="http://warpsite.blogspot.com/">home page</a> juga ada begitu juga di <a href="http://warpsite.blogspot.com/p/daftar-link.html">daftar link</a>...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">------------------ * CARA MEMBUAT BANNER BLOG * ------------------</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Gini nie gan caranya...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"></div><div style="text-align: justify;">Catatan : </div><div style="text-align: justify;">* Jika edit sendiri maupun cari google sebelumnya carilah yang berformat .png</div><div style="text-align: justify;">* Jika upload melalui <a href="http://facebook.com/">facebook</a>, setelah di upload sebelumnya jadikan foto tersebut sebagai foto profil terlebih dahulu barulah agan klik kanan lalu klik kiri ke pilihan save url images/ salin url gambar/ atau semacamnya yang penting intinya gitu gan...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">* Jika upload dari <a href="http://photobucket.com/">photobucket</a> gini gan caranya..</div><div style="text-align: justify;"><ul><li>Daftar terlebih dahulu ke <a href="http://photobucket.com/">photobucket</a>... </li> <li>Jika sudah terdaftar silahkan klik ke login, isikan user dan password agan.</li> <li>Jika sudah berhasil masuk ke akun agan silahkan agan klik ke upload now</li> <li>Lalu klik selected photo and videos</li> <li>Lalu klik ke gambar yang agan simpan tadi</li> <li>Baru setelah itu klik OK, atau semacamnya</li> <li>Lalu kembali ke album</li> <li>Pilih ke foto tersebut</li> <li>dan pilih menu share, klik ke get link code, </li> <li>pilih yang ada tulisannya ini <span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold;">Direct link for layout pages</span><br /> <span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Verdana, Arial, sans-serif; font-size: 12px;"> <span class="optiontext" style="color: #333333; font-size: 8pt;">(MySpace backgrounds and custom websites)</span></span></li> <li><span class="Apple-style-span" style="font-family: 'Lucida Sans Unicode', Verdana, Arial, sans-serif; font-size: 12px;"><span class="optiontext" style="color: #333333; font-size: 8pt;"><span class="Apple-style-span" style="color: black; font-family: 'Times New Roman'; font-size: small;">Copykan kode berikut di notepad </span></span></span></li> </ul><div>* Jika melalui <a href="http://foxing.co.cc/">foxing.co.cc</a></div><div><ul><li>Sebelumnya daftar dulu disana atau <a href="http://foxing.co.cc/">klik disini</a></li> <li>Atau login melalui <a href="http://facebook.com/">facebook</a></li> <li>Lalu klik foto di bagian menu bar letaknya disebelah Anggota</li> <li>Klik ke add photo</li> <li>Pilih berkas</li> <li>Setelah selesai, klik ke foto yang agan upload disana</li> <li>Lalu terkahir klik kanan ke gambar agan, dan pilih salin url gambar</li> <li>lalu copykan ke notepad untuk mengedit script ini...</li> </ul><div><br /> </div></div></div><br /> <ol><li style="text-align: justify;">Agan Buat dulu banner blog agan dari rumah bisa melalui photo shop, ataupun software lain, kalaupun agan tidak punya komputer dirumah jangan sedih dan patah semangat gan... masih banyak jalan selama kita punya kemauan....Agan masih bisa edit foto online melalui photoshop.com, atau glitterfy.com Atau <a href="http://photoshop.com/">klik disini</a> gan...</li> <li style="text-align: justify;">Bagi yang tidak mau sulit cukup search aja gambar di google atau di <a href="http://photobucket.com/">photobucket</a> tentang gambar apa aja deh terserah agan, kalau bisa jangan terlalu besar karena akan memberatkan kecepatan blog agan... </li> <li style="text-align: justify;">Kalau sudah agan save tu link dari gambar yang agan cari di google di adress bar juga bisa atau bagi yang masih belum mengetahuinya bisa comment di postingan ini kok...</li> <li style="text-align: justify;">Bagi yang sudah mengedit lewat photoshop saya sarankan untuk menghosting melalui <a href="http://foxing.co.cc/">foxing.co.cc</a> atau bisa juga melalui photobucket, atau pun facebook itu terserah agan...</li> <li style="text-align: justify;">Kalau sudah di upload atau dapatkan linknya silahkan copy kode html berikut di wordpad dulu gan  </li> </ol><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><center></div><div><div style="text-align: justify;"><a href="<span class="Apple-style-span" style="color: lime;">http://warpsite.blogspot.com/</span>"><img alt="<span class="Apple-style-span" style="color: red;">warpsite blog</span>" src="htt<span class="Apple-style-span" style="color: blue;">p://profile.ak.fbcdn.net/hprofile-ak-snc4/276783_117461455010782_802120_n.jpg</span>" /></a><center/></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><div align="center"><textarea cols="25" name="code" rows="5"><a href="<span class="Apple-style-span" style="color: lime;">http://warpsite.blogspot.com/</span>"><img alt="<span class="Apple-style-span" style="color: red;">warpsite blog</span>" src="htt<span class="Apple-style-span" style="color: blue;">p://profile.ak.fbcdn.net/hprofile-ak-snc4/276783_117461455010782_802120_n.jpg</span>" /></a>/textarea></div></center></center></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">NB : * Ganti tulisan yang berwarna <span class="Apple-style-span" style="color: lime;">hijau</span> dengan URL web/blog agan</div><div style="text-align: justify;">        * Ganti tulisan yang berwarna <span class="Apple-style-span" style="color: red;">merah</span> dengan judul web/blog agan</div><div style="text-align: justify;">        * Ganti tulisan yang berwarna <span class="Apple-style-span" style="color: blue;">biru </span>dengan tempat agan menyimpan atau menghosting gambar tersebut</div><div style="text-align: justify;">           ( URL nya saja : contoh milik saya, saya hosting dari facebook makan itu adalah url dari facebook )</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">     6. Kalau sudah begitu agan login terlebih dahulu ke blogspot, seperti biasanya gan... hehehehehe</div><div style="text-align: justify;">     7. Lalu klik ke design, atau rancangan, </div><div style="text-align: justify;">     8. Klik ke tombol add gadget/ tambah elemen</div><div style="text-align: justify;">     9. Klik ke pilihan HTML/Java Script</div><div style="text-align: justify;">   10. Baru lah agan copykan kode diatas, dan klik save....</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Selesai gan... </div><div style="text-align: justify;">Selamat agan telah berhasil membuat banner blog agan sendiri... Jika masih ada kesulitan silahkan berkomentar disini...</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Sekian artikel dari saya kali ini semoga bermanfaat...</div><div style="text-align: justify;">Jadikan hidup lebih berarti dengan menjdai orang yang berguna bagi orang lain... Salam warpsite</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Silahkan kunjungi http://<a href="http://warpsite.blogspot.com/">warpsite.blogspot.com </a>untuk mendapatkan artikel menarik lainnya...</div><div style="text-align: justify;">Jika menurut agan artikel saya ini menarik dan ingin menyebarkan di blog agan silahkan copykan code html dibawah ini...</div>

Silahkan berkunjung ke blog : http://warpsite.blogspot.com
untuk mendapatkan artikel menarik lainnya....

Jangan lupa berkomentar ya....