Search This Blog

Friday, July 25, 2008

Blogger: Beyond the Basics (Book)


Press Release, May 2008

Go Beyond the Basics of Blogger with New Book

Blogger: Beyond the Basics is a new book from Packt, which will take users beyond the basics of Blogger. Written by Lee Jordan, this book will help users to take full advantage of the rich and powerful features of Blogger to transform their blog into a fresh and state-of-the-art blog as quickly and painlessly as possible.

Blogger is a blog publishing system from Google with a friendly interface specifically designed to create and maintain weblogs. It allows users to easily create dynamic blogs with great content and many outstanding features including RSS feeds, link-backs, photo slideshows, and integration with popular Google applications like Picasa. Its versatility and ease of use has attracted a large, enthusiastic, and helpful community of users.
This book will focus on transforming a typical blog into something fresh and professional that stands out from the crowd. It starts with an introduction to an example blog, discussing what it is lacking, and then adding all the features of Blogger to make it successful. This book will show users how to transform a slow-paced typical business blog into an attractive and interactive profit-making blog with measurable results. It has a very user-friendly approach and shares tips, tricks, and resources to continue to grow their blog.
This book deals with using the current Blogger and third-party tools to optimize and create widgets for a blog. Users can transform their blog using existing tools then take it further with more challenging approaches to customizing their blog. All the steps involved in each example are listed under the section called "Time for action". Similarly, the results of that action are listed under the section called "What just happened". This structure adds to the clear, simple, and focused approach of the book.

The book is aimed at current users of the Blogger platform who want to get the most out of Blogger and people who use a different blogging platform and are planning on switching to Blogger. Blog owners who promote their own services, expertise, and products, and want to increase their blog's success by pushing the limits of what Blogger can do will get the most out of this book. The book doesn't require any specific knowledge of Blogger or the related technologies: RSS, CSS, HTML, and XML. Everything users need to know to grow beyond the basics is covered in this book.
For more details on the book please visit http://www.PacktPub.com/blogger-beyond-the-basics/book.

Monday, July 21, 2008

Hack blinking text CSS javascript

Now generally, if you want to display blinking text, you would have to add something to your blog CSS (Cascading Style Script) and use Javascript. Further, this will only work with the Internet Explorer web browser. Now you can display any blinking text without tampering with the blog CSS or template and the blinking effect will be displayed in any browser. I have tested it at testing blinking text and confirmed that the blinking effect is displayed in all web browsers tested.

The way to do it is to go to blinking text live, type the text you want blinking and edit the various parameters like font-size, blinking speed, color, etc. Click "Create blinking text", highlight and copy the script and paste that into the part of your blog where you want the blinking text. Now for creating the blinking text, the price you pay is to have a link to Amazon Astore which I believe belongs to the creator of that blinking text hack. However, you can change the URL by highlighting the default URL, delete and replace with your own URL and change the text (URL displayed in red and text in green in scroll box below):

<a href="http://www.blinkingtextlive.com"><img src="http://img702.mytextgraphics.com/blinkingtextlive/2008/07/21/e40bca3f334575bda824aadba26f93d5.gif" border="0" alt="javascript blinking text - http://www.blinkingtextlive.com" /></a><br /><br /><a href='http://astore.amazon.com/buy.nintendo.ds.lite-20'>Nintendo DS Lite</a><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyMTY2MjQ1ODE1OTMmcHQ9MTIxNjYyNTQ1NjEyNSZwPTc*MzIxJmQ9Jm49Jmc9MQ==.jpg" />

Friday, July 18, 2008

Cannot find blog with search engine?

A frequent complaint of new bloggers is that they cannot find their blog when searching for their blog with search engines. First, your blog need to be indexed by search engines. To check if your blog or website is indexed by a search engine, type:

site:URL of blog or website

for example, type this:

site:http://bloggerfordummies.blogspot.com

into the search box and press the key ENTER. If you get some results, that means the blog had been indexed. For more details, refer to check to see if website indexed.

Now even if it is indexed, the link to your blog will have to be near the top (first few pages) of the SERP (Search Engine Result Page) to be easily found. It may be very far down the lists of links in the SERP (example, in page 1001) in which case you will have to do a lot of clicking through the pages before you can find the link to your blog.

In order to come up in the first few results, you will have to do some SEO (Search Engine Optimization).

Venture capital for blogging startup

I have intention to start my own Internet business - Blogger Dough which will be related to blogging. However, I need the service of an Australian IT firm and that will cost money. With regard to this respect, it is possible to seek Venture Capital. I had a look at that website and it looks interesting and may be what I am seeking as it is a website via which small startup business can post messages (something like advertisements) in the hope of catching the attention of venture capitalists with money to provide Funding for small business startups like what I have in mind.

