How to Add Featured Post by Label on Blogger Template in Hindi

How to Add Featured Post by Label on Blogger Template in Hindi

 How to Add Featured Post by Label on Blogger Template in Hindi


हैलो दोस्तों, स्वागत है AKHelpPoint ब्लॉग मे । मैं इस ब्लॉग पर Blogging, SEO Tips, Earn Money, Blog Design and Customization जुड़ी Usful Post करता रहता हूँ और आज मैं आपके लिए एक बहुत ही बढ़िया टिप्स ले कर आया हूं जो है How to Install Featured Post by Label on Blogger Template in Hindi. 

    हाँ दोस्तों अगर आपके ब्लॉगर टेम्पलेट (Blogger template) में featured Post नही दिया हुआ है तो आप उस Blogger Template me Fearutred Post Add कर सकते हैं और उस Fearutred Post को अपने हिसाब से Customize भी कर सकते हैं।

How to Add Featured Post by Label on Blogger in Hindi
How to Add Featured Post by Label on Blogger in Hindi


 Featured Post क्या होता है? ( What is a Featured Post?)


दोस्तों Featured Post एक तरह का Gadget होता है। इसकी मदद से हम अपने blog किसी भी बढ़िया पोस्ट को Show करा सकते हैं।

       इससे हमे और हमारे Visiter दोनों को फायदा होता हैं।

जब हम daily अपने Blog Post डालते रहते हैं, तो जो पोस्ट लोग ज्यादा पढ़ते है वह लिस्ट में नीचे चला जाता है,  जिससे हमारे visitor को नज़र नही आती है और वो हमारी साइट को छोड़कर दूसरे साइट पर चले जाते हैं।

      लेकिन जब हम उस Post या Category को Featured Post में Add कर के रखेंगे तो हमारे visitors उस पोस्ट को आराम से Open कर के पढ़ सकते हैं।

Blogger Template में Label Featured Post Add कैसे करे (How to Add Featured Post by Label on Blogger in Hindi)

अपने Blogger Template Me Featured Post Add करने के लिए दिए गए steps को Follow कीजिए।


1.Blogger में Login कीजिए

2.Theme Menu पर Click कीजिए।

3.Edit Html पर Click कीजिए।


नीचे दिए गए code को Copy कर के इसे </head> से पहले Paste कर दीजिए।


