. Agustus 2015 ~ Tips Dan Trik Blog

.

.

8.30.2015

cara memasang chat box di blog

CARA MEMASANG CHATBOX DI BLOG


buku tamu cbox
Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog - Apa kabar sobat blogger??? Pertama - tama saya memohon maaf atas komentar - komentar sobat blogger yang belum sempat saya balas sebelumnya, karena hidungku ( mampet ), aktivitas blogging ku terhenti hampir seminggu. Setelah sebelumnya memposting artikel cara memasang artikel acak di blog, kali ini dengan hidung yang masih cenat - cenut saya akan menjawab permintaan dari salah satu sobat blogger yang meminta cara membuat buku tamu auto hide di blog seperti yang tampak di sidebar blog ini.

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat
.



<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 300px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#ababab 1px solid;"><iframe src="http://www3.cbox.ws/box/?boxid=3486358&boxtag=hcmpdc&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain3-3486358" id="cboxmain3-3486358"></iframe></div>
<div style="position: relative; height: 80px; overflow: hidden; border:#ababab 1px solid; border-top: 0px;"><iframe src="http://www3.cbox.ws/box/?boxid=3486358&boxtag=hcmpdc&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform3-3486358" id="cboxform3-3486358"></iframe></div>
</div>
<!-- END CBOX -->

   <br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>
 

Caranya :

  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan kodenya di kotak yang di sediakan.
  3. Klik Save

Tambahan :
Ganti kode yang berwara biru dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , buat di sini atau pada penyedia chatbox gratisan lainnya
.


INGAT;;.....













cara membuat chat box di blog

Cara Membuat Chat Box Di Blog

Cara Membuat Chat Box Di Blog

Kembali lagi di juntak trik. Pada kali ini saya akan membahas tentang Cara Membuat Chat Box Di Blog. Terkadang orang lebih memilih untuk menulis postingannya dari pada memperbaiki blognya. Kualitas memang perlu dijaga, tetapi Kuantitas juga harus diimbangikan ?

Yap, pada Tutorial ini saya mengulas tentang Cara Membuat dan Memasang Chat Box Di Blog. Admin Blog yang baik pasti akan memberikan Tampilan Blog yang terbaik untuk pengunjungnya, contohnya saja dari Hiasan dari CSS atau dari Widget - Widget yang berguna. Salah satunya Cara Membuat ChatBox Buka Tutup Di Blog. Hal ini bertujuan untuk pengunjung memberikan isi hatinya terhadap blog anda. Tetapi jangan Pasang Widget ChatBox saja, mungkin Template Blog, Loading Blog, dan lain - lain. Untuk anda yang tertarik bisa lihat Tutorial Blogger ViperGoy lainnya. Oke langsung saja deh, Cekidot...

Cara Membuat Chat Box Di Blog :

1. Buka Website ini ► www.cbox.ws
2. Klik tombol Sign Up di kanan atas Website tersebut.
3. Kemudian akan muncul tampilan seperti ini. ( Lihat Gambar )

Cara Membuat Chat Box Di Blog

4. Lalu isi pada kotak - kotak tersebut dan centang, sehingga menjadi ini. ( Lihat Gambar )

Cara Membuat Chat Box Di Blog

Keterangan:

  • Cbox Name diingat ya, karena itu akan dijadikan ID Login kalian.
  • Emailnya disensor ya.

5. Kemudian Klik " Create My Cbox! "
6. Akan muncul tampilan seperti ini jika anda berhasil. ( Lihat Gambar )

Cara Membuat Chat Box Di Blog
7. Setelah itu Cek Email anda dan Login.
8. Kemudian pada halaman utama Cbox tersebut. Klik " Publish! " yang berada di Kanan Atas.
9. Pada halaman baru tersebut, Lihat Bagian ini. ( Lihat Gambar )

Cara Membuat Chat Box Di Blog

10. Kemudian Copy dan Paste Kode tersebut di Blog anda.

