Banner 468 x 60px

NOEWPost का डे :–Computer Tips

Friday, 7 September 2012

How to add Releted post in Blogger

3 कमेन्ट
तपाइलाई अति नै आवस्यक कुरा भनेल्प Releted Post मैले बुझे अनुसार ४ किसिम ले राख्न सकिन्छ तर आज म दुइ किसिम ले राख्ने तरिका ब ताउदै छु पहिलो तरिका अलि जटिल छ तर दोश्रो तरिका निकै सजिलो छ हेर्नुहोस ।


First Style
Step Beginning is First Backup your Templates If you don't know then see this Post
Step 1. Go To Blogger Dashboard -- Design --Edit HTML;

Step 2. Check the "Expand widgets template" box;

Step 3. Search (CTRL + F) for this piece of code:



</head>

Step 4. Copy and paste the below code just before/above </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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3XA19ssZm2vzan-anD59nWZAEo6NoONxGkl3Ta40faUftUlFde0uEMu4Zw6QCtee_pGGdp4l4DPzNLhFxbyUFn1I7SgeQrvvXsnrvpKJbxhNeEgUp5TalYmXmqrbYj4II4p8QKVYwoyGP/s1600/noimage.png";
    var maxresults=5;
    var splittercolor="#d4eaf2";
    var relatedpoststitle="Related Posts";
    </script>
    <script src='http://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-->


नोट :
  1. इमेज नभएको अवस्था मा आउने फोटो लाई परिवर्तन गर्नुहोस URL  फोटो लाई परिवर्तन गर्नुहोस
  2. तपाइलाई ५ ओटा पोस्ट देखाउनु छ भने ५ राख्नु होस नत्र परिवर्तन गर्नुहोस  5 value from "var maxresults=5;"
  3. यदी तपाइलाई होम पेज मा समेत देखाउनु छ भने कृपया लाईन लाई हटाउनुहोस code in violet
 Step 5. Now find the following code:


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

If you can't find it, then search for this one:

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

OR:

<data:post.body/>

Step 6. Copy and paste the below code just after any of these lines

    <!-- 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=6&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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn8z2Zxfg78rmlGs7s41RfReFJv2CeIPCr-FO84L0NMLDOZLRKqIRq1pZQVS3MfWpt4OJpMFlXhGhRITpfahugAv5mIss27O222vG8OXf1UrUpBHd7Bay2ZI1nYlnz8jqMkop5ablSZ9pB/s1600/best+blogger+tips.png'/></a>
    </b:if></b:if>
    <!-- Related Posts with Thumbnails Code End-->
Note: - change the 6 value from max-results=with the number of posts you want to be displayed.

  1. तपाइलाई 6 ओटा पोस्ट देखाउनु छ भने 6 राख्नु होस नत्र परिवर्तन गर्नुहोस  6 value from max-results=6
  2. यदी तपाइलाई होम पेज मा समेत देखाउनु छ भने कृपया लाईन लाई हटाउनुहोस code in violet


Step 7. Save the Template

Upper Source :
Source : http://helplogger.blogspot.com

First Click here  http://www.linkwithin.com/learn?ref=widget this link you see this type of Picture 

 
  • Enter Email ID
  • Blog Link Change with your Blog URL { www.yourblog.blogspot.com}
  • Choose Plat for Blogger { If your Blog In Blogger }
  • Choose Width { How much you want to show in post}
  • Click in box and check it 
  • now click Get widget  
अब तपैले यो चित्र देख्नु हुनेछ हेर्नुहोस  
 Install मा क्लिक गारे पछि यस्तो पेज खुल्ने  छ 
 अब तपाई को काम सकियो अब तपाई को  मा देखिने छ 

तपाई लाइ यो पोस्ट कस्तो लाग्यो कृपया  गर्न नभुल्नुहोला 
Thank You

3 कमेन्ट:

Anonymous said...

Yo malai chaahiyeko thiyo bhete thank you Admin
how to remove footer line in blogger please post this first

usman miya said...

raniko 6ora

Jiban Shrestha said...

.........................Ok I'll Post soon

Post a Comment

यदी कुनै समस्या भए हामिलाई पठाउनुहोस

By Comment

Recent Post