That website claims to be the largest community for entrepreneurs and investors and I assume is the marketplace which helps connect entrepreneurs needing funding with investors with the funds. Apparently, there are more than 4,000 investors there, which could mean possibly that entrepreneurs could very quickly find a matching Angel Investor to speed up an Internet venture.

Now what exactly are Angel Investors. According to Wikipedia, an angel investor is a rich individual who provides funding for a business startup, usually in exchange for convertible debt or even ownership equity.

Monday, July 14, 2008

Abandoned or neglected blog URL - is it available?

This request frequently crops up. A blogger wants a certain Blogger blog URL but it cannot get it because someone had already registered and either the blog is abandoned or neglected or didn't publish even a single post yet. Blogger wants to know if it is available.

Unfortunately, the answer is no. The URL is reserved in case the person who registered it decided to do something about it later. The URL will only be freed for others to register (or claim) it if the original blogger deleted that blog.

Sunday, July 13, 2008

Beginner HTML tutorial - hyperlink

Active Hyperlink HTML and attributes

One more example for this HTML tutorial. Now we will learn hyperlink. First I will show how to make a hyperlink to a blog (or any other web page) without learning HTML, then I will explain the HTML tag for hyperlink so you can type it yourself without depending on the link icon Blogger hyperlink icon, then how you can add some attributes to make it more useful.

How to get the URL of a blog or website

You can skip to the next section if you already know about URL and how to get it. Now suppose I want to get the blog URL of my main Blogger related blog - "Blogger Tips and Tricks". For you, get it from the address bar at the top of that blog (see screen shot below):

URL from address bar

Note that the URL of Blogger Tips and Tricks is:

http://blogger-tricks.blogspot.com

Highlight the URL and press ctrl+C to copy the URL into clipboard.

Other ways you can get URL of your blog.

Using the Blogger link icon Blogger hyperlink icon to make a hyperlink

To make an active hyperlink to Blogger Tips and Tricks, first type some text describing the blog. It can be the title "Blogger Tips and Tricks" or it can be other descriptive text, like Easy Instructions for Bloggers. These text are what will be displayed on the WEB when viewed with a browser like Internet Explorer or FireFox and are called "anchor text". Now highlight the anchor text as shown below in the screen shot:

highlight anchor text

After highlighting the "anchor text", click the hyperlink icon hyperlink tool icon in the POST EDITOR tool bar. This will bring up a box for you to paste the URL from clipboard into the box:

hyperlink box

click inside the box and press ctrl+V to paste the blog URL into the box. Then click OK. You will notice the the anchor text Easy Instructions for Bloggers has been surrounded by a pair of HTML tags <a...> and </a> and below is what you get:

<a href="http://blogger-tricks.blogspot.com">Easy Instructions for Bloggers</a>

Now clicking the link Easy Instructions for Bloggers will cause you to open my main blog in this same window. If you want the hyperlink to open the page in a new window, all you have to do is to add target="new" or target="_blank". For example, to make the above hyperlink open in a new window, just edit the HTML to

<a href="http://blogger-tricks.blogspot.com" target="new">Easy Instructions for Bloggers</a>

or

<a href="http://blogger-tricks.blogspot.com"> target="_blank"Easy Instructions for Bloggers</a>

Note that adding the attributes target="new" or target="_blank" has been deprecated and is discouraged, but you probably can continue to use it for a long time.

For less "long winded" explanation of hyperlinks, refer to active hyperlinks for blog posts and comments.

target and title attributes for hyperlink HTML tag

Now I am sure you can type the HTML <a href="URL">anchor text</a>. To make hyperlink open in new window or tab, add the attribute target="_blank" or target="new". Thus the HTML tag become <a href="URL" target="_blank">anchor text</a> or <a href="URL" target="new">anchor text</a>

If you wish, you can also add the title attribute so that when a visitor hover the mouse over the hyperlink, a tool tip will appear with a message. Hover your mouse over this link Beginners' Guide to Blogger. Try that yourself or refer to the screen shot below to see what may result from adding this attribute:

tool tip resulting from title attribute

Note that this title attribute can also be added to images. Try hovering over the screen shot above and note that a tool tip will also be displayed.

Saturday, July 12, 2008

Dummies Guide to HTML Part 1

HTML is easy

