Memasang Emoticon KaskuSer

Bismillahketemu lagi nech, adem2 gini di temanin kompie untuk buat posting blog...
hmmmm ada yang pernah lihat blog yang ada emoticonnya gak??  seperti emoticon yahoo, emoticon kucing, dan emoticon yang laen2. nah sekarang kita akan coba bikin emoticon yang paling rame bikinan anak indonesia , yaitu emoticon Kaskus, di jamin dech, tampilan komentar kamu bakal lebih rame....  untuk contohnya, langsung lihat aja di kotak komentar blog ini... hehehe
cara bikinnya: Pertama Log In ke Blogger.com

- Habis itu ke Menu Tata Letak
- Lalu Pilih tab Edit HTML
- Nah disini jangan lupa centang dulu gan Expand Template Widget
- Sudah? Kalo sudah langsung cari kode yang </body>. Dan copas kode 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://4.bp.blogspot.com/_BQvRTVngrrc/S7F3-kC6wPI/AAAAAAAAAFA/OcXUR4ihkhI/s200/a.png' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4hmi6AsI/AAAAAAAAAFI/nonaCyDo1jk/s200/b.png'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4-MvYODI/AAAAAAAAAFY/Ws4oMdeXRzk/s200/c.png' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5IlXv5lI/AAAAAAAAAFg/8Wm05rBx-CU/s200/d.png' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5NnmOBXI/AAAAAAAAAFo/Lh6-SoQJ_nk/s200/e.png' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5SesE_lI/AAAAAAAAAFw/Anzj90f9sWY/s200/f.png' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5YJg6ktI/AAAAAAAAAF4/h2oi5sd4ykI/s200/g.png' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5cm_mN0I/AAAAAAAAAGA/hqlea01SYOE/s200/h.png' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5iiF3aTI/AAAAAAAAAGI/CStpXElpJPw/s200/i.png' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7F5rckegGI/AAAAAAAAAGQ/ftRJk1Kg-NE/s200/j.png' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5yGHuQmI/AAAAAAAAAGY/KpYvdFKdw3A/s200/k.png' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GASaKJaTI/AAAAAAAAAGg/7Zooibt6Bbo/s200/l.png' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAWc0pU6I/AAAAAAAAAGo/YlL0LkwsIQw/s200/m.png' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAbtwXXdI/AAAAAAAAAGw/sDzc1C6xPmw/s200/n.png' alt='' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7GAqDwLpCI/AAAAAAAAAHA/BgSOdCMNSzo/s200/o.png' alt='' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAuDRJ4sI/AAAAAAAAAHI/AlbBShq6IjI/s200/p.png' alt='' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAygycuUI/AAAAAAAAAHQ/91vykjMOqsY/s200/q.png' alt='' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LqrDz_NXI/AAAAAAAAAIw/w99hdkmFpgQ/s320/r.png' alt='' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7LqzyUp8BI/AAAAAAAAAI4/WgGF6haAnFg/s320/s.png' alt='' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrUknxdyI/AAAAAAAAAJI/p1qgISvACsA/s320/t.png' alt='' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrY0wsM1I/AAAAAAAAAJQ/VjL6jKPiI8s/s320/u.png' alt='' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrdmnJ-0I/AAAAAAAAAJY/63i1u_VdKlM/s320/v.png' alt='' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lrh-r7ZrI/AAAAAAAAAJg/VFdXCa9nHE4/s320/w.png' alt='' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lxf-BTYoI/AAAAAAAAAJo/Fu-P2E4nM2I/s320/x.png' 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://4.bp.blogspot.com/_BQvRTVngrrc/S7F3-kC6wPI/AAAAAAAAAFA/OcXUR4ihkhI/s200/a.png' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4hmi6AsI/AAAAAAAAAFI/nonaCyDo1jk/s200/b.png'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4-MvYODI/AAAAAAAAAFY/Ws4oMdeXRzk/s200/c.png' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5IlXv5lI/AAAAAAAAAFg/8Wm05rBx-CU/s200/d.png' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5NnmOBXI/AAAAAAAAAFo/Lh6-SoQJ_nk/s200/e.png' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5SesE_lI/AAAAAAAAAFw/Anzj90f9sWY/s200/f.png' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5YJg6ktI/AAAAAAAAAF4/h2oi5sd4ykI/s200/g.png' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5cm_mN0I/AAAAAAAAAGA/hqlea01SYOE/s200/h.png' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5iiF3aTI/AAAAAAAAAGI/CStpXElpJPw/s200/i.png' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7F5rckegGI/AAAAAAAAAGQ/ftRJk1Kg-NE/s200/j.png' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5yGHuQmI/AAAAAAAAAGY/KpYvdFKdw3A/s200/k.png' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GASaKJaTI/AAAAAAAAAGg/7Zooibt6Bbo/s200/l.png' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAWc0pU6I/AAAAAAAAAGo/YlL0LkwsIQw/s200/m.png' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAbtwXXdI/AAAAAAAAAGw/sDzc1C6xPmw/s200/n.png' alt='' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7GAqDwLpCI/AAAAAAAAAHA/BgSOdCMNSzo/s200/o.png' alt='' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAuDRJ4sI/AAAAAAAAAHI/AlbBShq6IjI/s200/p.png' alt='' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAygycuUI/AAAAAAAAAHQ/91vykjMOqsY/s200/q.png' alt='' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LqrDz_NXI/AAAAAAAAAIw/w99hdkmFpgQ/s320/r.png' alt='' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7LqzyUp8BI/AAAAAAAAAI4/WgGF6haAnFg/s320/s.png' alt='' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrUknxdyI/AAAAAAAAAJI/p1qgISvACsA/s320/t.png' alt='' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrY0wsM1I/AAAAAAAAAJQ/VjL6jKPiI8s/s320/u.png' alt='' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrdmnJ-0I/AAAAAAAAAJY/63i1u_VdKlM/s320/v.png' alt='' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lrh-r7ZrI/AAAAAAAAAJg/VFdXCa9nHE4/s320/w.png' alt='' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lxf-BTYoI/AAAAAAAAAJo/Fu-P2E4nM2I/s320/x.png' 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://4.bp.blogspot.com/_BQvRTVngrrc/S7F3-kC6wPI/AAAAAAAAAFA/OcXUR4ihkhI/s200/a.png' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4hmi6AsI/AAAAAAAAAFI/nonaCyDo1jk/s200/b.png'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4-MvYODI/AAAAAAAAAFY/Ws4oMdeXRzk/s200/c.png' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5IlXv5lI/AAAAAAAAAFg/8Wm05rBx-CU/s200/d.png' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5NnmOBXI/AAAAAAAAAFo/Lh6-SoQJ_nk/s200/e.png' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5SesE_lI/AAAAAAAAAFw/Anzj90f9sWY/s200/f.png' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5YJg6ktI/AAAAAAAAAF4/h2oi5sd4ykI/s200/g.png' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5cm_mN0I/AAAAAAAAAGA/hqlea01SYOE/s200/h.png' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5iiF3aTI/AAAAAAAAAGI/CStpXElpJPw/s200/i.png' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7F5rckegGI/AAAAAAAAAGQ/ftRJk1Kg-NE/s200/j.png' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5yGHuQmI/AAAAAAAAAGY/KpYvdFKdw3A/s200/k.png' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GASaKJaTI/AAAAAAAAAGg/7Zooibt6Bbo/s200/l.png' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAWc0pU6I/AAAAAAAAAGo/YlL0LkwsIQw/s200/m.png' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAbtwXXdI/AAAAAAAAAGw/sDzc1C6xPmw/s200/n.png' alt='' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7GAqDwLpCI/AAAAAAAAAHA/BgSOdCMNSzo/s200/o.png' alt='' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAuDRJ4sI/AAAAAAAAAHI/AlbBShq6IjI/s200/p.png' alt='' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAygycuUI/AAAAAAAAAHQ/91vykjMOqsY/s200/q.png' alt='' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LqrDz_NXI/AAAAAAAAAIw/w99hdkmFpgQ/s320/r.png' alt='' class='smiley'/>");
_str = _str.replace(/:s:/gi, "<img src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7LqzyUp8BI/AAAAAAAAAI4/WgGF6haAnFg/s320/s.png' alt='' class='smiley'/>");
_str = _str.replace(/:t:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrUknxdyI/AAAAAAAAAJI/p1qgISvACsA/s320/t.png' alt='' class='smiley'/>");
_str = _str.replace(/:u:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrY0wsM1I/AAAAAAAAAJQ/VjL6jKPiI8s/s320/u.png' alt='' class='smiley'/>");
_str = _str.replace(/:v:/gi, "<img src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrdmnJ-0I/AAAAAAAAAJY/63i1u_VdKlM/s320/v.png' alt='' class='smiley'/>");
_str = _str.replace(/:w:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lrh-r7ZrI/AAAAAAAAAJg/VFdXCa9nHE4/s320/w.png' alt='' class='smiley'/>");
_str = _str.replace(/:x:/gi, "<img src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lxf-BTYoI/AAAAAAAAAJo/Fu-P2E4nM2I/s320/x.png' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

- Kalo sudah langsung cari kode yang berwarna merah di bawah ini

<p class='comment-footer'>
----- LOKASI PASTE KODE -----
<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>

- Uah ketemu! Kalo udah Copy Kode berikut lalu paste di antara kode yang warna merah tersebut.

<div align="center">
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F3-kC6wPI/AAAAAAAAAFA/OcXUR4ihkhI/s200/a.png' width='30'/> :a:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4hmi6AsI/AAAAAAAAAFI/nonaCyDo1jk/s200/b.png' width='30'/> :b:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F4-MvYODI/AAAAAAAAAFY/Ws4oMdeXRzk/s200/c.png' width='30'/> :c:
<img border='0' height='30' src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5IlXv5lI/AAAAAAAAAFg/8Wm05rBx-CU/s200/d.png' width='30'/> :d:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5NnmOBXI/AAAAAAAAAFo/Lh6-SoQJ_nk/s200/e.png' width='30'/> :e:
<img border='0' height='30' src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5SesE_lI/AAAAAAAAAFw/Anzj90f9sWY/s200/f.png' width='30'/> :f:
<img border='0' height='30' src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5YJg6ktI/AAAAAAAAAF4/h2oi5sd4ykI/s200/g.png' width='30'/> :g:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7F5cm_mN0I/AAAAAAAAAGA/hqlea01SYOE/s200/h.png' width='30'/> :h:
<br/>
<img border='0' height='30' src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7F5iiF3aTI/AAAAAAAAAGI/CStpXElpJPw/s200/i.png' width='30'/> :i:
<img border='0' height='30' src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7F5rckegGI/AAAAAAAAAGQ/ftRJk1Kg-NE/s200/j.png' width='30'/> :j:
<img border='0' height='30' src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7F5yGHuQmI/AAAAAAAAAGY/KpYvdFKdw3A/s200/k.png' width='30'/> :k:
<img border='0' height='30' src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GASaKJaTI/AAAAAAAAAGg/7Zooibt6Bbo/s200/l.png' width='30'/> :l:
<img border='0' height='30' src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAWc0pU6I/AAAAAAAAAGo/YlL0LkwsIQw/s200/m.png' width='30'/> :m:
<img border='0' height='30' src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAbtwXXdI/AAAAAAAAAGw/sDzc1C6xPmw/s200/n.png' width='30'/> :n:
<img border='0' height='30' src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7GAqDwLpCI/AAAAAAAAAHA/BgSOdCMNSzo/s200/o.png' width='30'/> :o:
<img border='0' height='30' src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7GAuDRJ4sI/AAAAAAAAAHI/AlbBShq6IjI/s200/p.png' width='30'/> :p:
<img border='0' height='30' src='http://2.bp.blogspot.com/_BQvRTVngrrc/S7GAygycuUI/AAAAAAAAAHQ/91vykjMOqsY/s200/q.png' width='30'/> :q:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LqrDz_NXI/AAAAAAAAAIw/w99hdkmFpgQ/s320/r.png' width='50'/> :r:
<img border='0' height='30' src='http://1.bp.blogspot.com/_BQvRTVngrrc/S7LqzyUp8BI/AAAAAAAAAI4/WgGF6haAnFg/s320/s.png' width='50'/> :s:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrUknxdyI/AAAAAAAAAJI/p1qgISvACsA/s320/t.png' width='40'/> :t:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrY0wsM1I/AAAAAAAAAJQ/VjL6jKPiI8s/s320/u.png' width='40'/> :u:
<img border='0' height='30' src='http://4.bp.blogspot.com/_BQvRTVngrrc/S7LrdmnJ-0I/AAAAAAAAAJY/63i1u_VdKlM/s320/v.png' width='50'/> :v:
<img border='0' height='30' src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lrh-r7ZrI/AAAAAAAAAJg/VFdXCa9nHE4/s320/w.png' width='70'/> :w:
<img border='0' height='30' src='http://3.bp.blogspot.com/_BQvRTVngrrc/S7Lxf-BTYoI/AAAAAAAAAJo/Fu-P2E4nM2I/s320/x.png' width='60'/> :x:
</div>

- Terakhir klik Simpan Template
Selesai!.... lalu kamu tinggal cobain/test dengan komentar2 unik n lucu ala kaskus, di jamin rame dech..
 salam sahabat blogger dari santri-one

»»  Baca Lebih Lengkap... >>

Membuat Widget Top Comment

Bismillah 
sesuai dengan judul di atas, saat ini kita akan membuat widget top comments, widget ini berguna untuk menampilkan siapa saja yang sering berkomentar di artikel2 kita, dengan begitu, siapa yang paling sering komentar, maka ia akan selalu tampil di barisan paling atas. nah ini juga bisa meningkatkan trafic jumlah pengunjung blog agar mereka berlomba2 menjadi Top Komentator di blog kita. gimana,,,, menarik bkan???

Nah, cara menampilkan Top Comment di blog sebagai berikut :

• Login dulu ke Blogger
• Pada halaman dashboard, klik Tata Letak/Layout
• Klik Add Gadget
• Pilih HTML/Javascript
• "untuk pemula, yang masih bingung, langsung aja kalian baca cara menambahkan sesuatu di sidebar"
• yang sudah tahu caranya, langsung Masukkan code dibawah ini :

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fnama-blog.blogspot.com&num=10&filter=nama sobat" type="text/javascript"></script> 

• Ganti tulisan berwarna merah dengan link blog sobat
• Ganti tulisan berwarna biru dengan Nama sobat yang biasa dipakai untuk membalas komentar.
• Sedangkan angka 10 adalah jumlah Top Comment yang akan ditampilkan 
• Simpan Gadgetnya
• Coba dech lihat hasilnya

Selamat mencoba sobat
Semoga bermanfaat
Terima Kasih
 salam sahabat blogger dari santri-one

sumber:  serba-seru.blogspot.com

»»  Baca Lebih Lengkap... >>

Html Encoder untuk menampilkan script pada posting

biasanya, kode html/javascrit itu khan kalo langsung di posting di majalah postingan, itu kodenya tidak muncul, nah caranya gimana yach supaya bisa muncul???? kita gunakan aja html encoder yang aq dapat dari blog sebelah. hehehe
Bagi Yang belum tahu cara posting kode HTML (Blog), maka disini disediakan tool atau generator untuk merubah kode HTML (Parse / Encode) supaya bisa ditampilkan pada Posting Blog

Silakan Copy Paste atau tulis kode HTML yang ingin anda Tulis pada posting Blog pada Form atau kotak yang tersedia, Lalu Klik "HTML Encode" dan Copy Paste hasilnya pada Postingan anda. Jika ingin Parse (Encode) kode yang lain silakan klik "Reset"

santri-one

salam sahabat blogger dari santri-one

»»  Baca Lebih Lengkap... >>

Membuat Menu Custom Dropdown

Bismillah
kali ini kita akan belajar cara membuat menu sendiri, jadi bisa kita edit sesuka kita, tampilannya juga bisa kita ganti2, seperti yg di bawah ini.... gmana???

• Home
• Facebook
• Yahoo!
• Twitter
• Youtube

lihat menu di atas?? sepertinya biasa aja, tapi sebenarnya Menu diatas merupakan contoh Menu Drop-Down Unik...
Menu tersebut sangat cocok untuk tampilan blog anda karena ukuran dan tampilan yang unik yang cocok untuk tampilan di menu blog anda..
Tertarik untuk memasangnya?
Oke Langsung saja Copy Paste kode nya dibawah ini dan taruh di sidebar, caranya bisa kamu baca di " cara memasang html di sidebar"
untuk kodenya, silahkan ganti yang berwarna biru  dengan url/alamat link kamu. untuk yanga hijau, silahkan ganti dengan judul menu yg kamu inginkan

<!--Menu Drop-Down Unik-->

<center><div id="menu">

<ul>

<li><a class="current" href="http://santri-one.blogspot.com">Home</a></li>

<li><a href="http://facebook.com">Facebook</a></li>

<li><a href="http://id.yahoo.com">Yahoo!</a></li>

<li><a href="http://twitter.com">Twitter</a></li>

<li><a href="http://www.youtube.com">Youtube</a></li>

</ul>

</div></center>

<style>

*{

margin:0;

padding:0;

}

#menu{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_pcdN-guCc93y1jZMUIHRLBWKaE0axUl9v0Qf8F3g5xGUUVuG2VwukGXjH0cyOovnG4SZ6IODKw6jmlfcFg3krF2oIJsjrcVdsvqExbiIhKCa0JNvpjP6AqFFCJaQEm6gjjmXm2GIzGs/s1600/menu_026_bg.jpg) no-repeat;

width:172px;

height:193px;

padding:15px;

}

#menu ul{

list-style:none;

padding:0 0 0 8px;

}

#menu li{

list-style:none;

display:block;

padding:10px 0;

}

#menu li a{

list-style:none;

display:block;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jE3LBT9ivd0G8O3TkveREYuRqYJk6DKbogNK8gNQ970J1A5lmg5IN7hzdvixTA9nsNGUMVOKcOTjbPJasgDE9vS-2BhVKndP8A7apnVLhcB_3Aq0yaFWuHA7rE53kY9bfol09RmdoXy-/) no-repeat left center;

