Cari Artikel Blog Ini

Total Tayangan Halaman

MEMBUAT TOMBOL ADD TO 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>
  3. 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...!!!

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
9 Comments

9 komentar :

amethe Bershandar mengatakan...

wah iki triknya boleh juga nih ,,,hhmmm
nanti saya pelajari deh ,, klo lagi senggang ,,,
mantab kayanya nih ...! :D

Kontraktor mengatakan...

boleh nih kawan...
makasih yah ilmunya..

The 7Bloggers | Jefry Dewangga | Some Nice Quote Part 1 mengatakan...

Tutorial yang cukup bagus, hehehehehehehe tetapi sayangnya saya bukan genre blog tutorial.....

Mas blog kamu sangat bagus ya tampilannya, transparent gitu.... Pokoknya bagus dah...... I like it....

Em kalau boleh, blog aku di review dunk...... hehehhehehe sekalian menyambung silaturahmi? :)

amethe Bershandar mengatakan...

eekkhmm ,, sob blom ada yang baru nih ,,, ? :D

Iklan Gratis mengatakan...

Kerenn.. Makasih pak

dapah mengatakan...

Tutorial yang bagus Mas, boleh langsung coba ne. Salam sukses selalu ya.

tutorial blog mengatakan...

terima kasih sob ilmunya

Ki YUSWA mengatakan...

Gimana kabarnya kang..., lama saya tidak mampir di sini, jarang jalan-jalan. sekalian tanya kang dan minta bantuan solusinya. blog saya ga bisa dibuka, yang tampil justru situs orang lain. terima kasih sebelumnya.

Kina Su mengatakan...

togel singapore
togel online
bandar togel
hongkong
nonstop4d
agen singaporepools resmi
singaporepools

Bandar Bola Piala Dunia 2018
Agen Bola Piala Dunia 2018
Casino Online
Bandar Togel Terpercaya
Miyabibola

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!