Menambahkan Jam dan Kalender Pada Blog

Blog kita anggapkan saja sebagai rumah kita, yaitu tempat kita berteduh dari panasnya siang dan dinginnya malam. Blog tempat kita tinggal berada dalam suatu lingkungan yang cukup luas yang setiap orang bebas untuk datang ke rumah kita (blog). Adakalanya kita juga perlu unutk menghias rumah kita agar kelihatan lebih indah dan rapi.

Salah satu pernak-pernik yang biasanya ada di rumah (blog) adalah  jam dan kalender, hidup ini terbatas oleh waktu, dan setiap rumah pasti punya jam atau kalender, walau jaman sekarang ada saja hal-hal yang mempermudah manusia, misalnya saja di HP  sudah ada jam  dan kalendernya.

Jam adalah sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perduapuluh empat) hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi. Satu jam terdiri dari: 60 menit atau 3600 detik
Cara Menambahkan Jam dan Kalender Pada Blog
  1. Login ke blogger
  2. Pilih Tata Letak kemudian Tambah Gadget
  3. Pilih HTML/JavaScript
  4. Masukan kode-kode berikut ini
<script src="http://www.clocklink.com/embed.js"></script><script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5015-green.swf";obj.TimeZone="GMT0700";obj.width=160;obj.height=40;obj.wmode="transparent";showClock(obj);</script>

Hasilnya kan seperti ini



Dan atau yang satu ini

<center><iframe src="http://www.free-blog-content.com/Calendars/calendar0054.htm" width="120" height="150"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

Hasilnya akan seperti ini




Sebuah kalender adalah sebuah sistem untuk memberi nama pada sebuah periode waktu (seperti hari sebagai contohnya). Nama-nama ini dikenal sebagai tanggal kalender. Tanggal ini bisa didasakan dari gerakan-gerakan benda angkasa seperti matahari dan bulan.

Dengan pernak-pernik hiasan rumah (blog) mungkin akan bisa meperindah blog kita, sehingga orang-orang akan semakin betah bertamu ke blog kita. Untuk lebih banyak pilihan jam kita bisa ambil dari sini, dan untuk lebih banayak pilihan kalender kita bisa ambil dari sini
selengkapnya>>

Syarat Menjadi Blogger Sejati

Apakah anda seorang pemilik blog (blogger)? Ada sesuatu yang bisa kita lakukan dengan blog kita, mungkin seseorang sudah punya blog kadang hanya sekedar punya. Ini tidak akan membicarakan teman sejati, atau pendekar sejati yang punya banyak jurus, tapi ini akan membicarakan syarat-syarat menjadi blogger sejati.

Syarat menjadi blogger sejati:
  • Berani menulis, blog merupakan media yang konten utamanya adalah tulisan, kata-kata, dan kalimat. Kadang ada seorang blogger yang takut, malu untuk menulis, tak punya keberanian untuk mengungkapakan pikirannya dalam bentuk tulisan. Jangan ada rasa takut, karena setiap tulisan kita juga akan mendapat komentar dari pembaca, nah itu kita gunakan untuk koreksi.Apa yang dapat kita tulis? pengalaman kita, apa yang kita baca, kita dengar, apa yang kita ketahui,  dan tentu saja apa yang kita rasakan. Menulis. menulis dan menulis. 
  • Takut untuk Mengcopy paste, Tak jarang juga blogger yang menjiplak tulisan dari orang lain, sebenarnya mengcopy paste (merujuk) itu seh sah-sah saja, asal kita juga mngikuti aturannya. Misal, mencantumkan penulisnya, atau memberikan link ke sumbernya. Jika kita mengcopy paste keseluruhan tulisan orang lain berarti kita tidak sejati, hargai tulisan orang lain.
  • Bertekad Memberi Manfaat pada Orang lain, Ini sangat penting bahwa seseoarang dikatakan blogger yang baik atau sejati dalah mereka yang dapat memberikan manfaat untuk orang lain. Dengan blognya ia dapat memberikan info yang mendidik, tips-tips yang diperlukan, menghibur pengunjung bak badut. :D Karena ada juga blogger yang merusak masyarakat atau tidak bermanfaat untuk umat, misal saja memposting gambar-gambar bugil, ada juga menyebarkan permusuhan lewat tulisan yang menyinggung Agama atau Adat.
Mungkin syarat-syarat tersebut masih belum lengkap, atau mungkin kamu ingin menambahanya? lain kali disambung lagi. Setidakanya denagan usaha dan  kesungguhan kita dapat menjadi orang terhormat dengan blog kita. Salam blogger :z
selengkapnya>>

Menampilkan Emoticon Kucing di Kotak Komentar

Siapa yang suka kucing? kalo saya seh gak suka kucing, hi,, agak gila (bahasa jawa). Tapi juga gak sedikit yang suka kucing, mungkin kamu juga suka kucing?? Oke, yang suka kucing akan saya manjakan kalian dengan belajar ngeblog yang satu ini, yaitu Menampilkan Emoticon Kucing di Kotak Komentar. Setalah dulu pernah kita bahas cara menampilkan emoticon atau smile bergaya yahoo, atau judul aslinya Menampilkan Emoticon ( Smile ) Di Kotak Komentar.

