Membuat Tanggal Update Otomatis di Blog

Bagi temen-temen yang main server pulsa biasa sering menampilkan tanggal Update Produk, nah biar harga kelihtan terupdate setiap hari silahkan gunakan Setting tanggal otomatis ini.. Caranya cukup gampang ko....


Kali ini kita akan belajar membuat dan memasang tanggal otomatis update setiap saat yang bisa kita pasang pada web ataupun blog kita. Tampilan tangal ini sangat sederhana tapi tetap enak dipandang. Tidak ada salahnya kita pasang pada web atau blog kita, baik memang diperlukan atau hanya sekedar sebagai pelengkap asesoris saja.

Ok ... Bila anda berminat silahkan anda lihat tampilan tanggal dibawah ini Senin, 04 Juni 2012



Dan silahkan anda ikuti langkah - langkah berikut :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.


3. KLik tab Edit HTML.





4. Cari kode </head>
5. Copy dan paste kode dibawah ini tepat sebelum kode </head>


<style type="text/css"> div.tanggal { margin:15px; width:150px; -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;  border:2px solid blue; padding:5px; }</style>

Catatan : Anda bisa merubah nilai "px" dalam kode diatas, dan mengganti warna border sesuai selera anda.

6. Simpan template.
7. Langkah selanjutnya Klik elemen laman lalu tambah Gadget dan pilih HTML/JavaScript
8. Copy dan paste kode dibawah ini pada gadget tersebut :


<div class="tanggal"><center><script type='text/javascript'> var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var daym=mydate.getDate() var month=mydate.getMonth() if (daym<10) daym="0"+daym var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu") var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember") document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")  </script></center></div>

9.  Lalu Simpan dan jadi deh......

Ato Sobat tinggal Copy/Paste aja script yang ada di bawah ni....
<script language="JavaScript1.2">
<!-- Sadewa
var months=new Array(13);
months[1]="Januari";
months[2]="Februari";
months[3]="Maret";
months[4]="April";
months[5]="Mei";
months[6]="Juni";
months[7]="Juli";
months[8]="Augustus";
months[9]="September";
months[10]="Oktober";
months[11]="Nopember";
months[12]="Desember";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000)    // Y2K Fix, Isaac Powell
year = year + 1900; // http://onyx.idbsu.edu/~ipowell
document.write("<center>" + lmonth + " ");
document.write(date + ", " + year + "</center>");
// End -->
</script>
kalo dah di Copy,,, kamu Paste dech ^_^
Pastenya terserah kamu,,!!
mau di Tambah Target ke, di Edit HTML ke, jd di tempatkan dimana aja BISA!!!
Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Membuat Widget Burung Twitter Terbang Di Blogspot


Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot
Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSAXh7YFq3aAZCwCd_id_RX_P60A3U5iE_N0HVR0Sdr34JIQsDtBLEMF9U_5QzT3R9NdcTH4KnMXFR5H65SSXNZtiHYQFJLJEBMb-r4wTrh6Z_0UAn_2lywvo4m_m6DpBVNf9SOmJfuA/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter


 Warna Kuning
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90AkR6TYtR4omWY9NS26dmqyl1rLEVHytZJvUMdW2PlEkhknngi1ECz01UaL1kOUY58sRH32esCwlYMhFqRe1pXXE5hRRUJv1ya5JDr9cus-D2-VNuXdeO7i6REFlB8-5NTFLMbjTkl0/s1600/yellow+bird.png
Warna Hitam
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjII8UZNO6bAH0E18IKcRjcY_W7JaOqT8Pp2e9tYSitkFnNS7HbIazVs80H2YnXU_0w-oD9fmUEC_FxKu-EJ3H_nNgWK9fvcdyb_zOK9LIsir7d-WTfWN6MYH991qXqeA7GAmqE-u2FAgc/s1600/black+bird.png
Warna Biru
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6v_hLvzSUUTHQsiO6Hbo2Ti92NVLTBlljwsaO54FIyshLsVQFsi4hPUn8i8gnLXaOPQEZ1jVZW12OAS1j3RrVkkHtOiwpNuPFWemFhyRzCWiv9bGFgyfZERGvRbV6LtA6l4zuYjog4ag/s1600/Blue+bird.png
Warna Coklat
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7yuBxgRoR-lBpkGoiAvEUzqYMTmBWNgtaBPttVPTu8Oi-rdraNpOyzA9t2woWTmFAvQsijQ7zRZ1foy5YPndFmX5qE11vhZlSkhPcs5BYqZrm2mjEH3alI1htV5-lyJ7a3ykfw47_pk/s1600/brown+bird.png
Warna Hijau
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifobumw6lnSVL0_rzdESsZ2-E7F-k7lEPFptYXvoRNDG2BxvBpI_pnkUy_24RkCUoJi2n4EhNvU_UY587VW6TrX0ML7hKUS1QJPy7ZWBmZ5m9iJMuZ6tp6IOyGxp3E6PTvdRi8DpL85jU/s1600/Green+bird.png
Warna Ungu
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFn5XpjZeVrKQ219GjRUp7rJPAxzKrdMYb5Q6h6ZKVxuCDsM0qyjkYOsqZsBHznyrnwlCmaUyM8EIiye85wCfbm7xojHp8ES6ZHhTZU4PPcytyMixp5JKlAC9B3dxPuDSwas6dW85CiU/s1600/purple+bird.png
Warna Putih
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisg1fxCVuGcKqY7d0DB9HZtJZiZ8iRcLai6z6_S_I9Y9aDeemjdkwrerK90pjqGvufxiu5mhm_e065sB6Foa8Bb1LzTIuaRQVeK1jHznWcWkPo0RNdW2rMy7jKGnA_4etQIKzlPw3WF6w/s1600/white+bird.png
Warna Merah
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTvTCpMZD6NjGp76Blc9jEIN1Iy5pVF7FTg-ShPq_IpQTAKcY7rH0ms9jD0KIac0R-4KGsMTFwmAF12mQ4-iseDVgo32gdO-MTpMElW-8xLJ8gZ9GiiGORIwVSGjxopSBgqsXpoqnKZLA/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!!!!

