Tampilkan postingan dengan label information. Tampilkan semua postingan
Tampilkan postingan dengan label information. Tampilkan semua postingan

Selasa, 27 November 2012

membuat buku tamu bergantung di blog anda

kali ini saya akan mengajarkan bagaimana caranya agar di blog anda terdapat buku tamu yang bergantung di blog anda. biasa buku tamu yang lain hanya sederhana saja tetapi buku tamu kali ini berbeda dengan yang lain. ok... ini adalah cara nya yang sangat gampang.
Untuk memulai membuatnya,silahkan ikuti panduan dan langkah-langkahnya seperti berikut :

- Seperti biasa sobat mesti login dulu ke blog sobat
- Silahkan klik Rancangan
- Klik elemen laman
- Klik tambah gadget/add gadget
- Klik opsi HTML/Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :
 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiunvDjChZzM0_aFlGu-qVKmQJUNxzGus1ihv1AUOh94BaSx1RSZ65EdUDRu8SK7QKWulBEM6EFN0RwtddYNIy2RyCZ25DMdQL4_mgBTurYF7UbBPLL9mvFLb1xr4f3g1q-9OJJBPSmGv97/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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 --> Code CBox milik sampeyan <!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tjoretan-akoe.blogspot.com/2012/05/panduan-cara-membuat-buku-tamu.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> 
- Silahkan sobat ganti tulisan yang berwarna merah dengan Kode yang sobat peroleh dari cbox
- Untuk mendapatkan kode dari cbox,silahkan kunjungi Cbox
- Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih dulu,kemudian verifikasi email trus silahkan login
- Silahkan ikuti petunjuk yang ada
- Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut
- Selesai

Sabtu, 24 November 2012

cara membuat bendera penerjemah untuk blog


  hallo teman semua, kali ini saya akan berbagi sedikit trik, yaitu triks untuk memasang web translator di web / Blog. Anda pasti sudah tahu kan, apa itu web translator? Wah masa sih belum tahu...? itu lho widget blog yan bisa kita gunakan untuk menerjemahkan seluruh isi suatu Blog / website. Masih belum tahu juga...? oke deh, mendingan langsung aja deh lihat gambarnya :




















Gimana, sekarang udah tahu kan, apa itu web translator? heheh.

Jika anda tertarik untuk memasang widget web translator di Blog anda, silahkan ikuti langkah-langkahnya :

1. Pertama, Anda harus login dulu ke Blogger

2. Lalu, Klik / pilih tab " Rancangan "
3. Pilih " elemen laman "

4. lalu pilih " Tambah Gadget "

5. lalu cari  " HTML/ Java script " 

6. Lalu copy script di bawah ini ke dalam text area pada  " HTML/ Java script ". 

==============================================================
 <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div><script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> TranslateThis(); </script> <!-- End TranslateThis Button -->

Mau punya Blog Translator seperti ini? silahkan <a href="http://fuji94.blogspot.com">klik disini</a>
 

===============================================================


Untuk lebih jelasnya lihat gambar di bawah ini !





















7. Lalu isi kolom title dengan Judul widget yang anda sukai, misalnya " Select Your Language "

8. Lalu Klik " Save "

9. Selesai, cukup mudah bukan?

Jumat, 23 November 2012

cara membuat bintang jatuh dekat blog

halo para sobat mau tahu bagaimana cara membuat efek bintang jatuh di blog pada cursor blog disamping untuk mempercantik blog kita, bintang jatuh inipun siapatahu bisa dijadikan saran untuk meminta keinginan kita,hihi (ngaco dot com). Bintang berjatuhan di blog akan terjadi apabila cursor kita gerakan. Untuk membuatnya silahkan ikuti langkah berikut;

1. Login Ke Blogger
2. Pilih menu Rancangan.
3. Klik Elemen Laman.
4. Klik Tambah Gadget di sidebar.
5. Pilih HTML/JavaScript.
6. Masukkan kode berikut berikut ke HTML/JavaScript.

Bintang warna
Merah
                    
             <script src='http://evawangi.googlecode.com/files/Red.js' type='text/javascript'/>

Bintang warna
Putih

 <script src='http://evawangi.googlecode.com/files/White.js' type='text/javascript'/>
Bintang warna Biru
<script src='http://evawangi.googlecode.com/files/Blue.js' type='text/javascript'/>
Bintang warna  Kuning
 <script src='http://evawangi.googlecode.com/files/Yellow.js' type='text/javascript'/>
Bintang warna Hitam
 <script src='http://evawangi.googlecode.com/files/Black.js' type='text/javascript'/>
Bintang warna Hijau
 <script src='http://evawangi.googlecode.com/files/Green.js' type='text/javascript'/>
Setelah kita memilih warna bintang yang akan kita pakai sebagai pernak-pernik blog kita,
7. Lalu Save gadget.
Semoga berhasil, happy blogging.