Themiya

Make Your Own Blog Template [Part 1]

noreply@blogger.com (Unknown) — Sun, 09 Oct 2011 18:59:00 +0000

Most of the bloggers use blog templates created by others. Even I am using a free template. But if we have an idea about writing our own blog template we can add more features to a free template or we can understand the code. Writing a own blog template is bit difficult task. So I thought to break this tutorial into several parts.

References

http://www.ourblogtemplates.com

http://www.w3schools.com

Let's start part 1...

There are three major parts in the code.

Section 1: Header of the code. It contains important information about the template code. It’s a standard header for all templates.

Section 2: This section is the CSS styling section. If we are considering about the design this is the part we have to consider most. Set the appearance of the blog and how it would look like on the internet.

Section 3: This section is the body of the code [Data]. This is the most important part in a blog. We don’t have to worry about this section also. Up to a certain level it’s same. But we have to know about this section when we are going to add widgets and etc. But there are easy instructions available to add those widgets.

Section 1

[XML Code]

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold|Coda' rel='stylesheet' type='text/css'/>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[/*

Section 2 [CSS Styling Section]

This section can be mainly divide into three major parts.

Variable Definitions

This subsection contains the declaration of the font and color variables that appear in the Fonts and Colors tab in the Layout page.

<Variable name="bgcolor" description="Page Background Color"

type="color" default="#fff" value="#ffffff">

<Variable name="textcolor" description="Text Color"

type="color" default="#333" value="#191919">

<Variable name="linkcolor" description="Link Color"

type="color" default="#9EBF00" value="#9EBF00">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#000" value="#000000">

<Variable name="bordercolor" description="Border Color"

type="color" default="#ccc" value="#E0E0DE">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#000" value="#000000">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#666" value="#666666">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#9EBF00" value="#9EBF00">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 97% Arial, sans-serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="startSide" description="Side where text starts in blog language"

type="automatic" default="left" value="left">

<Variable name="endSide" description="Side where text ends in blog language"

type="automatic" default="right" value="right">

Global

This part contains the code to control the general appearance and layout. If you look at the green bar above, you'll see the code "body {.....}". This means that every code that goes inside the {.....} will control the general properties (size, layout, & appearance) of the body of the template.

Header

This part controls the properties of everything inside your Header-wrapper container. The most common ones are the Blog Title and the Blog Description.

Main

This part controls the properties (size, layout, and appearance) of everything that the Main-wrapper block contains - the Date Header, the Post, the Comment, the Feed Link, and any widgets that you drag into the Main section using the Add Page Element tab.

Sidebar

This part controls the properties of everything inside your Sidebar-wrapper - for example the Labels, Blog Archive, Adsense units, Link Lists, etc. But, it doesn't set how many sidebars you have or their locations on the blog (example Sidebar-Main-Sidebar or Main-Sidebar-Sidebar). That part is done in the Section 3 of the Blogger Template Code Structure - the Data Section.

Miscellaneous

This part controls the properties of additional elements in your blog that's not controlled by all the above subsections. These elements are the Profile (or the About Me block), the Blog quote, and the Code. It means if you want to, say, change the color of the quoted text or the font of your nickname in the ‘About Me’ block, this is where you want to look for to tweak it.

Post Footer

The Post-Footer - the texts below your post body. This is the part that contains information about your post, or the texts that say "Posted by YourNickname, Labels: ....., 5 Comments, etc.
The Blog-Pager - the links at the bottom of your blog posts that say "Newer Posts, Home, or Older Posts".
The Feed-Link - the link that says "Subscribe to: Posts (Atom)".

Comments

This part controls all the properties of the Comments section in your blog.

Footer

This part controls all the properties in the Footer section. Generally, the Footer section contains some text explaining the ownership or copyright of a blog. In some other blogs, they also put extra stuff in the Footer section, like the Recent Posts or Popular Posts in 2 or more columns. Basically, you can just put about anything in the Footer as in the Sidebar. But if you want to add more than 1 column to your Footer, you have to tweak the 3rd section of your Blogger Template Code Structure.

Part 2 will be coming soon.....

Recent Photoshop Works [World Water Week 2011]

noreply@blogger.com (Unknown) — Sun, 18 Sep 2011 05:16:00 +0000

- More Photos -

Recent Photoshop Works [මනුස්සකමේ සුයාමය]

noreply@blogger.com (Unknown) — Sun, 18 Sep 2011 04:57:00 +0000

රාජගිරිය වික්ටෝරියා නිවාසයේ ජීවත්වන

