Home >>

How to remove Newer posts - Home - Older posts from Blogger

How to remove "Newer Post" "Home" "Older Post" Link from Blogger Template

How to remove
  1. Log into your Blogger account and go to Dashboard > Design > Edit HTML.
  2. Check the Expand Widget Templates check box.
  3. Back up your template first.
  4. Find the HTML code below:
    <b:includable id='nextprev'>
    <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
    <span id='blog-pager-newer-link'>
    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
    expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
    expr:title='data:newerPageTitle'>
    <data:newerPageTitle/></a>
    </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
    <span id='blog-pager-older-link'>
    <a class='blog-pager-older-link' expr:href='data:olderPageUrl'
    expr:id='data:widget.instanceId + "_blog-pager-older-link"'
    expr:title='data:olderPageTitle'>
    <data:olderPageTitle/></a>
    </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    </b:if>

    </div>
    <div class='clear'/>
    </b:includable>

  5. Just remove the RED code shown above and do not delete the BLUE codes.
  6. Click Save Template. Click View Blog to preview your blog.
Read full entry... How to remove Newer posts - Home - Older posts from Blogger

Twitter Badge | Follow us on Twitter Badge

Get a Twitter badge for my website

This Twitter badge calls your users to start following your twitter account.
Twitter has proven itself to be a great communication channel with your site/blog visitors.
This Twitter badge can be installed almost on any site/blog.

Twitter Badge

How to make a Twitter badge on Blogger/website
  1. Log into your Blogger account and go to Dashboard > Design > Edit HTML.
  2. Copy and paste this Twitter badge code snippet into the template, right before the </body> tag.
    Twitter badge code snippet:
    <!-- twitter badge -->
    <script src='http://chocodot.googlecode.com/files/twitter%20badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
    tfb.account = 'YourTwitterAccount';
    tfb.label = 'follow-us';
    tfb.color = '#046494';
    tfb.side = 'r';
    tfb.top = 136;
    tfb.showbadge();
    --></script>
    <!-- end of twitter follow badge -->

  3. Click Save Template. Click View Blog to preview your blog with the new Twitter badge.

Note (for Blogger):
If your Twitter Badge doesn't run after you do all the steps above, you must parse that code into XML code by using this Parse XML tool. Then retry the step 2 above.
Read full entry... Twitter Badge | Follow us on Twitter Badge

Blogger Twitter Widgets

Blogger Twitter Widgets
Before you install this Blogger Twitter Widgets you must have a Twitter account to log in. If you don't have a twitter account yet please create new account here!

With this Twitter widget you allowed to join conversation with other Twitter members. If you want to get this widget for your blog just copy and paste this code into your HTML page and replace some codes according to your Twitter account.














Blogger Twitter Widgets code:
<script src="http://chocodot.googlecode.com/files/widget.js">
</script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'list',
  rpp: 30,
  interval: 6000,
  title: 'About Me: millenixers.blogspot.com',
  subject: 'Millenix',
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#154890',
      color: '#ffffff'
    },
    tweets: {
      background: '#f5ede3',
      color: '#333333',
      links: '#0000cc'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
  }
}).render().setList('mill3nix', '').start();
</script>

Replace the following red code:
  • About Me: millenixers.blogspot.com - replace with your Widget Title
  • Millenix - replace with your Widget Subject/Description
  • mill3nix - replace with your Twitter Account/Username

You can also change widget theme colour with your preffered colour by changing colour code on that script.
Read full entry... Blogger Twitter Widgets

How to request multiple Google Font API families in a CSS Style

In ordinary text you can change how Google Font API looks by using CSS Style.
Example in HTML format:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<style>
body {
font-family: 'Lobster', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Lobster goes here!</h1>
</body>
</html>
If you open this HTML file in a modern web browser, you should see a page displaying the following preview, in the font called Lobster:
Lobster goes here!


That's an example of ordinary text in a kind of Google Font API.
But now, how to display text in multiple kind of Google font API in one page?

Requesting multiple fonts allows you to use all of Google fonts in your page. To request multiple font families in a CSS style can be done by separating the names with a pipe character (|) and replace any spaces in the font family name with plus signs (+).

Example, if you want to request the fonts Neucha, Cuprum, and Reenie Beanie, you should separate the fonts with a pipe character (|) like this, on <Head> section:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Neucha|Cuprum|Reenie+Beanie">

On <body> section:
Here are <span style="font-family: 'Neucha',serif; font-size: 24px;">Neucha</span>, <span style="font-family: 'Cuprum',serif; font-size: 24px;">Cuprum</span>, <span style="font-family: 'Reenie Beanie',serif; font-size: 24px;">Reenie Beanie</span>

That codes will look like:
Here are Neucha, Cuprum, Reenie Beanie
Read full entry... How to request multiple Google Font API families in a CSS Style