Read More

If we want our posting can be displayed shortly, we can cut on certainly paragraph, than if visitor click read more, and article will be displayed full one page. Just like posting in this blog.

Ok, I will write here but it is just for classic blogger template.

First Step:
Log in to Blogger
Open Settings – Archiving
In Enable Post Pages? Choose Yes, than click Save Setting

Second Step :

Open Settings - Formatting
In Post template, fill with this code:

<span class=”fullpost”>



</span>

Don't forget to save your template change.

Third Step :
Open Template - Edit HTML
Insert the code below, above code </style> in your template

<MainOrArchivePage>

span.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

span.fullpost {display:inline;}

</ItemPage>

You can use ctrl+f to find </style>.

Than insert the code below at the right side of <$BlogItemBody$>

<MainOrArchivePage>

<a href="<$BlogItemPermalinkURL$>">

Read More...</a><br>

</MainOrArchivePage>


You can change Read More with other language. Click save template change.

The display of your posting cannot be changed by just editing the setting and template. You must do it manually.

Edit your posting. Insert code <span class=”fullpost”> above

the hidden paragraph. Than close your posting with code </span>.

For posting, always do step above. Put your hidden paragraph bellow code <span

class=”fullpost”> and close your posting with code </span>.

Read More...
Posted by Mercy, Saturday, September 27, 2008 9:49 PM | 0 comments |

Favicon : Identity Icon of Blog

What is Favicon or Favorite Icon? Favicon is a small picture as icon of blog identity. For free blog usually has stadard favicon. But for blogspot we can make our own icon. The picture bellow is favicon of blogspot:




Follow the step bellow to make an icon.

Prepare picture with extension .ico which is used for your icon.
You must have picture with extension .ico. But dont worry, if you just have format .jpg, .gif or .png. These formats can be changed to extension .ico. There are many sites which give service to generate picture to be icon. Please open www.htmlkit.com/services/favicon.


Upload your picture by clicking browse button to choose the picture from your computer. Than click Generate Favicon.ico
After picture have been uploaded, click Download Favicon to save the picture with extension .ico to your computer

Than your picture have to be saved in your image hosting, as I have wrote in the last post (read Displaying Picture and Gallery). Copy the code from your image hosting, than paste to your template and combine with code bellow:



