Breaking news wiget 2

Wiget này sẽ tổng hợp những bài viết gần đây đây của bạn rồi hiện thị lên một thanh ngang với hiệu ứng thay đổi đẹp mắt, nó còn có cả social bookmark nữa.

#cách làm

Tạo mới một HTML/Javascrip nằm ở dưới tiêu đề Blog(dưới header) và dán code dưới vào rồi save lại là xong.

<style type='text/css'>
#headlinenews { position:relative;background:#FC9948; border-bottom: 5px solid #34495e; border-top: 5px solid #34495e; display: block; height: 22px; line-height: 22px; overflow: hidden;margin:0 auto 20px;padding: 5px 30px ;width: 980px;}
#news { float: left; margin-left: 120px; }
#news a { background: none !important; color:#fff !important; font: bold 12px/22px Tahoma; text-decoration: none; }
.titlenews { background:#34495e; color: #fff; display: block; float: left; font: bold 12px/22px Tahoma; padding: 9px; margin-top: -10px; position: absolute; }
ul.shsocial { background#34495e; float: right;margin: -8px 0;}
ul.shsocial li {float:left;list-style: none outside none;border:none;}
ul.shsocial li a{background-color:transparent;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcP9Y1ViLPqxDbxz7lkLoSpxTl8y2XiVTPrYTDvN2L0t2Cys9ZSAuNqjt-r5AVDCJLG2-HNSGppUtz6_Mztxl54XMFokCPoKNBftH50jAMr2fNTQHyQNTAP45WT9Agz9FtaxRULF60aWKm/s1600/spice-social-gadget-sprite.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:34px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
ul.shsocial li.fb a{ background-position:0 0}
ul.shsocial li.gp a{ background-position:-96px 0}
ul.shsocial li.rs a{ background-position:-192px 0}
ul.shsocial li.tw a{ background-position:-256px 0}
ul.shsocial li.fb a:hover{ background-position:0 -32px}
ul.shsocial li.gp a:hover{ background-position:-96px -32px}
ul.shsocial li.rs a:hover{ background-position:-192px -32px}
ul.shsocial li.tw a:hover{ background-position:-256px -32px}
</style>
<script src='http://google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script src='http://yourjavascript.com/1851142251/headline-news.js' type='text/javascript'></script>

<div id='headlinenews'>
    <span class='titlenews'>Latest Post</span>
  <div id='news'>
 <script type='text/javascript'>
 var cssfeed=new gfeedrssticker("example1", "example1class", 5000, "_new")
 cssfeed.addFeed("Feed Blog", "http://khanh98.blogspot.com/feeds/posts/default")
 cssfeed.displayoptions("date")
 cssfeed.setentrycontainer("span")
 cssfeed.filterfeed(10, "date")
 cssfeed.entries_per_page(1)
 cssfeed.init()
 </script>
   </div>
<ul class='shsocial'>
  <li class='fb'>
   <a href='http://www.facebook.com/quockhanh.bui.50' rel='nofollow' target='_blank' title='facebook'>
</a></li>
  <li class='gp'>
   <a href='https://plus.google.com/+QuốcKhánhBùi2641998' rel='nofollow' target='_blank' title='googleplus'>
</a></li>
  <li class='tw'>
   <a href='http://twitter.com/chelskivn29' rel='nofollow' target='_blank' title='twitter'>
</a></li>
  <li class='rs'>
   <a href='http://feeds.feedburner.com/blogkhanh98' rel='nofollow' target='_blank' title='rss'>
</a></li>
</ul>
   </div>

Thay khanh98.blogspot.com thành địa chỉ blog của bạn.
Thay các ID của bạn trên các mạng xã hội cho phù hợp.