ping fast  my blog, website, or RSS feed for Free free search engine submission

Minggu, 29 Januari 2012

cara mengganti tanggal posting dengan icon kalender


Langkah yang pertama yang harus anda lakukan yaitu mengganti setting tanggalnya dulu, caranya anda login dulu ke blog anda, kemudian klik " setelan ", lalu klik " format ", kemudian cari kata " Format Header Tanggal " pilih yang formatnya " bulan.tanggal.tahun contohnya 1.29.2012 atau 1/29/2012, terus klik simpan setelan.
langkah yang kedua pilih menu rancangan, lalu klik Edit HTML, kemudian centang pada kotak kecil disebelah tulisan " Expand Widget Template ". jangan lupa di backup dulu template anda.

1. cari kode seperti dibawah ini

<TITLE><data:blog.pageTitle/></TITLE>

jika sudah ketemu, copy script di bawah ini dan paste kan persis di bawah kode tadi

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://gantatriplex.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. kemudian cari kode seperti dibawah ini

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

jika anda tidak menemukannya, coba cari yang seperti dibawah ini

h2.date-header {
margin:1.5em 0 .5em;
}

3. jika anda sudah menemukannya, langkah selanjutnya adalah anda copy script di bawah ini dan paste kan di bawah kode tersebut

.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day { color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

keterangan :
yang berwarna merah itu adalah kode warna gambar, anda bisa menggantinya dengan kode-kode gambar yang lain di bawah ini

yang warna biru adalah kode warna untuk tanggal, jika anda ingin merubahnya, anda bisa lihat kode-kode warna DISINI

4. langkah berikutnya adalah anda cari kode seperti di bawah ini

<data:post.dateHeader/>

ganti kode tersebut dengan script di bawah ini

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. kemudian klik " simpan template "

keterangan :
jika tulisan bulan dan tanggalnya terlalu ke atas, coba copy dan paste kode di bawah ini

padding: 4px 0px 0px 0px;

tepat di bawah kode

.month {

dan juga dibawah kode

.day {

jika tidak berhasil, anda bisa ulang kembali prosesnya dari awal, kenapa tidak berhasil ? itu mungkin karena ada beberapa kesalahan yang anda lakukan.

Tidak ada komentar:

Posting Komentar

Terimakasih saya ucapkan..
karena anda telah memberikan komenter pada artikel ini..
gabung dengan saya di facebook.com >> http://www.facebook.com/ganta.a.tasya
gabung dengan saya di twitter.com >> http://twitter.com/GantaArgaTasya
gabung dengan saya di blorner.com >> http://blorner.com/GATOT12/
gabung dengan saya di Google+.com >> http://plus.google.com/111785983690816699275/posts
gabung dengan saya di digg.com >> http://digg.com/gatots
gabung dengan saya di bloggers.com >> http://bloggers.com/GATOT12
gabung dengan saya di planet-blog.com >> http://www.planet-blog.com/user/6855

Related Posts Plugin for WordPress, Blogger...

 
Design by Gatot Susilo | Bloggerized by Gatot Susilo - Premium Blogger Themes | Best Web Hosting
Facebook Twitter Yahoo! Feeds Myspace