GreatForumUpdate

Artikel kali ini adalah pesanan dari sahabat bloger saya, dia meminta saya agar di buatkan tutorial "Buku Tamu yg nempel di dinding" hehehehhe!! Sebenarnya punya saya itu hasil nyolong di blog orang kemudian saya rombak sendiri Cuman nyuri kodenya duank :D hehehhehe, tetapi lupa nyolongnya dimana (kalau ada yang merasa sebagai penciptanya saya berterima kasih dan minta maaf juga heheh )..,,

Fungsi dari buku tamu yang nempel di dinding ( Kambing Nempel Di Tembok kaleeeee ) atau saya menamakannya Buku Tamu Slide adalah untuk mengirit tempat di blog sobat. Langsung saja cekidot dot

1. Anda silahkan daftar dulu di cbox untuk mendapatkan script buku tamu anda disini


    Untuk mendapatkan code program pesan yang lain silahkan kunjungi alamat dibawah ini dan daftar :

http://www.cbox.ws/
http://www.shoutmix.com/
http://shoutcamp.com/

2. Isi data tersebut dengan benar

3. Setelah kalian isi datanya, jangan lupa centang "i have read and...." lalu klik "create my cbox!"

4. Masuklah ke akun email anda untuk memverifikasi akun cbox anda

5. Klik tautan dari cbox yang ada di kotak masuk yahoo anda

6. Kini akun cbox anda aktif. Sekarang coba kalian cari script cbox anda atau lewat sini

7. Nah copy ke notepad script diantara tulisan
<!-- BEGIN CBOX - www.cbox.ws - v001 --> dan <!-- END CBOX -->

Text "begin.." dan "end.." tidak usah dicopy, cukup copy script yang ada diantara "begin..." dan "end.." saja.

8. Selanjutnya masuk ke blogger anda -> tata letak -> tambah gadget -> html/javascript

9. Masukkan script berikut



10. Edit text yang berwarna merah dengan script cbox anda yang sebelumnya sudah disimpan notepad

11. Anda juga bisa mengedit text yang berwarna oranye dengan url gambar yang lain

  Contoh:



http://i1089.photobucket.com/albums/i353/illankjie/bukutamu3.png







http://i1089.photobucket.com/albums/i353/illankjie/bukutamu5-2.png






http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png






 http://i1089.photobucket.com/albums/i353/illankjie/BukuTamu8-1.png






http://i1089.photobucket.com/albums/i353/illankjie/gustbook02-1.png 




Kalau ada kesalahan tolong dikoreksi.
Terima kasih atas pesenannya, heheh lumayan nambah jumlah artikel.

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

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>

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

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut

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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
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.. salam..


saya copas dari : http://christiantatelu.blogspot.com

Cara Memasang Live Traffic Feed

Tutorial kali ini adalah cara memasang widget history pengunjung blog/web bagi anda yang ingin mengetahui history pengunjung, popular pages (halaman terpopuler dalam satu hari) dll.

Live Traffic Feed dari situs feedjit.com diperlukan bagi sebuah blog yang berguna menjadi history untuk mengetahui dari mana datangnya pengunjung blog kita. dan lebih hebatnya lagi kita bisa melihat keyword atau kata-kata apa yang dituliskan di mesin pencari seperti google search engine, atau yahoo search dll. yang berakhir di blog kita secara live (secara langsung) dengan cara mengklik Watch in Real-Time yang ada di bawah widget live traffic feed tersebut.
sebagai contoh klik Watch in Real-Time itu adalah live traffic milik trik-tips-tutorial.blogspot.com.

Pada Live Traffic Feed juga terdapat option, dimana kita bisa melihat popular pages yaitu halaman yang paling banyak dilihat pada hari tersebut.

