Add To Blogger Button Generator

Bagi Anda yang sedang belajar membuat blog seperti saya khususnya yang senang dengan tutorial blog seperti membuat widget untuk diaplikasikan ke blog atau membuat widget yang dapat dipakai oleh orang lain tentunya akan memudahkan jika kita mempunyai tool Add To Blogger Button.

Dengan adanya Add To Blogger Button, orang lain dapat dengan mudah mengaplikasikan widget yang kita buat ke blognya dengan hanya menekan Add To Blogger Button, tanpa harus mengcopy kode script dan mempastenya di gadget HTML/JavaScript. Dengan Add To Blogger Button dapat menghasilkan Add To Blogger Button yang akan otomatis menambahkan gadget HTML/JavaScript yang sudah berisi kode script dari widget yang kita buat pada tata letak blog.

Penampakan dari Add To Blogger Button yang dihasilkan dari script Add To Blogger Button seperti di bawah ini.

Blogger Button Generator

Silahkan copy kode Add To Blogger Button di bawah ini. Dengan tool ini memudahkan kita untuk sharing widget blog. Cara menggunakannya cukup mudah, yang terpenting masukan kode script widget yang kita buat dengan mengganti kode Kode HTML/JavaScript Di Sini dan jangan lupa kodenya di-parse dulu.


<form action="https://www.blogger.com/add-widget" target="blank" method="post">
<input type="hidden" name="widget.title" value="Widget Title Here"/>
<input name="widget.content" type="hidden" value="Kode HTML/JavaScript Di Sini" />
<input name="widget.template" type="hidden" value="&lt;data:content/&gt;" />
<input type="hidden" name="infoUrl" value="URL Blog Anda"/>
<input type="hidden" name="logoUrl" value="URL Logo Blog Anda"/>
<input alt="Add to Blogger" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" title="Add to Blogger Button"/></form>

Sebagai contoh silahkan klik gambar Add To Blogger di bawah ini.


Kira-kira seperti itulah cara kerjanya. Mudah bukan... Selamat mencoba.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments