kjasldjkflkajsfdkljalsdf
asdlkfjaslkdjflaksdjfsa
dfasdklfjaslkdjflkasdjfldjfa
faldkfjaskldjflkasdjflsdfasdfsd
Sky3c
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Blue Sky
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Movie Theater
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Memoriqu
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Florist
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Related Post Thumbnails
This article explains about how to make Related Post with Picture Thumbnails style. (Credit to Aneesh)
STEP BY STEP TO INSTALL THIS TRICK
1. Sign In To Blogger
2. Go to LAYOUT -- Edit HTML -- Checked the box, expand widget templates
3. Find this
4. After that, Replace that code with this :
5. Find this :
If you did not find it, please find this code :
6. Copy paste the code, below, under <p class='post-footer-line post-footer-line-1'> or <div class='post-footer-line post-footer-line-1'>
Save Your Templates
NOTE :
After you save your templates, you may adjust how many thumbnail link will be shown to your reader. Please find this :
The Number "5" is relating with how many relating post will be seen to your readers. You could change the number with any number that you want.
You could change the Title also. Please, find this:
The words "Related Posts" is relating with the title. Please do not delete the quote symbol. You may delete only the word -- Related Posts
Ok, Everything is done. If you like my works and articles, you could subscribe in my feed form in right sidebar of this site.
Ok, Have a nice blogging.... :)
The demo of this hack is installed in this site... Please see below this article
STEP BY STEP TO INSTALL THIS TRICK
1. Sign In To Blogger
2. Go to LAYOUT -- Edit HTML -- Checked the box, expand widget templates
3. Find this
<head>
4. After that, Replace that code with this :
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
5. Find this :
<div class='post-footer-line post-footer-line-1'>
If you did not find it, please find this code :
<p class='post-footer-line post-footer-line-1'>
6. Copy paste the code, below, under <p class='post-footer-line post-footer-line-1'> or <div class='post-footer-line post-footer-line-1'>
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.cahayabiru.com/2009/10/related-post-thumbnails.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.cahayabiru.com/' style='display:none;'>Blogger Templates</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbsundefined);
printRelatedLabels_thumbsundefined);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.cahayabiru.com/2009/10/related-post-thumbnails.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.cahayabiru.com/' style='display:none;'>Blogger Templates</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbsundefined);
printRelatedLabels_thumbsundefined);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Save Your Templates
NOTE :
After you save your templates, you may adjust how many thumbnail link will be shown to your reader. Please find this :
var maxresults=5;
The Number "5" is relating with how many relating post will be seen to your readers. You could change the number with any number that you want.
You could change the Title also. Please, find this:
var relatedpoststitle="";
The words "Related Posts" is relating with the title. Please do not delete the quote symbol. You may delete only the word -- Related Posts
Ok, Everything is done. If you like my works and articles, you could subscribe in my feed form in right sidebar of this site.
Ok, Have a nice blogging.... :)
Couple In Black
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Couple In Pink
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Tired Girl
Install The Template
- Please Sign In to Blogger
- Go to LAYOUT -- Edit HTML
- If You need to back up your old templates, please do the back up first.
- Upload The XML Files.
- Click the Upload button.
- Save your template.
Subscribe to:
Posts (Atom)