color:#ffe991;

font-weight:bold;

text-transform:uppercase;

font-size:11px;

line-height:1.5em;

text-decoration:none;

padding:0 5px 0 25px;

}

#menu li a:hover{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXt7B7p01o0Cu_VMOdzyETf_zZLx2GpX4tgUnjWOuGbuC21g_c9a3R8nMNhAbkIP0drj3nvfThFv9BJgXvOjMyE_KsgdQxfp41V4aX2tM3G5flS9SkbIPg0pm-suXtcpd3ndu2ovVFjIVz/) no-repeat left center;

color:#fff;

text-decoration:none;

}

#menu li .current{

list-style:none;

display:block;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXt7B7p01o0Cu_VMOdzyETf_zZLx2GpX4tgUnjWOuGbuC21g_c9a3R8nMNhAbkIP0drj3nvfThFv9BJgXvOjMyE_KsgdQxfp41V4aX2tM3G5flS9SkbIPg0pm-suXtcpd3ndu2ovVFjIVz/) no-repeat left center;

color:#fff;

font-weight:bold;

text-transform:uppercase;

font-size:11px;

text-decoration:none;

padding:0 5px 0 25px;

}

#menu li a.current, #menu li a:hover.current{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXt7B7p01o0Cu_VMOdzyETf_zZLx2GpX4tgUnjWOuGbuC21g_c9a3R8nMNhAbkIP0drj3nvfThFv9BJgXvOjMyE_KsgdQxfp41V4aX2tM3G5flS9SkbIPg0pm-suXtcpd3ndu2ovVFjIVz/) no-repeat left center;