Untuk anda yang ingin menambahkan widget diatas, ikuti langkah-langkah berikut ini.

    Kunjungi link : http://feedjit.com

    Klik widgets setelah anda berada di situs tersebut.

    Klik salah satu pilihan Javascript widget yang anda perlukan.

    Setelah memilih salah satu dari 4 pilihan disana lalu anda klick "Click here to Customize It!" itu berguna untuk menentukan warna agar sesuai pada blog kita.

    Selesai mengotak-atik warna, Copy dan Paste ke blog anda dengan cara berikut dibawah ini.

    ~> Login ke Blogger lalu ke Elemen Halaman dan Tambah gadget di sisi sidebar atau di footer terserah pemilik blog setelah itu pilih
    HTML/JavaScriptHTML/JavaScript setelah itu paste di dalamnya kode yang telah di copy di atas.

    Klik simpan dan selesai.

    Silahkan anda lihat blog anda sekarang

mogaa berguna ya ^___^

Cara Membuat Text Area
Sebelum membahas mengenai text area perlu kita ketahui apa yang dimaksud dengan text area.

Text Area adalah suatu kotak area yang berisi teks, yang apabila teks tersebut melebihi kapasitas dari area tersebut akan mempunyai fungsi scroll, atau dalam bahasa indonesianya adalah Area Teks atau Kotak Teks. ini dimaksudkan agar meminimalisasi tempat agar tidak memakan tempat untuk penempatan teks atau tulisan tersebut. dan dimaksudkan juga agar pengunjung blog dapat dengan mudah meng-copy dari area teks tersebut.

Dan Biasanya para BLOGGER menggunakan Text Area ini untuk bertukar link.
berikut cara pembuatannya :

    Login ke Blogger
    Kemudian klik Tata Letak dan Elemen Halaman
    Ketika sudah berada di Elemen Halaman klik Tambah Gadget
    Lalu pilih HTML/JavaScript (yang biasa dipakai)
    Langkah selanjutnya masukkan kode Text Area dengan tulisan yang anda inginkan seperti contoh dibawah ini :



Copy kode dibawah ini :

    <p align="center"><textarea name="code" rows="5" cols="15"><a href="http://trik-tips-tutorial.blogspot.com/2010/02/cara-membuat-text-area.html" target="_blank">Cara Membuat Text Area</a></textarea></p>


Maka Tulisan kode diatas akan tampil seperti dibawah ini :




<a href="http://trik-tips-tutorial.blogspot.com/2010/02/cara-membuat-text-area.html" target="_blank">Cara Membuat Text Area</a>




Keterangan :
Ganti Tulisan yang berwarna merah dengan Tulisan, Link atau apapun yang ingin anda taruh didalam text area tersebut.

rows="5", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka "5" tadi dengan angka yang lebih tinggi nilainya.

Cols="15", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka "15" tadi dengan angka yang lebih tinggi nilainya.

Semoga Berhasil

^____^

Cara Memasang Google Translate (Penterjemah Bahasa)


Luasnya jangkauan dunia internet hingga menyeluruh dunia bisa memungkinkan pengunjung dari negara lain menemukan blog kita dan membaca artikel yang mereka cari tetapi bagi mereka yang tidak mempunyai bahasa yang sama akan sulit untuk memahami artikel kita.

Untuk mengatasi hal tersebut yang kita perlukan hanyalah widget translate atau alat penterjemah bahasa pada setiap website atau blog.

Alat penterjemah google atau Google translate adalah solusi yang paling tepat untuk mengatasi terjemahan bahasa dari bahasa kita ke bahasa lainnya.

Berarti dengan menggunakan widget Google translate anda tidak perlu lagi pusing dengan persoalan bahasa, silahkan anda berkreasi dalam blog/web anda dengan bahasa anda sendiri dan biarkan google translate menterjemahkan ke dalam bahasa lain. Widget Google Translate bisa anda dapatkan di http://translate.google.com.

Atau jika anda ingin langsung memilikinya langsung ikuti langkah dibawah ini :

Berikut cara memasang widget google translate di blogger

    Silahkan login ke blogger dengan ID anda
    Klik Tata Letak
    Klik tab Elemen Halaman
    Klik Tambah Gadget
    Klik tanda plus (+) untuk HTML/Javascript
    Copy paste kode google translate ke dalam kolom yang tersedia

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



    Klik tombol Simpan

    Selesai



