ALARM CLOCK

Semua sudah tahu fungsi dari Alarm kan?, yaitu salah satunya untuk membangunkan anda dipagi hari. Nah, kalau anda mau blog anda dihiasi Alarm clock yang fungsinya untuk mengingatkan anda agar tidak lupa makan karena keasyikan ngeblog.
Anda bisa meng-copy code html di bawah ini, kemudian paste ditempat yang aman dari jangkauan anak-anak he..he.. maksudnya di blog kamu.

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('2b1e3e92-b8af-4faa-bac6-b2596d4ef3b7');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/alarmclock-widget">Alarm Clock with Calendar</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

hasilnya akan terlihat seperti ini



semoga bermanfaat, selamat mencoba.

Read more »

Posted in: Alarm clock,Jam

MEMBUAT TOMBOL SELECT ALL

Agar tidak salah dalam meng copy script html, lebih baik menggunakan tombol select all. Dengan tombol select all maka semua tulisan atau code html yang ada ter block atau di highlight secara keseluruhan. Setelah itu anda tinggal mengcopy dengan Ctrl+C.

Cara untuk membuat tombol select all seperti contoh di bawah ini, anda bisa mengcopy code html yang ada dalam textarea dengan menggunakan tombol select all.

Tombol select all 1:

<br /> <form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: center;"><br /> <textarea name="txt" style="height: 50px; padding: 3px; width: 300px;">Tulis text atau code script anda di sini</textarea></div><br /> </form><br />

Tombol select all 2:

<br /> <form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form><br />

Selamat mencoba, semoga bermanfaat.

Read more »

Posted in: Blog,Tombol select all

WIDGET SMS GRATIS

Setiap pengunjung Blog pasti akan betah berlama-lama mengunjungi blog Anda, karena bisa SMS gratis. Kapan lagi bisa SMS 10 jari, kalau pake HP jempol bisa dower kelamaan SMS. Nah oleh sebab itu nggak ada salahnya jika Blog Anda dihiasi dengan SMS gratis. Siapa tahu dengan memasang SMS gratis,pengunjung blog anda bertambah banyak.

Anda bisa langsung copy code html di bawah ini, kemudian pasang di blog.

<iframe name="I2" src="http://sms-online.web.id/widget"style="border: 1px solid rgb(255, 255, 255);" frameborder="0" height="264" scrolling="no" width="84%"> not support</iframe><br /><small><center><a href='http://hendrik-online.blogspot.com/2011/04/widget-sms-gratis.html' rel='nofollow'>Make Widget</a></center></small><br />

Caranya:

1. Masuk ke dasbor
2. pilih tata letak
3. add gadget
4. pilih html/javascript
5. paste code htnl yang kamu copy
6. save, lihat hasilnya.

selamat mencoba.

Read more »

Posted in: sms gratis,widget

MEMBUAT WIDGET VISITOR

Untuk mengetahui berapa orang yang sudah mengunjungi blog yang kita buat, maka kita perlu menambahkan widget visitor pada blog kita. Selain itu widget visitorjuga untuk menambah keren penampilan Blog kita.

Caranya menambahkan widget visitor adalah sebagai berikut :

1. Buka URL www.widgeo.net atau klik di sini
2. Pilih tipe dan bentuk yang anda suka
3. Klik get widget
4. Copy code htmlnya
5. Masuk ke blogger
6. copy code di tempat yang kamu suka
7. simpan, lihat hasilnya.

Selamat mencoba.

Read more »

Posted in: Blog,visitor,widget

MEMBUAT TOMBOL SHOW HIDE

Tombol show-Hide berguna untuk menampilkan atau menyembunyikan gambar atau tulisan yang terlalu panjang atau bisa juga untuk menyembunyikan code HTML.

Berikut adalah cara untuk membuat tombol show-hide.
Copy code di bawah ini.

<div>


<div style="margin: 1px;">

<div class="smallfont" style="margin-bottom: 1px;">

<input value="SHOW" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ”; this.innerText = ”; this.value = ‘HIDE‘; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘SHOW‘; }" type="button"/></div>


<div class="alt2">

<div style="display: none;">

<div style="background:#ffffff; text-align: center; padding:10px; ">Tulisan yang ingin anda masukkan di dalam tombol show dan hide

</div>

</div>


</div>

</div>

</div>

Tulisan yang berwarna biru bisa anda ubah.

