Caranya adalah sebagai berikut :
1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode : ]]></b:skin>
7. Lalu letakkan Kode CSS dibawah ini sebelum atau diatas kode ]]></b:skin> .
.datenavbar {float:left;margin:0;padding:0px 0 0 10px;text-align:left;line-height:15px;font-size:15px;border:1px solid #ccccff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#eee;text-shadow:1px 1px 1px #000;margin:2px;padding:3px}NB:
.datenavbar:hover {font-size:16px;text-shadow:1px 1px 1px #fff;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 20px #F70000;-moz-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 20px #F70000;-webkit-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 20px #F70000;}
Sobat perhatikan kode CSS3 diatas, sobat dapat mengeditnya dengan mengganti teks yang berwarna merah. Klik disini. untuk melihat kode warna.
8. Langkah terakhir, untuk penempatan pemasangan Script berikut, bisa diatas kode-kode berikut :
► <div id='header-wrapper'>
► <div id='header-inner'>
► <div id='main-wrapper'>
► <h3 class='post-title entry-title'>
► <div class='post-footer'>
► <div class='post-footer-line post-footer-line-1'>
► <div class='post-footer-line post-footer-line-2'>
► <div class='post-footer-line post-footer-line-3'>
NB: Anda tinggal pilih mau pasang scriptnya dimana...
Dan berikut script 'TGL-BLN-THN' yang akan kita pasang
<div class='datenavbar'>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
</script></div>
9. Save
♂ Good Luck ♀
Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Tips Blogger
- Scroll Tampil Dipostingan Jika Diperlukan
- Membuat background Pada Judul Sidebar
- Menambahkan Twitter Button di Blog
- Membuat Saving Energy Dengan Gambar Sendiri
- Fixed Guestbook Slide Effect With jQuery
- Naruto Emot Untuk Komentar
- Efek Animasi Dasar Pada Blog
- Cara Mudah Membuat Tool Tip Dengan CSS
- Cara Mudah Membuat Textarea
- Membuat Menu Iklan (jQuery Ads Popout)
- Cara Membuat Slideshow Gambar (with jQuery)
- Membuat Simple Menu
- Efek-efek Tulisan Menggunakan CSS3
- Membuat Menu Daftar Isi Jtoctree
- Image Zoom Effect With Jquery
- Shoutbox Light Effect
- Membuat Hover Image CSS3 Pada Blog (Seperti Blog ini )
- Bertabur Cinta
- Light Hover Horizontal Menu With CSS For Blogger
- Cara Memindah-Mindahkankan Gambar Dengan jQuery
- Cara mudah memasukkan banyak Tab Widget pada sidebar
- Cara Pasang Efek Kupu - Kupu Berterbangan
- Merobah Domain Menjadi CO.TV
- Cara Memasang Efek Bintang Berjatuhan di Blog
- Make Border-Radius