PSP ISO Easy Download Source For All Around The World !!: Blogger Tutorial

Blogger Page Type list and its descriptions

<h1 class="post-title entry-title">
Blogger Page Type list and its descriptions
</h1>
<div class="post-header">
<div class="post-header-line-1">
<span class="post-labels">
</span>
</div>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMCnJgk9NxxMbwBTNcNTuIMhwioUBkvsYhSgPaq5FDjyf0_szD_WORK15xZ4Jtl-GMZWoAKf7yC1mtUHj4rF2t541kGsUzuSU4SVlNWiCeGJW-sGUE7XAGRP1Qj1q_pAbm8ndt-oSiYrWU/s1600-h/BloggerXML%25255B20%25255D.jpg"><img alt="BloggerXML" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkC0-E4oDA9J1sx3IWaJ5-4sMWiPh6co5NWB_zuyBxxpsn7voA4uF8IcX6OQ-YEbeY_dU5w5LiAWdsMnKzOO17Ts8mSIJhWd2TwPeR9HlkiOFRc19KaV8JEDFVvc8KMsbJ11geX5tn52Zi/?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="BloggerXML" width="600" /></a>There are <b>four</b>
 main types of page which we can differentiate in blogger XML. Below are
 the list and the XML code snippet to differentiate them. <br />
<h3>
1. Archive</h3>
Archive page type refers to the pages added by Blog Archive Widget, it normally has “_archive.html” ending in its URL.<br />
<div class="wlWriterEditableSmartContent" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:acc31d1e-a50a-4568-8e15-4ce3720ff2e6" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<div style="border: #000080 1px solid; color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;">
<div style="background: #000080; color: white; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px;">
XML Archive Page Type</div>
<div style="background: #ddd; overflow: auto;">
<ol start="1" style="background: #ffffff; margin: 0 0 0 2em; padding: 0 0 0 5px; white-space: nowrap;">
<li><span style="color: blue;"><</span><span style="color: #a31515;">b:if</span><span style="color: blue;"> </span><span style="color: red;">cond</span><span style="color: blue;">=</span>'<span style="color: blue;">data:blog.pageType == </span><span style="color: red;">&quot;</span><span style="color: blue;">archive</span><span style="color: red;">&quot;</span>'<span style="color: blue;">></span></li>
<li style="background: #f3f3f3;">    <span style="color: blue;"><</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li>        Posts Archive | <span style="color: blue;"><</span><span style="color: #a31515;">data:blog.title</span><span style="color: blue;">/></span></li>
<li style="background: #f3f3f3;">    <span style="color: blue;"></</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">b:if</span><span style="color: blue;">></span></li>
</ol>
</div>
</div>
</div>
<h3>
 </h3>
<h3>
 </h3>
<h3>
2. Index</h3>
Index page type refers to pages like homepage and search result page. Page with a list of posts are normally an Index page.<br />
<div class="wlWriterEditableSmartContent" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:1a7d9bb6-a87e-4096-8997-02908230706b" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<div style="border: #000080 1px solid; color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;">
<div style="background: #000080; color: white; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px;">
XML Index Page Type</div>
<div style="background: #ddd; overflow: auto;">
<ol start="1" style="background: #ffffff; margin: 0 0 0 2em; padding: 0 0 0 5px; white-space: nowrap;">
<li><span style="color: blue;"><</span><span style="color: #a31515;">b:if</span><span style="color: blue;"> </span><span style="color: red;">cond</span><span style="color: blue;">=</span>'<span style="color: blue;">data:blog.pageType == </span><span style="color: red;">&quot;</span><span style="color: blue;">index</span><span style="color: red;">&quot;</span>'<span style="color: blue;">></span></li>
<li style="background: #f3f3f3;"> </li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">b:if</span><span style="color: blue;">></span></li>
</ol>
</div>
</div>
</div>
<h3>
 </h3>
<h3>
 </h3>
