Cảm nhận tư duy và tổng hợp kiến thức

Thứ Tư, 9 tháng 12, 2015

Related Posts Widget For Blogger / Blogspot with jQuery


Related Posts Widget For Blogger


Related posts widget is very important for a blog, because it increases the number of page views and also help the visitor to view other posts related to blog. Now here is wonderful trick to display links to related posts beneath each posts. At their blogs today there are many types of related post widget, and related items thumbnail images using HTML, Java script, etc. .. Here I will show a method that is easy to show install.It only title jQuery.It related post widget will look like a picture below.



Beautiful related posts text widget with hover effect for blogger


How to add HTML-CSS-Javascript Codes to your Blog ?

This is very simple and easy you only follow below steps and add this widget in your blog.

Step 1 Log-in to your Blogger account.

Step 2 Backup your Template.

Edit Template HTML

Step 3 Click on The Template>> Edit HTML>> Proceed.

Step 4 Now find [by pressing Ctrl + F ] this code in the template:

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

If you cant find it then try finding this one

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

<div class='post-footer-line post-footer-line-2'/>
< div class='post-footer-line post-footer-line-3'/>
< /div>
< /div>

And immediately Below/After it, paste this code:


Style 1:-

Related Posts Widget





<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>






.............................


.............................


Simple And Stylish "Related Posts" Text Widget For Blogspot

Change Code with The One You Like Bellow


Style 2:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-2.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 3:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-3.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 4:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-4.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 5:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-5.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>



Style 6:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-6.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 7:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-7.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 8:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-8.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 9:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-9.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 10:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-10.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 11:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-11.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 12:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-12.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 13:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-13.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 14:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-14.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 15:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-15.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 16:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-16.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>



Style 17:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-17.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 18:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-18.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 19:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-19.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>




Style 20:-

Related Posts Widget




<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-20.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
< script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
< /script>
< /div>
< /b:if>









.............................


.............................



Optional Customizations

You can adjust the maximum number of related posts being displayed by editing this line in the code.

max-results=5

and

var maxresults=5;

show the text 'Related Topics' on title.

<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
















How To Add jQuery Recent Posts Widget for Blogger

Typical Usage #1

To display Recent links at the end of every post. copy this code into a new HTML/Javascript widget and place at the bottom of the post or at the footer in the page elements section. Widget uses jQuery v1.3.2, If you already included jQuery into your blog. no need to do it again.

Now find (CTRL+F) this code in the template:


<data:post.body/>

And immediately after it, paste this code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
< script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">

relatedPostsWidget({

'containerSelector':'div.post-body'

,'loadingText':'loading...'

});</script>


And now click Save Template




Typical Usage #2

To show Recent links at the side column. copy this code into a new HTML/Javascript widget and place at the side in the page elements section.Again, If you already included jQuery into your blog. no need to do it again.

How to Install Recent Posts Widget Recent links at the side column
Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.



Blogger Tips And Tricks|Latest Tips For Bloggers

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.



Blogger Tips And Tricks|Latest Tips For Bloggers

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
< script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">
relatedPostsWidget({
'loadingText':'loading...'
});</script>




And now click Save



Nguồn 24work.Blogspot.com

Share:

New and Flexible Recent Posts Widget With Thumbnail for Blogger

New and Flexible Recent Posts Widget With Thumbnail for Blogger



Flexible Recent Posts Widget With Thumbnail


Live Demo
http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-6.html

Follow the step by step instructions to add this widget in Blogger:
Sign in to Blogger
Go to Layout > Add a Gadget
Select HTML / JavaScript
Paste the code given below in the field and Save.


<style type="text/css">

/*<![CDATA[*/

img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px}

img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}

.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}

.label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none}

.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}

#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important}

#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}

#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}

#mdjumplink a:hover{color:#888!important;text-decoration:none}

#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800}

#mdcomments:hover{background:#F4A557;text-decoration:none}

/*]]>*/

< /style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-5.js"></script>

< script type='text/javascript'>

//<![CDATA]

