Membuat Tombol Add To Blogger

Bagi anda yang mempunyai sebuah blog untuk menyebarkan dengan konten mengenai tips/trik atau tutorial blogger, tutorial berikut sangat bermanfaat untuk diterapkan pada blog yang anda kelola.
Cara ibarat ini, selain mempunyai tampilan yang keren juga sanggup menghemat tampilan postingan blog anda alasannya yaitu kode-kode yang akan dipakai oleh pengunjung tidak tampil pada postingan blog tetapi kalau diklik akan tampil pada tab gres dengan gaya seakan-akan anda telah menjadi profesional dalam menyajikan tutorial terutama yang bekerjasama denga dunia blogger.
Sebagai contoh, coba anda klik gambar dibawah ini untuk melihat tampilan add to Blogger.

Kode boong-boongan

CARA MENAMPILKAN TOMBOL ADD TO BLOGGER

1. Siapkan dua buah gambar sebagai aksesoris tampilan semoga terlihat lebih cantik.
   • Gambar pertama untuk tombol yang tampil pada postingan anda, contohnya :
     
   • Gambar kedua untuk tampilan sesudah tombol pada gambar pertama di klik yang tampil pada tab baru, contohnya :
     
   • Kedua gambar diatas sanggup anda gunakan dari kreasi anda sendiri atau gambar-gambar lain yang anda miliki..
2. Kode yang dipakai 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=" " /> <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 isyarat widget yang akan anda tampilkan. Kode ini harus diisi dengan isyarat yang telah dipharse semoga diterima dalam postingan.
• Kode :  JUDUL WIDGET  diisi dengan judul widget yang akan tampil pada blog yang memakai widget dari blog anda.
• Kode  :    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 gres sesudah 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 isyarat HTML/Javascript yang ditampilkan harus berupa isyarat yang telah dipharse semoga sanggup tampil pada postingan.

Selamat mencoba, semoga bermanfaat...!!!

Sumber http://epg-studio.blogspot.com/

Bagikan Artikel ini