Needed file:
- Twitter icon, in this tutorial, i use the icons from NaldzGraphics.

Here are the steps :

Step 1

Create an image using your image editor with 100px x 200px dimension and name with twitter.png

or download here. Put this image to image directory on Joomla template
[joomla_InstallDir/Templates/current_used_template/images/twitter.png]

Step 2

Open index.php file of current used Joomla template.
[joomla_InstallDir/Templates/current_used_template/index.php]

Step 3

Put this code before </body> tag on index.php

<!--Link for twitter profile, Replace url code with your twitter profile url. -->
<a class="tweet" href="http://www.twitter.com/ryefro">Follow Me</a>
<!--End of code-->

Step 4

Open css file on [joomla_InstallDir/Templates/current_used_template/css/template.css] and put this code on last row.

.tweet {
	display: block;
	width: 100px;
	height: 100px;
	text-indent: -2000px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: url(../images/twitter.png) 0 0px no-repeat;
}
.tweet:hover {
	background: url(../images/twitter.png) 0 -100px no-repeat;
}

Finish.

You should see a Twitter badge on you Joomla pages and it with no any extensions.

So i just changed my theme yesterday. The  theme i am using is pork and beans from Fearless Flyer with some customizations ;

• Change its background with bokeh effect image,
• Change some css code,
• Change layout,
• add custom templates (portfolio and portfolio-item) to showcase my works,

Portfolio page functions code is adapted from Creative by Nature theme from cssmayo.com

Smiley on Facebook Chat can we use to emphasis our sentences or show our emotions, that is why Smiley is also known as Emoticon.

Here is the list of Facebook smiley and also text styles code

Code Result :) :( :P :D O ;) 8) 8| >:( :\ :'( 3:) (^^^)

Code Result O:) :-* <3 ^_^ -_- O.o >:o :v :3 :|] :putnam:

Text Style : Bold & Underline Text

To make bold word or sentence, we use * before and after the word or sentence that we type;

example :

• This is *bold* text –result- This is bold text
• *Chatting on Facebook can be more fun with smiley* –result- Chatting on Facebook can be more fun with smiley

To make underline word or sentence, we use _ before and after the word or sentence that we type;

example :

• This is _underline_ text –result- This is underlinetext
• _Chatting on Facebook also can be more fun with text styling_ –result- Chatting on Facebook also can be more fun with text styling

Insert Symbols on Chat

Before we can insert symbols on Facebook chat,  activate NumLock on Keybord then press Alt+ (number according to symbol below)

1 – ☺
2 – ☻
3 – ♥
4 – ♦
5 – ♣
6 – ♠
7 – •
8 – ◘
9 – ○
10 – ◙
11 – ♂
12 – ♀
13 – ♪
14 – ♫
15 – ☼
16 – ►
17 – ◄
18 – ↕
19 – ‼
20 – ¶

Okay facebookers, happy chatting