Berbeda dengan dahulu tentunya, ekspresi atau emoticon komentator akan digambarkan dalam wajah-wajah kucing seperti ini


hehe :) lucu pa gak? Kita akan bersama-sama untuk memulai belajar ngeblog untuk membuat emoticon bergaya kucing di atas, cara menampilkan emoticon kucing ini diperkenalkan pertama kali oleh Kendhin dan kemudian saya bahas lagi :)

Cara Menampilkan Emoticon Kucing di Kotak Komentar
1. Login ke www.blogger.com lalu pilih tata letak (layout)
2. Pilih EDIT HTML
3. Expand widget template anda
4. Lalu taruh script berikut ini di sebelum </body>  


<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif' alt='' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/B-)/gi, "<img src='http://kendhin.890m.com/emoticon/cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif' alt='' class='smiley'/>");

_str = _str.replace(/;;)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif' alt='' class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif' alt='' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif' alt='' class='smiley'/>");

_str = _str.replace(/:D/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/B-)/gi, "<img src='http://kendhin.890m.com/emoticon/cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:x/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif' alt='' class='smiley'/>");
_str = _str.replace(/:$/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif' alt='' class='smiley'/>");

_str = _str.replace(/;;)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif' alt='' class='smiley'/>");
_str = _str.replace(/x(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:?/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif' alt='' class='smiley'/>");
_str = _str.replace(/:~/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:|/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif' alt='' class='smiley'/>");
_str = _str.replace(/:))/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:((/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif' alt='' class='smiley'/>");
_str = _str.replace(/:(/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif' alt='' class='smiley'/>");
_str = _str.replace(/:)/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif' alt='' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}

//]]>
</script>

5. Cari kode berikut ini

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

6. Kalau sudah ketemu taruh script berikut ini di bawah
<p class='comment-footer'>

<b><img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif'/> :f
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif'/> :D
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif'/> :)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif'/> ;;)
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif'/> :x
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif'/> :$
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif'/> x(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif'/> :?
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif'/> :@
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif'/> :~
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif'/> :|
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif'/> :))
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif'/> :(
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif'/> :s
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif'/> :((
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif'/> :o
</b>

7. Simpan Template kalau sudah selesai

Kode-kode scriptnya hampir sama dengan kode-kode script emoticon ala yahoo, tapi sebenarnya juga berbeda seh, Opps,,, :z jika sulit mencari kode di template baca juga artikel tips aman mengedit template.
selengkapnya>>

Membuat Banner dan Tukeran Link Banner

Jika kita punya suatu produk, pasti kita ingin juga membuat sebuah logo dari produk kita tersebut, misalnya kita punya toko, tentu kita juga akan memberi nama toko kita itu, dengan nama yang bagus, yang mempunyai arti dan tentu saja mudah diingat, itu sama artinya saat kita punya blog, tentu kita akan menamainya dengan sesuatu nama atau brand dengan nama yang bagus dan mudah diingat.

Sebagai contohnya adalah blogger, yang sudah banyak dikenal orang, mungkin kenapa blogger juga banyak dikenal orang karena Logo Banner juga. Kita yang punya blog juga mengikuti atau setidaknya berusaha memperkanalkan blog kita pada khalayak umum dengan  salah satu caranya dengan membuat Banner.

Salah satu pernak-pernik blog yang banyak digunakan dan tentunya akan berdampak positif dengan blog kita adalah Banner dan Tukeran Link Banner. Dengan pernak-pernik tersebut akan membawa manfaat terciptanya pertemanan derngan blogger yang lain, karena saling bertukeran link, yang akhirnya berimbas pada traffic blog kita.

Cara Membuat Banner dan Tukeran Link Banner
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript 
4. Masukan kode HTML berikut ini

<a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a>
<!------------------------------------------------------------>
<textarea rows="3" cols="16"><a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a></textarea>

5. Sebelum disimpan, berikut ini hal-hal yang perlu kita ubah.
  • Diatas kode <!-----> adalah bannernya dan di bawahnya adalah textarea, kotak berisi kode banner.
  • http://kurniasepta.blogspot.com adalah URL yang dituju, kita ganti dengan URL kita sendiri.
  • http://images.cooltext.com/531532.gif adalah URL gambar atau logo banner.
  • Kita juga dapat mengatur lebar dan tinggi banner dengan mengubah angka-angka pada width dan height. dan kotak (textarea) dengan mengubah angka pada rows dan cols. Kalaupuan tidak diubah juga tidak akan jadi masalah
 Mungkin diantara kita masih, masih belum bisa membuat logo banner sendiri, jangan khawatir, karena kita juga bisa membuat logo banner secara online dengan mudah dan cepat. Kita bisa membuatnya di cooltext.com disana kita tinngal memilih modelnya, menganti judul, tulisan, dan warna, setelah itu sedikit registrasi dan kita akan mendapatkan kode HTMLnya. Ambil saja URL gambar atau logonya saja.




Setelah kita pasang atau tambahkan ke blog kita nanti hasilnya akan seperti di atas, ada yang mau tukeran link banner dengan saya? atau ada yang ingin mengoleksi banner? Silahkan :D
selengkapnya>>