Rabu, 18 Mei 2011

Pasang Kalender di Blog

Sobat Guest452, itulah nama yang di kenalkan pada shoutbox. Beliau membredel shoutbox sebanyak tiga kali berturut-turut dengan permintaan agar di postingkan cara membuat Kalender pada blog. Untuk menghormati keinginan beliau ini, maka saya coba bahas tentang bagaimana cara pasang kalender di dalam blog.

Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat. Agar tidak terlalu bingung mencarinya, saya berikan contoh satu saja yaitu http://www.free-blog-content.com. Silahkan coba sobat kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang sobat sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.

salah satu contoh gambar yang di sediakan seperti ini :






Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !

Untuk Template klasik

  1. Sig in di blogger dengan id sobat
  2. Klik menu Template
  3. Klik menu Edit HTML
  4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula
  5. Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh
  6. Klik tombol Simpan Perubahan Template
  7. Selesai.



Untuk Template baru

  1. Sign in di blogger dengan id sobat
  2. Klik menu layout
  3. Klik menu Elemen Halaman
  4. Klik tulisan Tambahkan sebuah elemen halaman
  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
  6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan
  7. Klik tombol SIMPAN PERUBAHAN
  8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN
  9. Selesai.




Cara Membuat Daftar Menu Di Gadget

1. Login Blog
2. Klik Rancangan
3. Pilih Dan Klik Edit HTML
4. Cari Kode </head> di Edit Template (kalau mau cepat ctrl+f)

Jika sudah ketemu copy code script ini di atas </head>
<link href='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css' rel='StyleSheet' type='text/css'/><script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js' type='text/javascript'/>

Kalau sudah selesai Simpan Template

5. Lalu Klik Elemen laman
6. tambah gadget > Pilih HTML/Java Script

jika sudah copy code script ini :

<div class="dtree">
<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'Tips Komputer & Internet');
d.add(1,0,'Belajar Blogger','#.html');
d.add(2,1,'Tips Blogger',' #.html');
d.add(4,2,'Cara Buat Sidebar Kiri Kanan','http://googlelchis.blogspot.com/2011/04/cara-membuat-sidebar-berada-di-kiri-dan.html');
d.add(5,2,'Cara Cari File Di Google','http://googlelchis.blogspot.com/2011/04/cara-cepat-dan-mudah-mencari-file-di.html');
d.add(100,2,'Cara Buat Daftar Menu Di gadget','http://googlelchis.blogspot.com/2011/04/cara-membuat-daftar-menu-di-gadget.html');
d.add(99,2,'Cara Buat Translate ','http://googlelchis.blogspot.com/2011/04/cara-buat-translate-berbendera.html');
d.add(98,2,'Cara Membuat Link ','http://googlelchis.blogspot.com/2011/04/cara-membuat-link.html');
d.add(6,0,'Download',' #.html');
d.add(7,6,'Software',' #.html');
d.add(8,7,'Folder Lock','http://googlelchis.blogspot.com/2011/03/folder-lock-6-loker-pribadi-password.html');
d.add(1000,7,'Desktop Locker 1.60','http://googlelchis.blogspot.com/2011/03/desktop-locker-160.html');
d.add(1009,7,'Translator','hhttp://googlelchis.blogspot.com/2011/04/free-offline-kamus-dan-perangkat-lunak.html');
d.add(9,0,'Internet Murah',' #.html');
d.add(10,9,'Tips Internet Murah',' #.html');
d.add(11,10,'Aneka Tips Internet Murah','http://soe86.blogspot.com/search/label/Tips%20Internet%20Murah','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
document.write(d);
//-->
</script>
</div>
Lalu Simpan Liat Hasilnya