<h3>
3. Item</h3>
Item page refers to our blog post – content created using blog post button.<br />
<div class="wlWriterEditableSmartContent" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:a81b304e-f3e6-4a0d-b251-7664e64ef271" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<div style="border: #000080 1px solid; color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;">
<div style="background: #000080; color: white; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px;">
XML Item Page Type</div>
<div style="background: #ddd; overflow: auto;">
<ol start="1" style="background: #ffffff; margin: 0 0 0 2em; padding: 0 0 0 5px; white-space: nowrap;">
<li><span style="color: blue;"><</span><span style="color: #a31515;">b:if</span><span style="color: blue;"> </span><span style="color: red;">cond</span><span style="color: blue;">=</span>'<span style="color: blue;">data:blog.pageType == </span><span style="color: red;">&quot;</span><span style="color: blue;">item</span><span style="color: red;">&quot;</span>'<span style="color: blue;">></span></li>
<li style="background: #f3f3f3;">    <span style="color: blue;"><</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li>        <span style="color: blue;"><</span><span style="color: #a31515;">data:blog.pageName</span><span style="color: blue;">/></span> | <span style="color: blue;"><</span><span style="color: #a31515;">data:blog.title</span><span style="color: blue;">/></span></li>
<li style="background: #f3f3f3;">    <span style="color: blue;"></</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">b:if</span><span style="color: blue;">></span></li>
</ol>
</div>
</div>
</div>
<br />
<h3>
4. Static Page</h3>
Static Page refers to our blog page – content created using page post button.<br />
<div class="wlWriterEditableSmartContent" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:5fbc0dd9-4f4b-4906-b12f-b62ee5b55461" style="display: inline; float: none; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<div style="border: #000080 1px solid; color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;">
<div style="background: #000080; color: white; font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; padding: 2px 5px;">
XML Item Page Type</div>
<div style="background: #ddd; overflow: auto;">
<ol start="1" style="background: #ffffff; margin: 0 0 0 2em; padding: 0 0 0 5px; white-space: nowrap;">
<li><span style="color: blue;"><</span><span style="color: #a31515;">b:if</span><span style="color: blue;"> </span><span style="color: red;">cond</span><span style="color: blue;">=</span>'<span style="color: blue;">data:blog.pageType == </span><span style="color: red;">&quot;</span><span style="color: blue;">static_page</span><span style="color: red;">&quot;</span>'<span style="color: blue;">></span></li>
<li style="background: #f3f3f3;">    <span style="color: blue;"><</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li>        <span style="color: blue;"><</span><span style="color: #a31515;">data:blog.pageName</span><span style="color: blue;">/></span> | <span style="color: blue;"><</span><span style="color: #a31515;">data:blog.title</span><span style="color: blue;">/></span></li>
<li style="background: #f3f3f3;">    <span style="color: blue;"></</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">b:if</span><span style="color: blue;">></span></li>
</ol>
</div>
</div>
</div>
<br />
With the blogger <i>if</i> condition, we can use the code snippets above to insert custom title tag for our blogspot. Thanks. Happy blogging.

Blogger Page Type list and its descriptions

Blogger Page Type list and its descriptions There are four main types of page which we can differe...

Loveless 0 Blogger Tutorial

3:09 PM

How to Add Javascript on Blogspot Template?

Sometimes we use javascript on HTML template to create some special effect such as slide, glider, parallax, <a href="http://www.ipietoon.com/2009/03/automatic-thumbnail-and-readmore.html" rel="nofollow" target="_blank">automatic readmore</a>
 and another blogger hack. As we know, javascript contain such a long 
code, usually we're using third party hosting. The purpose is to make it
 simple and lighter. Before put javascript on HTML, it should be 