color:#fff;

text-decoration:none;

}

</style>

<!--santri-one.blogspot.com-->

salam sahabat blogger dari santri-one

»»  Baca Lebih Lengkap... >>

Memasang Google Translate di sidebar

Bismillah
al-ikhtilafu rahmatun. artinya: perbedaan adalah rahmat. dan kita harus bersukur dengan adanya perbedaan tersebut semoga kita bisa saling memahami. termasuk dalam perbedaan bahasa, kalo masih ada yg belom memahami ya silahkan kamu pakai google translate aja biar faham.. hehehe
Dengan adanya widget ini para pengunjung dari seluruh belahan dunia dapat menikmati isi blog kita tanpa terhalang oleh perbedaan bahasa. Apabila ada pengunjung dari luar negeri, mereka tinggal menerjemahkan isi blog dari bahasa indonesia ke dalam bahasa mereka. Tapi ada satu masalah, yaitu widget ini sulit untuk menerjemahkan tulisan dengan bahasa yang tidak baku. Tapi gak papalah yang penting pengunjung dapat mengerti apa isi dari blog kita ( Visitor's is King). Bentuk dari Penerjemah minimalis, simpel pokoknya ndak mberatin blog kita deh. Kayak gini bentuknya:







Nah Tulkan, minimalis n' simpel. Okey... sekarang pertanyannya gimana cara buatnya...? caranya sangat mudah yaitu sebagai berikut:
1. Masuklah ke menu layout atau Tata Letak.
2. Klik Page Element atau elemen halaman.
3. Klik Add new gadgets atau tambah gadget.
4. Pilih Gadget HTML/JavaScript.
5. Masukkan kode HTML berikut ini:

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

6. Nah... kode yang berwarna hijau adalah ukuran widget yang bisa anda ganti-ganti sesuai ukuran yang anda kehendaki.
7. Klik Save.
8. Sekarang para pengunjung dapat menikmati blog anda tanpa terhalangi oleh perbedaan bahasa.
salam sahabat blogger dari santri-one

»»  Baca Lebih Lengkap... >>

Membuat Animasi yang berterbangan di blog

Bismillah langsung saja yah.. karena terinspirasi sama seseorang yang seneng banget sama "bintang" jadi aku pengen posting sesuatu yang ada bintangnya, tapi apa yach??
ya udah dech kali ini kta akan mulai mempercantik blog kita dengan animasi2 yang gak kalah cantiknya yaitu animasi bintang kecil dan bidadari terbang di blog kamu...

sebenarnya gak cuma bintang aja yang bisa di pasang. tapi gambar2 lain sesuka kamu tapi kita coba dulu dengan gambar bintang soalnya, gimanaa gtu.. contohnya bisa dilihat / klik di blog percobaan ini

gimana?? tertarik?
langsung aja kali ya, gak usah banyak omong lagi. Langkah:
1. Masih seperti biasa Log-In dulu dengan ID masing-masing
2. Lalu masuk ke “Rancangan/Tata Letak” Trus “Elemen Laman”
3. Kemudian “Tambah Gadget” dan pilih “HTML/JavaScrip” caranya
4.yang belom tau caranya, silahkan baca  cara menambah script di sidebar
5. Kalo sudah tau caranya, langsung copy paste kode dibawah ini :

---

<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE UNTUK SETIAP URL GAMBAR. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='http://i982.photobucket.com/albums/ae301/ratna91/Flying/66030.gif';
floatimages[1]='http://i982.photobucket.com/albums/ae301/ratna91/Flying/74238.gif';
floatimages[2]='http://i982.photobucket.com/albums/ae301/ratna91/Flying/74238.gif';
floatimages[3]='http://i982.photobucket.com/albums/ae301/ratna91/Flying/74238.gif';
floatimages[4]='http://i982.photobucket.com/albums/ae301/ratna91/Flying/74238.gif';

//*********JANGAN EDIT KODE DIBAWAH INI***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}

//]]>
</script>

---

Ket:

1. floatimage : Untuk menempatkan URL Image-nya, kalian bisa nambah atau mengurang.
2. Penetapan diawali dengan angka “0” sampai seterusnya
3. Kode yang warna merah ntu bisa kalian ganti dengan “URL IMAGE KALIAN” bisa lhat disini "url gambar animasi" sekian dulu semoga bermanfaat, wassalam. salam sahabat blogger dari santri-one

»»  Baca Lebih Lengkap... >>

Mengenal Widget/ Gadget Blogger

Bismillah
Apa itu Gadget? Pengertian Gadget pada umumnya dengan pengertian Gadget di Blogger.com beda. Gadget secara umum adalah barang elektronik kecil yang yang didesain sedemikian rupa sehingga menjadikannya sebagai sesuatu inovasi terbaru, atau juga bisa dikatakan sebagai suatu penemuan yang benar-benar menakjubkan pada masanya. sedangkan Gadget di blogger.com adalah kumpulan elemen atau fitur yang memang disediakan oleh pihak blogger.com dengan tujuan untuk mendukung fungsi blogger.com sebagai web penyedia jasa blogging gratis. Berhubung pengertian di atas adalah hasil pengertian yang dibuat oleh empunya blog sebagai secuil pengalamannya di dunia per-blog-an, jadi teman-teman juga bisa mencari ide untuk memunculkan pengertian tersendiri (asal jangan keluar rel ya...).

kembali ke topik kita kali ini, yaitu mengenal Fungsi Gadget Blogger. Memang fungsi dari masing-masing gadget sudah dijelaskan oleh pihak blogger, namun beberapa pemula di blogger.com merasa penjelasan tersebut masih kurang, oleh karena itu si empunya blog berharap teman-teman menjadi lebih mudah dengan hadirnya postingan ini. Agar teman-teman cepat menghafal atau paham mengenai fungsi dari Gadget Blogger, ada baiknya teman-teman sambil memperaktekkannya, karena kalau teman hanya sekedar membaca dan tidak memperaktekkannya maka akan sia-sia saja.
Fungsi dari Gadget-gadget Blogger.com adalah sebagai berikut:

1. Pengikut.
Gadget ini Berfungsi untuk Menampilkan daftar pengguna yang mengikuti blog Anda, lalu apa kegunaan dari mengikuti suatu blog? Kegunaannya adalah si pengikut akan segera tahu apabila ada artikel terbaru yang terposting di blog yang ia ikut, dan ini akan langsung tampil di Dasbor si pengikut. Agar lebih gampang seperti ini ilustrasinya: Si A mengikuti Blog si B, maka si A akan dengan cepat mengetahui apabila ada postingan terbaru dari blog si B, karena postingan terbaru tersebut akan langsung tampil di dasbornya si A, tatkala ia login/ masuk ke akun blogger-nya. sedangkan kegunaan bagi si pemilik blog yaitu untuk mempermudah penyebaran postingan terbarunya. Dengan kata lain, gadget ini bisa dikatakan memiliki peranan dalam mempermudah kedua belah pihak, antara si pemilik dan si pengikut. Apabila anda menambahkan gadget ini ke blog anda, maka seperti inilah nanti tampilannya:


2. Kotak Penelusuran/ search box
Gatget ini berfungsi untuk menelusuri isi blog-blog, blogroll, atau apapun yang pernah Anda tauti ke dalam blog anda. Anda juga bisa mengatur Gatget penelusuran ini hanya untuk mencari isi yang berada di blog anda saja, contohnya saja blog t4belajarblogger ini. Blog ini menggunakan gatget penelusuran khusus blog ini saja. Gadget penelusuran ini di dukung oleh Om Google, jadi gak perlu khawatir tentang kualitas pencariannya. Apabila anda belum ada gambaran bagaimana bentuk gadget ini setelah dipasang ke blog anda, anda bisa menengok di bagian atas postingan blog ini, dan anda akan melihatnya seperti di bawah ini:


3. HTML/ JavaScript.
Gadget ini berfungsi untuk menambahkan fungsional pihak ketiga atau kode lainnya ke blog Anda. Dengan gadget ini anda bisa menambahkan kode HTML/ script di blog anda. Kode script itu biasanya bermacam-macam, ada yang berupa kode script iklan, banner, dll. Seperti apakah kode script itu? Agar teman-teman lebih jelas seperti apakah kode script itu, teman-teman bisa memperhatikannya melalui contoh berikut ini:

"<div style="text-align: center;"><a href="http://whos.amung.us/stats/gaaxkjwwh9sj/"><img src="http://whos.amung.us/cwidget/gaaxkjwwh9sj/ffffff000000.png" title="Click to see how many people are online" border="0" height="29" width="81" /></a></div>"

Dan hasil dari kode di atas adalah:

dan kode di atas berfungsi untuk mengetahui orang yang sedang online di blog kita.
4. Teks.
Melalui gadget ini, anda bisa menambah kata-kata di blog anda, seperti: Selamat datang di blog kami, selamat membaca, jangan lupa meninggalkan komentar, dll. Anda juga bisa menulis beberapa puisi atau juga pantun. Selain itu anda bisa membuat tulisan yang diselipi dengan link (Hyper Link) di dalamnya, seperti dengan menggunakan kata-kata, "untuk membaca panduan merakit komputer silahkan untuk pergi ke halaman ini" (kata ini, anda selipi dengan suatu link), atau juga bisa anda selipi dengan alamat e-mail.
5. Gambar.
Melalui gadget ini teman-teman bisa menambah suatu gambar ke blog-nya teman-teman. Entah itu gambar dari komputer atau suatu web. Selain itu teman-teman juga bisa membuat link tujuan gambar tersebut, contohnya saja teman-teman memiliki posting tentang masjid atau tentang ka'bah, maka teman-teman bisa memasang gambar masjid atau ka'bah tersebut ke blognya teman-teman dengan link yang bertujuan ke postingan yang isinya tentang masjid dan ka'bah tadi.
6. tampilan Slide.
Dengan Gadget ini teman-teman bisa memunculkan tampilan slide di blognya teman-teman. Slide yang akan ditampilkan sudah disediakan oleh pihak blogger.com itu sendiri, jadi teman-teman tinggal mengaktifkannya. Sebelum mengaktifkan gadget ini, teman-teman juga bisa mengatur jenis tampilan slide-nya nanti seperti apa.
7. Baris Video.
Dengan gadget ini teman-teman bisa menambah video klip dari Youtube juga video Google, sehingga para pengunjung bisa menontonnya. Bagusnya lagi, para pengunjung tersebut dapat menonton video tadi tanpa harus meninggalkan halaman posting, anda juga bisa mensettingnya dengan menggunakan kotak keyword yang tersedia.
8. Polling.
Dengan gadget ini anda bisa melakukan survey terhadap para pengunjung. Apakah kegunaan dari survey tersebut? Dengan adanya survey tersebut anda akan mengetahui sampai di manakah daya tarik pembaca terhadap blog anda, sehingga anda bisa memantau kualitaf dari isi blog anda.
9. Daftar Blog.
Dengan gadget ini anda dapat menampilkan blog vaforit anda di blog anda. Anda cukup menulis link blog faforit anda, lalu klik tombol tambah. Dengan begitu anda juga akan mudah untuk pergi ke blog tersebut, tanpa harus menghafal alamat URL-nya atau mungkin dengan tujuan lain seperti sebagai referensi blog anda.
10. Daftar Link.
Gadget yang ini kegunaannya hampir sama dengan gadget di atas. Namun untuk gadget yang ini, yang muncul nantinya hanyalah link-nya saja. Namanya juga Daftar Link. Gadget ini dapat anda manfaatkan untuk tujuan tukar link, atau sebagai blog roll (link ke teman-teman blogger lainnya).
11. Daftar.
Dengan gadget ini, anda bisa menambah daftar buku kesukaan anda, film kesukaan anda, atau apapun yang memang anda rasa penting untuk didaftarkan ke blog anda.


12. Feed.
Dengan Gadget ini anda bisa menyisipi feed RSS atau Atom ke blog anda, belum tahu apa itu Feed RSS atau Atom? Agar lebih jelas, teman-teman bisa melihat contohnya di: Sini. Jadi link Rss Blog t4belajarblogger adalah http://t4belajarblogger.blogspot.com, silahkan anda ganti yang dicetak tebal dengan alamat URL blog anda.
13. NewsReel.
Dengan gadget ini, secara otomatis menampilkan tajuk google news dari blog anda.



14. Label.
Dengan gadget ini anda dapat menampilkan label/ kategori semua postingan yang ada di dalam blog anda. Lalu apakah kegunaan label/ kategori tersebut? Dengan adanya label/ kategori para pengunjung akan merasa lebih mudah dalam mencari artikel yang mereka butuhkan. Contohnya blog anda membahas tentang kesehatan. Sedangkan artikel anda banyak sekali yang membahas tentang kesehatan, dengan tersedianya gadget label ini, anda dapat mengkategorikan postingan anda, sehingga para pengunjung menjadi mudah untuk menemukan postingan-postingan yang mereka cari. Contoh label yang berkaitan dengan kesehatan: Kesehatan rongga mulut, kesehatan mata, dll.
15. Tautan Berlangganan.
Gadget ini dapat anda gunakan untuk menampilkan fitur langganan. Sehingga Memudahkan para pembaca untuk berlangganan blog Anda lewat pembaca feed populer.

16. Logo.
Anda bisa menampilkan logo blogger.com ke dalam blog anda melalui gadget ini.



17. Profil.
Dengan Gadget ini, anda dapat menampilkan profil blogger anda di blog anda. Apa fungsi profil blogger? Biasanya digunakan sebagai tanda pengenalan, atau sebagai tanda bukti kepemilikan blog. Untuk memahami serba-serbi profil, silahkan klik di: Sini.
18. Arsip Blog.
Anda dapat menampilkan arsip blog anda dengan menggunakan gadget ini. Apa itu arsip? Singkatnya, apabila anda menambahkan gadget ini ke dalam blog anda, maka anda dan para pengunjung blog anda dapat dapat melihat semua daftar postingan anda, atau biasanya beberapa blogger menamakan gadget ini sebagai daftar isi, karena memang manampilkan semua isi/ postingan di blog kita. Anda dapat men-setting tampilan arsip blog anda nantinya, seperti: ingin ditampilkan menurut bulanan, mingguan, atau harian. Selain itu juga, anda bisa menentukan style/ gaya, mau secara hirarki (tersusun), atau menu dropdown.
19. Header Halaman
Umumnya gadget ini secara otomatis sudah ditambahkan ke dalam blog kita. Namun, bagi anda yang ingin memodifikasi/ mengatur ulang header blog anda, anda bisa menggunakan gadget ini. Seperti halnya anda ingin memodif header blog anda dengan menambahkan gambar di dalamnya (sebagai latar atau background). Agar lebih jelas apa itu header blog/ halaman, anda dapat melihatnya di blog ini, yaitu terletak di bagian paling atas di blog ini, anda akan melihatnya seperti di bawah ini:

---------------------------------------------------------------------

Di atas adalah 19 Gadget utama/ dasar yang disediakan oleh pihak blogger.com. Bagi anda yang ingin menambahkan gadget yang lain, dapat anda cari melalui kotak pencarian yang telah disediakan. Letaknya ada di bagian kanan atas window tambah gadget. Gambar:

Sekian saja dulu untuk postingan kali ini...

Semoga Bermanfaat []
salam sahabat blogger dari santri-one

»»  Baca Lebih Lengkap... >>