January 25, 2008

(106) Comments

Change Post Date Become Calender Icon

Kendhin

If you bored with your blog face, may be you can use this trick to make your blog more beautiful. This trick will explain "how to change posting date to become a calender icon" like as you see in my blog. If you interest c'mon let's do it now.
The first thing you have to do is change your "date header format" to become mm.dd.yyyy (1.24.2008). How to do this? go to your blogger account, then chose "Setting --> Formatting, change "date header format" to become what I said before (mm.dd.yyyy) then save your setting.

Next step is go to tabs "Template --> Edit HTML". Don't forget to backup your template first. Click on a "Expand Widget Templates" check box. OK lets go to the deep trick.

1. Find this code <TITLE><data:blog.pageTitle/></TITLE> in your HTML. If you found it, put the code below under it.

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trick-blog.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. Then Find this code:

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


if you can't found it try to find this:

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


3. OK, you have found it? next step is put the below code under it.

.dateblock {
background: url("http://blogoholic.info/files/kalender/bluecalend.gif")
no-repeat;
width: 50px;
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;

}


Code http://blogoholic.info/files/kalender/bluecalend.gif is the place for calender icon, you can change it with your own image or use my image below. what to do is change the bold text with the pictures code below, for example, if you want to change it with red icon calender, just change bluecalend.gif with redcalend.gif.
here is the icon images:

blackcalend.gifblue2calend.gifbluecalend.gif
greencalend.giforangecalend.gifpinkcalend.gif
redcalend.gifungucalend.gifyellowcalend.gif


4. Next step is find this code <data:post.dateHeader/>. The easy way to find it is by copying the code the press Ctrl-f then paste to the shown box, you will found the code immediately. If you didn't anything you can find it manually. OK, If you found it change the code with the below script.

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

5. Save your editting, and see the result, is it working? :t