var numposts = 5;

var showpostthumbnails = true;

var displaymore = true;

var displayseparator = true;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = false;

var numchars = 80;

//]]>

< /script>

< script src='http://ngdkhanh.com//feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs'></script>



Customization:
var numposts = 5; (Number of Posts to be shown)
var showpostthumbnails = true; (Post Image)
var displaymore = true; (More Button)
var showcommentnum = false; (No of Comments)
var showpostdate = false; (Post Date)
var showpostsummary = false; (Post Summry)
var numchars = 80; (Characters in post summary)
True is for Display item and False for not to display. Change According to your needs.

Change http://bdlab.blogspot.com with your Website/ Blog URL.


Share:

Bài thơ không tựa không tên - số 1



Lâu rồi không gặp bạn g
cùng nhau khắc khoải đợi chờ ý thơ
biết rằng như một giấc mơ
nhưng lòng luôn tỏ ý thơ dạt dào

trong dạ vẫn cứ nao nao
thì ra nhớ bạn ngày nào g yêu
trăng thanh gió mát lời yêu
cùng nhau chia sẻ thật nhiều bài thơ

có bài thắm nghĩa tình mơ
có bài khắc khoải đợi chờ xốn xang
có bài hương sắc ngập tràn
có bài tỏ nỗi mênh mang chút buồn

có bài nỗi nhớ niềm thương
có bài tâm sự lạ thường lan man
có hoa khoe sắc ngân vang
chim ca ríu rít hàng đàn vui thay

ngập tràn hạnh phúc trong tay
hương say vị ngọt ấm thay nỗi lòng
thơ g nỗi nhớ trong lòng
thôi thì lại quyết duổi dong với g
tình không bến cũng chẳng bờ
ở đời vui vẻ ý thơ ngập lòng


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội
Nguồn Kim Luu

Share:

Thứ Ba, 8 tháng 12, 2015

Nguyên nhân laptop bị nóng và cách xử lý

 
Nguyên nhân laptop bị nóng và cách xử lý

Laptop bị nóng là chuyện bình thường mà mọi người dùng laptop đều thấy. Việc máy tính bàn, laptop bị nóng sẽ ánh hưởng đến quá trình sử dụng của người dùng và trực tiếp làm ảnh hưởng đến linh kiện phần cứng bên trong máy tính,  đặc biệt hơn là laptop khi bị nóng sẽ ảnh hưỡng đến các phần quan trọng như ổ cứng, chip, nguồn, main,… là những nguyên nhân gây cháy main, hư ổ cứng, chipset mà hậu quả là bạn sẽ từ biệt luôn chiếc máy tính của mình. Mình xin chia sẻ cho các bạn một số Nguyên nhân laptop bị nóng và cách xử lý.

Computer như một hệ thống module lắp ghép của nhiều linh kiện thiết bị điện tử tin học thông minh. Kết cấu vận hành gồm 2 phần cơ bản: phần cứng và phần mềm. Hoạt động của chúng luôn có công dụng bổ trợ nhau, và bất kỳ sự cố nào cũng đều có một mối liên hệ như trong một cơ thể. Để khắc phục các sự cố tin học, kiến thức hiểu biết chúng luôn luôn là một đề tài quan trọng, rất cần thiết cho người sử dụng chúng.


Một số nguyên nhân làm laptop bị nóng 

 1. Laptop bị bẩn, bụi

§  Laptop rất tiện dụng cho người dung mang đi khắp nơi, với kích thước nhỏ gọn tiện dụng này cũng vì thế có quá nhiều linh kiện bên trong chiếc laptop. Việc này khiến cho việc sử dụng laptop thời gian dài sẽ dễ nóng do quá trình tãn nhiệt bị hạn chế do bụi bẩn, linh kiện làm việc lâu,…
§  Việc cần làm định kỳ là bạn nên vệ sinh chiếc laptop của bạn, tra thêm keo tãn nhiệt và làm sạch các cáp kết nối, nhưng xin lưu ý khi các bạn tháo laptop thì hãy hết sức cẩn thận với những cáp nối vì nó rất mỏng, có thể đứt bất cứ lúc nào. Tốt nhất các bạn nên mang ra cửa hàng, hoặc dịch vụ sửa máy tính NghĩaComputer của tôi. Chúng tôi sẽ tiếp nhận laptop và vệ sinh toàn bộ laptop cùng với thay keo tản nhiệt tốt cho máy


