Monday, 16 January 2017

POST DATE HEADER IN BLOG

POST DATE HEADER IN BLOG

--------------------------------------------------------------------------------------------------------
DEFAULT LANGUAGE SETTING
READ MORE:
POST DATE TUMBNAIL IN BLOG
http://fbgadgets.blogspot.co.uk/2017/01/post-date-tumbnail-in-blog.html

POST DATE HEADER IN BLOG - YouTube

https://www.youtube.com/watch?v=G1XC_aCY-Fw
5 mins ago - Uploaded by SAVE MONEY
POST DATE HEADER IN BLOG. SAVE MONEY ... New. 11:23. Flexible headers and footers with the Beaver ...

--------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------
1) SET LANGUAGE FORMATE SETTING
https://draft.blogger.com/blogger.g?blogID=6275839548507029464#languageandformattingsettings
2) GO INSIDER POST INCLUDABLE WIDGET AND 
PASTE DATE WIDGET CODE IN THIS WIDGET BEFORE POST TITLE TAG
<b:includable id='post' var='post'>
--------------------------------------------------------------------------------------------------

<b:includable id='post' var='post'>
<!-- Post -->

<div class='post' id='post'>

<!--ADD POST DATE HEADER BEFORE POST TITLE TAG -->
<style type='text/css'>
.date{
padding:0 0px 0 51px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2WG0s9m5j30B33TTCGqKH6uFo5LI2FZI3XzQumVkU40eaF1L4ZWDFOdf939sJOx5neieWhHQNbHFpCtn5D3rBY0tgq8veuW4t8S9eXbjZE0fhVrRBbxu_6R9kgbYRbn4kvJgI8igOxo/s1600/bg_date.jpg) no-repeat 0 0;
border:0px red solid;
}
.date_d {
position:absolute;
font-size: 33px;
left:0px;
top:30px;
width:50px;
font-family:Arial, Verdana;
font-weight:bold;
text-align:center;
color:#ff0000;
}
.date_m {
position:absolute;
left:0px;
top:61px;
width:50px;
font-family:Arial, Verdana;
font-size: 9px;
text-align:center;
color:#000000;
}
</style>
<div class='date'>
<script type='text/javascript'>
var timestamp = &quot;<data:post.timestamp/>&quot;;
if (timestamp != &#39;&#39;) {
var timesplit = timestamp.split(&quot;,&quot;);
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(&quot; &quot;);
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<div class='date_d'><script type='text/javascript'>document.write(date_dd);</script></div>
<div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></div>
</div> 
<!--ADD POST DATE HEADER BEFORE POST TITLE TAG -->

</b:includable>



0 comments:

Post a Comment

FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets