CREATED BY MR. NHEM KHEM
HOME

My purpose at this time is to share a little bit of my knowledge in creating blog for someone whom has just started learning to create blog in blogspot without Network or Javascript experience.

Welcome to my new blog

First of all , I would like to introduce myself. I am Mr. Nhem Khem , Cambodian ,living in Phnom Penh city. I have no knowledge of IT especially in Network program but I try to make my personal blog at http://khemarak.blogspot.com/ .

How to create blog by blogger (Get Google Account)

Hi, I am Khem.I have no knowledge or experience about blog or web design.I have only a little bit of computer as open and shut down, but I try myselft to create my blog by blogger

Sign in Your Google Account and Start to create your blog

After you had finished creating your Google Account , Please sign in your Google Account by clicking on this link and follow the instruction.

What is your blog looks like ?

What is your blog looks like ?Your blog style is according to your template,so see the images below and find to download these templates at http://btemplates.com/

BLOGGER TEMPLATES

You can download free blogger templates from http://btemplates.com/ .

How to upload your Blogger Template to change your blog style

After you have created your blog , you got your blog in Simple template.Now you want to change your blog style by another template which you had downloaded from http://btemplates.com/  .

How to post something to your post

After you got your desired blog template , you got your own blog. Now you want to post something in your blog. Let's go by some steps below:

How to edit your post ?

When you make your post to publish to the world , there are something wrong in your blog and you want to edit or delete it. •Once you've logged into Blogger (your Google account with your own ID as mail address and Password ) you'll see your Dashboard, showing your list of blogs. Like this image

How to link to another site

How to link to another site (homepage).Please look at the image below :

How to add a Gadget to your blog.

Log into your Dashboard with your account ,click on Design tab

How to upload some documents to your free blog.

You can make your free blog and you don't want to pay any charge to file hosting websites and you want to keep some documents as from word , excel , PDF files in your free blog.

How to upload files to file hosting web

Now you want to upload files to file hosting webpages. You can upload any file to file hosting webs with free of charge or with charge according to selected webpages.At this tutorial I introduce you one file hosting homepage that you can Upload, access, share your music, video, photos is http://www.4shared.com/ .

How to Log in and upload files at 4sharded.com

At the previous tutorial , I suppose you had made the 4shared account successfully . In this tutorial method , I show you how to log in and upload your files at 4shared.com: Go to http://www.4shared.com/ and find the button Log in , click on it to sign in with your ID (mail address , password).

How to get the URL , HTML code and Forum code to link to your blog

At the previous step you have known about uploading the files to 4shared.com , now you want to get the URL , HTML code and forum code to paste in your free blog.•I assumed that you had uploaded one file to your 4sharde account. (For my example I have uploaded one image to my 4shared account ).

How to upload image to file hosting

At the previous step you have known about uploading the files to 4shared.com , now you want to get the URL , HTML code and forum code to paste in your free blog.•I assumed that you had uploaded one file to your 4sharde account. (For my example I have uploaded one image to my 4shared account ).

How to make slideshow

There are a lot of free slide show web pages and some web pages , you are charged for them . Now I introduce one web page for free of charge for you that is http://www.slide.com/ .Let's go with this web page :

How to make animation

It is nearly the same between slideshow and Animation in displaying . In the previous tutorial I have introduced you How to make slideshow . I have shown you to make slideshow on free slideshow web page as http://www.slide.com/ but actually we can make slideshow by other methods as PowerPoint , photoshop ...ect.

How to make animation in Photoshop CS3

As you make your blog , you want visitors to visit your blog . it is necessary for you to use different techniques to attract the visitors. One method that is used to attract visitors is the animation .

How to make marquee in your blog No Image

Marquee html code means that you want the text , Link , images .. to overflow in your blog from left to right , from up to down , or otherwise. In this tutorial I'll give you some html code for marquee that you or your visitor can use mouse cursor to point on it and stop it for viewing.( Note: The html code for marquee you can put in anywhere your blog you like as in Gadget , in your post , or in your whole template html code). Let's go with some html code for marquee as below :

How to make slideshow menu in blog No Image

Slideshow menu tabs are always used in magazin templates at the head of blog .Slideshow tab menu is a widget that provides you a multiple tab of menu in one simple page. By adding this Slideshow tab menu , will attract your visitors easily to view your blog . Look at the method below "How to make slideshow menu in blog":

