HOME | ABOUT | CONTACT |

Search

Custom Search

Saturday, April 26, 2008

How Can You Add A Footer On Your New Blogger?

Google Blogger gives you the freedom of adding your own footer on your blog; not like WordPress.com which already provides a footer that you don't have access to its file to do anything. Adding a footer to your New Blogger is so easy. You don't need to know the HTML to do that. If you like to add a footer on your New Blogger just like mine here, all you need to do is to follow the steps below:

  • Log in to your Blogger's account; it will lead you to the Dashboard.
  • Click on Layout/Edit HTML. Layout/Edit HTML
  • Make sure you back up your template by clicking on Download Full Template: Layout/Edit HTML/Backup Template
  • After that scroll all the way down in your HTML template editor
  • Toward the end of HTML code; you'll see this line </body>
  • Get the footer code below:
    <div class='footer'>
    <div align='center'>
    Copyright &#169; 2007-2008. <a href='http:yourblogname.blogspot.com' title='your blog description goes here'><u>your blog description goes here</u></a>. All rights reserved.
    </div>
    </div>
  • Make sure you change yourblogname to be your own blog name, your blog description goes here to be your own description, and your blog title goes here to be your own blog title
  • Copy and paste the amended code right above the line </body>
  • Save your template
That's all. Now go ahead and check the footer you've just added to your blog. Do you like this tutorial? Don't forget to subscribe! More good stuff will be coming!

Saturday, April 19, 2008

How Can You Post YouTube Video in New Blogger?

Want to post video unit from your Google AdSense account in your new Blogger? Then you come to the right place. I am going to show you how to implement it within your HTML code. If you don't have a Google AdSense account, then you may want to register a Free Google AdSense account here. The following steps will guide you how to implement YouTube video in your new Blogger.

  • Second click on Layout/Edit HTML. See the screenshot below: Layout/Edit HTML
  • Next make sure you back up your template before you do anything. See the screenshot below: Layout/Edit HTML/Backup Template
  • Next holding Ctrl and hit F at the same time; then copy and paste <!-- end content-wrapper --> line in the search box to find it.
  • Then you need to login to your Google AdSense account. Click on AdSense Setup/Video Unit.
  • A new page will show up. Login to your YouTube's account. If you don't have one, then you may want to register a Free YouTube's account here.
  • Then put the code you get from YouTube's account right after <!-- end content-wrapper --> line. It is not done yet!
  • This is the most important step. Therefore pay extremely attention to it: change all < to be &lt; and all > to be &gt;. Customize your video unit code you got from your YouTube's account. See the following example as a reference.
    &lt;div
    amp;quot;_ytplayer_vjVQa1PpcFOVN5OR2kZ8gAAHWMcwMK
    bx8Prz0Rla71U=&quot;&gt;&lt;a href=&quot;
    http://www.youtube.com/browse&quot;&gt;Watch the
    latest videos on YouTube.com
    &lt;/a&gt;&lt;/div&gt;&lt;script
    src=&quot;http://www.youtube.com/cp/vjVQa1PpcFOVN5OR
    2kZ8gAAHWMcwMKbx8Prz0Rla71U=&quot;
    type=&quot;text/javascript&quot;/&gt;
    &lt;/div&gt;
  • Finally save your template and enjoy the work you've done!
You can put your YouTube's code somewhere else too, but I don't want to confuse you today. Do you like this article? Then don't forget to subscribe.

Saturday, April 12, 2008

Upgrading Joomla! 1.0.x to Joomla! 1.0.15

Joomla! 1.0.15 was released on Friday, February 22, 2008. It addresses a security vulnerability and recommends that you upgrade to it immediately. I use midPhase as my web server host. It is so easy to upgrade from there. It did not take me more than five minutes to do so. In case anything goes wrong you should always back up your old version's files to your personal computer. After you've done that, follow these steps to upgrade to Joomla! 1.0.15:

  • Login to your midPhase's cPanel.
  • Find Scripts & Programs.
  • Click on Fantastico/Joomla/Upgrade to Joomla! 1.0.15.