අබාධිත පුද්ගලයන් කෙරෙහි සෙනෙහසින්

2011 සැප්තැම්බර් 24 සෙනසුරාදා

උදෑසන එහි ගොස්

මනුෂ්‍යත්වය බෙදා දීමේ

ඒ පින්බර කටයුත්තට ඔබටත් දායක විය හැකිය.

සහභාගී වීමට කැමති සියල්ලෝ එදින උදෑසන 7 ට

විශ්ව විද්‍යාලයට පැමිණ අප හා එක්වන්න.

වැඩි විස්තර දැනගැනීමට අමතන්න 0718402661

සංවිධානය - මොරටුව විශ්ව විද්‍යාලයීය ලියෝ සමාජය

UOM LEOs - Year Gone By - Leostic year 2010,2011

noreply@blogger.com (Unknown) — Tue, 30 Aug 2011 10:51:00 +0000

The projects done by the LEO Club of University of Moratuwa in the Leostic year 2010,2011...

Cruncher 2011

noreply@blogger.com (Unknown) — Sun, 19 Jun 2011 14:16:00 +0000

Although video games have become quite popular throughout the country, game development hasn’t come into mainstream in Sri Lanka. At least yet.

Cruncher 2011 aims to fill that gap by bringing in the creative and talented game programmers to light. Organized by the Young Members’ Section (YMS) of the Institute of Engineers of Sri Lanka (IESL), Cruncher 2011 is a game development competition that is open to all. The theme of the event is “Make Games, Make Global”, depicting its goal to pave way to the creative game developers to go global.

The competitors have the freedom to choose the type of game they want to develop, be it flash-based, non-flash 2D or 3D or storyboard. They can participate in the relevant subdivision: school, undergraduate or open. While the competitors will be awarded with attractive monetary prizes, they will also have the chance to participate in workshops with leading personalities from industry.

For more information, visit the competition’s website at http://cruncher.lk. Also join the Cruncher 2011 Facebook fan page to keep yourself update...

Really interesting

noreply@blogger.com (Unknown) — Tue, 26 Apr 2011 19:32:00 +0000

Why wedding ring should be put on the fourth finger??

Please read the following, you may not believe that really god made this a miracle (this is from a Chinese excerpt). But still interesting!

Firstly, join your palms as shown in photo below, center finger bend and put together back to back. Secondly let the rest of the 4 fingers touch tips to tip.

Game begins, follow the instructions below for all the 5 fingers but only 1 pair can split.

Try to open your thumb, the thumb represents parents, it can be opened because.................. Whoever may be, our parents will leave us one day.
Please close up your thumb, then open your second finger, this finger represents brothers and sisters, they do have their own family which is the reason that they will leave us too. Now close up your second finger,

Open up your little finger, this represents your children. Sooner or later they too will leave us for they got they own living to live nevertheless, close up your little finger,

Try to open your fourth finger in which we put our wedding ring; you will be surprised to find that it cannot be opened at all. Because it represents husband and wife, this whole life you will be attached to each other.

Application to securely protect you from ANY USB Flash viruses

noreply@blogger.com (Unknown) — Fri, 15 Apr 2011 06:26:00 +0000

USB Defender 1.2

[Download]

Did you ever wonder, why is anyone talking about so dangerous USB drives? Why can't you protect yourself from thousands (!) of viruses that are spreading only by your flash drive? Today there are many programs that can be in your memory, waiting for any new flash drive connected, finding viruses on it and removing them. But isn't it better just to VACCINATE your drive once and forever? No more viruses. No more danger.

USB Defender was developed to be extremely easy in use. You can see just two buttons on it: "Protect" and "Unprotect". First button you are using to vaccinate your drive, second - to remove protection. After selecting any drive, program automatically detects, if there is any protection active and only one button will be available for you.

USB Defender is fully portable - so you can take it with you wherever you want. Get USB Defender and take it for a spin to see what it can actually do for you!

Requirements:

· Monotype Corsiva font installed

What's New in This Release:

· improved protection in times
· new interface
· decreased exe size
· own combo
· shows drive's letter, label and file system
· only flash drives shown
· removed note about another program protection
· all found bugs fixed

[Download]

Facebook Fun... :)))))

noreply@blogger.com (Unknown) — Thu, 14 Apr 2011 13:37:00 +0000

Facebook contains fun buried in its code. Try this:

Scroll down to the bottom of the Facebook home page to the following link to change the language.

Click on the "English(UK)" link to change the language.