setelah selesai kembali ke artikel pertama

INGAT;;.....







8.29.2015

cara membuat tanda tangan di blog

CARA MEMBUAT TANDA TANGAN DI BLOG

tanda tangan
Cara Memasang Tanda Tangan di Blog - Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan ane tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi
.
 3. Setelah itu, klik tulisan Using the signature creation wizard.


 4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step


 5. Pilih jenis huruf yang di inginkan dan klik Next Step.

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step

 7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.


 Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.

8. Atur kemiringan ( slope ) teks dan klik Next Step

 9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.

10.lalu klik kanan

 tanda tangan

Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.
ini hasil nya

 juntak ttd





efek efek blog

KUMPULAN EFEK EFEK BLOG

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.
Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu - Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :
  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok
<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok
<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

28. Kencing Sembarangan
<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan script efek di dalam kotak yang di sediakan
  3. Klik save dan lihat hasilnya.
Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ).  so, pilih mana yang terbaik menurut sobat.. 


8.26.2015

cara mempercepat loading mozila

CARA MEMPERCEPAT LOADING MOZILA FIREFOX

CARA MEMPERCEPAT LODADING MOZILA FIRE FOX TERBARU DAN AMPUH,
 Mozila firefox adalah sebuah browser yang paling banyak digunakan pengguna laptop dan komputer,
dan android pun sudah banyak menggunakan nya. sudah tersedia di play store,
 para pengguna komputer yang masil awal atau newbie seperti saya pasti kebingungan apabila mozila yang di pake loding nya lama, biasa yang sangat kesal apabila saat asik asik main apa aja boleh, tau tau nya loding nya lemot, bisa bisa mau di lempar tuh laptop.

 biasanya paling kesal apabila mozila yang kita pake lagi seru nya, tiba tiba lemot, itu terjadi biasanya karena ada nya sofwer baru mozila di update alhasil jadi lelet.

 Pada artikel ini kita membahas cara mempercepat loading mozila anda, klo punya saya sich udah topcer,   heeeeeeeeeee,  langsung aja ya

1.buka mozila firefox anda
2.ketik about:config  pada adres bar lalu tekan enter
3.maka akan muncul dialog seperti yang di bawah ini, berjaji akan berhati hati 
   jika firefox menggunakan bahasa inggris akan ada tulisan inggris nya.
4.setelah di klik akan muncul seperti ini.


5.cari kunci atau key di bawah ini untuk memperbarui mozila anda, caranya copi key nya pastekan di tempat pencarian nya lalu tekan enter.


    daftar key atau kunci yang perlu di rubah agar mozila anda lebih cepat



  1. network.http.pipelining  ubah false menjadi true lalu Klik kanan - Pilih new - integer - Ketik "content.max.tokenizing.time" -  Masukan dengan nilai "1000000"
  2. network.http.proxy.pipelining  ubah false menjadi true lalu Klik kanan - Pilih new - integer - Ketik "content.notify.interval" -  Masukan dengan nilai "500000"
  3. network.dns.disableIPv6 ubah  false menjadi true lalu Klik kanan - Pilih new - integer - Ketik "content.notify.backoffcount" -  Masukan dengan nilai "5"
  4. network.http.max-connections ubah nilai nya jadi ‘64’ lalu Klik kanan - Pilih new - integer - Ketik "content.switch.threshold" -  Masukan dengan nilai "500000"
  5. network.http.max-connections-per-server ubah nilai nya jadi ‘21’ lalu Klik kanan - Pilih new -integer - Ketik "nglayout.initialpaint.delay" – Masukan dengan nilai "0"
  6. network.http.max-persistent-connections-per-server ubah nilai nya jadi  ‘8’ lalu Klik kanan - Pilih new - boolean - Ketik "content.interrupt.parsing" - Pilih  "true" - Klik Oke
  7. network.http.pipelining.maxrequests ubah nilai nya jadi ‘100’lalu Klik kanan -  Pilih new - boolean - Ketik "content.notify.ontimer" -  Pilih  "true" - Klik Oke

 catatan,