How to make carousel in blog

Carousel in blog displayed as flash images or slideshow in blog.There are many styles of carousel displaying in blog.Now I make one style (Horizonal style) in blog. Let's follow some steps below :

How to make text area

What is the text area ? . The text area is the area or place that we can save html code or words for visitors can copy them to paste in their blogs or in blog Gadgets. Now I show one html code that the viewers can select (Highlight) and copy to the clipboard.Look at the script and code below :

How to put time and date script

I am sorry , I have no knowledge about this , just copy the below code to paste in your blog .

how to make drop down scroll

Drop down scroll menu (Navigation) is the navigation contains many links with topic menu and use one line space in blog. And visitors click on it , it shows many topic links to select. Look at my Drop-down scroll menu.

How to make scrolling text box with links

Look at the scrolling text box image and you can click on the box bar to select the title from the box that I use with URL links.

How to make related post with thumbnails

Related posts with thumbnails are the posts that display the thumbnails with summary text under every post selected in the same label.And when visitors visit your posts , they are shown under that post to relate to the same label.The step to make ralated posts with thumbnails:

How to split header to 2

Sometimes you want to design your template blog.Now I want to make the blog Header into 2 column as the picture . Follow the below steps:

How to make recent comment

Recent comment in (blogger) is something that you or your visitors express opinion of something on your blog .

How to create a transparent image

First look at the two images below: Normal image: A transparent image:

How to make text in transparent box

See the image with text box:

Fix your old web cam driver with older Window

I had an old Web cam and I had lost its driver . So I try to download any free web cam driver from the Webs and I can fix my problem with my web cam driver .How to fix it.

Download Khmer Unicode fonts can be used with Adobe Acrobat   Window

The Khmer Unicode fonts can be used with Adobe Acrobat or other program .The old khmer unicode fonts missed somethings so try these khmer unicode fonts .If your files downloaded in Notepad , please change propeties to open with Win.rar files and extract them.

This is my personal use only but I want to share to whom Cambodia people want to use Khmer Unicode on their Galaxy Note .Now let begin:
- Your Device must be in rooted;
- Download Khmer Rom Note ICS 4.0.3 zip from Here;
- Copy Khmer Rom Note ICS 4.0.3 zip from to your SD card (Internal or External);
- Reboot your device in ClockWorlMod recovery mode (CWM mode). In this case you have 2 choice to reboot : 1-you can reboot into CWM recovery by using CWM in your device if your device is already rooted.2- you  can reboot into recovery by pushing 3 buttons as Power button , Home button and Volume button up (Volume button Up and Down , you have to select UP );
- Navigate to Install zip from SD card and select  Khmer Rom Note ICS 4.0.3 zip to flash
you have to wait for 3 or 5 minutes and after finishing in flashing , navigate to reboot system and select it to reboot .When your device reboot , you have to wait for a while until your device fully updates .
- After completely update ,some device you have to Default font at setting .->Setting->Display->
Font style select ->Default font.
- Download Multiling Keyboard with khmer plugin from play store.


My GalaxyNote N7000 can read and write well after I flashed Khmer rom Note ICS 4.0.3.zip.The problem is missed Mini Diary and I can not use khmer unicode on Polaris Office.How to flash this rom:- Download Khmer rom Note ICS 4.0.3.zip - Your Device is already Rooted,- Copy Khmer rom Note ICS 4.0.3.zip to internal or external-Use recovery mode to flash this rom,-Do not wipe data or factory resetThis is a summary only for my personal use but I only post the link for ICS rom that khmer unicode can work well in reading and writing.

The Khmer Unicode fonts can be used with Adobe Acrobat or other program .The old khmer unicode fonts missed somethings so try these khmer unicode fonts .If your files downloaded in Notepad , please change propeties to open with Win.rar files and extract them. Click here to download

I had an old Web cam and  I had lost its driver . So I try to download any free web cam driver from the Webs and I can fix my problem with my web cam driver .How to fix it.
- First I go to this link and download the driver and install it .
- Connect your web cam to USB port.
- Your PC found new hardware wizard and select No, not this time, click next button

