ads

header ads

Widget Form Blogger Login dan Yahoo!





Pada postingan sebelumnya tentang cara menghilangkan navbar blog, saya berjanji akan mengulas bagaimana cara memasang Blogger Login Form Widget, agar supaya kita tidak repot-repot membuka pintu blogger.com ketika login ke Dasbor blog kita.

Diharapkan widget blogger login form ini mampu mempersingkat lama waktu untuk login atau sign in menuju dashboard blogger anda. Karena anda tak harus membuka tampilan login blogger, cukup di blog anda sendiri. Dan, postingan kali ini sengaja saya tambahkan widget untuk masuk ke Yahoo! sebagai bonus tambahan dari saya...

Oke, langsung saja kita masuk ke "bab pembahasan". Untuk membuat widget blogger login sangat sederhana.

1. Letakkan kode di bawah ini ke Page Elemen (elemen halaman) di sidebar blog anda.







2. Pilih HTML/JavaScript







3. Lalu masukkan kode di bawah 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&amp;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 (Email):

<input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/>
</label></div>
<div><label for="Passwd"> Password/kunci: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>)

</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div>

<input id="signin-btn-ns" tabindex="0" value="Monggo" class="ubtn ubtn-block" name="submit" type="submit"/>
</form>



Atau anda bisa langsung menambahkan widget tersebut secara gratis di blog anda dengan hanya menekan tombol dibawah ini





Widget Masuk ke Yahoo!


Untuk widget login ke Yahoo!, langkah-langkahnya sama seperti di atas. Anda tinggal memasukkan kode di bawah ini.





<fieldset>
<legend>User Login</legend>
<form autocomplete="off" action="https://login.yahoo.com/config/login?" name="login_form" method="post">
<input value="1" name=".tries" type="hidden"/>

<input value="ym" name=".src" type="hidden"/>
<input value="" name=".md5" type="hidden"/>
<input value="" name=".hash" type="hidden"/>
<input value="" name=".js" type="hidden"/>
<input value="" name=".last" type="hidden"/>

<input value="" name="promo" type="hidden"/>
<input value="us" name=".intl" type="hidden"/>
<input value="" name=".bypass" type="hidden"/>

<input value="" name=".partner" type="hidden"/>
<input value="8se12cl3f72k0" name=".u" type="hidden"/>
<input value="0" name=".v" type="hidden"/>
<input value="q4aHwZElFnCgmT8yWLn_toTHlHoQ" name=".challenge" type="hidden"/>
<input value="" name=".yplus" type="hidden"/>
<input value="" name=".emailCode" type="hidden"/>

<input value="" name="pkg" type="hidden"/>
<input value="" name="stepid" type="hidden"/>

<input value="" name=".ev" type="hidden"/>
<input value="0" name="hasMsgr" type="hidden"/>
<input value="Y" name=".chkP" type="hidden"/>
<input value="http://mail.yahoo.com" name=".done" type="hidden"/>
<input value="ym_ver=0&amp;c=" name=".pd" type="hidden"/>
<table id="yreglgtb" summary="form: login information">
<tbody><tr>

<th><label for="username">Yahoo! ID:</label></th>

<td><input id="username" value="" class="yreg_ipt" name="login" size="10" type="text"/></td>
<script language="JavaScript" type="text/javascript">if(document.getElementById) document.getElementById('username').focus();</script>
</tr>
<tr>
<th><label for="passwd">Password:</label></th>
<td><input id="passwd" value="" class="yreg_ipt" name="passwd" size="10" type="password"/></td>

</tr>

</tbody></table>

<p id="sigcopys"><input id="persistent" value="y" name=".persistent" type="checkbox"/>
<label for="persistent"> <span class="kmsibold">Ingatkan Password Saya</span><br/><span class="subperstxt"></span> <em class="nwred"><a tabindex="32767" href="http://us.rd.yahoo.com/reg/login1/lisu/pst_help/us/ym/*https://login.yahoo.com/config/login?.src=ym&amp;.intl=us&amp;.help=4&amp;.v=0&amp;.u=8se12cl3f72k0&amp;
.last=&amp;promo=&amp;.bypass=&amp;
.partner=&amp;pkg=&amp;stepid=&amp;.pd=ym_ver%3d0%26c=&amp;.ab=&amp;.done=http%3A//mail.yahoo.com"></a></em></label>
<span class="subperstxt2"></span>
</p>
<div class="clear"></div>

<p class="yreglgsb"><input value="Monggo" name=".save" type="submit"/></p>

</form>
</fieldset>
<a href="http://us.rd.yahoo.com/reg/login1/lisu/forgot_lib/us/ym/*https://edit.yahoo.com/config/eval_forgot_pw?new=1&amp;.done=http%3A//mail.yahoo.com&amp;.src=ym&amp;partner=&amp;.intl=us&amp;pkg=&amp;stepid=&amp;.pd=ym_ver%3d0%26c=&amp;.ab=&amp;.last=">Dapatkan ID Atau Password?</a> | <a href="http://us.rd.yahoo.com/reg/login1/lisu/sih_lib/us/ym/*https://login.yahoo.com/config/login?.src=ym&amp;.intl=us&amp;.help=1&amp;.v=0&amp;.u=8se12cl3f72k0&amp;.last=&amp;
.last=&amp;promo=&amp;.bypass=&amp;.partner=&amp;pkg=&amp;stepid=&amp;.pd=ym_ver%3d0%26c=&amp;.ab=&amp;.done=http%3A//mail.yahoo.com">Bantuan</a>

<div class="yregdlisu">

<p class="yreglgsu"><a href="https://edit.yahoo.com/config/eval_register?.intl=us&amp;new=1&amp;.done=http%3A//mail.yahoo.com&amp;.src=ym&amp;.v=0&amp;.u=8se12cl3f72k0&amp;partner=&amp;
.partner=&amp;pkg=&amp;stepid=&amp;.p=&amp;promo=&amp;.last=">Daftar</a></p>
</div>



Catatan : Anda tinggal mengubah tuisan yang berwarna hijau dan biru sesuai dengan keinginan anda.

Selamat mencoba...Happy Blogging ye..

Post a Comment

7 Comments

  1. Postingan yang paling saya tunggu niye...:-*

    ReplyDelete
  2. wah... keren habis dah mas... saya masih pemula nih dan kayaknya saya perlu belajar banyak dari mas... mohon bantuannya ya mas...
    salam kenal... Thanks ;)

    ReplyDelete
  3. @ Wandi ;

    Terima kasih juga atas komentarnya. Jujur, saya masih sangat awam dalam dunia blogging. So, yang ada di blog ini adalah apa yang saya ketahui. Hanya untuk berbagi, begitu motto saya.

    Jangan lupa untuk berkunjung kembali ya, dan Salam akrab...

    ReplyDelete
  4. salam kenal yah? jangan lupa buat mampir ke my blog home

    ReplyDelete
  5. Makasih ya atas blog tutorialnya blogku (www.atakutuk07.blogspot) jadi keren...maklum aku masih pemula he..he..

    ReplyDelete
  6. masuk ke yahoo nya ndak jalan nich, mohon di edit, thanks

    ReplyDelete

Kepada Sobat-Sobat sekalian silahkan komen Disini, Semuanya boleh komen, yang tua sampai muda bebas berkomen ria di bawah ini.

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)

Makacih ya atas komennya ...