Friday, May 24, 2013
Friday, April 12, 2013
How to solve the Warning: Missing required field "updated" in blogger
When you check your blog hosted with Blogger for Google Authorship with Rich snippet testing tool mostly you get two common warning and error messages 'Warning: Missing required field "updated".' and 'Warning: Missing required hCard "author".
Note: Before making any changes to the template please take the backup. Link given below will help you.
› Learn how to edit Blogger template?
First Method:
Here we look for first method to correct Authorship markup warnings and error in Blogger template
Second Method:
Now we move to second method which is slightly difficult from first one.
Warning: Missing required field "updated" |
Note: Before making any changes to the template please take the backup. Link given below will help you.
› Learn how to edit Blogger template?
First Method:
Here we look for first method to correct Authorship markup warnings and error in Blogger template
- Go to Blogger Dashboard › Select Blog › Click on Template › Proceed › Edit HTML
- Search for 'hfeed' and 'hentry' one by one and rename all instances those exist in template with 'h-feed' and 'h-entry' respectively.
- Save template and now check for authorship markup warnings and errors with Rich Snippet testing tool.
Second Method:
Now we move to second method which is slightly difficult from first one.
- Go to Blogger Dashboard › Select Blog › Click on Template › Proceed › Edit HTML
- Now press Ctrl+F to find the code timestamp-link or published like below
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
4. Now care fully change it to the code below
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
5. Now have a smile!
Note: If that code doesn't work please try this:
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
Thursday, April 11, 2013
How to post code into a code box area in blogger
Code Box style for blogger |
Step1: Log in to your blogger account. Go to Dashboard >> Template.
Step2: Click on the Customize.
Step3: GO to Advanced >> Add CSS.
Step4: Copy and Paste the following code in the Add CSS section.
.code-asim1 {
background:#f5f8fa;
background-repeat:no-repeat;
border: solid #5C7B90;
border-width: 1px 1px 1px 20px;
color: #000000;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px;
width: 90%; }
.code-asim1:hover {
background: #FAFAFA;
background-repeat:no-repeat;}
background:#f5f8fa;
background-repeat:no-repeat;
border: solid #5C7B90;
border-width: 1px 1px 1px 20px;
color: #000000;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: auto;
padding: 10px 10px 10px;
width: 90%; }
.code-asim1:hover {
background: #FAFAFA;
background-repeat:no-repeat;}
Step5: Now whenever you are composing new post , just select HTML section and paste the following code.
<div class="code-asim1">
Paste your code
</div>
Step6: Go to Compose mode. Replace Paste your code with your code. Complete your post and publish it.