Insert code above between code and . Dont forget to save template change. Now try to preview your blog. Look at the address bar browser. Your icon has been showed?






    Read More...
    Posted by Mercy, Sunday, September 14, 2008 11:25 PM | 1 comments |

    Displaying Picture and Gallery

    A picture can make our blog more beautiful. Pictures are not just for accessories but sometime we also need to give more information beside of our articles. But we can not save the picture in our own computer also in our blog, because blogspot doesn’t give this service. So we need a place to save the picture or image hosting. There are many sites which give free service. We can use Photobucket, www.photobucket .com, as hosting for save our pictures for header and articles. If we want make gallery, Flickr – www. Flickr.com- also give free service as image hosting.

    Photobucket.

    In photobucket, we can save our pictures, video and slide show. To use photobucket service we have to register as member. Please click Join Now or Sign Up, fill the form to register than clicking Done. Lets go!

    We will be offered free sponsor, but if don’t want just ignore it. Click No and Submit to Continue. Open My Album, and download your pictures. Image/picture which we download and their URL will be shown. We can make this image as header or to give accessories or more information of our articles by copying the URL and put it in our template.

    Showing Picture in Blog

    We have saved our picuter in image hosting. But the picture can not be shown in our blog. We need to insert html code in our template to show our picture. The code is:






    If we want to make this picture as header, just put the code above in header area. Open your template - edit html, than looking for header side. Click preview to show the result, than don’t forget to click Save Template Change.

    But if we want show the picture as accessories of our articles, it is more easy. We don’t need html code. When posting articles, click add image in toolbar. Than insert URL code from Photobucket. Click Upload Image.

    Flickr

    To access flickr we need email account in Yahoo. So if you don’t have email in yahoo, you have to sign up first.

    Open http://www.flickr.com/, than sign in using ID and password of yahoo email. Than make your Flickr name, after finish we can upload the picture. After uploading we can give title and description of our pictures. Don’t forget to click Save.

    Before we show our pictures as photo gallery in blog, we have to make design of gallery badge.

    • Open Flickr badge. www.flickr.com./badge_new.gne
    • There are 2 choices of badge. HTML or FLASH. For clear gallery choose HTML. For Flash just showing gallery in small pictures. Than click Next: Choose Photos
    • There are 3 choices. All your public photos for showing all of our pictures. Your public tag tagged with for showing your pictures with certain tag. Everyone to showing everyone pictures in our album. Than click Next: color
    • In this step we asked for to decide, we show our buddy icon and name screen or no, the amount of photo which be displayed, the newer photo or older photo, the size and orientation of photo. Click Next: Color
    • Choose badge color include of background and text color. After finish, click Next : Preview & Get Code
      We will get code, just copy and paste in your blog template.

    Read More...
    Posted by Mercy, Tuesday, September 9, 2008 1:48 AM | 1 comments |

    Yahoo Messenger Status

    The visitor of our blog, can know if we are online by using Yahoo Messenger (YM) Status. So we can chat with the visitor. If we are online the picture of YM will flame with status “I’m online” or “Online Now”.

    This way can make visitor interested to more active. If there are anything they want to know more about our blog or our service. The visitor can click the YM status and send massage directly and getting answer from us without delaying like using shoutbox. To add YM status, we have to put the code in template. Open your edit html, than add the code below, anywhere in side bar.




    For X can you fill by:
    0 for small picture
    1 for medium picture
    2 for large picture

    It is so easy right? Don’t forget to save after you are sure with the size of your YM status and the position in your side bar.




    Read More...
    Posted by Mercy, 12:53 AM | 0 comments |

    Free Template

    I think I should post this article after posting how to create a blog. But I forgotten and just remember if the visitor should know it first. Before we make design of our blog, we have to assure our self with the template. Because if we have design, and next day we change the template, all of our design will lost and we must redesign again. If we don’t satisfied with standard blogger template, we can look for others free template. There are many sites which give this service.


    After downloading the template we need to paste this new template in our blog template. If our new template have some pictures we have to save it first in our image hosting. For saving pictures in image hosting can be read in the posting about Displaying Picture and Gallery.

    Log in to Blogspot than open Template – Edit html. Delete all of html code of your template. Than please copy the new code template and paste to change the old template. Click Preview to show the result. If you have been sure to change your template, click Save template change.
    Read More...
    Posted by Mercy, Friday, September 5, 2008 6:44 PM | 0 comments |

    Commenting System.

    We have 2 ways to make interaction with the visitor. First, using commenting system which is a service from blogspot. And the second we can use shoutbox which we get from other service sites, and we must take it manually in our template.

    For editing template, don’t forget to click refer to classic. So after we are in the dashboard, please click template, than edit html. In the bottom side of the template there are choice to refer to classic


    For editing template, don’t forget to click refer to classic. So after we are in the dashboard, please click template, than edit html. In the bottom side of the template there are choice to refer to classic

    To activate commenting system, we should make change in the setting.
    1. Click Change Setting than Setting – Comment
    2. Choose Comment : Show
    3. Don’t forget to click Save Setting after finishing.

    If we want using shoutbox, we must add by our self manually. There are some sites which give service free shoutbox. We can register in Oggix or Cbox and get their free shoutbox. We can make setting of our shoutbox than generating code to get the html code. Please copy the code, than edit your template. Clik Template – Edit html. Paste the code anywhere in side bar. You can put bellow profile side, or bellow YM Status. If you want to see first before saving, click preview. If the displaying of your blog is not nice, and you want to move the shoutbox, we can cancel by clear edit than pasting again anywhere in side bar. If you have satisfied with the display, click save template change.

    Read More...
    Posted by Mercy, Thursday, September 4, 2008 12:20 PM | 0 comments |

    Characteristic and Anatomy of Blogspot Template

    For designing weblog, we have to understand about characteristic and anatomy of the template. Below the characteristic of blogspot template :
    * A user can create many blog

    * A User can make team author, so a blog can have many writer.

    * Having commenting system, so the visitor can give comment to writer posting.

    * Have no link manager, so we have to insert a code manually if we want having lin manager

    If we want our weblog more beautiful we must edit the template. For editing template we sign in first to blogger.com. Than choosing Dashboard / control panel, click Template and Edit html.


    For editing the template we have to understand the anatomy of template. A weblog template arranged from HTML code (HyperText Markup Language). But inside of HTML, weblog template also have special code from each hosting weblog service. When we make any change we have to be careful so we don’t remove or change the special code. Below the sample of special code :

    * <$BlogPageTitles$>, name of weblog
    * <$BlogMetadata$>, meta data of weblog, it consist of information about our weblog.
    * <$BlogURL$>, weblog address
    * <$BlogDescription$>, weblog description.

    Are you confuse? Don’t worry it doesn’t mean if you don’t understand. When I learnt it first, I was also confuse. But it will be familiar after we often edit the template. If we want to add the accessories in left or right side of weblog, we have to understand with the comment code

    * : Begin of side bar
    * : End of side bar
    * : Begin of profile
    * : End of profile
    * : Begin of post

    The comment code make us easier to know the position in lay out of our weblog. For example we will put a shoutbox below profile. Just inserting html code of shoutbox bellow code

    The anatomy of weblog consist of Header, Main Column, Side bar and Footer. In header there is title of our weblog. Than main column, consist of articles which we posting. Side bar consist of our profile, archive, and other weblog accessories. And footer, we can add any explaining here.

    Read More...
    Posted by Mercy, 12:02 PM | 3 comments |