तपाइलाई अति नै आवस्यक कुरा भनेल्प Releted 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:
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 == "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 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-->
नोट :
If you can't find it, then search for this one:
OR:
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 == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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=6 with the number of posts you want to be displayed.
Step 7. Save the Template
Upper Source :
Source : http://helplogger.blogspot.com
Install मा क्लिक गारे पछि यस्तो पेज खुल्ने छ
अब तपाई को काम सकियो अब तपाई को मा देखिने छ
तपाई लाइ यो पोस्ट कस्तो लाग्यो कृपया गर्न नभुल्नुहोला
Thank You
First Style
Step Beginning is First Backup your Templates If you don't know then see this PostStep 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 == "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 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-->
नोट :
- इमेज नभएको अवस्था मा आउने फोटो लाई परिवर्तन गर्नुहोस URL फोटो लाई परिवर्तन गर्नुहोस
- तपाइलाई ५ ओटा पोस्ट देखाउनु छ भने ५ राख्नु होस नत्र परिवर्तन गर्नुहोस 5 value from "var maxresults=5;"
- यदी तपाइलाई होम पेज मा समेत देखाउनु छ भने कृपया लाईन लाई हटाउनुहोस code in violet
<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 == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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=6 with the number of posts you want to be displayed.
- तपाइलाई 6 ओटा पोस्ट देखाउनु छ भने 6 राख्नु होस नत्र परिवर्तन गर्नुहोस 6 value from max-results=6
- यदी तपाइलाई होम पेज मा समेत देखाउनु छ भने कृपया लाईन लाई हटाउनुहोस 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
Yo malai chaahiyeko thiyo bhete thank you Admin
ReplyDeletehow to remove footer line in blogger please post this first
raniko 6ora
ReplyDelete.........................Ok I'll Post soon
ReplyDelete