- In What do you want the wizard to do ? Select Install from a list or specific location (Advanced). and click next.
- Select Don't search I will choose the driver to install and click next button.
- At  select the device driver you want to install for this hardware , select Have Disk and browse to Local Disk(C) -> program file
->click on it and find the folder Vimicro  ->by clicking on it, you get VM301B->Driver AutoInstall->Driver files->USBVN31B-> click to open it.
- At the Install from Disk ->click OK.If this file cam not support your driver , try to find another file in Driver files to install.


See the image with text box:

How to do it:
- Create your image background using your image link with CSS . You create a div element (class="background") with a fixed height and width, a background image, and a border.
- Then you create a smaller div (class="transbox") inside the first div element. This div also have a fixed width, a background-color, and a border.
<style type="text/css">
div.background
  {
  width:200px;
  height:140px;
 background:url(http://dc268.4shared.com/img/K82dxZYV/1_online.jpg) repeat;
  border:2px solid black;
  }
div.transbox
  {
  width:130px;
  height:100px;
  margin:10px 30px;
  background-color:#ffffff;
  border:1px solid black;
  filter:alpha(opacity=60); 
  opacity:0.6;
  }
div.transbox p
  {
  margin:10px 20px;
  font-weight:bold;
  color:#000000;
  }
</style>
All the red ones you can change by yourseft to make fitting or suiting your image background and text box.
- Make Div class of Background and Transbox , and insert your text inside transparent box in body.
<div class="background">
<div class="transbox">
<p>You type your tex here.
</p>
</div>
</div>


Please Select on Highlight All and then Click on Copy to Clipboard


First look at the two images below:
Normal image:

A transparent image:

The code source for Normal image :

Recent comment in (blogger) is something that you or your visitors express opinion of something on your blog .
For myself , I have two methods to make recent comment on my blog :
1- Use a Gadget from Blog buster.
2- Use the Script code .
1- Use a Gadget from Blog buster :
-  Log in to your Account with your ID -> Dashboard ;
- Select a Gadget in wherever you like ( Sidebar Gadget , Buttom Gadget ...).
- Find the Gadget Recent Comment and select it .-> save your template. See the image :
2- Use the Script code :
-  Log in to your Account with your ID -> Dashboard ;
- Select a Gadget in wherever you like ( Sidebar Gadget , Buttom Gadget ...).
- Copy the code below to paste in your Gadget by selecting HTML code/Javascript box .

Please Select on Highlight All and then Click on Copy to Clipboard

Note: In the script code that you have copied to paste in your html code , you must change my blog name to your own blog . So you have to find the code below and change it (with red name).You can find this code at the buttom of the script code .Please change
withoutit-learnblog to your own blog .

Sometimes you want to design your template blog.Now I want  to make the blog Header into 2 column as the picture .
Follow the below steps:
1- Find the code  ]]></b:skin>
2- Copy the code below to paste exactly above ]]></b:skin>.



Please Select on Highlight All and then Click on Copy to Clipboard


Note: If your template has the same code , you have to take only some part of above code and edit by yourself. You have to edit your  width pixel of #header- wrapper to suit your template.
3- Find the code below :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

4- Copy the code below to replace the above code or you can make any part to make your code as copied code.



Please Select on Highlight All and then Click on Copy to Clipboard



5- Save your template.

Related posts with thumbnails are the posts that display the thumbnails with summary text under every post selected in the same label.And when visitors visit your posts , they are shown under that post to relate to the same label.The step to make ralated posts with thumbnails:
1- Log in your account to Dashboard -> Edit HTML  and check the "Expand Widget Templates" check box.
2- Find the code </head>.
3- Copy the code below to paste before </head>.


Please Select on Highlight All and then Click on Copy to Clipboard



4- Find the code : <div class='post-footer-line post-footer-line-1'> or <p class='post-footer-line post-footer-line-1'>
5- Copy the code below to paste after <div class='post-footer-line post-footer-line-1'> or <p class='post-footer-line post-footer-line-1'>



Please Select on Highlight All and then Click on Copy to Clipboard


6- You can correct the maximum number of related posts being displayed by editing this  code var maxresults=5; .You can change 5 to any number to display your related posts to suit your template width .
7- Do not  forget to save your template.



Look at the scrolling text box image and you can click on the box bar to select the title from the box that I use with URL links.

 
Copyright 2010 BLOGSPOT