Sunday, January 30, 2011

Flip text upside down

Ha ah ..crazy ..
Write word upside down ... Remember friends, it just for fun not to write memo to your boss in upside down. Sure he will turn you upside down.

Write your text below and get the result from the other box. Copy and paste to yours. Write on your friend tweeter of Facebook wall.






Wednesday, January 26, 2011

Insert Read More in posting - Jump break

"Read More" .. what is it? Some called it as jump break.
You will find some blog only shown a few sentences or only one paragaph in their post and you'll find there is a word <read more>, <+>, [..] or what ever symbol function which need to click to expand for reader to read more and know more what was written in the whole post.

To create "read more" function or jump break funtion is very easy to do which no need to add any additional code in the HTML.

Monday, January 24, 2011

Simple touch to enlarge image

Uchhh .. the image is very small and hard to see? By adding a few line in the HTML it will solve your problem. Follow below you'll able to enlarge image in your post and this effect will seen when hovering the mouse pointer on the image area.
On the Design Tab of the "page element" go to edit HTML and try find below code;

]]></b:skin>

If having problem to find it, use CTRL+F or F3 and paste.
It will find for you.

Paste below before the code ]]></b:skin>  and SAVE


.post a:hover img {
width:400px; height:200px; float:middle;
}

As an example;

.post a:hover img {
width:400px; height:200px; float:middle;
}]]></b:skin>



Advice to upload your template before made any change as a backup.
The zooming size can be adjust by changing the width and height or even to floating location left, right or middle on the code above.
Wow !! the enlarge image code is very fantastic.

Good luck..

Insert You Tube Video

You Tube Video is one of the interesting futures you may put in yours site. You may embed a strip of You Tube Video either in vertical or horizontal orientation. May not worry visitor leaving your page as once the video channel selected as it will open in new window. Get this wizard here. Copy the code given and copy them into yours HMTL

Sunday, January 23, 2011

Create and insert Header

Once visitor reached your site, header is the first thing what they see. Remember that first impressions is the main factor that they will stay with you.
By searching word "header maker", "header maker for blog" you will see that so many web offering header for free.
I choose Xheader as they offering free light software to download.
Create stunning header graphics, with this free header graphic tool, that look like they were produced by a professional designer.

How to insert?
Below some guide. On the panel panes click "edit" as below

Then choose and upload file 




Pull Down Menu

It hard to insert a Pull Down Menu in blog but now is not anymore. Here is another way of inserting pull down menu and helping you how to create your personal blog better. You will see the pull down menu result as below.
Pull down menu

How to do this? Go here
Name the tab on the "Text Shown" and copy URL of the related page and paste in the "Link URL"

Press "generate" the copy and paste the code into the BODY of your blogs HTML document.


How to insert table

For whom using blog sites as a marketing channel of their product, sometime table is a very important to enable writer to tell customer in very easy way. Below are the example how the table look like.

Example;
Below table is our price list;
NoItemPrice
1.BlouseRM30.00
2.PijamasRM8.90
3.Scarf LinaRM9.90
4.SkirtRM6.90


How to do it?

On the posting tab, go to the "Edit HTML". Here are the sample which you can copy.
<table>
<tr> <td>No</td><td></td><td>Item</td><td></td><td>Price</td> </tr>
<tr> <td>1.</td><td></td><td>Blouse</td><td></td><td>RM30.00</td> </tr>
<tr> <td>2.</td><td></td><td>Pijamas</td><td></td><td>RM8.90</td> </tr>
<tr> <td>3.</td><td></td><td>Scarf Lina</td><td></td><td>RM9.90</td> </tr>
<tr> <td>4.</td><td></td><td>Skirt</td><td></td><td>RM6.90</td> </tr>
</table>
On the above code, there is no line border.
By do a minor alteration on the first line code from <table> to <table border=2>, you can get as below

NoItemPrice
1.BlouseRM30.00
2.PijamasRM8.90
3.Scarf LinaRM9.90
4.SkirtRM6.90

Regards

Adding Calendar

You can insert the calendar in your blog. Recommend to place it by adding new gadget. In the page element, double click "add gadget" and chose HTML table.






Paste the code which is available here or click the image below.





























Pull Down Menu

Blog tips - Pull down menu or also called as drop down menu is something interesting in blog. It makes your blog look as website. Many of blog writer asked (desperate) a way to create a pull down menu for its revenue items. I have agood news for them as there is a simple way to get a dropdown menu.


Use the drop down DynamicDRIVE. This is your straightforward drop down menu, except in IE5+ and NS6+, a description of each selection is displayed beneath it. Very nice addition to a popular application wouldn't you say? Script updated to support options opening in a new window (IE5/NS6+ only), and ability to include multiple menus on the same page.






Get the example here.
Related Posts Plugin for WordPress, Blogger...