2. Quạt tản nhiệt bị hỏng

§  Quạt tản nhiệt là bộ phận giúp tãn nhiệt từ trong laptop ra ngoài. Trong quá trình dùng bạn thấy: quạt chạy phát ra tiếng ồn lạ, không chạy khi khởi động hoặc máy đang nóng,… Khi đó nếu laptop còn bảo hành, hãy mang ngay ra hãng bảo hành. Hoặc có liên hệ với dịch vụ tin học Nghĩa Computer để được sửa chữa tận tình.


3. Do CPU Quá Tải

CPU là bộ phận được coi như bộ não của chiếc laptop, việc bắt nó hoạt động nhiều sẽ khiến chiếc laptop của bạn nóng lên và chậm lại



Cách sử lý hiện tượng này thì các bạn nên tắt bớt các tiến trình không cần thiết và  giảm số lượng các tiến trình, các chương trình đang hoạt động hoặc lắp thêm tản nhiệt ngoài cho laptop của bạn. Các bạn cần nên biết các thói quen sử dụng gây hại cho laptop để phòng tránh nữa nhé.
Phía trên là một số trường hợp, nguyên nhân làm nóng laptop, nếu laptop của bạn nóng hãy liên hệ với tôi để được kiểm tra, vệ sinh laptop tránh trường hợp làm hư hại đến các linh kiện khác trong máy, với kinh nghiệm của tôi đã có nhiều trường hợp xãy ra do laptop dùng nóng thời gian dài không vệ sinh như hư ổ cứng, chết CPU, nghiêm trọng là hư luôn bo mạch chủ,…
Cảm ơn các bạn đã quan tâm!
LIÊN HỆ BẢO TRÌ, SỬA CHỮA LAPTOP TẠI CẦN THƠ: 0901.00.7792 (NGHĨA)
DỊCH VỤ TIN HỌC NGHĨA COMPUTER
http://nghiacomputercantho.blogspot.com/2015/11/nguyen-nhan-laptop-bi-nong-va-cach-xu-ly.html

Share:

Thứ Hai, 7 tháng 12, 2015

Em Là Tặng Phẩm Từ Trời

Thơ: Bác Từ
Nhạc: Nguyễn Hải
Trình bày: Hà Lan Phương
Clip: doantinhbuon




Em là tặng phẩm từ trời
Một hôm thượng đế để rơi xuống trần
Ta người được chọn thí ân
Bởi ngàn năm trước khổ phần ta mang

Em thiên thần nhỏ cao sang
Ngọc trong diễm tuyệt đoan trang dịu hiền
Thân ngà tụ kết muôn duyên
Mắt môi nồng thắm tóc huyền ngát hương

Ta như bèo cánh nửa đường
Bềnh bồng sóng nước tạt nương vô bờ
Thuyền trăng đêm lặng thờ ơ
Bỏ xuân hờ hững bóng mờ hạ khơi

Em lòng rộng mở thảnh thơi
Ta run đón nhận mấy đời cưu mang
Trần gian mở hội thiên đàng
Đôi tim hoà nhịp đá vàng khắc ghi !


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội
Trên đường đời, anh đã bao lần chủ động “đi lạc đường” để có cơ hội riêng với em. Đã bao lần anh tưởng tượng hai đứa dừng chân tại một ghế đá công viên và, anh đã móc túi trao em hộp nhẫn cùng lời nói cầu hôn ngập ngừng:” Anh biết chúng ta chỉ mới hẹn hò nhưng anh yêu em và mong muốn có em trong cuộc đời này. Em lấy anh nhé? Em nhìn anh trân trối và bảo rằng em không biết nói gì. Anh nói:” Vậy thì bắt đầu bằng tiếng đồng ý đi em!”. Em chỉ “Dạ” . 


