Cara Membuat Tombol Add Blogger

Bagi anda yang memiliki sebuah blog untuk berbagi dengan konten mengenai tips/trik atau tutorial blogger, tutorial berikut sangat bermanfaat untuk diterapkan pada blog yang anda kelola.
Cara seperti ini, selain memiliki tampilan yang keren juga dapat menghemat tampilan postingan blog anda karena kode-kode yang akan digunakan oleh pengunjung tidak tampil pada postingan blog tetapi jika diklik akan tampil pada tab baru dengan gaya seolah-olah anda telah menjadi profesional dalam menyajikan tutorial terutama yang berhubungan denga dunia blogger.
Sebagai contoh, coba anda klik gambar dibawah ini untuk melihat tampilan add to Blogger.

CARA MENAMPILKAN TOMBOL ADD TO BLOGGER

1. Siapkan dua buah gambar sebagai aksesoris tampilan agar terlihat lebih cantik.
   • Gambar pertama untuk tombol yang tampil pada postingan anda, misalnya :
   • Gambar kedua untuk tampilan setelah tombol pada gambar pertama di klik yang tampil pada tab baru, misalnya :
   • Kedua gambar diatas dapat anda gunakan dari kreasi anda sendiri atau gambar-gambar lain yang anda miliki..
2. Kode yang digunakan untuk menampilkan tombol Add to Blogger.
   <div style="text-align: center;"> <form action="http://www.blogger.com/add-widget" method="post" target="_blank"> <textarea name="widget.content" style="display: none;">Kode boong-boongan</textarea> <br /> <input name="widget.title" type="hidden" value="JUDUL WIDGET" /> <input name="infoUrl" type="hidden" value="http://epg-studio.blogspot.com/2012/05/membuat-tombol-add-to-blogger.html" /> <br /> <input name="logoUrl" type="hidden" value="https://lh4.googleusercontent.com/-oAyD1U2gUJk/T65bAHTJP1I/AAAAAAAAEQs/DfzEhNC5HeY/s250/eagle2.gif" /> <br /> <input name="go" src="https://lh4.googleusercontent.com/-l11T-OfD4eY/T8I3W_8eZWI/AAAAAAAAEW4/imfF9gdPfVc/s104/blogger.gif" type="image" value="Add This Widget to your blog" /> </form> <br /></div>
Keterangan :
• Kode :  Kode boong-boongan  diisi dengan kode widget yang akan anda tampilkan. Kode ini harus diisi dengan kode yang telah dipharse agar diterima dalam postingan.
• Kode :  JUDUL WIDGET  diisi dengan judul widget yang akan tampil pada blog yang menggunakan widget dari blog anda.
• Kode  :  http://epg-studio.blogspot.com/2012/05/membuat-tombol-add-to-blogger.html  diisi dengan URL/alamat postingan anda sebagai sumber.
• Kode : https://lh4.googleusercontent.com/-oAyD1U2gUJk/T65bAHTJP1I/AAAAAAAAEQs/DfzEhNC5HeY/s250/eagle2.gif  merupakan tampilan gambar pada tab baru setelah pengunjung mengklik tombol add to Blogger.
• Kode : https://lh4.googleusercontent.com/-l11T-OfD4eY/T8I3W_8eZWI/AAAAAAAAEW4/imfF9gdPfVc/s104/blogger.gif  merupakan tombol yang tampil pada postingan anda.

Ingat kode HTML/Javascript yang ditampilkan harus berupa kode yang telah dipharse agar dapat tampil pada postingan.

Selamat mencoba, semoga bermanfaat...!!!