uploaded to your <a href="http://www.webhostgear.com/" rel="nofollow" target="_blank">web host</a>. <br />
<br />
<a href="http://www.ipietoon.com/2009/03/how-to-back-up-image-and-javascript.html" rel="nofollow" target="_blank">Read this how to.</a><br />
<br />
Here's how to place hosted javascript on HTML template.<br />
<br />
Open <span style="font-weight: bold;">Edit HTML</span>. Copy these code below<br />
<br />
<span style="font-weight: bold;"><script src='<span style="color: red;">http://YOUR-JAVASCRIPT-URL.js</span>' type='text/javascript'></script></span><br />
<br />
put before <span style="font-weight: bold;"></head></span> section<br />
<br />
But many people have no own hosting, and sometimes free hosting have limited bandwidth and complicated registration. So how? <span style="font-weight: bold;">Javascript can be placed through HTML without hosting</span>. Here's how to place it.<br />
<br />
Open <span style="font-weight: bold;">Edit HTML. </span>Copy these code below<br />
<br />
<span style="font-weight: bold;"><script type='text/javascript'></span><br />
<span style="font-weight: bold;">//<![CDATA[</span><br />
<br />
<span style="color: red; font-weight: bold;">your fulljavascript code here</span><br />
<br />
<span style="font-weight: bold;">//]]></span><br />
<span style="font-weight: bold;"></script></span><br />
<br />
put before <span style="font-weight: bold;"></head></span> section<br />

How to Add Javascript on Blogspot Template?

Sometimes we use javascript on HTML template to create some special effect such as slide, glider, parallax, automatic readmore and another...

Loveless 0 Blogger Tutorial

1:00 AM

How to Back Up Image and Javascript?

One day, when we open our blog and we see a terrible looks, all image is
 disappear and all script is not function why?For your information, if 
you were using free template, image and script is hosted on author's 
hosting. There's any probability for bandwidth exceeded, most common 
problem in free template. What is this? Hosting have certain bandwidth 
limit. If there are so many people use its link, it could be limit 
exceeded.<br /><br />So how? Become a <span style="font-weight: bold;">smart user</span>, you have to backup image and script to your own hosting. How to? Here's how to for image back up.<br />
<ol>
<li>Open <span style="font-weight: bold;">Edit HTML</span></li>
<li>Search all <span style="font-weight: bold;">background image url</span>, usually have <span style="font-weight: bold;">.jpg, .gif, .png</span> extension</li>
<li>Copy URL, go to address, and save image</li>
<li>Upload image on your own hosting such as <span style="font-weight: bold;">photobucket.com</span> , <span style="font-weight: bold;">imageshack.us</span></li>
<li><span style="font-weight: bold;"></span>Copy <span style="font-weight: bold;">URL image</span>, <span style="font-weight: bold;">replace all image URL</span> on your template through <span style="font-weight: bold;">Edit HTML</span>, to <span style="font-weight: bold;">your own URL image</span></li>
</ol>
Here's how to for script back up.<br /><ol>
<li>Open <span style="font-weight: bold;">Edit HTML</span></li>
<li>Search all <span style="font-weight: bold;">script url</span>, usually have <span style="font-weight: bold;">.js , .txt , .css</span> extension</li>
<li>Copy URL, go to address, and save script</li>
<li>Upload image on your own hosting such as <span style="font-weight: bold;">googlepages.com</span> (for old gmail), <span style="font-weight: bold;">javascripthost.com , fileave.com  </span>and another (just ask Google, he know everything)</li>
<li><span style="font-weight: bold;"></span>Copy <span style="font-weight: bold;">script </span><span style="font-weight: bold;">URL </span>, <span style="font-weight: bold;">replace all script URL</span> on your template through <span style="font-weight: bold;">Edit HTML</span>, to <span style="font-weight: bold;">your own script URL</span></li>
</ol>
I
 have to remind this a hundred times. Because of most people still face 
this problem. Designer spent many time makes template free, so help them
 by maintaining your own template.<br /><br />Sign Up Javascripthost.com for free now, and save your file.<a href="http://fileave.com/" rel="nofollow" target="_blank"> Fileave.com</a>

How to Back Up Image and Javascript?

One day, when we open our blog and we see a terrible looks, all image is disappear and all script is not function why?For your information,...

Loveless 0 Blogger Tutorial

5:10 AM

Web development

Hosting

Design services

Web Marketing

Email services

Security services

Blogger Page Type list and its descriptions

How to Add Javascript on Blogspot Template?

How to Back Up Image and Javascript?