Membuat Tombol Add To Blogger

Tombol Add To Blogger mempermudah blogger lainnya untuk memasang widget yang disediakan oleh pemilik website. Tanpa harus membuka halaman Blogger, masuk ke Layout, tambah gadget dan seterusnya, cukup dengan beberapa klik saja, widget-pun terpasang. Serasa Saya habis kata-kata untuk menulis intro dari artikel ini, jadi tidak perlu panjang lebar langsung saja ya!

Perhatikan baris-baris kode dibawah ini, dan jika sudah mengerti (setelah membaca keterangan), silahkan kreasikan tombol yang akan Anda buat :

<form method="POST" action="http://www.blogger.com/add-widget">


<input type="hidden" name="widget.title" value="Indo Blog Trik"/>


<input type="hidden" name="widget.content" value="&lt;a href='http://www.indoblogtrik.com/'&gt;Blog Trik, Blog Tips, SEO untuk Blogger Indonesia&lt;/a&gt;"/> 


<input type="hidden" name="widget.template" value="&lt;data:content/&gt;" /> 


<input type="hidden" name="infoUrl" value="http://www.indoblogtrik.com"/>


<input type="hidden" name="logoUrl" value="http://www.blogger.com/img/icon_logo32.gif"/> 


<input type="submit" name="go" value="tambahkan Link IndoBlogTrik"/> </form>




Berikut Keterangannya :

widget.title

Tentukan Judul yang akan ditampilkan pada Page Element. Berikan judul yang sesuai dengan tombol Anda, contoh IndoBlogTrik

widget.content

Nah, disininal tempat kode yang ingin Anda masukkan "ke dalam tombol", kode yang diterima adalah kode yang sudah well-formed atau kode yang sudah di encode. contoh kode :

&lt;a href=&quot;http://www.indoblogtrik.com/&quot; rel=&quot;dofollow&quot; target=&quot;_blank&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyrlGTHimT799sxlnP_9eiYrcFmWTrkzX5UHhn0USg3awoxTvH_qEwJ_vD8LpGSqu0_KxTlpRgtfQKFXvJqXb-QV6omBVonBVUdO3iqVlRxXaKXUwIxTIA6ew9YmGa9vTL2sK4qxi5Vg/&quot; /&gt;&lt;/a&gt;

 Isikan kode Anda dalam tag value, contoh :

<input type="hidden" name="widget.content" value="&lt;a href=&quot;http://www.indoblogtrik.com/&quot; rel=&quot;dofollow&quot; target=&quot;_blank&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; imageanchor=&quot;1&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyrlGTHimT799sxlnP_9eiYrcFmWTrkzX5UHhn0USg3awoxTvH_qEwJ_vD8LpGSqu0_KxTlpRgtfQKFXvJqXb-QV6omBVonBVUdO3iqVlRxXaKXUwIxTIA6ew9YmGa9vTL2sK4qxi5Vg/&quot; /&gt;&lt;/a&gt; "/>

widget.template

Tag yang satu ini harus mengikuti pedoman tag yang ada. Anda dapat menggunakan tag global lainnya sebagai template Anda. Secara default, tag yang dapat Anda gunakan adalah : <data:content/> dan <data:title/>

infoUrl

Isikan value pada tag ini untuk memberikan informasi atau diskripsi tentang kode Anda. Contoh : www.indoblogtrik.com

logoUrl

Secara Default, tombol yang akan Anda buat akan seperti ini :

Anda dapat menggantinya dengan me-replace kode ini :

http://www.blogger.com/img/icon_logo32.gif

Berikut gambar lainnya yang mungkin lebih baik menurut Anda :

= http://www.blogger.com/img/add/add2blogger_sm_w.gif

 = http://www.blogger.com/img/add/add2blogger_sm_b.gif

 = http://www.blogger.com/img/add/add2blogger_lg.gif

go

Tulis nama Tombol Anda pada tag ini. contoh 'tambahkan link IndoBlogTrik'


Jadi, gampang bukan, untuk versi cobanya klik tombol di bawah ini :

Anda juga dapat menuju ke link berikut untuk artikel lebih lanjut.

Jika Blog ini bermanfaat bagi Anda, silahkan masukkan alamat email Anda di bawah ini untuk berlangganan :

ATAU klik disini untuk menjadi FOLLOWER di IndoBlogTrik