How To Add Recommended Posts Slide Out To Blogger

ဒီေန႔တင္တဲ့ ပုိ႔(စ္)ေလးက Recommended Posts ေလးပါ။ ဘေလာ့ေတြမွာ သုံးတဲ့သူမရွိသေလာက္ပါပဲ မႀကဳိက္ၾကတာလားေတာ့မသိပါဘူး။ ၿပီးေတာ့သိသူကမ်ား Cond ကုိမတင္ေပးတာလားေတာ့မသိ။ ဘယ္လုိပဲျဖစ္ျဖစ္ က်ေနာ္ကေတာ့ မသိေသးတဲ့ မိတ္ေဆြေတြ/လုိခ်င္သူေတြအတြက္ ေ၀ေမွ်ေပးလုိက္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္နုိင္ရန္ လင့္(ခ္) နဲ႔ Cond လည္းေပးထားပါတယ္။

Preview

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_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(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://olusegun-fapohunda-calculator.googlecode.com/svn/wiki/Recommended-Post-Slide-Out-for-Blogger.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.justnaira.com/2012/07/add-recommended-post-slide-out-widget.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRsrKte5MD8afk_PchXbTDqnk-yuHjHhLqHbgmLvPUXgBcjuzNNkjBDb5SuxwQpHo4NdHirZRzGOIDBHobfxqXz7ucHHFTEBCEDVGUcRxRIs5lVcNS3qKbcyO9CsFR6ERL6K61THkdw/s1600/www.justnaira.com.png" alt="Recommended Post Slide Out For Blogger" /></a>

ထည့္ၿပီးရင္ Save ကုိနုိပ္လုိက္ပါ။

ိမိမိ၏ ဘေလာ့ ပုိ႔(စ္) တစ္ခုခုကုိဖြင့္၍ၾကည့္ၾကည့္ ပါ Cond ကအလုပ္မလုပ္ဘူးဆုိရင္/အဆင္မေျပခဲ့ရင္ ေအာက္က Cond ကုိ ေအာက္ပါအတုိင္း ထပ္ထည့္ေပးလုိက္ပါ။


၆။ Edit HTML

၇။ Proceed
 Expand Widget Templates ကုိမွန္ျခစ္ေပးပါ

၈။ ေအာက္က Cond ကုိရွာ ပါ။ Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။

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

OR / သုိ႔မဟုတ္

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

OR / သုိ႔မဟုတ္

<data:post.body/>

အေပၚက Cond ၃ ခုထဲက မိမိရွာေတြတဲ့/ႀကဳိက္တဲ့ Cond တစ္ခုရဲ႕ေအာက္မွာ ေအာက္က Cond ကုိထပ္ထည့္ေပးလုိက္ပါ။

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

ထည့္ၿပီးရင္ Save Templated ကုိနုိပ္လုိက္ပါ။ အဆင္ေျပၾကပါေစ။