Wednesday, August 7, 2013

ဘေလာ့ရဲ႕ resent post လွလွေလးထည့္ၾကမယ္



မိမိတို႕ဘေလာ့မွာ resent post ပုံေလးေတြနဲ႕ လွလွေလးထားလိုပါက နည္းလမ္းေလးကို မွ်ေ၀တင္ျပလိုက္ပါျပီေနာ္..
ထည့္နည္းကေတာ့.....
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ
<style>img.recent_thumb
 {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px
 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height:
70px;margin: 5px 0px 5px 0px;padding:
0;font-size:12px;}ul.recent_posts_with_thumbs li
{padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs
 a {text-decoration:none;}.recent_posts_with_thumbs strong
{font-size:10px;}</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script style='text/javascript' src="http://stylifyyourblog1.googlecode.com/svn/trunk/recentpostticker.js" ></script>

<script style='text/javascript' src='http://tavristasos.googlecode.com/svn-history/r100/trunk/recentpostswiththumbnailsv3.js'></script>

<script style='text/javascript'>

var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;

var displayseparator = false;

var showcommentnum = false;
var showpostdate = false;

var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});

</script>

<div id="sai">
<script src='http://www.YourBlogURL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
 မွတ္ခ်က္....http://www.YourBlogURL.blogspot.com/.ေနရာမွာ မိမိတို႕ ေဘလာ့ url ထည့္ေပးရမွာျဖစ္ပါတယ္..

No comments:

Post a Comment

အားလုံးကိုခင္မင္ေလးစားလွ်က္ပါ ေတဇာနည္းပညာ