Share:

Cách tạo tab widget bài viết mới nhất theo từng label blogspot

Cách tạo tab widget bài viết mới nhất theo từng label blogspot

Cách tạo tab widget bài viết mới nhất theo từng label blogspot đó sẽ là tiêu đề và cũng là bài chia sẻ của Bít Tuốt cho những ai quan tâm về Blogspot  và muốn tạo cho mình 1 blogspot với nhiều chức năng và chuyên nghiệp hơn.

Hôm nay sẽ hướng dẫn các bạn tạo ra các widget hiển thị các bài viết mới nhất theo 1 nhãn nào đó mà bạn muốn hiển thị nó ở trang chủ (chú ý đây là bài viết nâng cao nó sẽ dễ làm đối với những đối tượng có am hiểu 1 chút về code, chỉnh sủa code blogspot)


Cách tạo tab widget bài viết mới nhất theo từng label blogspot

Bước 1: Đăng nhập Blogspot ==> Template(Mẫu)  ==> Edit HTML (Chỉnh sửa HTML)
(Mình khuyên các bạn nên download hết code blogspot về rồi dùng Notepad ++ chỉnh sửa . Chú ý nên để 1 bản làm gốc tránh trường hợp sửa sai gây lỗi blogspot)

Bước 2: Tìm đoạn code sau  ]]></b:skin> rồi thêm lên trên nó đoạn code dưới đây:

