Sunday, February 8, 2015

Recent Posts Widget ႐ိုး႐ိုးနဲ႔လန္​းလန္​း​ေလး ထည္​့ခ်င္​သူမ်ား

​ေရးသူ

How to add Recent Posts Widget to Blogger

Step 1. Log in to your Blogger Dashboard > go to "Layout" and click the "Add a Gadget" link


Step 2. From the pop-up window, scroll down and choose HTML/JavaScript


Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript:

Option 1: Recent Posts Widget with Snippets

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size:13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size:11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: Recent Posts Widget Showing Post Titles Only

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate =false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size:13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

 http://blog-address.com ဆိုတဲ့​ေနရာမွာ သင္​့ဘ​ေလာ့လိပ္​စာ ထည္​့​ေပးပါ 

မွတ္​ခ်က္​​ေရးရန္​ သို႔မဟုတ္​

0 မွတ္​ခ်က္​​ေပး:

Post a Comment

သင္​​ေရး​ေပးခဲ့​ေသာ ကြန္​းမန္​႔တစ္​​ေၾကာင္​းဟာ
စာ​ေရးသူအတြက္​ အား​ေဆးတစ္​ခြက္​ပါ
တစ္​ခုခု ​ေရး​ေပးခဲ့ပါ.......