Monday, July 13, 2009

Membuat Widget Blogger Login

Posted by dav On 1:13 AM
Pada artikel sebelumnya Blogger TuneUp pernah membuat Widget Blogger Login layaknya WordPress yang terdiri dari Dashboard, Pengaturan, Tata Letak, Artikel Baru, Edit Artikel. Fasilitas ini sama dengan pembuatan Float Navigation Bar (Baris Navigasi Terapung), tetapi karena setiap blogger memiliki karakter masing-masing maka sekarang Blogger TuneUp akan menyuguhkan bentuk lain dari Blogger Login berupa widget yang biasanya kita lihat pada saat login ke halaman muka Blog*Spot.
Widget ini mudah untuk diterapkan pada Blogger dengan mengikuti langkah dibawah ini. Seperti biasa sebelum artikel ini di buat, Blogger TuneUp telah meng-integrasi-kannya pada blog Electronic Project.
Screenshot diambil dari Electronic Project
Dibawah ini langkah pemasangan Widget Blogger Login
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Elemen Halaman"
Langkah 3
Tambahkan Gadget Baru dengan tipe HTML/JavaScript dengan Judul "Blogger Login"
Langkah 4
Masukan kode dibawah ini:
<form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post">
<input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/>
<input value="blogger" name="service" type="hidden"/>
<input value="8" name="nui" type="hidden"/>
<input value="8" name="naui" type="hidden"/>
<input value="2" name="fpui" type="hidden"/>
<input value="3" name="uilel" type="hidden"/>
<input value="true" name="skipvpage" type="hidden"/>
<input value="false" name="rm" type="hidden"/>
<input value="true" name="alwf" type="hidden"/>
<input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/>
<input value="0" name="alinsu" type="hidden"/>
<input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/>
<div>
<label for="Email"> Username: <br/>
<input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/>
</label>
</div>
<div>
<label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/>
</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/>
</div><br/>
<input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/>
</form>
<span><a style="font-size: 10px; text-decoration:none; color: #cccccc;" href="http://modification-blog.blogspot.com/" target="_blank">Gadget by Blogger Tune-Up</a></span>
Langkah 5
Simpan Gadget tersebut dan Preview Blog...

Bagi yang tidak mau ribet atau kurang paham dengan langkah diatas, silahkan klik tombol "Tambahkan Blogger Login Widget" dibawah ini:

Mudah-mudahan berhasil... Happy Blogging :)