#tabber-wrapper{width:640px;float:left;word-wrap:break-word;overflow:hidden}
ul.tab-view{float:left;list-style:none;height:32px;border-bottom:1px solid #aaa;border-left:1px solid #aaa;width:638px;margin:0;padding:0}
ul.tab-view li{float:left;height:31px;line-height:31px;border:1px solid #aaa;border-left:none;overflow:hidden;position:relative;background:#eee;margin:0 0 -1px;padding:0}
ul.tab-view li a{text-decoration:none;color:#26231c;display:block;border:1px solid #eee;outline:none;font-weight:700;padding:0 15px}
html ul.tab-view li.active,html ul.tab-view li.active a,html ul.tab-view li.active a:hover{background:#eee;color:#026ab5;border-bottom:1px solid #eee}
.tab-wrapper{border:1px solid #aaa;border-top:none;overflow:hidden;clear:both;float:left;width:638px;background:#eee;margin-bottom:15px}
.tabber{padding:10px 0}
.tabber .column{float:left;display:inline;width:146px;margin:0 0 0 11px}
.tabber h2{font:bold 12px Arial;line-height:15px;margin:7px 0 5px}
.tabber h2 a{color:#222}
.tabber h2 a:hover{color:#026ab5}

Chú ý tùy chỉnh các kick thước như width , height cho phù hợp với blog bạn nhé

Bước 3: Tìm thẻ đóng </head> rồi thêm đoạn code sau lên trên nó

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
< script src='http://yourjavascript.com/013120251122/tabview.js' type='text/javascript'/>
< script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrtIQp7lvXPigSAazsoU94fIWZtpjxa0BctGdRLWRVW5uaJTcwzvy3VW1XrZFuYvyCHqfG0Td5iTxZJF6lJizac59zGdvO7veb9-ksy2P3_Y8D4Ok3LqAntvuZ1Ze805SP-9LvsUbozW0/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=80;numposts=4;Title1="Tiêu Đề 1";Title2="Tiêu Đề 2";Title3="Tiêu Đề 3";Title4="Tiêu Đề 4";Title5="Tiêu Đề 5";Title6="Tiêu Đề 6";function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img width="146" height="95" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>';document.write(trtd);j++}}
//]]>
< /script>
Chú ý: Nếu blog bạn có cái này <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> rồi thì không phải thêm nữa hoặc khi làm mà ko hiển thị đúng thì các bạn thử xóa nó đi nhé

Các phần chữ màu đỏ Tiêu Đề 1-6 các bạn thay đổi theo ý muốn nhé. Phần width="146" height="95" thây đổi cho phù hợp giữ nguyên cũng dc

Bước 4: Copy đoạn mã dưới lên trên thẻ đóng </body>

<script type='text/javascript'>
 //<![CDATA[
jQuery(document).ready(function(){$(".tabber").hide();$("ul.tab-view li:first").addClass("active").show();$(".tabber:first").show();$("ul.tab-view li").click(function(){$("ul.tab-view li").removeClass("active");$(this).addClass("active");$(".tabber").hide();var activeTab=$(this).find("a").attr("href");$(activeTab).fadeIn();return false})});
 //]]>
< /script>
Bước 5. Copy đoạn code sau vào đúng vị trí mà bạn muốn hiển thị
(Các bạn có thể test thử xem nó hiển thi thế nào có thể tạo 1 tiện ích HTML/Javascript rồi copy code dưới rồi nhấn lưu lại để test thử)


<div id='tabber-wrapper'>
< ul class='tab-view'>
< li><a href='#tab1'><script>document.write(Title1);</script></a></li>
< li><a href='#tab2'><script>document.write(Title2);</script></a></li>
< li><a href='#tab3'><script>document.write(Title3);</script></a></li>
< li><a href='#tab4'><script>document.write(Title4);</script></a></li>
< li><a href='#tab5'><script>document.write(Title5);</script></a></li>
< li><a href='#tab6'><script>document.write(Title6);</script></a></li>
< /ul><div class='clear'/>
< div class='tab-wrapper'>
< div class='tabber' id='tab1'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 1?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab2'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 2?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab3'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 3?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab4'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 4?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab5'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 5?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab6'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 6?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='clear'/>
< /div></div>

Chú ý: Các bạn thay các Label 1-6 thành các tên Label mà bạn muốn hiển thị nhé có phân biệt hoa thường Nhấn lưu lại hoặc up code đã sửa lên

Nếu bạn muốn nó hiển thị chỏ ở trang chủ thì làm như sau :

Các bạn tạo 1 Witget dạng HTML/Javascript cấu hình theo đúng chỗ bạn muốn hiển thị

Bạn muốn thêm 1 witget thì thêm code sau vào trong phần bạn đã cấu hình bằng css
(Chú ý đặt tên 2 cái này id='sidebar1' và  id='HTML3' phải là du nhất phần chữ màu đỏ không được trùng mới )


<b:section class='sidebar' id='sidebar1' preferred='yes'>
< b:widget id='HTML3' locked='false' title='Tên Tiện ích' type='HTML'>
< b:includable id='main'>
< b:if cond='data:blog.url == data:blog.homepageUrl'>
< !-- only display title if it's non-empty -->
< b:if cond='data:title != &quot;&quot;'>
< h2 class='title'><data:title/></h2>
< /b:if>
< div class='widget-content'>
< data:content/>
< /div>
< b:include name='quickedit'/>
< /b:if>
< /b:includable>
< /b:widget>
< /b:section>

Sau khi bạn tao xong nhấn lưu lại rồi ra phần bố cục tìm cái wiget có tên là Tên Tiện ích rồi copy code dưới vào

<div id='tabber-wrapper'>
< ul class='tab-view'>
< li><a href='#tab1'><script>document.write(Title1);</script></a></li>
< li><a href='#tab2'><script>document.write(Title2);</script></a></li>
< li><a href='#tab3'><script>document.write(Title3);</script></a></li>
< li><a href='#tab4'><script>document.write(Title4);</script></a></li>
< li><a href='#tab5'><script>document.write(Title5);</script></a></li>
< li><a href='#tab6'><script>document.write(Title6);</script></a></li>
< /ul><div class='clear'/>
< div class='tab-wrapper'>
< div class='tabber' id='tab1'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 1?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab2'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 2?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab3'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 3?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab4'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 4?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab5'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 5?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='tabber' id='tab6'>
< script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Label 6?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
< /script></div>
< div class='clear'/>
< /div></div>
Chú ý: Các bạn thay các Label 1-6 thành các tên Label mà bạn muốn hiển thị nhé có phân biệt hoa thường Nhấn lưu lại hoặc up code đã sửa lên

Có thể mình diễn đạt hơi khó hiểu vì vậy mọi thắc mắc các bạn comment phí dưới nhé !

Nguồn được viết bởi bittuot.blogspot.com - Bít Tuốt Blogspot


Đừng quên nhấn LIKE Chia Sẻ để ủng hộ Bít Tuốt nếu bài viết có ích !

Tài liệu tham khảo thêm

6 Stylish recent post widgets thiết kế blogger - Blogspot
Trình diễn bài viết mới dạng slide đẹp mắt bằng JQuery
Tiện ích bài viết mới tự động cuộn ngang với 2 nút điều khiển như vnexpress.net
Tiện ích bài viết mới cuộn ngang với 2 nút điều khiển
[Tips] - Recent Post / Bài viết mới nhất dạng Slide tự trượt cho Blogspot Blogger V1
Tiêu đề bài đăng mới với hiệu ứng chạy ngang
Tạo recent post theo dạng hình ảnh 3 cột cho blogger
BÀI VIẾT THEO NHÃN HIỂN THỊ DẠNG TIN TỨC Ở TRANG CHỦ
Thêm bài viết mới nhất và các bài viết cũ hơn cho nhãn và bài viết
Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot
New and Flexible Recent Posts Widget With Thumbnail for Blogger
Cách tạo tab widget bài viết mới nhất theo từng label blogspot
Widget bài viết mới với hiệu ứng load bài viết liên tục cho Blogspot
Cách ẩn bài viết mới nhất ngoài trang chủ blogspot
Retrieving Recent Posts Titles
Recent Posts với Thumbnails Widget cho một Blogger / Blogspot

Share:

Chủ Nhật, 6 tháng 12, 2015

Anh đi bỏ lại bài ca - Tác giả: Khang Nguyên


VỚI NHẠC SĨ Nguyễn An Thuyên Nguyễn


Điệu hò câu hát thiết tha ân tình

Hào quang vụt tắt thình lình

Để người yêu nhạc lặng thinh thẫn thờ
Thương thay ý nhạc vần thơ
Nối tim yêu khắp bốn bờ quê hương
Cánh cò ủ rũ vì sương
Cung đàn lạc nhịp vấn vương lối về
Vầng trăng lạc giữa triền đê
Còn thuyền lạc giữa bốn bề gió phơi
Anh đi tiếc lắm ai ơi
Trái tim đang đập nửa đời đã ngưng
Cánh chim lìa tổ giữa rừng
Người thì hụt hẫng ,người rưng rưng hồn
Chiều quê tím biếc hoàng hôn
Anh đi còn lại nửa hồn thương đau
Sông xanh nắng nhuộm thêm màu
Miền trung gắn bó mai sau những ngày
Bài ca nối giữa hôm nay
Gái trai nối giữa mê say hẹn hò
Vầng trăng cắt nửa làm đò
Câu thơ chặt đứt đem so làm chèo
Đò về đậu bến cheo leo
Nửa vầng trăng khuyết dõi theo quê nhà
Nửa kia còn lại khuất xa
Anh đi bỏ lại bài ca năm nào
Khang Nguyên
-----+++------

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội
Tôi chỉ biết nhạc sĩ Nguyễn An Thuyên qua các tác phẩm trữ tình quê hương rất hay của ông.Ngoài ra cũng là "bạn bè " trên facebook.Thỉnh thoảng nhạc sĩ vẫn hay vào like những bài thơ tình và một số status ngắn ngủi của tôi khi tôi vừa "tập tành " tham gia mạng xã hội ,tôi lấy làm vui vì điều đó .Coi đó như những lời khích lệ tinh thần đáng trân trọng . Những lúc tâm trạng thỉnh thoảng vẫn mở những bài nhạc nhẹ ,trầm lắng của ông nghe .
Mấy hôm trước nghe tin ông mất mà thấy thương tiếc,tiếc vì sự ra đi quá đột ngột , tạo cho mình cảm giác trống trải,hụt hẫng.Tiếc vì sự ra đi của một tài năng.Lúc đó tính viết một vài dòng nguệch ngoạc coi như là sự chia sẻ với người đã khuất mà mình xem trọng,nhưng lúc đó vì bận việc và vài lí do khác nên nghĩ rồi đành thôi .
Hôm nay vì có chuyện làm khó ngủ (Bây giờ là 02h30 ) .Vào nghe những ca khúc mà không khỏi chạnh lòng luyến tiếc.Thôi thì viết lên đây mấy dòng tâm sự chia sẻ

Share:

Ngày tôi về

Ảnh
Ngày tôi về,trời xanh và gió mát
Con đường làng,thay đổi nét quê hương
Hoa tôi trồng có ong bướm về sân
Tôi về đây giữa mùa đông nắng ấm

Mặt trời mềm,bước chân tôi chợt nặng
Lá mai vàng đón thổi mùa thu đi
Hàng huệ ấy trổ những bông hoa trắng
Và dầy nhiều thêm những lớp dây leo

Ngày tôi về ưu phiền nhiều qúa lắm
Nhìn bàn thờ,hương khói mẹ đều hiu
Mẹ ngồi đây,những ngày rồi những tháng
Đi qua dần khi nước mắt buông theo

Căn phòng mẹ vẩn còn nguyên vẹn đó
Trời mùa đông,mưa vẩn buồn như nhau
Gió vẩn thơm,mùa hoa bưởi,hoa cao
Trời tết đến,làm tôi nhớ mẹ qúa

Ngày tôi về bước chân chừng xa lạ
Và cỏ hoa,tất tả đã vắng im
Giấc ngủ ấy một đời mẹ ao ước
Từ máu mình,hoài rút khỏi đường tim

Tôi không khóc,không buồn,không nhìn nửa
Cứ cười vui,mẹ thanh thãn ra đi
Trời sẽ tối,tiếc thương rồi sẽ hết
Nơi mẹ nằm,sẽ mãi lớp sương che

Đêm Bãy núi,Tri Tôn,AnGiang 2"h"40"/05/12/2015
Tác giả: HUYNH DOAN THANH NGA
Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Share:

Thứ Sáu, 4 tháng 12, 2015

Ru...- Tác giả Hansy

ảnh nguồn Internet





Ru tình mộng mị sớm trưa
Ru em trọn giấc mơ vừa chớm lay
Ru anh bóng ngã cơn say
Ru ta ngào ngạt hương bay cuối trời…

Một vùng mơ nắng, người ơi
Phả lên tóc rối, dậy khơi tình hồng
Ru em đêm vắng, xuân hồng
Lơ ngươ giấc điệp duỗi lòng thiết tha.

Em ơi, ru với tình ta
Trăm năm vàng đá mãi là nợ duyên
Ru cho bến mãi neo thuyền
Cho anh mộng mị giữa miền nhân gian...

Ru lòng giữa ánh trăng vàng
Ru yêu giấc điệp ngập tràn cõi xuân
Ru trầu cau mãi biếc lừng
Ru hời mặn ngọt muối gừng thảo thơm...




Nguồn HANSY

Ca khúc Ngậm ngùi và mộ khúc do ca sĩ Quang Tuấn, Ý Lan

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội




Share:

Nắng mới BÌnh Dương

Ảnh
 Em ơi ngày mới đã lên
Bình dương nắng đẹp nở trên môi cười
     Thân thương ánh mắt con người
Tâm hồn rộng mở yêu đời thiết tha

     Đường ta mở rộng, đầy hoa
Nhà cao, thành phố nguy nga công trình
     Công viên lãng mạn trữ tình
Quanh co suối nhỏ uốn mình, nên thơ

     Sóng hồ như thực, như mơ
Níu chân lữ khách ngẩn ngơ mắt nhìn
     Ta đi theo nhịp con tim
Vui trong gió mới, niềm tin sáng ngời

     Tìm về ký ức xa xôi
Yêu thương cháy bỏng trong tôi dâng trào
     Bình Dương miền đất ngọt ngào
Đất lành chim đậu, thấm vào lòng tôi

     Yêu sao vị mặn bờ môi
Tình người: hoa nở giữa trời bao dung
     Sánh đôi có bước em cùng
Đi chung nẻo đến, về chung nẻo về

     Ta yêu trái ngọt hồn quê
Tháng năm lễ hội tràn trề niềm vui
     Sầu riêng, măng cụt thơm bùi
Vườn cây mát lịm, ngủ vùi giấc trưa

     Trải bao nắng sớm, chiều mưa
Chùa Bà trẩy hội giữa mùa tháng giêng
     Ngày xuân nam nữ cầu duyên
Người lớn cầu được: con hiền, cháu ngoan

      Ai đi về với Thuận An
Ai về Đất Thủ, ai ngang Bưng Cầu
      Cho ta nhắn gởi một câu
Bến Cát, Dầu Tiếng đậm sâu nghĩa tình

      Thành Phố Mới càng đẹp xinh
Tân Uyên trỗi dậy, chuyển mình Dĩ An
      Cùng nhau tiến bước vững vàng
Dệt thêu đất mẹ muôn ngàn sắc hoa
......      ......      ......      ......      ......

     Đi trong ngày mới hân hoan
Nhạc lòng rộn rã, chan hoà tiếng ca
     Nhắn ai đã đến quê ta
Bình Dương yêu lắm: thiết tha trọn đời.

                 Tác giả: Nguyễn Phong

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

          Ngày 4 tháng 12 năm 2015

Share:

Tiếng rao đêm


Đêm đông lạnh vọng tiếng rao
Chìm trong đêm tối vào bao lòng người
Gió gào rét buốt em ơi!
Miếng cơm manh áo cuộc đời quẩn quanh

Em rao bán bánh quả xanh
Bán đi tất cả an lành tuổi xuân
Cuộc đời chìm nổi gian truân
Đêm ngày tần tảo tấm thân gày còm

Học hành đâu đã vuông tròn
Mẹ cha nghèo khó trời còn hành thêm
Lời rao em vọng vào đêm
Giữa ngày đông rét tết thêm đến gần

Lời em như mũi dao đâm
Vào tim bao kẻ lương tâm thiếu thừa.

HỘI VIÊN THI ĐÀN

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Share:

Thứ Năm, 3 tháng 12, 2015

CHÉM CHIỀU 😉😉❤❤

CHÉM CHIỀU   😉😉❤❤

Chẳng đẹp như kiều gái phố đông
môi son má phấn, mặt tươi hồng
Là em gái nhỏ thôn quê đó
Mộc mạc chân tình mắt biếc trong


Em là gái nhỏ của nhà quê

chẳng giỏi se sua lại vụng về
Chỉ nói điều mà tâm đã nghĩ
Lời còn thiếu ngọt bạn đừng chê


Em là gái ngốc của quê hương

Gặp gỡ anh rồi,dạ vấn vương
Lỡ vướng tình sao hoài cứ ngóng
Chờ người ngỏ một tiếng " yêu thương "

Hì hì...!(pic trôm)


Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội
Sunny//
Nguồn Sunny. Phương Ảnh hồ sơ của Sunny. Phương

Share:


Thống kê Blogspot

Bài có thể xem

Mời tham gia CLB

 
Câu Lạc Bộ Kết bạn & Chia sẻ thông tin
Nhóm Công khai · 1.614 thành viên
Tham gia nhóm
Mục đích phát triển của Câu lạc bộ: - Cảm nhận tư duy và tổng hợp kiến thức.Cùng nhau Kết bạn và chia sẽ những gì tốt đẹp . - Giúp nhau chia sẽ thươn...
 
 
BACK TO TOP