මූණු පොතේ සයිබර් Tech

Tuesday, September 25, 2012

බ්ලොග් එකේ පහලදී slide out වෙන recommended post විජට් එක

Live Demo
                                     
1. blogger dashboard එකට ලොග් වෙන්න.
2.Layout >> page element යන්න



3.add a gadget මත ක්ලික් කරන්න
4." HTML/Java Script " තෝරා ගන්න.ඒ මත පහත කෝඩ් එක ඇතුලත් කරන්න

<div id="hlslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="hlslidein_image"></div> <div  id="hlslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof hl_onload_queue=='undefined')var hl_onload_queue=[];if(typeof hl_dom_loaded=='boolean')hl_dom_loaded=false;else var hl_dom_loaded=false;if(typeof hl_async_loader!='function'){function hl_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(hl_dom_loaded){newcallback()}else hl_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof hl_domLoaded!='function')function hl_domLoaded(callback){hl_dom_loaded=true;var len=hl_onload_queue.length;for(var i=0;i<len;i++){hl_onload_queue[i]()}}hl_domLoaded();hl_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){hl_async_loader("http://helplogger.googlecode.com/svn/trunk/Recommended Post Slide Out For Blogger Blogspot.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://helplogger.blogspot.ro/2012/06/recommended-post-slide-out-widget-for.html" target="_blank"></a>

5.widget එක සේව් කරගන්න.
6.Template > edit html යන්න "expand widget template" මත ක්ලික් කරන්න
7. (ctrl+F) ක්ලික් කර පහත කෝඩ් වලින් එකක් සොයන්න

<div class='post-footer-line post-footer-line-1'>
හෝ
<p class='post-footer-line post-footer-line-1'>
හෝ
<data:post.body/>

8.එම සොයා ගත් කෝඩ් එකකට පහලින් පහත කෝඩ් එක ඇතුලත් කරන්න.
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>


9.template එක save කරගන්න.

1 ප්‍රතිචාර:

ඔබේ එක් අකුරක් අවතාර්ගේ ගමනට දෙන සවියකි