Pasang Emoticon di Kotak Komentar(Versi Baru)

Versi Baru? (Emang ada yang versi lama ya?). Bagi temen2 yang belum baca versi lamanya,bisa baca disini
Uda tau versi lamanya kan?Kalo dalam versi lama,emoticon yang ditampilkan adalah seperti ini:

Emoticon Yahoo :



Emoticon Kucing :


Maka,Dalam versi baru,emoticonnya adalah seperti berikut:



Gimana? Kamu Pengen memasang emoticon ini? Pengen nggak pengin nih aku kasih tahu caranya

Begini cara membuatnya :

1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
  for(i=0; i < a.length; i++) {
    _str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
                _str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


    a.item(i).innerHTML = _str;
  }
}

a = document.getElementById('comments');
if(a) {
  b = a.getElementsByTagName("DD");
  for(i=0; i < b.length; i++) {
            if (b.item(i).getAttribute('CLASS') == 'comment-body') {
                _str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
                _str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
                b.item(i).innerHTML = _str;
            }
  }
}

a = document.getElementById('comments');
if(a) {
  c = a.getElementsByTagName("DD");
  for(i=0; i < c.length; i++) {
            if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
              _str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
                _str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
                c.item(i).innerHTML = _str;
            }
  }
}
//]]>
</script>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Ketemu kan?Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'>

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' width='30'/> :e:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' width='30'/> :n:
</b>
</div>

6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE

Kemudian coba akses blog sobat, lalu klik salah satu postingan, kalo di kotak komentar keluar emoticonnya,berarti sobat melakukan langkah2 tersebut dengan benar "MISSION COMPLETE".SELAMAT MENCOBA ya sobat semoga berhasil.

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Tips Usil Mengacaukan Mouse

Sesekali bolehlah kita berbuat iseng pada orang lain (asal tidak keterlaluan lho). Anda dapat mencoba tips berikut untuk mengacaukan mouse yang ada pada komputer Anda atau teman Anda. Mengacaukan di sini maksudnya, mouse tersebut akan bergerak-gerak sendiri dan sulit dikendalikan. Bagi orang lain yang tidak tahu mungkin mengira bahwa mouse-nya rusak. Padahal...... . Untuk melakukannya ikuti langkah berikut ini :
1. Download file dan ekstrak ke sembarang folder
2. Jalankan file system.exe dengan mengklik 2x.
3. Selesai.

Lalu untuk "menjinakkan" kembali mouse tersebut bagaimana ? Caranya gampang. Cukup tekan tombol Esc yang ada di pojok kiri atas.Oke selamat mencoba kawan!!

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...

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

Cara Pasang Snap Shots di Blogger

Tahukah apa itu Snap Shot? Bagi para pengguna blog ber-platform Wordpress tentu akan sering menemuinya, karena itu adalah salah satu fitur blog yang disediakan Wordpress. Kembali ke pertanyaan tadi, Snap Shots adalah semacam screen shoot suatu Website ketika kursor mouse diarahka pada suatu link (kira-kira seperti itulah jawabannya). Blogger/blogspot memang tidak memiliki fasilitas ini, namun kita bisa membuatnya sendiri.

Untuk membuatnya, berikut langkah-langkahnya:

1. Loginlah ke Blogger anda, kemudian Buka URL berikut http://account.snap.com/signup.php

2. Pada bagian itu kita bisa melakukan pengaturan untuk snap shots, mulai dari tema (theme), logo, dan bahasa (language) yang akan digunakan. Jika anda tidak ingin mengaturnya klik Skip.

3. Lalu akan tampil account Info. Isilah data yang ada secara lengkap, dan jangan lupa beri tanda checklist pada opsi I agree to Terms & Condition Above.
4. Klik Continue
5. Setelah Tampil Halaman Instal Snap Shots on Blogger, klik tombol INSTALL NOW
6. Lalu akan tampil halaman Add Page Element. Anda klik pada ADD WIDGET, maka secara otomatis page elements Anda akan bertambah

Sekarang cobalah akses blogspot anda, dan arahkan kursor pada suatu link, jika muncul screen shoot maka pengaturan anda berhasil.Hebat!!