if the month and date upper, you can add this code padding: 4px 0px 0px 0px; under this code .month { and this .day {

Good Luck ............




Related Articles :



106 Responses to "Change Post Date Become Calender Icon"
arvendu said :
July 12, 2008 at 11:39 PM
tnx mind blowing
JAKE said :
July 25, 2008 at 6:56 AM
its not working.

says "UNDEFINED"
Jake said :
July 25, 2008 at 7:06 AM
sori dude, I find the bug already. It was fixed.
iEn said :
July 28, 2008 at 11:47 PM
it's working.. i translate ur tutorial to my language.. credit for you!
July 31, 2008 at 6:23 AM
its not working.
says "UNDEFINED" Why?
Kendhin said :
July 31, 2008 at 7:18 AM

@Jose Balbino, you forget to change "date header format" to (mm.dd.yyyy)

July 31, 2008 at 8:16 AM
It1s working now.Ok. Thanks!
August 4, 2008 at 11:16 PM
THANKS MAN, THIS IS TOO COOL. I TRIED ON MY BLOG OF CELEBRITIES http://onlinecelebrities.blogspot.com AND IT WORKED VERY WELL. THANK YOU.
fircom said :
August 4, 2008 at 11:22 PM
ok
ian said :
August 6, 2008 at 7:11 PM
This comment has been removed by the author.
leonardo said :
August 14, 2008 at 3:32 PM
Hi Kendhin,I am getting some problems with this.Can you please take a look at my blog(downloadshub.blogspot.com)
August 22, 2008 at 10:10 PM
Will this work on a non-Blogger hosted blog? My code seems a little different and I do not have widgets. Thanks.
Just said :
August 29, 2008 at 8:43 AM
Hi... The mth and date upper, already added the code 'padding...' but still the same...
Jinky said :
August 30, 2008 at 3:11 AM
hi, i can't seem to find the second step..was able to change the icon, but can't put the .gif, can you help me? thanks!
September 5, 2008 at 7:05 PM
ya.. i just try this but i don't understand for step three
kenzie said :
September 18, 2008 at 1:31 PM
cant find the step 4
Fran said :
October 4, 2008 at 10:02 AM
Hi!
Thank you very mucho for the tips, with your help my blog is gettin better each day.
I try this tip but some of the calendar icon just don't appearon some posts, dunno why, could you please take a look at it?
Is in spanish, but I suppose it won't matter, right?
http://www.mythoughtsalod.com
Nice work m8.
October 9, 2008 at 10:59 PM
Oct 10 2008 erro :?

Meu ( oct 10 ) (html ...... 2008??
Brazen Lass said :
October 22, 2008 at 3:50 PM
thanks for this!
atalou said :
October 23, 2008 at 10:44 AM
Yikes! I'm getting an undefined error also and can not seem to fix it. Any tips?
bhagoezt said :
November 7, 2008 at 8:47 AM
tengkyu tengkyu
Elle said :
November 19, 2008 at 7:29 PM
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "SCRIPT" must be terminated by the matching end-tag "".

it looks lik it has the < / scri pt > so unsure why message - not working for me. :(
November 20, 2008 at 5:46 AM
very informative and educative article. i an glad that i happen to
come across it
November 20, 2008 at 5:47 AM
very informative and educative article. i an glad that i happen to
come across it
teguh said :
November 29, 2008 at 12:32 PM
i have try this script, but didn't work
this my blog http://teguhyulianto.blogspot.com
Tungnung said :
January 5, 2009 at 11:43 PM
It works, beautiful, kudos to http://trick-blog.blogspot.com
January 14, 2009 at 12:36 AM
This comment has been removed by the author.
Mistirios said :
January 15, 2009 at 1:03 AM
in my template there is no .date-header
:(
Nursafiena said :
January 22, 2009 at 6:13 PM
thanx for sharing ! it really works !!
thanx again :D
aero said :
January 23, 2009 at 11:44 PM
nice idea. helpful post.:?
February 18, 2009 at 9:39 PM
hi thank you so much for your helpful tutorial, it works like magic!
Anonymous said :
February 21, 2009 at 12:34 AM
:))
Anonymous said :
March 22, 2009 at 8:32 PM
http://kendhin.890m.com/emoticon/mumet.gif

cant find 4
AATON said :
April 8, 2009 at 12:51 PM
i can see the image, but not the date, just an empty image. I select the date at mm.dd.yyyy but stil the same. Any suggestions?
April 26, 2009 at 11:02 AM
thanks for your info...
悉怛多缽怛囉阿門 色彩心理學 color
:user.nksh.tp.edu.tw/studio/classroom/design/ c_sense.htm
Kabacha said :
May 20, 2009 at 9:46 PM
Hi!
Thank you for this tip. I tried to follow but struck with a big problem. I can not find both date-header in my blogcode. Not even one is there. help me.
Alex said :
May 23, 2009 at 2:46 AM
hello I have used your tutorial and it doesn't disply the date if there are more than one post per day...
http://zvoon.blogspot.com
FERRY said :
May 26, 2009 at 11:12 AM
I got the "UNDEFINED" error even after i changed the correct date format
FERRY said :
May 26, 2009 at 11:16 AM
It worked when i changed the date format to M.DD.YYYY .. Thanks anyway
Science-HUB said :
May 26, 2009 at 11:17 AM
It worked fine for me
Nesomn said :
May 27, 2009 at 7:10 PM
Thanks for sharing, it worked fine , but a problem. when I enter the comments page the date disappear, it's just an empty icon. Help please!
=yoi= said :
June 6, 2009 at 1:37 AM
i just can say "thanks" to you kendhin...nice post
Kuwe said :
June 12, 2009 at 10:24 AM
thanks and nice :o
July 30, 2009 at 6:17 PM
now...in my blog your calender icon's is blank why ???
Rob said :
August 11, 2009 at 2:24 PM
I can't seem to find these: data:post.dateHeader

I am using find or did it manually but it's not there. I got the first 2 though, x( Any updates? Please let me know in my blog.
September 18, 2009 at 2:38 AM
With a great pleasure.I am loving all this.It's getting better and better.
http://www.fatcow.com/free-icons/
Arafin said :
September 21, 2009 at 1:37 PM
FOE EXCLUSIVE BLOGGER TIPS TRICKS & FULL VERSION BLOGGER TEMPLATES VISITE

http://tips-tricks-for-blogger.blogspot.com/

U WILL BE SURPRISE CHECK THIS OUT MAN!
Tyler said :
December 19, 2009 at 3:18 PM
For all of you who cant find the 4th explanation. check the Expand Widgets box. That will do the trick.
herana said :
April 8, 2010 at 7:19 AM
It is so lucky that i come here accidently, the aundant resources makes me excited,thank you!
By Jordan Sneaker
Bdinamo said :
April 21, 2010 at 3:38 AM
Thank you so much.Good post.
April 28, 2010 at 8:17 AM
This blog makes me realize the energy of words and pictures. It's very beneficial for me, Thank you for sharing!
New Jordans said :
April 28, 2010 at 1:30 PM
I just ran across your wonderful blog today.It's very beneficial for me, Keep coming up with ideas.
GeLeCeK said :
May 19, 2010 at 2:36 AM
thanks..
porno izle
sikiş izle
porno izle
porno izle
sikiş izle
June 19, 2010 at 11:57 PM
see my header image working good but cat it be better
Pink Diva said :
October 14, 2010 at 10:45 AM
its not working.

says "UNDEFINED"

I already change the Date header format..huhu

plz help..
November 23, 2010 at 5:32 AM
This comment has been removed by the author.
November 23, 2010 at 5:32 AM
good
escort said :
November 29, 2010 at 2:12 AM
deneme yorumu
güncel siteler escort ankara
her sektör bir site hepsi
toptan hazlu fiyatları bayan eskort servisi
web tasarımı, internet sitesi google optimizasyonu eskort kızlar escort bayan escort girls. türkiyenin özel kızları sallama kelime kolleksiyonu burada türkiyenin
eskort kızları bayan erkek eskort servisi istanbul ankara istanbul eğitimi ve bakımı chat siteleri chat
islami evlilik siteleri bayan partner siteleri escort servisi arıyorum en güzel
kızlar
bu sitede ücretsiz üyelik sistemi bayan arkadaşlar kız arkadaşlar arıyorum
bayan arama telekız hizmeti veren siteler car rental beşiktaş rent a car araba kiralama
araç
kiralama türkiyenin kızları en sexy kızlarescort bayan bu sitede aradığınız kızı bulacaksınız.
attım kafadan firmanıza uygun kalıp tasarımları escort ankara türkiyenin en güzel
kızları. biz sinema dizi full escort istanbul belgesel video clip play game çocuklar erkek çocuk games deneme sallama mail
plaket kristal plaket kokart rozet ahsap plaket escort servisi kristal ödül madalya gümüş plaket yaka isimliği masa isimliği kupa sallama kelimeler
sesli sohbet etrer
Light Design said :
January 19, 2011 at 1:20 AM
Not working for me on:

http://www.blogdecamisetas.com
January 28, 2011 at 2:00 PM
Change Post Date.. it's cool
Aini Sastra said :
May 26, 2011 at 8:35 PM
visit and coment here
October 5, 2011 at 1:49 PM
Thx info nya menarik visit/kunjungi blog saya :D
October 21, 2011 at 8:55 AM
Thank you for another essential article. Where else could anyone get that kind of information in such a complete way of writing? I have a presentation incoming week, and I am on the lookout for such information.
Hermes replica hermes birkin replica Replica Hermes Hermes Handbags Replica Hermes Handbags
Dwijayasblog said :
January 12, 2012 at 1:22 AM
Something wrong, your trick doesn't work on my blog, maybe my fault, I will try it tomorrow.
NY said :
January 30, 2012 at 6:54 PM
useless
April 19, 2012 at 8:50 PM
London Crumpet has a message board where London escorts and agencies can post their messages about their services or announce people about any update of their profile. Visitors can also rate the escorts on Hot or Not gallery and give some credentials to the escorts they like.
April 19, 2012 at 8:50 PM
London Asian Escorts is an Asian and Oriental escort agency operating in Central London. The agency provides escort service for a true gentlemen. Our escort models are carefully selected and are genuine.
May 23, 2012 at 2:31 PM
Kobe Bryant Shoes


Kobe Bryant Shoes
Kobe Bryant Shoes
"Volume" is the buzz word in this year's trends and when centered on women what is the most likely outcome. Kobe Bryant Shoes. Whether you have your eyes set on the SG Standard, an SG Special or a Custom SG you can be sure you will get a solid build, great looks and that special sound. You will also have a greater selection at your disposal. Kobe Bryant Shoes. Lebron James Shoes. If you want our prediction, the Norelco Beard Trimmer is going to be a hot seller for 2010. Tightly woven threads are usually a sign of high quality and make for easy spill cleanup. Size matters to some people. If you are undecided as to what you want to get for your spouse and mother of your own kids, consider a lovely fragrance. Kobe Bryant Shoes. Something that may look comfortable and casual might not look as well with a suit. urniture plays an important role in creating the right effect for our rooms. You can alsoask a designerto make earrings to match a pendant someone purchased from someone else. Basketball shoes. Kobe Basketball Shoes.


Article Source: http://www.shopbasketballshoes.com/
June 19, 2012 at 9:12 PM
Nice Information i really appreciate you on this remarkable achievement. There is lot of info that you have provided to others which is Awesome.
SEO Tip to Increase Traffic of Old Blog Posts
June 21, 2012 at 2:59 PM
Took me time to read all the comments, but I really enjoyed the article. It proved to be Very helpful to me and I am sure to all the commenters here It's always nice when you can not only be informed, but also entertained I'm sure you had fun writing this article.
July 21, 2012 at 12:11 AM
I really enjoy reading the post, thanks for sharing I really like it, I already bookmarked it, thank you guys.
July 21, 2012 at 12:11 AM
You are a Great while writing in the blogs it is awesome I liked it too much good and informative thanks for the sharing.
July 23, 2012 at 3:21 PM
hello. it's a nice postl.breguet replica watches thanks for sharing/.cartier watches replica i hope we have a shance to disscue Hermes Paris Bombay outlet
January 17, 2013 at 12:41 PM
Nicely presented information in this post, I prefer to read this kind of stuff. The quality of content is fine and the conclusion is good. Thanks for the post.
Tuxedo for men
Anonymous said :
February 6, 2013 at 5:15 PM
This is a well-written article. Very interesting and insightful. Thanks for sharing it with us. Excellent work. Thanks from walman in admin boomtemplate
friv games said :
March 24, 2013 at 4:45 PM
This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles.Keep up the good work!
friv games
July 14, 2013 at 1:40 AM
Diamond Archery is the pioneer Kata Kata Bijak in the field of archery. With the wide product range like the bows, arrows and gears and appeals this company has made a visible growth in this field. The Marquis bow designed by Diamond Archery weighs 2 kilogram and is made up of Kata Kata Mutiara top quality aluminum. This bow is fully mechanized for better delivery. Their extremely sturdy and faultless risers slots Kata Kata Motivasi is one of its kind and the thumb groove gets the lets you get the arrow close to your hand thus minimizing upright torque and adding stability to Kata Bijak the game. Archery is the game that involves the shooting of arrows that is released from the bow and shot at a target. The closer you shoot the arrow to the targets, the more your score will be

When the bow is released, cutie stampers Vertical Force Technology (VFT) and the Pinnacle5 Cam, move the unequaled energy on the arrow. These bows are Informasi Online designed with Roller Guard/Shortstop string suppressor that holds the string of the bow thus absorbing the vibration of the string. Designed with excellence, the Black Ice Sumber bow of Diamond Archery is set at an angle of 53-degree to provide more stability and accuracy. This bow maintains Tali Kotang the balance and is installed with special features like Pinnacle4 cam that distributes the pressure equally thus adding stability to the game.

This also helps in minimizing the pressure that Blogger Ndeso is concentrated on the limbs. The arrow can be taken closer to the hand Bahasa Indonesia as these bows are designed with a thumb groove and lowered berger. Kopyor The smooth drawing feature of Liberty minimizes the pressure thus reducing the the shocks and the noises that can be caused during the game. Liberty bow is Bahasa Indonesia designed with Vertical Force Technology (VFT) that allows the equal distribution of the pressure in all the directions during the game.

Designed with the special feature of Freedom Cam, the justice bows a product of Diamond Archery, is designed to deliver smoothness and stability in Kumpulan Kata the game. This bow maintains the balance and distributes the pressure equally thus adding stability to the game. This also helps in minimizing the pressure that is concentrated on the limbs. The Edge bows by Diamond Archery, is designed for the beginners by adults Kata Cinta and children as well. This bow is the first of its kind, is featured with dual-cam bow, and are provided with single pivot mod to maximize the length of the shots.
October 18, 2013 at 11:23 AM
I like your website. Thank you for great information. I will come back to your website again.

best regards
March 2, 2014 at 7:59 AM
Ayo wisata liburan bersama keluarga, dengan mengikuti paket wisata karimun jawa kita yang termasuk biro wisata karimun jawa berpengalaman karena memberikan paket karimun jawa murah, ada paket backpacker karimunjawa, paket tour karimun jawa 4 hari 3 malam, paket karimun jawa 3 hari 2 malam, paket murah karimun jawa 2 hari 1 malam, atau paket karimun jawa honeymoon. paket karimun jawa kami sangat memuaskan dan berkesan, info tour jadwal kapal ke karimunjava island lebih lanjut bisa menghubungi www.karimunjawakita.com,
Tapi bila anda ingin belanja online mebel jati atau mebel jepara or furniture jepara yang bisa anda jadikan pilihan karena ada harga perabot murah dari kami, silahkan berkunjung ke website http://www.jeparaapik.com yang juga menjual ukiran jati, kursi tamu meja makan murah almari jati bufet lemari jam bangku minimalis sofa ukir bale-bale kayu dipan antik, terimakasih
December 25, 2014 at 10:36 AM
posting commnet baru
December 25, 2014 at 10:43 AM
ubject but on average people don't talk about these issues. To another! Cheers!! jual apartemen krim pemutih jual baju murah rumah apartemen rumah dijual
hussain ali said :
December 30, 2014 at 3:11 PM
www.bangashtemplates.blogspot.com
February 13, 2015 at 3:40 PM
Thanks, I've got it juegos de autos gratis , jogos de friv , jogosfriv
Mebel jati said :
March 19, 2015 at 12:43 AM
Nice article.giving me more information.Thanks.
Mebel jepara
jilbab murah said :
March 26, 2015 at 8:29 PM
haturnuhn artikelna bagus deh pokoknya...
klik disini
baca artikel
kids games said :
April 7, 2015 at 10:52 AM
Thank you for that information you article. I think I need it. Thank you
---
Signature: games for kids | kids games | kid games
November 12, 2015 at 4:37 PM
This is a great article. It gave me a lot of useful information. thank you very much.
happy wheels demo , happy wheels , zombie tsunami apk , retrica download , retrica apk
February 10, 2016 at 4:49 PM
Use of the calendar makes it easy to record the bloggers their articles.

Post a Comment