That is all you need to do. As an alternative option, you can download Joomla! 1.0.15 here; follow these step-by-step instructions to upgrade to it. One more thing I have to mention here, that is if your live site used Joomla! 1.0.x version earlier than Joomla! 1.0.13, then you need to add the following code to your configuration.php file; find out how to add it from the screenshot below:
&lt;?php
if(!defined('RG_EMULATION')) { define( 'RG_EMULATION', 0 ); }

$mosConfig_MetaAuthor = '1';
$mosConfig_MetaDesc = '';
$mosConfig_MetaKeys = '';
$mosConfig_MetaTitle = '1';

This file is located in the root directory of your Joomla! website. Adding if(!defined('RG_EMULATION')) { define( 'RG_EMULATION', 0 ); } line to configuration.php file will protect your live site against possible remote file inclusion.

Saturday, April 5, 2008

How to Create a Unique Title Tag for a New Blogger?


Title tag plays the most important role for search engine optimization. Creating a unique title tag for each page of your website or blog will no doubt help you rank well with major search engines such as Google, Yahoo, and MSN ( Micro Soft Network). So let us begin.

  • First login to your Blogger account, click on Layout/Edit HTML. Backup your template by clicking on Download Full Template. See the screenshot below: Layout/Edit HTML/Backup Template
  • Second click to mark off the check box which is next to Expand Widget Templates. Expand Widget Template
  • Next holding Ctrl and hit F to find <title><data:blog.title/></title> line, and replace the following code with this line. It allows you to swap your post title with your blog title. Your title tag will look like post title | blog title; thus achieving search engine optimization.

  • <b:if cond='data:blog.pageType == "item"'>
    <b:section id='swaptitle'>
    <b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
    <b:includable id='nextprev'/>
    <b:includable id='backlinks' var='post'/>
    <b:includable id='post' var='post'>
    <title>
    <data:post.title/> - <data:blog.title/>
    </title>
    </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'/>
    <b:includable id='status-message'/>
    <b:includable id='feedLinks'/>
    <b:includable id='backlinkDeleteIcon' var='backlink'/>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='postQuickEdit' var='post'/>
    <b:includable id='comments' var='post'/>
    <b:includable id='main' var='top'>
    <b:loop values='data:posts' var='post'>
    <b:include data='post' name='post'/>
    </b:loop>
    </b:includable>
    </b:widget>
    </b:section>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>

    If the above code works then you are half-way done! I use Minima Stretch template. It would not allow me to save the code. An error kept showing up"Your template is invalid because the tag 'b:section' appears inside of the tag 'head'."; so I have to insert the code above <head>; which works fine for me.
  • Next holding Ctrl and hit F again to find <b:include data='blog' name='all-head-content'/> line, and place the following code right after it. It adds meta description and meta keywords to your blog.
    <b:if cond='data:blog.url == "http://yoursitename.com/"'> <meta content='Your title tag description for your blog goes here.' name='description'/> <meta content='Your keywords for your blog go here.' name='keywords'/> </b:if>

    You probably already know that the above code is for your main page title. Make sure you change http://yoursitename.com/ to be your own url; add your own meta description in <meta content='Your title tag description for your blog goes here.' name='description'/> and type in your own keywords in <meta content='Your keywords for your blog go here.' name='keywords'/>.
  • Every time when you create a new post, you must add the following new code right after the above one. You will not know the url of your post until you publish it. You'll have to do the same procedure as above:
    <b:if cond='data:blog.url == "http: //yoursitename.com/2008/03/yourpostname.html"> <meta content='Your title tag description for your post goes here.' name='description'/> <meta content='Your keywords for your post go here.' name='keywords'/> </b:if>

    Changing http://yoursitename.com/2008/03/yourpostname.html to be your own url of your post, adding your own meta description in <meta content='Your title tag description for your post goes here.' name='description'/> and type in your own keywords in <meta content=Your keywords for your post go here.' name='keywords'/>. By doing these editions, you will create a unique title tag, a unique description, and unique keywords for your individual post.
You are done! You can check out some of my posts in this blog. Do you notice that each post of this blog has its own unique title tag showing up on the title bar? Now go head and check out your blog too. Feel free to leave your comment in this post so that other people can learn from it further. Good luck to all of you!

Update: Although the above method works for me, it is too much trouble to add a title and description each time after posting a new article. There is a better way to optimize your New Blogger. See this article to find out how: How to Change Title Tags for Your Blog.

Search

Custom Search