Read more »

Posted in: tombol show-hide

MEMBUAT BUKU TAMU SEMBUNYI

Buku tamu atau Guest Book merupakan bagian penting dalam blog kita. Dari buku tamu inilah kita tahu, siapa saja yang sudah mampir ke blog kita. So, kalau blog tanpa buku tamu bagai sayur tanpa garam kurang muantap.

Agar buku tamu yang kita pasang tidak boros space, sehingga blog kita jadi kurang sedap dipandang mata, ada baiknya kita membuat buku tamu tersembunyi (tapi masih bisa terlihat oleh pengunjung) Caranya :

1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget
4. Pilih HTML/Java Script
5. Copy - paste code html di bawah

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/
AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4068347&amp;boxtag=qg4jd2&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4068347&amp;boxtag=qg4jd2&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->


<br/>
Membuat Hidden Shoutbox<br/>
Click <a href="http://hendrik-online.blogspot.com/2011/04/membuat-buku-tamu-sembunyi.html"><blink>disini</blink>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

6. Save, lihat hasilnya.

Semoga bermanfaat

Read more »

Posted in: Blog,Buku tamu,buku tamu sembunyi

FLASH CLOCK MOVING SPACE STAR

Yang satu ini adalah jam analog dengan animasi bintang ruang angkasa.
Anda dapat memasangnya pada blog anda untuk memperindah dan mempercantik blog anda.

Caranya sangat mudah

1. Copy code html di bawah
2. Masuk ke Dasbor
3. Pilih Tata Letak
4. Tambah Gadget
5. Pilih HTML/Java Script
6. Paste code html, kemudian simpan
7. Lihat blog.

Semoga bermanfaat, selamat mencoba.

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-170.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>

Hasilnya:

Read more »

Posted in: Flash clock,Jam

SPONGEBOB ANIMATION CLOCK

Siapa yang nggak kenal sama Spongebob, tokoh kartun yang disukai dari anak-anak sampai orang dewasa. Nah, berikut adalah Jam animasi spongebob yang lucu akan menghiasi blog Anda. Langsung aja bro, kita ke TKP.

Caranya adalah :

1. Copy code html di bawah ini
2. Masuk ke Dasbor
3. Pilih Tata Letak
4. Tambah Gadget
5. Pilih HTML/Java Script
6. Paste code html, kemudian simpan
7. Lihat blog.

<embed height="127" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>
hasil :

Read more »

Posted in: Cara memasang jam,Jam,Tips

CARA MEMASANG JAM ANALOG

Menampilkan jam pada blog bukan hanya untuk memberikan informasi waktu kepada kita, akan tetapi menampilkan jam pada blog adalah salah satu cara untuk memperindah blog kita. Berikut adalah cara untuk menampilkan jam Analog :
1. Open http://www.jellymuffin.com/generators/customclocks/

2. Setting warna jam sesuai dengan selera anda
3. Copy Code HTMLnya
4. Login ke blog anda
5. masuk ke page element
6. Add html/java script
7. Paste code html
8. Save, kemudian view blog untuk menampilkan hasilnya.
Selamat mencoba, semoga bermanfaat.

Read more »

Posted in: Cara memasang jam analog,Jam,Tips

CARA MEMASANG JAM PADA BLOG

Selain untuk mempercantik dan memperindah tampilan BLOG, memasang jam pada blog sangat membantu para pengunjung blog. Mereka tidak usah susah-susah bolak-balik liat jam dinding atau jam tangan, cukup dengan melihat jam yang terpasang di BLOG.

Okey untuk menghemat waktu, langsung saja pada postingan yang pertama ini, saya akan menampilkan cara memasang jam pada BLOG. Ini dibuat khusus bagi para newbie (seperti saya) tujuannya agar tidak lupa.

Caranya:

1. Buka URL http://www.clocklink.com
2. Klik menu Clock Gallery
3. Pilih jenis jam yang anda suka
4. Klik "View HTML"
5. Klik Accept sebagai syarat anda setuju dengan layanan ini.
6. Copy Code HTML
7. Customize blog anda
8. Klik Add a gadget
9. Pilih HTML / Java script, (lihat gambar)
10. Paste code HTML yang sudah anda copy tadi.
11. Save, kemudian view blog untuk melihat hasilnya. Selamat mencoba.

Read more »

Posted in: Cara memasang jam,Tips