Blog မွာ Recent Posts ကိုပုံႏွင့္တြဲၿပီးေဖၚျပခ်င္ရင္

Blog မွာ Recent Posts ကိုပုံႏွင့္တြဲၿပီးေဖၚျပခ်င္ရင္

1/ Page Elements

2/layout

3/ add a Gadget

4/ Html javaScripts မွာ

ေအာက္က ေပးထားတဲ့ Code ေတြကို ကူးထည့္ၿပီး

Save ပါခင္ဗ်ာ။

<div class="eggTray">

<script src="https://sites.google.com/site/projectdigitaltomato/blogger/js/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"http://YourOwnB1og.blogspot.com/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.madtomatoe.com/recent-posts-widget-with-thumbnails-for-blogger/" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://www.madtomatoe.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.ycdr {background:transparent url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMlCDd1IMK1-dXIqUlQEqIh8E7gttBbCkC070iKLTecyoQOWQGLEUfNT1MSPtX0HV1ylRnz0RoQm2pzMj-FM-F173ePythApiKGM8TIbRUeP0jyElUv4dP3qKnZ7Yx7d53iUHrTZxffS6U/s400/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>

ကိုထြန္းလင္း(တာပြန္)မွေႏြးေထြးစြာႀကိဳဆိုပါတယ္ခင္ဗ်ာ Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။