First, rest be assured that learning enough HTML (HyperText Markup Language, but don't let this bombastic name frighten you please) to be able to control the appearance of your blog and the properties or attributes of various things in your blog is not difficult. Just to reassure you, you can actually add HTML to your blog without knowing HTML at all.

First, in the post editor, don't use COMPOSE mode. I hate this mode and never use it. If you want to master your blog, please use the EDIT HTML mode. See screen shot below:

EDIT HTML & COMPOSE mode

HTML without sweat

Now, for example, when you want to make some text bold, first highlight the text, for example, highlight "text bold" (see screen shot below):

HTML for bold text

After highlighting, click the "bold icon" tool icon for bold. You will see that the "text bold" has been surrounded by <span styl...> and </span> and ends up as:

<span style="font-weight:bold;">text bold</span>

You can do the same thing to make text italic.

There, you see, you have added HTML into your blog post without knowing anything about HTML. Now to give you confidence, we will add a simple example where you will learn how to use HTML tags to make some text superscript.

Another simple example. Suppose you want to put some text as superscript. It is very easy. Suppose I want the "TM" in the title of my upcoming book Dream Driven LifeTM as superscript, what I have to do is to add <sup> (opening HTML tag) in front of TM and </sup> (closing HTML tag, HTML tags always occur in pairs) after TM so what I have will be

<sup>TM</sup>

and a web browser like FireFox will display the text of my up and coming book

Dream Driven LifeTM

Now I can even put the superscript in an active hyperlink Dream Driven LifeTM

That is easy isn't it? Be assured that as you read various posts in this blog and in Blogger Tips and Tricks, you will learn enough to be able to do a lot of things.

Duplicate content search engines penalty redirect

You don't have to understand HTML to be able to use it. Example code for image

link icon Many beginning bloggers have problems with the uploading of images in Blogger. This is because Blogger always upload the image to the top of the post irrespective of where the position of the mouse cursor is. Now if you use the COMPOSE mode, you will have to use the clumsy process of drag and drop to get the image to where you want it to be. I find this very cumbersome especially if you have to drag it very far down the post.

I would advise you to use the EDIT HTML mode instead. Sure in this mode you cannot see the image. However, it is very easy to copy-paste or cut-paste the image to anywhere you want it. You may have noticed that tiny screen shot of the photo upload icon right at the beginning of this post (used the NONE option for position). The script for the image is:

<a onblur="try {parent.deselectBloggerImage();}
catch(e) {}" href="http://1.bp.blogspot.com/_jPLCY/
SHfiwXlOflI/AAAAAAAABpI/kx3YGc0YHkM/s1600-h/
link+icon.jpg"><img style="cursor:pointer;
cursor:hand;" src="http://1.bp.blogspot.com/_jiz8qCY/
SHfiwXlOflI/AAAABpI/kx3YGc0YHkM/s400/link+icon.jpg"
border="0" alt=""id="BLOGGER_PHOTO_ID_5218132242"
/></a>

Now that looks like a bunch of gibberish doesn't it? However, no fear as you don't have to understand what is all that gibberish as you can just copy-paste it anywhere you want. For example, I am going to copy-paste it here: link icon. Done. Very simple. Imagine trying to successively having to drag it down the page. Copy-pasting is so much simpler. I can easily add another link icon here by just left-clicking on the mouse and selecting PASTE. So what if you don't know what all that gibberish is all about. You should be able to paste the script anywhere you want, even in another blog post or sidebar or even in the blog Header.

For more information about images, refer to Uploading and manipulating images Part 1 and Uploading and manipulating images Part 2.

Friday, July 11, 2008

How get URL own blog methods

Every blog has its own URL (Uniform Resource Locator) or an address that specifies the location of a file on the Internet. You can get the URL of your own blog either from the Dashboard. Look for the link "VIEW BLOG", left-click on it and select "Copy link location" (note: different browser will have slightly different wordings):

left click on VIEW BLOG to get URL

The other way is to left click on VIEW BLOG in the POST EDITOR, or even when you are in SETTINGS or LAYOUT:

left-click in Post Editor to get blog URL

Wednesday, July 02, 2008

Backup classic template for the XML New Blogger template

Before you convert your Blogger blog with classic template to use the New Blogger XML template, it will be good to copy the classic template template into a Notepad file and save it, say, in a folder named backup template followed by the name of the blog if you have more than one blog. Note that this classic backup template cannot be used directly as a backup for a New Blogger XML template. What you can do is to save the recognizable script for the various elements you have added to the classic template.

For example, your statcounter script may look like

<!-- Start of StatCounter Code -->
<script type="text/javascript">
sc_project=3419647;
sc_invisible=1;
sc_partition=38;
sc_security="26fb1d97";
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/free_hit_counter.html"><img class="statcounter" src="http://c39.statcounter.com/3419647/0/26fb1d97/1/" alt="php hit counter" /></a></div></noscript>
<!-- End of StatCounter Code -->

Copy-paste this into a separate Notepad file using an easily remembered file name in an easily recognizable folder. Now when you want to add this back into a New Blogger XML template, do not add this direct into the template. Add it via the LAYOUT and into a HTML/Javascript Page Element.
Related Posts Plugin for WordPress, Blogger...

Find topics by using the Google custom search box above which can search multiple blogs, or the SEARCH BLOG in the left corner of navbar. You can also find topics in the Label List and Categrories in the right sidebar.

For more information and special deals related to any of the issues on this page, place your cursor over the double-underlined links. All information supplied by Kontera.com.

Disclaimer: This blog has no relation with Wiley Publications