Then click on "English(UK)" in the new window & select "English(Upside Down)" as follow.

And see what happens!!! :D
To reset again change the language to "English(UK)".

Get Facebook User Name

noreply@blogger.com (Unknown) — Thu, 14 Apr 2011 08:37:00 +0000

Now Facebook is offering you a 'UserName'. Using this user name people can view your profile by "www.facebook.com/(your user name)"/ .

Those who want to change your address of your Facebook profile, visit http://www.facebook.com/username/ After that login with your Facebook ID.

Hope you'll get your desired profile name... :)

Change XP Limited User Account to Computer Administrator

noreply@blogger.com (Unknown) — Fri, 04 Mar 2011 20:55:00 +0000

Method 1

1. Go to directory C:/windows/system32.

2. Find cmd.exe , copy it and paste it on desktop.

3. Rename cmd.exe to sethc.exe.

4. Copy the new sethc.exe to system 32.
   When windows asks for overwriting the existing file,click YES.

5. Now Log out and at the login window, press shift key 5 times.
   Instead of Sticky Key confirmation dialog, cmd will open.

6. Now type;
   NET USER ADMINISTRATOR *****
   where ****** is the password.

7. Then Exit the cmd and login into administrator with your new password.

8. Now you have hacked admin account.

9. Also, you can create a new user at the cmd by typing;
       NET USER USERNAME/ADD
   where USERNAME is the username you would like to add with admin privileges.

10. Then hide your newly created admin account using following method.
   Go to registry editor and navigate to the following key.

   [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\
   Winlogon\SpecialAccounts\UserList]

   Here create a new DWORD value, write its name as the USERNAME that you created for
   your admin account.

   More methods are coming soon...

Google URL Shortener

noreply@blogger.com (Unknown) — Wed, 22 Dec 2010 03:25:00 +0000

Link : http://goo.gl/

How do I use the Google URL Shortener?

Go to goo.gl and paste the long URL you wish to shorten into the input box at the top of the page. Click "Shorten" and to the right of the box you’ll see a short goo.gl URL that can be copied and pasted anywhere you’d like to share it.

If you’d like to track the analytics of your shortened URL, please sign in to your Google Account before shortening your URL. Your shortened URL will automatically be added to your goo.gl history.

Why use the Google URL Shortener?

People share a lot of links online. This is particularly true as micro-blogging services such as Twitter and Google Buzz have grown in popularity. With character limits in tweets, status updates, and other modes of short form publishing, a shorter URL leaves more room to say what's on your mind.

Our primary goal in making this service publicly available to all users is to harness Google’s global production infrastructure to provide users with the following benefits:

Stability - reliable service with good up-time
Security - warning message if the short URL points to a suspected malware, phishing, or spam website
Speed - fast resolution of short URLs (in a few milliseconds)

Features

Goo.gl short URLs are randomly generated, and the mappings of short URLs to long URLs are publicly accessible. Additionally, the short URL to long URL mappings are:

Immutable - once created by you, no one else can change them
Irrevocable - once created, they do not expire. Note, however, that Google reserves the right to remove any goo.gl short URL, for example for spam, security or legal reasons

Google Chrome Offline Installer

noreply@blogger.com (Unknown) — Wed, 15 Dec 2010 05:51:00 +0000

[ Download Link ]

Type anywhere in your language.

noreply@blogger.com (Unknown) — Mon, 22 Nov 2010 20:07:00 +0000

Click here to download

Google Transliteration IME is an input method editor which allows users to enter text in one of the supported languages using a roman keyboard. Users can type a word the way it sounds using Latin characters and Google Transliteration IME will convert the word to its native script. Note that this is not the same as translation -- it is the sound of the words that is converted from one alphabet to the other, not their meaning. Converted content will always be in Unicode.

Google Transliteration IME is currently available for 22 different languages -Amharic, Arabic, Bengali, Farsi (Persian), Greek, Gujarati, Hebrew, Hindi, Kannada, Malayalam, Marathi, Nepali, Oriya, Punjabi, Russian, Sanskrit, Serbian, Sinhalese, Tamil, Telugu, Tigrinya and Urdu.

Introduction

noreply@blogger.com (Unknown) — Mon, 22 Nov 2010 19:47:00 +0000

Welcome to my personal blog site. I’m Themiya Bandara. Currently studying Computer Science & Engineering in University Of Moratuwa. In this blog I make notes about me, my studies, things I newly find from internet and so on. You can find more about me in the 'About' page. Thank you for visiting.