Create Scrolling Recent Post

Scroll Box is often found on blogs, serves to save space on the blog so that page views are not too long, as in posting a few months ago entitled Adding a Scroll Box In Blogger with examples of the display as follows:



How to create a scrolling bar / Box Scroll by Title Recent Post on Blogger.
Ok is that so, follow these easy steps below:


Blogger Login>> Dashboard>> Layout>> Add Gadget>> HTML Script
Copy Code Here:


<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
 
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.yourblog.blogspot.com%2Ffeeds%2Fposts%2Fdefault&amp;num=10" type="text/javascript"></script>

</div>

Remember to replace yourblog.blogspot.com with your blog.. Blue Color = The number of posts you want displayed, 300 = width BoxScroll size, 200 = high Scroll Box size
10   = 
the number of posts to be displayed 

Good luck

Add Google Translate to Your Blog

1. Go to DesignPage Elements and Add a Gadget
2. Select HTML/JavaScript 
3. Fill : Title with Translate and Content copy script this below.
              
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en'
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

4. Save 




Remove - Subcribe To : Posts (Atom)

  • Go to dashboard/ template/ edit HTML
  • Click the 'Expand Widgets Templates' box
    • Find:

      <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
      <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
      <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
      </b:if>

      Remove this line:
      <b:include data='feedLinks' name='feedLinksBody'/>
      That should remove Posts (Atom).


      Source : bloggeruniversity.blogspot.com