p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;
}
bạn có thể chỉnh sửa màu chữ, cỡ chữ, và kiểu chữ ở đoạn CSS trên.
<style>
#random-posts ul{margin:0;padding:0;list-style-type:none}
#random-posts ul li{padding:10px 0}
#random-posts ul li:hover img{width:42px;height:42px;padding:0}
#random-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}
#random-posts h3{margin:0;font-size:16px}
</style>
<div id='random-posts'>
<h4>RANDOM POSTS</h4>
<ul>
<script type='text/javaScript'>//<![CDATA[
var rdp_numposts=3;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='nhận xét';
var rdp_disable='nhận xét đã tắt';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
//]]></script>
<script type='text/javaScript'>//<![CDATA[
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMpVgtJi9FYuEjkcL1fiepTe-WSoRXZemPH9o-tGml8gBHOCLvJlccSBhffBHobelm3HQzT2UZ1j86qnoh9tZ8UAr5CdykzIhrWOBoPhei7N_Q695-VjC2AetlZcGBZ3uOL-kanczj7Q8/s1600/no_thumb.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><h3><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></h3></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
//]]></script>
</ul>
</div>
bạn chỉnh sửa lại các thuộc tính sau
<data:tên/>hoặc
<data:tên1.tên2/>tên,tên1: là tên dữ liệu cần lấy ra ví dụ
<b:loop var='i' values='data:posts'> <h2><data:i.title/></h2> </b:loop>cũng ở bài viết đó mình đã nói biến "i" sẽ tăng dần theo số lượng bài viết mà bạn đã đăng trên blog của mình. Nhưng nếu bạn để ý, bạn không thể sử dụng điều kiện xác định số lần lặp của nó được. v.d.
<b:if cond='data:i == 2'> Đây là bài viết thứ 3 (Dãy số bắt đầu từ số 0) </b:if>hoàn toàn không thể sử dụng được.
<b:loop var='i' values='data:posts' index='j'> <h2><data:i.title/></h2> <b:if cond='data:j == 2'> Đây là bài viết thứ 3 (Dãy số bắt đầu từ số 0) </b:if> </b:loop>Ở đoạn mã này, khi gặp bài viết thứ 2 mình sẽ có dòng chữ "Đây là bài viết thứ 3 (Dãy số bắt đầu từ số 0)". Tiếp tục v.d.2.
<b:loop var='i' values='data:posts' index='j'> <b:if cond='data:j < 2'> <!-- < là dấu nhỏ hơn ở ký tự đặc biệt html --> <h2><data:i.title/></h2> </b:if> </b:loop>ở đây cho dù bài viết bạn có nhiều đến đâu thì chỉ lấy ra 2 tiêu đề bài viết đầu tiên trên blog của bạn vì mình đã giới hạn giá trị j < 2, j lúc này chỉ có thể chạy từ 0 -> 1.
<b:loop var='biến' values='dữ-liệu-cần-lặp'> [Nội dung cần lặp] </b:loop>biến: là giá trị bạn tự đặt ra, giá trị sẽ tăng dần sau mỗi lần lặp. Ở các ngôn ngữ lập trình khác như c hoặc tương tự người ta thường đặt là "i" hoặc "j".
<b:loop var='i' values='data:posts'> <h2><data:i.title/></h2> </b:loop>Toàn bộ thẻ ở trên sẽ lấy lấy ra toàn bộ tiêu đề của bài viết trong thẻ h2. Ở đây mình biến mình đặt là "i", ví dụ mình có 10 bài viết, biến "i" này sẽ chạy từ 0 -> 9, lấy ra lần lượt tiêu đề bài viết khi i = 0 thì nó sẽ lấy ra bài viết thứ 1, rồi lặp giá trị i tăng lên 1, lấy ra tiêu đề bài viết thứ 2, v.v..
