Hot File

Creating relevant information in blogspot with thumbnails

View: 437    Dowload: 0   Comment: 0   Post by: admin  
Author: none   Category: Blogspot   Fields: Other

0 point/1 review File has been tested

For your blog come alive and easy introduction of the article or to the relevant people is indispensable for your blog, there are many ways to do it, today I would like to introduce related creating the thumbnail image of the current article, the relevant information will be displayed at the bottom of selected articles and the catalog, label and tag of that article. As illustrated below:

Introduction

For your blog come alive and easy introduction of the article or to the relevant people is indispensable for your blog, there are many ways to do it, today I would like to introduce related creating the thumbnail image of the current article, the relevant information will be displayed at the bottom of selected articles and the catalog, label and tag of that article. As illustrated below:



Creating relevant information in blogspot with thumbnail
You just follow the steps below:
Step 1: Log in to Blogger: Dashboard >> Design >> Edit HTML;
Step 2: Click "Expand widgets template".
Step 3: Find the code

</head>

Then copy and paste the following code just above the </ head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, &#8220;Times New Roman&#8221;, 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 type='text/javascript'>
var defaultnoimage="http://4.bp.blogspot.com/-sCQy7v-L2bo/T3OYPnm7LuI/AAAAAAAABl4/cbteumcrZSU/s1600/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='https://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

The above code will display the default 5 related news, if you want to display more or less, can be adjusted in line var maxresults = 5;

Step 5: Now you press Ctrl + F and find the following code:

<div class = 'post-footer-line post-footer-line-1'>

If you do not find them to find this passage:

<p class='post-footer-line post-footer-line-1'>

or:

<data:post.body/>

Step 6: Copy and paste the code below just below the code that we found in step 5

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Best Blogger Tips' src='https://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Note: Changing the value 5 from max-results = 5 the number of posts you want to display

Step 7: press Save to finish.
So you were able to make all related to thumbnail and then, if you have encountered any difficulty in this article, you can leave a message, I'll help you.

Good luck !

Creating relevant information in blogspot with thumbnails

Creating relevant information in blogspot with thumbnails Posted on 09-10-2015  For your blog come alive and easy introduction of the article or to the relevant people is indispensable for your blog, there are many ways to do it, today I would like to introduce related creating the thumbnail image of the current article, the relevant information will be displayed at the bottom of selected articles and the catalog, label and tag of that article. As illustrated below: 5/10 437

Comment:

To comment you must be logged in members.

Files with category

  • How to find email addresses log on blogspot

    View: 1491    Download: 0   Comment: 0   Author: none  

    How to find email addresses log on blogspot

    Category: Blogspot
    Fields: Other

    4/1 review
    If you have multiple Google Accounts and do not remember the email address you used to create your Blogger blog, just go to this URL:

  • Insert the "BlogThis!" To your blog

    View: 442    Download: 0   Comment: 0   Author: none  

    Insert the "BlogThis!" To your blog

    Category: Blogspot
    Fields: Other

    0/1 review
    you can see a button "BlogThis!" in a blog that, when a user clicks the button blogspot hit "BlogThis" This they can share their blogs easily on Blogger. But if you want to display the "BlogThis" as a text link, the following article will be helpful...

  • Inserting Twitter buttons for your blog

    View: 1637    Download: 0   Comment: 0   Author: none  

    Inserting Twitter buttons for your blog

    Category: Blogspot
    Fields: Other

    2.8333333333333/3 review
    After Twitter introduced its tweet button for web masters, now sharing information on your blog via twitter become easier than ever before, although still not common Twiter in Vietnam, however, add a tips and experience is something that we should...

  • Guide insert Twitter Followers Box on blogspot

    View: 1605    Download: 0   Comment: 0   Author: none  

    Guide insert Twitter Followers Box on blogspot

    Category: Blogspot
    Fields: Other

    0/1 review
    We were familiar with Facebook Like Box and also understand their importance in increasing the number of likes, today I will guide you how to insert the Twitter Follower Box widget on your blog. You turn to follow the steps as follows:

  • Create social network sharing buttons for extreme pro blogspot style

    View: 394    Download: 0   Comment: 0   Author: none  

    Create social network sharing buttons for extreme pro blogspot style

    Category: Blogspot
    Fields: Other

    0/0 review
    Social networking is growing, especially with the number of members Facebook extremely terrible, so the insertion of social network sharing buttons on your blog is a work indispensable and critically important in increasing visitor hits your...

  • 5 beautiful bar search for blogger

    View: 1323    Download: 0   Comment: 0   Author: none  

    5 beautiful bar search for blogger

    Category: Blogspot
    Fields: Other

    0/2 review
    Surely, everyone knows the importance of the search box in the blog or website. If you are wondering whether or not know what to insert the search bar on his blog how, then you do not get too worried, because today I will share with you 5 search bar...

  • Create a Facebook Like Box effect with timer Popup

    View: 338    Download: 0   Comment: 0   Author: none  

    Create a Facebook Like Box effect with timer Popup

    Category: Blogspot
    Fields: Other

    0/1 review
    Facebook Like Box is a plugin of the social network Facebook, which allows Page owners can attract and win many website like from different sources to give your Page. If you have a page on Facebook and want to get as many people like to your page,...

  • Gradually create Breadcrumbs for blogspot

    View: 471    Download: 0   Comment: 0   Author: none  

    Gradually create Breadcrumbs for blogspot

    Category: Blogspot
    Fields: Other

    0/1 review
    Breadcrumbs are a navigation menu located at the user interface, they are meant to help users easily access the pages they surf or are pages in a specific entry that, in order to better understand breadcumbs you can learn more on the internet, today...

 
Newsletter Email

File suggestion for you

File top downloads

logo codetitle
Codetitle.com - library source code to share, download the file to the community
Copyright © 2015. All rights reserved. codetitle.com Develope by Vinagon .Ltd