dan anda dapat melihat hasilnya seperti dibawah ini :

   
Gadgets powered by Google


Atau anda juga bisa memasang widget translate terbaru dari google dengan kode :

    <div id="google_translate_element"></div><script>
    function googleTranslateElementInit() {
    new google.translate.TranslateElement({
    pageLanguage: 'id'
    }, 'google_translate_element');
    }
    </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



Lihatlah perbedaannya..

^___^

Cara Memasang Kalender di Blog

^__^


Mungkin sebagian dari para blogger ada yang memasang kalender pada blognya, selain agar mereka mengetahui tanggal pada hari tersebut, biasanya kalender ini digunakan untuk menambah hiasan di blognya masing-masing.

Kemudian bagaimana cara memasang kalender di blog..?
Caranya sangat mudah, mari kita baca di bawah ini :

Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, dengan menampilkan kalender-kalender yang menarik untuk di lihat.

Sebagai contoh :

    http://www.free-blog-content.com.


Di dalam situs ini kalender yang di sediakan sangat beragam. hanya dengan mengklik kategori yang ada untuk memilih bentuk kalender yang anda inginkan untuk dipasang di blog anda, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada blog anda dengan cara sebagai berikut :



    Sign in blog anda di blogger.com

    Klik menu Tata Letak

    Klik menu Elemen Halaman

    Klik tulisan Tambah Gadget

    pilih tulisan HTML/JavaScript

    Copy kode kalender tersebut kemudian paste pada kolom yang di sediakan

    Klik tombol SIMPAN

    Selesai. kemudian lihat perubahan blog.



Jika sudah berhasil, salah satu contoh gambar kalender yang di sediakan akan tampak seperti contoh dibawah ini :




Adapun bagi anda yang ingin memasang widget kalender Hijriah, salah satu situs yang menyediakan widget tersebut adalah http://hijriah.jentayu.com. Bentuk kalendernya seperti dibawah ini :




Jika anda ingin memasang widget kalender hijriah seperti diatas ada tinggal mengunjungi situs penyedia tersebut. atau jika anda ingin lebih cepat, copy kode dibawah ini :




    <script src="http://hijriah.jentayu.com/hijriah.php?color=7"> </script>



Ganti tulisan 7 dengan warna yang anda inginkan dibawah ini :

1 akan menjadi warna cokelat
2 akan menjadi warna kuning
3 akan menjadi warna ungu
4 akan menjadi warna biru
5 akan menjadi warna hijau
6 akan menjadi warna abu-abu
7 akan menjadi warna merah

 maaf ya kalo warnanya salah soalnya aku gak tau warnah

Untuk langkah-langkah pemasangannya sama persis seperti diatas,

Berikut cara memasang widget Jam di blogger :

    Pertama kunjungi www.clocklink.com
    lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
    sebagai contoh kategori analog kita pilih,
    kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
    langsung aja kita pilih accept
    Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
    Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita


   1 Silahkan login ke blogger dengan ID anda
   2 Klik Tata Letak
   3 Klik tab Elemen Halaman

   4 Klik Tambah Gadget
   5 Klik tanda plus (+) untuk HTML/Javascript
    Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
    selesai

Cara Membuat Tulisan Berjalan (Marquee)
Sebelum kita membahasnya alangkah baiknya kita mengetahui terlebih dahulu apa yang dimaksud dengan marquee..?
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahui cara membuat tulisan berjalan tersebut. tapi disini Trik Tips Tutorial akan mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

berikut cara pembuatannya :

    Login ke Blogger
    Kemudian klik Tata Letak dan Elemen Halaman
    Ketika sudah berada di Elemen Halaman klik Tambah Gadget
    Lalu pilih HTML/JavaScript
    Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :




1. Teks berjalan dari kanan ke kiri

kode :

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>




2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>


3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>



4. Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>



6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>



7. Teks berjalan zig-zag nembus

kode :

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>





8. Teks berjalan zig-zag mantul

kode :

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>


Langkah Selanjutnya adalah mengganti tulisan

    Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

    <center> ............. </center>

adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL  OK