<b:if cond='data:view.isHomepage'>
<style type='text/css'>
/* Featured */
#featured-wrapper{padding:0 20px 0 0}
.featured{color:#666;line-height:1.4em;margin:0;padding:0}
.featured ul{list-style:none;margin:0;padding:0}
.featured li{margin:0;padding:0;line-height:1.4em}
.featured .widget{padding:0;margin:0 0 20px}
ul.tech_thumbs{margin:0;padding:0}
ul.tech_thumbs li{margin:0 0 1px;padding:0}
ul.tech_thumbs .tech_box{background:#050505;position:relative;margin:0;padding:0;overflow:hidden;width:100%;height:auto}
span.tech_title a{left:0;bottom:0;position:absolute;margin:0;padding:20px 30px;height:auto;line-height:1.2em;color:#fff}
span.tech_title2 a{left:0;top:0;position:absolute;margin:0;padding:15px 30px;height:auto;line-height:1.4em;color:#fff}
ul.tech_thumbs p,ul.tech_thumbs2 p{line-height:1.2em;color:#eee;margin:8px 0 0;padding:0;font-size:12px;font-weight:400;text-transform:none;letter-spacing:normal}
span.tech_title a:hover,span.tech_title2 a:hover,span.tech_title3 a:hover{text-decoration:none}
ul.tech_thumbs .tech_box img{height:auto;width:100%;opacity:.6;transition:all .5s ease}
ul.tech_thumbs .tech_box:hover img{opacity:.5}
ul.tech_thumbs2,ul.tech_thumbs3{margin:0;padding:0}
ul.tech_thumbs2 li{float:left;margin:0 1px 1px 0;padding:0}
ul.tech_thumbs2:nth-child(odd) li{margin:0 0 1px 0}
ul.tech_thumbs2 .tech_box2{background:#050505;position:relative;margin:0;overflow:hidden;width:313.9px;height:170px}
ul.tech_thumbs2 .tech_box2 img{opacity:.5;width:100%;height:100%;transition:all .5s ease}
ul.tech_thumbs2 .tech_box2:hover img{opacity:.3}
span.tech_title{font-size:24px;font-weight:500;margin:0;padding:0;letter-spacing:1px}
span.tech_title2{font-size:16px}
@media screen and (max-width:768px){
#featured-wrapper{padding:0;margin:0 auto 10px auto;overflow:hidden}
ul.tech_thumbs2{display:none}}
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(e){for(h=0;h<numtech;h++){f=(o=e.feed.entry[h]).title.$t;if(h==e.feed.entry.length)break;for(m=0;m<o.link.length;m++){if("replies"==o.link[m].rel&&"text/html"==o.link[m].type)o.link[m].title,o.link[m].href;if("alternate"==o.link[m].rel){u=o.link[m].href;break}}var t;try{t=o.media$thumbnail.url,t=t.replace("/s72-c/","/w"+box_width+"-h"+box_height+"-c/")}catch(e){s=o.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),t=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_box}var i=(x=o.published.$t).substring(0,4),r=x.substring(5,7),n=x.substring(8,10),l=new Array;l[1]="January",l[2]="February",l[3]="March",l[4]="April",l[5]="May",l[6]="June",l[7]="July",l[8]="August",l[9]="September",l[10]="October",l[11]="November",l[12]="December",document.write('<ul class="tech_thumbs">'),document.write("<li>"),document.write('<div class="tech_box"><a href="'+u+'"><img width="'+box_width+'" height="'+box_height+'" alt="'+f+'" src="'+t+'"/></a><span class="tech_title"><a href="'+u+'" target ="_top">'+f+"<p>"+l[parseInt(r)]+" "+n+", "+i+" </p></a></span></div>"),document.write("</li>"),document.write("</ul>")}for(h=1;h<numtech2;h++){f=(o=e.feed.entry[h]).title.$t;if(h==e.feed.entry.length)break;for(m=1;m<o.link.length;m++){if("replies"==o.link[m].rel&&"text/html"==o.link[m].type)o.link[m].title,o.link[m].href;if("alternate"==o.link[m].rel){u=o.link[m].href;break}}try{g=o.media$thumbnail.url.replace("/s72-c/","/w"+box_width2+"-h"+box_height2+"-c/")}catch(e){s=o.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),g=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_box2}var i=(x=o.published.$t).substring(0,4),r=x.substring(5,7),n=x.substring(8,10);document.write('<ul class="tech_thumbs2">'),document.write("<li>"),document.write('<div class="tech_box2"><a href="'+u+'"><img width="'+box_width2+'" height="'+box_height2+'" alt="'+f+'" src="'+g+'"/></a><span class="tech_title tech_title2"><a href="'+u+'" target ="_top">'+f+" <p>"+l[parseInt(r)]+" "+n+", "+i+"</p></a></span></div>"),document.write("</li>"),document.write("</ul>")}};
var numtech=1,numtech2=3,box_width=629,box_height=350,box_width2=314,box_height2=170; 
var no_box = 'https://2.bp.blogspot.com/-hJCmymH_jbk/WmpmjvEx2nI/AAAAAAAABqI/mwD8HQPUjI8OfBNfJ8CniDVD40bnPAMswCLcBGAs/s1600/tech1.jpg'; 
var no_box2 = 'https://2.bp.blogspot.com/-MfOI67FUg6Q/WmpmjW8Ml5I/AAAAAAAABqE/8GdkCFEZEIkwplEXubzxtaKUvs9CyK9NwCLcBGAs/s1600/tech2.jpg';
//]]>
</script>
</b:if>

Note: Mareked Code को  ऊपर के Code मे Search करें  box_width = 629 box_height = 350 box_width2 = 314 and box_height2 = 170; अपने Blogger Template के According 
 इसके  Width और Height को Change कर दे.
 
अब नीचे Image मे दिखाये Marked Code को <body> और </body> के बिच Search कीजिये और उस Code को  निचे दिए गए Code के साथ Replace  कर कर दें। 

Blogger Html Edit Box Featured Post Code
Blogger Html Edit Box Featured Post Code


   Note: अगर इमेज मे दिखाये गए Marked Code Search करने पर न मिले तो आप इस code को <body> और </body> के बीच जहा Show करना चाहते है वहाँ Paste कर दें ।
4. अब Save कर दें.

<b:if cond='data:view.isHomepage'>
<div id='featured-wrapper'>
  <b:section class='featured' id='featured' maxwidgets='1' showaddelement='yes'>
    <b:widget id='HTML200' locked='false' title='' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'>Featured</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
<div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</b:includable>
    </b:widget>
  </b:section>
</div>
</b:if>


5. अब Blogger Layout पर click कीजिये।

ब्लॉग्स्पॉट Layout


6. Featured Widget के Edit Link पर Click करे।
 
Blogspot Layout Featured Edit Widget Popup image
Blogspot Layout Featured Edit Widget Popup image

7. Featured की जगह आप अपने साइट मे से उस Label का नाम लिख दें जिसका पोस्ट को Show करना चाहते हैं उसके बाद Save कर दें 

एक बार अपने Site को Refresh कीजिए।

 अब आप अपने Site Ko Blogger Template मे Featured Post Show होने लगेगा।


Comments