Monday, June 27, 2011

Related Posts by Categories

 က်နာ္တို႔ဘေလာ့ဘ္ေတြမွာ Related posts by categories ဆိုျပီးေတာ့ လုပ္ၾကတယ္..
အခ်ိဳ႕ ဘေလာ့ဘ္ေတြမွာေတာ့မရွီဘူ၊ ရွိတဲ့ဘေလာ့ဘ္ေတြကေတာ့မ်ားပါတယ္..
တိတ္ျပီးေတာ့ မေျပာေတာ့ဘူဗ်..သိေလာက္ျပီးထင္တယ္..




လုပ္နည္းကေတာ့
လုပ္နည္းကေတာ့
၁။ Bloggerထဲသို႔၀င္ၿပီး Layoutမွ Edit HTMLကို ႏွိပ္ပါ။ Expend Widget Templateကို အမွန္ျခစ္။
၂။ သင္၏ Templateကို Backupလုပ္ဖို႔ မေမ့နဲ႔ဦး။၃။ ဒီ code </head>ကိုရွာပါ။
၄။ ေအာက္ပါ Codeေတြကို ကူးယူၿပီး </head>ရဲ့ အေပၚမွာ Pasteလုပ္ပါ။




--------------------------------------------------------------------------------------------
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;

margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/>

--------------------------------------------------------------------------------------------
၅။ Save Templateတစ္ေခါက္လုပ္ပါ။ ပိုေသခ်ာသြားေအာင္..။
၆။ ထို႔ေနာက္ ေအာက္ပါCode <p><data:post.body/></p>ကိုရွာပါ။
၇။ ေတြျပီးဆိုရင္ ေအာက္က code ေတြကို ထည့္လိုက္ပါ။
--------------------------------------------------------------------------------------------
<b:if cond='data:blog.pageType == "item"'>
   <div class='similiar'>
    <!-- *****************http://blogger.com*****Jan,2007****************** -->
    <!-- *****************Related Articles by Labels - Take Two****************** -->

    <!--
   
    1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
    2. The current article will also be listed, now it's no more.
    -->

    <div class='widget-content'>
    <h3>Related Posts by Categories</h3>
    <div id='data2007'/><br/><br/>
     <div id='Scrapur'>
      Widget by <u><a href='www.kozayyar8888.blogspot.com'>IT Blogger</a></u> 
     </div>
     <script type='text/javascript'>

     var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
     var maxNumberOfPostsPerLabel = 4;
     var maxNumberOfLabels = 10;

     maxNumberOfPostsPerLabel = 100;
     maxNumberOfLabels = 3;


     function listEntries10(json) {
       var ul = document.createElement(&#39;ul&#39;);
       var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? 
                      json.feed.entry.length : maxNumberOfPostsPerLabel;
       for (var i = 0; i &lt; maxPosts; i++) {
         var entry = json.feed.entry[i];
         var alturl;

         for (var k = 0; k &lt; entry.link.length; k++) {
           if (entry.link[k].rel == &#39;alternate&#39;) {
             alturl = entry.link[k].href;
             break;
           }
         }
         var li = document.createElement(&#39;li&#39;);
         var a = document.createElement(&#39;a&#39;);
         a.href = alturl;

      if(a.href!=location.href) {
       var txt = document.createTextNode(entry.title.$t); 
       a.appendChild(txt);
       li.appendChild(a);
       ul.appendChild(li); 
      }
       }
       for (var l = 0; l &lt; json.feed.link.length; l++) {
         if (json.feed.link[l].rel == &#39;alternate&#39;) {
           var raw = json.feed.link[l].href;
           var label = raw.substr(homeUrl3.length+13);
           var k;
           for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
           var txt = document.createTextNode(label);
           var h = document.createElement(&#39;b&#39;);
           h.appendChild(txt);
           var div1 = document.createElement(&#39;div&#39;);
            div1.appendChild(h);
           div1.appendChild(ul);
           document.getElementById(&#39;data2007&#39;).appendChild(div1);
         }
       }
     }
     function search10(query, label) {

     var script = document.createElement(&#39;script&#39;);
     script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
      + label +
     &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
     script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
     document.documentElement.firstChild.appendChild(script);
     }

     var labelArray = new Array();
     var numLabel = 0;

     <b:loop values='data:posts' var='post'>
       <b:loop values='data:post.labels' var='label'>
         textLabel = &quot;<data:label.name/>&quot;;
         
         var test = 0;
         for (var i = 0; i &lt; labelArray.length; i++)
         if (labelArray[i] == textLabel) test = 1;
         if (test == 0) { 
            labelArray.push(textLabel);
            var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? 
                   labelArray.length : maxNumberOfLabels;
            if (numLabel &lt; maxLabels) {
               search10(homeUrl3, textLabel);
               numLabel++;
            }
         }
       </b:loop>
     </b:loop>
     </script>
    </div>

   </div>
  </b:if>

--------------------------------------------------------------------------------------------

၈။ ေနာက္ဆံုး Save Template ကိုနွိတ္လုိက္ပါး


ၿပီးပါၿပီ...။

0 comments:

Post a Comment

စဥ္းစားမႈမပါဘဲ သင္ယူေသာ ပညာသည္ အခ်ည္းႏွီးျဖစ္၍ ၊ ပညာမရွိဘဲ စဥ္းစားျခင္းကား အလြန္ အႏၱရာယ္ၾကီးေပသည္။ (သားၾကီး)