Membuat Login Form Blogger

Dear All,

Berbeda dengan sebuah situs web , sebuah blog (blogger) tidak disertai sebuah form login yang digunakan user untuk masuk kedalam halaman administrasi (Back-End) . Maka user harus masuk ke halaman login blogger dahulu untuk masuk ke halaman administrasi blog mereka .

Dalam tutorial kali ini saya akan menjelaskan bagaimana memindahkan halaman login form dari blogger.com ke halaman blog kita .

Tutorial :

1. Buka Halaman login blogger disini .
   



2. Buka tekan tombol ctrl+u (firefox/opera) .


3. Cari kode <form id="gaia_loginform" .


4. Copy kode tersebut dari tag <form> awalan sampai akhiran tag </form>


5. Atau copy kode dibawah ini :



<form id="gaia_loginform"
    
       action="https://www.google.com/accounts/ServiceLoginAuth" method="post"
    
     onsubmit=
                "return(gaia_onLoginSubmit());"
               >

<div id="gaia_loginbox">
<table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" border="1">
 <tr>
 <td valign="top" style="text-align:center" nowrap="nowrap"
       bgcolor="#e8eefa">
 <input type="hidden" name="ltmpl"
value="start" />
 <div class="loginBox">
 <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
 <tr>
<td colspan="2" align="center">
 <font size="-1">

 Sign in with your
 </font>
 <table>
 <tr>
 <td valign="top">
 <img src="https://www.google.com/accounts/google_transparent.gif"
alt="Google" />

 </td>
 <td valign="middle">

 <font size="+0"><b>Account</b></font>
 </td>
 </tr>
</table>
</td>
</tr>
<tr>
 <td colspan="2" align="center">
 </td>
</tr>
<tr id="email-row">

 <td nowrap="nowrap">
 <div align="right">
 <span class="gaia le lbl">
 Email:
 </span>
 </div>
 </td>
 <td>
 <input type="hidden" name="continue" id="continue"
          value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fhome&amp;a=ADD_SERVICE_FLAG" />

 <input type="hidden" name="service" id="service"
          value="blogger" />
 <input type="hidden" name="naui" id="naui"
          value="8" />
 <input type="hidden" name="fpui" id="fpui"
          value="2" />
 <input type="hidden" name="skipvpage" id="skipvpage"
          value="true" />
 <input type="hidden" name="rm" id="rm"
          value="false" />
 <input type="hidden" name="dsh" id="dsh"
          value="7528144672560134721" />
 <input type="hidden" name="ltmpl" id="ltmpl"
          value="start" />
 <input type="hidden" name="alwf" id="alwf"
          value="true" />
 <input type="hidden" name="alinsu" id="alinsu"
          value="0" />

 <input type="hidden" name="ltmpl" id="ltmpl"
          value="start" />
 <input type="hidden" name="timeStmp" id="timeStmp"
      value=''/>
<input type="hidden" name="secTok" id="secTok"
      value=''/>
 <input type="hidden"
            name="GALX"
            value="9jTdYpcfWb4" />
 <input type="text" name="Email"  id="Email"
 size="18" value=""


   class='gaia le val'

 />
 </td>
</tr>
<tr>
 <td></td>
 <td align="left">

 <div style="color: #666666; font-size: 75%;">
 ex: pat@example.com
 </div>
 </td>
</tr>
<tr id="password-row" class="enabled">
 <td align="right" nowrap="nowrap">
 <span class="gaia le lbl">
 Password:
 </span>
 </td>

 <td>
 <input type="password"
  name="Passwd" id="Passwd"
 size="18"




   class="gaia le val"

 />
 </td>
</tr>
<tr>
 <td> </td>
 <td align="left">
 </td>
</tr>
 <tr id="rememberme-row" class="enabled">

 <td align="right" valign="top">
 <input type="checkbox" name="PersistentCookie" id="PersistentCookie"
   value="yes"

  

 />
 <input type="hidden" name='rmshown' value="1" />
 </td>
 <td>
 <label for="PersistentCookie" id="PersistentCookieLabel" class="gaia le rem">
 Stay signed in
 </label>
 </td>

</tr>
<tr>
 <td>
 </td>
 <td align="left">
 <input type="submit" class="gaia le button" name="signIn" id="signIn"
          value="Sign in"
                 />
 </td>
</tr>
<tr id="ga-fprow">
 <td colspan="2" height="33.0" class="gaia le fpwd"
   align="center" valign="bottom">
 <a href="https://www.blogger.com/forgot.g"
      target=_top>

 Forgot your password?
 </a>
 </td>
</tr>
 </table>
 </div>
 </td>
 </tr>
</table>
</div>
<input type="hidden" name="asts"
id="asts"
value="" />

</form>



6. Login akun blogger tambahkan widget HTML/Javascript pada blog anda .


7. Copas kode tadi ke widget HTML/Javascript tadi lalu coba preview blog anda .
   

Jika ada kesalahan pada simpan widget ataupun saat preview halaman bisa ditanyakan kepada saya (dengan ngisi komentar gitu ^_^) .

Semoga Tutorial diatas dapat membantu anda .

Terima kasih

Mochamad Idris

Read More . . .

Efek "Snow Storm" di Blogger

Dear All ,

Apakah anda melihat butiran - butiran yang jatuh di halaman blog ini , kalau tidak coba cek ketersediaan javascript di web browser anda (^-^) . Pada kesempatan kali ini penulis akan membahas mengenai cara membuat efek "Snow Storm" (Badai Salju) seperti yang anda lihat di blog anda dengan catatan engine blog anda adalah Blogger .

Langsung saja kita mulai :

1. Download file javascript ini .




2. Save dengan nama 'snowstorm.js' (tanpa tanda kutip) , ingat ekstensi harus [dot] js .




3. Setelah itu agar blog anda bisa menggunakan kode dari file javascript tersebut maka anda harus meng-upload nya ke internet , atau bisa saja anda menggunakan file javascript tadi yang saya upload disini .




4. Setelah anda sudah meng-upload file anda , copas link file tersebut ke dalam kode xml blog anda . Caranya :

   
   

   • Buka editor template anda .

   
   

   • Tulis kode dibawah ini

   
   

   <script src="link file anda disini" type="text/javascript" />

   
   

   • Letakkan sebelum tag </head> .

   
   

   

   
   

5. Sebelum di simpan coba anda "preview" dahulu .

Penulis tidak bertanggung jawab jika terjadi error pada template blog anda (he..he..bercanda kog!!) . Jika terjadi kesalahan insya Allah saya bersedia membantu .

Semoga tulisan saya diatas bisa membantu .

Terima kasih

Mochamad Idris

Read More . . .