Tanda " "  tidak usah di ketik atau di copy, langsung aja key nya, misal : content.notify.ontimer

bagai mana jika key yang di cari tidak di temuan
Contohnya key network.http.max-persistent-connections-per-server tidak ada, Maka Caranya klik kanan terus pilih new → Pilih Integer, kemudian isi sesuai nilainya.

cara mempercepat internet
 

    langkah terakhir restar mozila fire fox nya.

    INGAT;;.....





    8.22.2015

    cara membuat background warna pada postingan blog

    cara membuat background warna pada postingan

       kali ini saya nyoba bikin tutorial gimana sich buat warna background pada teks postingan biar terlihat lebih berfariasi jadinya enak dilihat ga monoton gitu-gitu aza, ya ga sob? mungkin buat master-master yang terbiasa belajar kode HTML udah ga asing lagi bikin background ini, tapi tolong sabar ya soalnya tutorial ini buat temen-temen kita yang belum ngerti, ternyata emang banyak sohib-sohib kita yang masih bingung gimana cara bikinnya, ya udah langsung aza kita mulai belajarnya…..

    1. Pertama LOGIN dulu ke blog kamu
    2.Pilih post mana yang mau di edit  atau  entri baru jika mau di post baru
    3.Klik HTML persis di samping COMPOSE

    4. Copas alias copy paste az kode dibawah ini:


         <div style=”background: #FF00FF; padding: 5px 8px;”>TEKS KAMU </div>

    keterangan:
    • bagian huruf tebal adalah posisi teks kamu
    • bagian yang dicoret ganti dengan kode warna sesuai dengan selera kamu, contoh:

    Darkgreen (#006400)
    Darkkhaki (#606766)
    Darkmagenta (#860086)
    Darkolivegreen (#55662F)
    Darkorange (#FF8C00)
    Darkorchid (#9932CC)
    Darkred (#860000)
    Darksalmon (#E9967A)
    Darkslateblue (#483086)
    Darkslategray (#2F4F4F)
    Darkturquoise (#00CED1)
    Darkviolet (#940003)
    Deeppink (#FF1493)
    Deepskyblue (#00BFFF)
    Dimgray (#696969)
    Dodgerblue (#1E90FF)
    Firebrick (#622222)
    sekian toturial yang saya buat mudah mudahan bermanfaat buat anda

    INGAT;;.....

    cara mengganti background blog dengan gambar

    CARA MENGGANTI BACKGROUND DENGAN GAMBAR

    Cara Mengganti Background Blog ~ Barangkali ada saatnya Anda merasakan bosan dengan background gambar template blog yang itu-itu saja dan ingin sekali mengganti atau mengubahnya. Bagi pemula blogger tentulah ada sedikit hambatan dan mungkin ada pertanyaan. bagaimana cara mengganti background blog saya ?
    Nah, untuk membantu para pemula yang baru menjadi blogger, saya akan berikan cara mengganti background blog dengan 2 cara. Silahkan disimak dan perhatikan langkah-langkahnya aja ya :

    Cara mengganti background blog dari template bawaan blogger


    1. Login terlebih dahulu ke blogger
    2.Pilih Template , lalu klik "Sesuaikan" ( lihat gambar di bawah )


    3. Setelah itu akan masuk ke layar baru , pilih "latar belakang" dan klik saja gambar latar pada posisi no 2 (lihat gambar bawah )

    cara mengganti background blog


     4. Selanjutnya pilih gambar yang sesuai dengan keinginan Anda




    cara mengganti background blog dengan gambar


    5. Setelah memilih klik saja "Selesai"  dan klik lagi "terapkan ke blog" , Selesai



    cara mengganti gambar background blog

    Cara mengganti background blog dengan mengedit kode html


    Cara yang satu ini mungkin agak merepotkan bagi pemula, tetapi jika sudah biasa melakukannya maka akan menjadi suatu hal yang mudah. Biasanya cara ini digunakan jika template adalah merupakan hasil buatan pihak ketiga dan perlu adanya edit HTML. Berikut langkah-langkahnya :


    1. Login ke blogger
    2. Pilih template dan Edit HTML ( lihat gambar di bawah )



     3. Tekan Ctrl F dan cari kode >>>  body{background-image: url(url gambar)
     4. ganti tulisan warna merah(url gambar) dengan url gambar anda.
     5. Untuk gambar atau foto usahakan ukuran filenya yang tidak terlalu besar. Ini supaya blog tidak menjadi berat atau lama dimuat. Untuk membuat gambar tampil penuh, kita bisa menyisipkan tag repeat, sehingga menjadi seperti ini;

    body{background:url(url blog kamu);background-position:top left;background-repeat: repeat-x repeat-y;}

    6.lalu klik pretinjau template. kalau sudah cocok klik simpan template.
    gampangkan...................
    selamat beraktivita...............


    buat blog kamu menghailkan uang klik disini untuk daftar;

    8.20.2015

    cara membuat logo kren

    CARA MEMBUAT  LOGO  ONLINE KREN GRATIS

     

      Setelah pada beberapa pertemuan yang lalu saya share cara membuat logo dengan photoshop, kali ini saya akan share kembali cara membuat logo. Namun sekarang tidak menggunakan photoshop, melainkan membuat logo secara online, alias tanpa software. 

       Tutorial ini saya persembahkan untuk sobat yang kesulitan membuat logo dengan photoshop, semoga dengan cara membuat logo online ini sobat mempunyai insfirasi lebih. Karena di situs-situs penyedia logo online itu banyak sekali model logo yang bisa sobat buat menjadi logo sobat, Kekurangan dari membuat logo online ini, sobat harus terkoneksi dengan internet (wajib), namanya juga online. Heheh… selain itu sobat tidak begitu leluasa mengedit seperti di photoshop. Karena sobat hanya bisa membuat logo sesuai dengan pola yang sudah disediakan pihak penyedia pembuat logo online. 

        Adapun kelebihannya adalah, cara membuat logo online ini terhitung cepat dan lebih praktis, sobat tidak perlu harus mahir photoshop atau corel draw untuk membuat logo, hanya beberapa klik, puluhan bahkan ratusan logo langsung siap untuk dipilih. O ya… sebelum sobat membuat logo saya akan sedikit menjelaskan apa itu logo? Menurut Kamus besar bahasa Indonesia (KBBI) logo adalah “huruf atau lambang yang mengandung makna. Terdiri dari satu kata atau lebih sebagai lambing atau nama perusahaan”. 

       Sedangkan menurut Wikipedia Logo adalah “merupakan suatu gambar atau sketsa sketsa dengan arti tertentu, dan mewakili suatu arti dari perusahaan, daerah, organisasi, produk, Negara, lembaga, dan hal lainya membutuhkan suatu yang singkat dan mudah diingat sebagai pengganti dari nama sebenarnya. Logo harus memiliki filosofi dan kerangka dasar berupa konsep dengan tujuan melahirkan sifat yang berdiri sendiri atau mandiri. Logo lebih jazim dikenal oleh penglihatan atau visual, seperti ciri khas berupa warna dan bentuk logo tersebut.” 

       Jika sobat sudah memahami apa itu logo, sekarang sobat bisa memulai membuat logo sobat secara online. Baik itu logo perkumpulan, perusahaan, brand, blog dan lain-lain. Untuk mengetahui arti dan makna warna-warna, sobat bisa melihat dan membacanya di about blog dan untuk selanjutnya silahkan sobat mengunjungi situs-situs pembuat logo online gratis dibawah ini, caranya sangat mudah kok.

        Dibawah ini adalah kumpulan beberapa web tempat membuat logo secara online. Sobat bisa mencobanya satu per satu. Siapa tahu ada yang cocok dengan logo yang sobat idamkan.

    1. Logaster – https://www.logaster.com/ .
    2. FlamingText – http://flamingtext.com
    3. LogoSnap – http://logosnap.com
    4. Pookatoo – http://pookatoo.com
    5. Simwebsol – http://www.simwebsol.com/
    6. SupaLogo – http://supalogo.com

        Selain dari situs-situs di atas masih banyak lagi situs penyedia tempat membuat online gratis, yang tentunya dengan kelebihan dan kekurangan masing-masing.

    salah satu contoh saya pilih,
    http://pookatoo.com
    1.klik teks anda
    2.setelah teks anda isi klik disana



    buat blog kamu menghailkan uang klik disini untuk daftar;

    8.16.2015

    cara membuat kotak pencarian

    CARA MEMBUAT KOTAK PENCARIAN


    Kotak Pencarian merupakan widget yang harus dipasang di blog, karena agar pengunjung memudahkan dalam mencari sesuatu di blog tersebut. Untuk itu saya akan memberikan tips blogger kepada kalian tentang bagaimana cara membuat kotak pencarian atau search box di blog kalian. Disini saya mempunyai banyak pilihan model dan warna kotak pencarian, dari yang simple sampai yang keren dan berkualitas. Nah, silahkan kalian pilih salahsatu diantara banyak pilihan dibawah ini :


    Kotak Pencarian 1
    Caranya :
    1. Login ke akun Blogge
    2. Klik Menu Layout
    3. Klik Tab Page Element
    4. Klik Pada Add a Gadget
    5. Lalu Pilih "Kotak Penelusuran"
    6. Nah disitu ada beberapa pilihan, silahkan pilih sesuaikan dengan keinginan.
    7. Simpan [ Finish ] -> Search Box / Kotak Pencarian akan segara tampil di blog.

    Kotak Pencarian 2
    Caranya :
    1. Login ke akun Blogger
    2. Klik Menu Layout
    3. Klik Tab Page Element
    4. Klik Pada Add a Gadget
    5. Lalu Klik HTML/Javascript
    6. Dan Pastekan Kode dibawah ini :

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


    Keterangan :
    Ganti http://mazinubersahabat.blogspot.com/ dengan nama blog Kalian.
    Angka 40 = menunjukkan panjang kotak (search box) yang akan tampil di blog anda, semakin banyak angkanya maka semakin panjang box-nya, maka silahkan kalian ganti sesuai selera kalian.

    7. Lalu Save dan Lihat hasilnya!

    Kotak Pencarian 3
    Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

    <span style='float:right;'>
    <style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbG_Q8BfphT4NhZSzr5cl2rj11bHltVIdRuGiIPstIV80c_iVG2IN-nxIy3UqSWP9G0aic4XgqvHg8o7NPsw9URKj3322MPE9JhuVP7laYI-WvvMw1KB1AdnmecrKMcD5Zv_4b5tBXyyG/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>
    </span>

    Keterangan : Ganti Tulisan warna merah sesuai keinginan kalian, itu berfungsi untuk menampilkan tulisan ditengah-tengah kotak komentarnya!

    Dan Hasilnya nanti seperti ini :

    Kotak Pencarian 4
    Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

     <form action="/search" style="display:inline;" method="get">
    <input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
    </form>
    <style>
    #s {
        margin: 0 auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 12px 48px 12px 12px;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
     width: 200px;
        height: 16px;
        color: #3a4449;
        border: none;
        outline: none;
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
     position: relative;
        z-index: 2;
        background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilJAfjeFFo7DgX4SvWfVpnzVB-lUG_bXgF9OWWeGg0Pn-JADonIFVRMPdk00-EtZm6MMDn6ZIkPlu1B270JndKshu6hyphenhyphenA5kQXgO-K6lGd85U3tiJBXxIdR_4Hgnjakco1fuIna24DhVPw/s1600/Search.png) center right no-repeat;
    }
    #s::-webkit-input-placeholder, #s:-moz-placeholder {
        color: #607078;
    }
    </style>

    NB : Ganti warna merah sesuai dengan selera dan kebutuhan kalian yang  nanti tulisan itu akan muncul di tengah kotak pencariannya. Dan warna biru itu ukuran kotak pencariannya, silahkan kalian rubah sesuai dengan kebutuhan!

    Yang hasilnya nanti seperti ini :


    Kotak Pencarian 5
    Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

    <style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHwgtjbJTu7uPoHDitjzGH7Fl2OAsraSTZwCSL5L8dqZuFCJsUrLa1DXKaOObOP5_OONkeQD0h09K-iMMhJR5m_y3vSrvQYFIQsCCcmICz_j_HiDt5FNaZGBdb9Y2tLKWz9N0_iC4f1h2/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' /></form></div>

    Keterangan :
    Ganti Warna Merah dengan berbagai macam pilihan style dibawah ini :

    Gaya Pencarian warna hijau :
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHwgtjbJTu7uPoHDitjzGH7Fl2OAsraSTZwCSL5L8dqZuFCJsUrLa1DXKaOObOP5_OONkeQD0h09K-iMMhJR5m_y3vSrvQYFIQsCCcmICz_j_HiDt5FNaZGBdb9Y2tLKWz9N0_iC4f1h2/s1600/impoint.blogspot.com-green.png

    Gaya Pencarian warna merah :
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSeOFel4BTJsDs8Cg18cnEmYkhnvpj_VLfWf737Se4c_foKBNZXNNMDCiqghErTWvTAD2Mu5gyJzVZtmZbg1HtX8r6c6n-f_JV6TPPR1nuW3QQNTiAgZ9UOZpd5GMr8RNMZG1hqODQH7Q7/s1600/impoint.blogspot.com-red.png

    Gaya pencarian warna biru :
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBI5SbxCwx2DsE9es3Umn0f2UlEZ5vQg37cCG67hB6Oy65Z9_YksHfITm0OPMKa3xzH3UJ5sJvBOl1UVY4A3QFFkOY3QBiOUoRXb37njsnu8VSHSYsnDXSxyzQ__SbdVdDxgH3fKMunhg/s1600/impoint.blogspot.com-blue.png

    Gaya Pencarian warna orange :
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE78hsYaHH4vg5kSAPkUXIrjXmVaJHSB6N3eBLIKgbp2pyZzZ1lRWONpwys__hsuv4XKuK0KY2JyN_SQL_bfLLCT6sxpWcTe8OHfRXOysPgfJtcFQRTvJUj-dsCyOZOakF0cu2GI5xoIyP/s1600/impoint.blogspot.com-orange.png
    Dan salah satu contoh hasilnya nanti seperti ini :


    Kotak Pencarian 6
    Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

    <style type="text/css">
    #a-searchbox{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVZeukEROBHcv7jD5sNlFdEaAiyTgRrB87NeNvqURuPDgQB5Z7vfuCLXSxkIJU4tlwRP0clop4jBO7CnO6e3rrG8zsDly4JdSRL4JsLCOUwx1wtPChBfHmfADN-wujNaE0eVPu13yDYnK/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
    form#a-searchform{display: block;padding: 10px 12px;margin:0;}
    form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
    form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
    </style>
    <center>
    <div id="a-searchbox">
    <form id="a-searchform" action="/search" method="get">
    <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
    </form>
    </div></center>

    Yang hasilnya nanti seperti ini :

    Keterangan :
    Silahkan kalian ganti warna merah diatas dengan kode dibawah ini, untuk mengganti tipe dan style selera kalian,,






    buat blog kamu menghailkan uang klik disini untuk daftar;
    luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com