Cara Memasang Widget Chat Box Tersembunyi di Kanan Blog

Cara Memasang Widget Chat Box yang Tersembunyi di KananBeberapa waktu lalu saya saya bahas cara buat widget chat box di blog. Nah kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya. Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs cbox. Untuk langkah-langkah pembuatan akunnya sobat bisa klik disini. Atau langsung saja masuk ke situs cbox, klik disini.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:
1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKwjlWkkbG9tYhZ9nvj2ySGPAPIsqRWE09gY6gmJoRg9vcojVTav67Nlt1ZbdGjS-fytnq_cA0fbgoYGP1HYW44K93KJ9RA4HhUA8HL1cu_QvoIdFQm1R28gO39RMDS4yQcy4FJ1rtoXg/s1600/Bukutamu6.gif') 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>
<br />
<div id="gb">
<div class="gbcontent">
MASUKAN KODE CHAT BOX DISINI

<br />
<div style="text-align: center;">
<span ms="" sans-serif="" trebuchet="">Mau Widget Ini? <a href="http://regibrader-free.blogspot.com/2013/02/cara-memasang-widget-chat-box-yang_18.html" target="_blank">Klik Disini</a></span></div>
<div style="text-align: right;">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6. Atur ukuran dan posisi pada kode berwarna biru.
7. Ganti tulisan warna merah dengan kode html chat box sobat.
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.
9. Atur warna background dan warna border pada kode warna hijau.


Tombol Chat Box

Url Gambar Lainya:


Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLp1qW6a8kdoaU3BupSM39pEYAgYOA2MERi9fgsS4u4hhA3j_kh83aGOxHOv6As9FAxo-hJIaAiSvBddzj5JW9H_tP-Nl55SsvEhO_9yvEgqbw0ofJHLRfRaHNBbCQe53YzpWXkoWq4q4/s1600/Chatbox.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-duxZxuem1_rCn_YoRux48lCjtv-LNENOPWJEopiR6qbPWVwALl4Bu73FexG4x91l2U0n3UqNsq1vAoKjQYq34J9RVpFoQierW9AUT1XR8Y0BR7u8cCCBcaz5mf1Z6kfUsYof1JaErs/s1600/Bukutamu3.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fRzoYsTlTYXqZiBfSY9aTBPGQFKRJuqePD8XyWVMQ2rRvoFZU5ojJN7E9u9SCFcBQQkZC1Opd8XpDACI1qpYwnnBLVls8ouYUKjWNk0YcZY1VTieWk4AKplf_8zcKQJQpb-FsYUkpNs/s1600/bukutamu2.gif
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IU34K468ufkqANTIrg-1qZdFv7dpy4Wj8KVHz3QfSkBiIX7jd6_VonWUi0hAL73auVWAbI0BecNBXOlFCmn8FcD6h-uReIyca4pbnZRZMxYVBMxODJQRiJoF6DogT53r2cR1WJwFjFE/s1600/bukutamu5.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIzW5hSVxsoMRCxWB6UC6oxtxGcaC-q51L4wypQdrxtJG7H9besMA-_S-FDDy43ytJUWuUyemob1CA4mriy-Vj9WvSl-Z5hs5NX6MvluOWhHWCfbhOL9A6d6ZuU2jCmDHGzmr0Gp6uD-o/s1600/2131wkl.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ0nA9yvdd-wP9Fa72yJBfLLzrhhUrCPGOeiJyjkLD-8Heo_FD4mEe8huxv4QJB4uw4Y_FX6tXdc_ScV9L5juDuGcBIhMBL5TBg04WZ6sGfhZ9AGj2mDObmH3sY2iwzsrYIuHlFMBm20g/s1600/bukutamu4.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSoxMUMNll9GLQLQuS_ANyIyHohcZzc_ziXRDBz4hURpmeBqg0-mKEyTQ6L2TVnRy277yawyv3UiLNnDdZ8XU_AH1oP1tMvIoYhuDAba2jLmdFsjitxS0rQGJWLU5HhuqGXimXncF2tp4/s1600/BukuTamu1.png

10. Klik Simpan dan selesai. Lihat Hasilnya.

Postingan Lama Beranda