Cara Membuat Login Form Blogger

Lain blogger lain wordpress,membuat blog di blogger/blogspot memang tak seperti jika kita membuat blog pada wordpress. Yang kita soroti disini adalah blog di wordpress mempunyai halaman login/kotak login/login form di sidebar,sedangkan login pada blogger hanya tertera pada navigationbar(navbar) yaitu pada bar yang terpampang di ujung atas halaman blogger. Terus, Bagaimana kalau kita ingin membuat form login blogger di sidebar? . Walaupun dari blogger sendiri tidak menyediakan, tapi kita dapat mensiasatinya. Bagaimana cara membuatnya?hehehe.. Langsung saja, check it out!!....
Kalo cara yang sulit yaitu secara manual berikut caranya dan nanti tampilannya akan seperti ini:


1.Copy Kode Berikut:

<form  id="gaia_loginform"              action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post"            onsubmit=                 "return(gaia_onLoginSubmit());"                >
<div id="gaia_loginbox">
<table  class="form-noindent" cellspacing="0" cellpadding="5" width="100%" border="0">  
<tr>  <td valign="top" style="text-align:center" nowrap="nowrap"        bgcolor="#e8eefa">  
<input type="hidden" name="ltmpl"             value="draft">  
<div class="loginBox">  
<table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">  
<tr><td colspan="2" align="center">  
<table>  <tr>  <td valign="top">  
<img src="http://kodehexa.googlepages.com/google_transparent.gif"           alt="Google">  
</img>  
</td>  
<td valign="middle">  
<font size="+0">
<b>Akun</b>
</font>  
</td>  
</tr>
</table>  
<font size="-1">  
</font></td>
</tr>  
<script type="text/javascript">
<!--    function onPreCreateAccount() {          return true;        }     function onPreLogin() {                if (window["onlogin"] != null) {        return onlogin();      } else {        return true;      }        }  -->
</script>
<tr>  
<td colspan="2" align="center">  
</td>
</tr>
<tr>  
<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://draft.blogger.com/loginz?d=%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="ltmpl" id="ltmpl"           value="draft" />  
<input type="hidden" name="hl" id="hl"           value="in" />  
<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="draft" />  
<input type="hidden"             name="GALX"             value="Ie2nThzvHSI" />  
<input  type="text" name="Email"  id="Email"  size="18" value=""      class='gaia le val'    />  
</td>
</tr>
<tr>  
<td>
</td>  
<td align="left">  
</td>
</tr>
<tr>  
<td align="right">  
<span class="gaia le lbl">  
Sandi:  
</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>  
<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" class="gaia le rem">  
Ingat saya di komputer ini  
</label>  
</td>
</tr>
<tr>  
<td>  
</td>  
<td align="left">  
<input type="submit" class="gaia le button" name="signIn"           value="Masuk"                  />  
</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>  
Anda lupa sandi?  
</a>  
</td>
</tr>  
</table>  
</div>  
</td>  
</tr>
</table>
</div>
<input type="hidden" name="asts"       id="asts"       value="">
</form>
<form id="gaia_universallogin"      action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post"      onsubmit="return(gaia_onLoginSubmit());">  
<input type="hidden" name="continue" id="continue"           value="https://draft.blogger.com/loginz?d=%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="ltmpl" id="ltmpl"           value="draft" />  
<input type="hidden" name="hl" id="hl"           value="in" />  
<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="draft" />  
<input type="hidden" name="ltmpl" id="ltmpl"           value="draft" />
</form>

2. Kemudian Login ke Blogger kamu
3. Pilih Layout=> Add Gadget=> HTML//Java Script
4. Paste-kan Kode tadi => Save Setting


Kalo ga mau susah-susah,sebagai orang yang baik hati, nih aku kasih yang gampang. Tinggal klik aja tombol dibawah ini nanti otomatis akan di add gadget sendiri(catatan:kamu harus login blogger terlebih dahulu,okey!)

Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><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 style="font-size: 80%">Widget edited by <a href="http://blog-triks.blogspot.com">Blog-Triks</a></span>

Selamat menikmati..Eh mencoba...

Read More

Membuat Roaming effect Blogger

Mungkin Kamu pernah di kagetkan saat membuka sebuah blog/web yang tiba-tiba roming(mengalami gangguan,seperti bergetar). Belum Pernah? ya sudah nih tak kasih contohnya, silakan klik disini.Sudah tahu kan?Nha,Membuat effect roming seperti itu memang bisa dilakukan,caranya pun mudah.
Nih tak kasih Script rahasianya,
1.Copy Kode berikut ini:

<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

2.Login ke Blogger kamu => Layuot=> Edit HTML
3.Kemudian paste-kan kode tadi sebelum kode </head>
4.Kemudian Save Template
5.Selesai

Coba akses blog kamu untuk melihat hasilnya..Semoga Bermanfaat

Read More

Cara Membuat Shout Box

Shout Box atau juga sering disebut Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu Save
13. Selesai...

Read More

Cara Membuat Search Engine

Search Engine atau Mesin Pencari adalah sebuah terobosan Canggih di dunia Internet.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan., yang akan dikupas disini adalah bagaimana caranya membuat/pasang search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Read More

Cara Menampilkan Status YM (Yahoo Messenger)

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Read More