Assalamualaikum..
Konbanwa~





petang ni simple tutorial je. Fara pernah pakai effect ni tahun lepas tapi dah remove. Kalau korang nak korang ikut lah step nye ni..

1 Sign in blogger > dashboard > layout > add gadget > html/java script

2. Copy semua code bawah ni paste kan kat ruang kosong html/java script

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>

3. save and done~

enjoy!

Labels: Freebies, Tutorial

Assalamualaikum..
Konnichiwa!

Last song of SNSD with Jessica :(




Girls Generation - Divine

Japan

あまりにも もろいのね
気持ちはたやすく揺れて
夜が明けると消える
答え 探してる
ただ立ちはだかる このclose road
道しるべになるstarlight
ねえ 教えてほしいの
行くべき場所を
こんなに遠くて
くじけそうでも
天命を待ってる
これがdestiny
轟きを打つ 荒波にまるで
無力で小さな私だけど
海さえきっと
割れてそこに道を作る
いつの日か
We can be divine
冷えた土の上をも
裸足で歩いてゆく
あなたのぬくもりが
支えになる
(you always by my side)
一人で生まれたのに
出会うべくしてて会う
あなたは誰よりも
私を知ってる
立ち向かってゆく
大きなfatally
あなたとならば
強くなれる
怖いものなど なかったはずなのに
ねえ 今はあなたを失いたくない
雲の隙間
光照らす その日までは
さよならは言わないで
それぞれの道
開かれたその時
きっと思い出すのでしょう
この願い
ともに歩んだ道のりを
証にしよう 永遠に
We are always one
轟くような 荒波を前に
私たち 何ができるのと言うのだろう
この困難を そっと寄り添い 迎えよう
信じてる
We can be divine
想いは一つ
We can be divine


Romanization

Ooh~
Ah~ Ah~ Ah~
Amarini mo moroi no ne
Kimochi wa tayasuku yurete
Yogaakeru to kieru
Kotae sagashi teru
Tada tachihadakaru kono close road
Michishirube ni naru starlight
Nē oshiete hoshī no
Ikubeki basho o
Kon'nani tōkute
Kujike-sōde mo
Tenmei o matteru
Kore ga destiny
Todoroki o utsu aranami ni marude
Muryokude chīsana watashidakedo
Umi sae kitto
Warete soko ni michiwotsukuru
Itsunohika
We can be divine
Hieta tsuchi no ue o mo
Hadashi de aruite yuku
Anata no nukumori ga
Sasae ni naru
(You always by my side)
Hitori de umareta no ni
Deaubeku shi tete au
Anata wa dare yori mo
Watashi o shitteru
Tachimukatte yuku
Oukina fatally
Anata tonaraba
Tsuyoku nareru
Kowaimono nado nakatta hazunanoni
Ne e ima wa anata o ushinaitakunai
Kumo no sukima
Hikari terasu sonohi made wa
Sayonarahaiwanaide
Sorezore no michi
Aka reta sonotoki
Kitto omoidasu nodeshou
Kono negai
Tomoni ayunda michinori o
Akashi ni shiyou eien ni
We are always one
Todoroku yōna aranami o mae ni
Watashitachi nani ga dekiru no to iu nodarou
Kono kon'nan o sotto yorisoi mukaeyou
Shinji teru
We can be divine
Omoi wa hitotsu
We can be divine

Translation


They’re way too fragile aren’t they
These feelings that sway ever so lightly
I’m looking for the  answer that
Disappears when dawn breaks
This close road that blocks my way
This starlight that becomes my guide
Hey, I want you to tell me
The place where I should go
Even though it’s so far away that
It seems like this small me will be crushed
I’m waiting for god’s will
This is destiny
So to speak, this small me is powerless against
The raging waves that give their loud roars, but
The sea will surely part
And make a path for me
One day,
We can be divine
Atop the ground that grew cold,
I’m going to walk barefooted
And your warmth
Will support me
(you always by my side)
I was born alone and yet
It’s as if I was bound to meet you
You, know me
more than anyone else does
I’ll stand up to face
Everything grand, fatally
When I’m with you
I can become stronger
There wasn’t supposed to be anything I was scared of and yet..
Hey.. I don’t want to lose you
Until the day comes when
The light shines through the gaps in the clouds
I won’t say goodbye
When various paths
Open up to me, at that time
I’ll surely remember
This wish
The journey we both walked together
We’ll make that our proof, forever
We are always one
What will we say we’re capable of
Once we stand before the waves that give their loud roars?
We’ll meet this distress, with a gentle intimacy
I believe
We can be divine
Our feelings are one
We can be divine - See more at: http://lyrics.kashigasa.com/post/98391071315/girls-generation-divine-lyrics-translation-rom#sthash.H5WHxIbl.dpuf They’re way too fragile aren’t they
These feelings that sway ever so lightly
I’m looking for the  answer that
Disappears when dawn breaks
This close road that blocks my way
This starlight that becomes my guide
Hey, I want you to tell me
The place where I should go
Even though it’s so far away that
It seems like this small me will be crushed
I’m waiting for god’s will
This is destiny
So to speak, this small me is powerless against
The raging waves that give their loud roars, but
The sea will surely part
And make a path for me
One day,
We can be divine
Atop the ground that grew cold,
I’m going to walk barefooted
And your warmth
Will support me
(you always by my side)
I was born alone and yet
It’s as if I was bound to meet you
You, know me
more than anyone else does
I’ll stand up to face
Everything grand, fatally
When I’m with you
I can become stronger
There wasn’t supposed to be anything I was scared of and yet..
Hey.. I don’t want to lose you
Until the day comes when
The light shines through the gaps in the clouds
I won’t say goodbye
When various paths
Open up to me, at that time
I’ll surely remember
This wish
The journey we both walked together
We’ll make that our proof, forever
We are always one
What will we say we’re capable of
Once we stand before the waves that give their loud roars?
We’ll meet this distress, with a gentle intimacy
I believe
We can be divine
Our feelings are one
We can be divine
They’re way too fragile aren’t they
These feelings that sway ever so lightly
I’m looking for the  answer that
Disappears when dawn breaks
This close road that blocks my way
This starlight that becomes my guide
Hey, I want you to tell me
The place where I should go
Even though it’s so far away that
It seems like this small me will be crushed
I’m waiting for god’s will
This is destiny
So to speak, this small me is powerless against
The raging waves that give their loud roars, but
The sea will surely part
And make a path for me
One day,
We can be divine
Atop the ground that grew cold,
I’m going to walk barefooted
And your warmth
Will support me
(you always by my side)
I was born alone and yet
It’s as if I was bound to meet you
You, know me
more than anyone else does
I’ll stand up to face
Everything grand, fatally
When I’m with you
I can become stronger
There wasn’t supposed to be anything I was scared of and yet..
Hey.. I don’t want to lose you
Until the day comes when
The light shines through the gaps in the clouds
I won’t say goodbye
When various paths
Open up to me, at that time
I’ll surely remember
This wish
The journey we both walked together
We’ll make that our proof, forever
We are always one
What will we say we’re capable of
Once we stand before the waves that give their loud roars?
We’ll meet this distress, with a gentle intimacy
I believe
We can be divine
Our feelings are one
We can be divine

- See more at: http://lyrics.kashigasa.com/post/98391071315/girls-generation-divine-lyrics-translation-rom#sthash.H5WHxIbl.dpuf
Full Credit
Japan : Hye Se In
Romanization : Blue and Pink feather
Translation :  kashigasa

Jane
Assalamualaikum~

Labels: Freebies

who open download file..follow this.

3. You can custom where will Photoshop cs6 file place.
     if you don't want to so just continue click next .

how to choose.

4. wait.. . .

5. when you are done waiting 'that' stuff then click finish.

6. Now this is the hardest part for beginner of pc/lappy user.
-Find the file of Photoshop CS6.
(if you just click next /didn't custom file just now, go to Local disk C > progam files> file ;photoshop CS6 portable)

7. Ok the next step is right-click on PhotoshopCS6Portable_Fizgraphic
8. Click run as administrator



9. Now wait...then TADA~ Photoshop CS6 will appear . YAY!


Do comment. I would like to know your respond~

Labels: Freebies, Tutorial

Bissmillahirahmanirahim...
Assalamualaikum dan Salam Sejahtera.

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzlnCiz19XaVHKTuFtOrTgz38ytp30_NldzaTOiQZK65eRjD821mr-0PGHJ_MMsfPI0g3EnzlcZbzOREdAD4wO07tVGhHrof2poomdkWh3lCNZKNVKrNQ2lKzztPlRGIEnjN03fj1kAkw/s640/IMG-20130815-WA0010-1.jpg
• https://si0.twimg.com/profile_images/378800000273745163/88de055297aed45268118f1e42d591e0.jpeg
• 
  

Recent Image :

• https://pbs.twimg.com/media/BQvQ3HACQAAS0NP.jpg
• https://pbs.twimg.com/media/BRHYtRsCcAAXJnG.jpg
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOn0M4SCGjGcamulxBJ0u_EW7qh00cajpwHK50dRUzU4C9qZo7cnoqCkYT-EtuLEtQtkgf1V4eq7mxr5j4m5UUHf4xlTzDcTXyBMmVx7-l4y2rC3KA6IkkzxRPG6DNZBmEcPtzObrTtwK_/s320/skittol+and+mountain+dew.png
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZKqtpo8OnSqUPguQ8Pbz_m4Zp1P3ZfTUj9HeYBVvr4xoP4LVH1JeX7KY-_JgaoQMWFOv9NsV_sz32_3O73ipuqENaN47IuoZo0xgGQHTPTeRa7yhKCFgdIVvY535loXuj-1KjUBdqRZbt/s320/Nym+BoBoiBoy~.jpg
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnXT29zhN3dOkzPniDGeoeCZKxV4Ni4tqr5RQVqy3mLUSzqbgK-pY-PAKYzYmaRkETpVdba48DbJ6jNEckD_9FNCWn4X9qN5PEGbgxLDjPJSKbff9iYU67yaaeLCNvPZVxxzgOwWoNpCY/s398-no/snfarahanimboboiboy+faranymshdwfangboboiboy.jpg
• https://pbs.twimg.com/media/BRx6SnCCMAEf49V.jpg

ok yang lain-lain tu korang pandai kan? okey la nak kena siapkan barang sekolah ni.
korang tolong jugak eh ni.. [  picit sikit sini~ | tekan sini~ | Here~ | This link ] hheehe~
Bye and assalamualaikum ~

Labels: Freebies

Bissmilahirahmanirahim...
Assalamualaikum dan Salam Sejahtera.

-PREVIEW-

bawah ni code nya ok?

<?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">

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

  <head>

<script type='text/javascript'>

document.ondragstart = function () { return false; }; </script>

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

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

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

-----------------------------------------------

Blogger Template Style

Name:     Denim

Designer: Fara_nym ShdwFang BoBoiBoy

URL :     http://faranymboboiboy.blogspot.com

Date:     6 June 2013

!DO NOT REMOVE THIS CREDITS!

-----------------------------------------------

*/

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

/* Variable definitions

====================

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

type="color" default="#efefef" value="transparent">

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

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

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

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

<Variable name="headerBgColor" description="Page Header Background Color"

type="color" default="#336699" value="transparent">

<Variable name="headerTextColor" description="Page Header Text Color"

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

<Variable name="headerCornersColor" description="Page Header Corners Color"

type="color" default="#528bc5" value="transparent">

<Variable name="mainBgColor" description="Main Background Color"

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

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

type="color" default="#cccccc" value="transparent">

<Variable name="dateHeaderColor" description="Date Header Color"

type="color" default="#999999" value="#999999">

<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"

type="color" default="#ffd595" value="#ffd595">

<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"

type="color" default="#333333" value="#333333">

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

type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% 'Trebuchet MS', Trebuchet, sans-serif">

<Variable name="headerFont" description="Page Header Font"

type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">

<Variable name="startSide" description="Start side in blog language"

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

<Variable name="endSide" description="End side in blog language"

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

*/

body, .body-fauxcolumn-outer {

font-family: Trebuchet MS;

cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBPEwd2imTKx89ihyphenhyphenkTbACAd2Vhywr5EifTgtvkndXudx_tHjbx5x1Pu5atS7pUAr7l089hqYIwfMhvAiVJIYTFrAznbi7rfJ3gBuEbRAYjNHvXmaVekRju7yzDy0RCNB1EAQpw_A0_LU/s1600/amiyu.png), auto;

text-align:auto;

Background-image: url(http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/2j0lhs0_BIRU.gif );

background-repeat: repeat;

background-position:Center center;

background-attachment:Fixed;

margin:0;

color:#666666;

font:x-small Trebuchet MS;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

}

a:link {

color: #666666;

text-decoration: none;

}

a:visited {

color: #666666;

text-decoration: none;

}

a:hover {

cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC0YmftixeVObEXPnlbYUmPPtYDTZHXVPGFBbdLJVK1tz58XoTmj1qmkffG65Ll6zPm3MiS9jcs7J8IwYaSVqwbNTTBKIY3lbISpeRPDg3aMOG_UQ2xFm8OrhEDIrF3nb6sXulvhX6Mn8/s1600/cursor+just+me.png),wait;

color:#6dcff6;

text-decoration: strike;

}

#outer-wrapper {

font: $bodyfont$;

}

u {

text-decoration:none;

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

padding-top: 1px;

padding-bottom: 1px;

padding-left: 3px;

padding-right: 3px;

background: #6dcff6;

border-radius: 3px;

-webkit-transition: 1.5s;

color: #FFFFFF;

}

u:hover {

-webkit-transition: 1.5s;

background: white;

font-style: italic;

color: #A7C0FF;

}

/*------ IMAGE ANIMATION------*/

img {

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

border-radius:20px;

-webkit-transition:1s;

}

img:hover {

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

border-radius:0px;

-webkit-transition:1s;

}

/* Header

----------------------------------------------- */

#header-wrapper {

margin:0;

padding: 0;

background-color: transparent;

text-align: left;

}

#header {

width: 900px;

margin: 0 auto;

background-color: transparent;

border: 0px solid transparent;

color: transparent;

padding-left: 0px;

margin-top: 10px;

font: normal normal 210% Verdana, Arial, Sans-serif;;

}

h1.title {

padding-top: 38px;

margin: 0 14px .1em;

line-height: 1.2em;

font-size: 100%;

}

h1.title a, h1.title a:visited {

color: transparent;

text-decoration: none;

}

#header .description {

display: block;

margin: 0 14px;

padding: 0 0 40px;

line-height: 1.4em;

font-size: 50%;

}

/* Content

----------------------------------------------- */

.clear {

clear: both;

}

#content-wrapper {

width: 900px;

margin: 0 auto;

padding: 0 0 15px;

text-align: left;

font-family: arial;

font-size: 12px;

background:white;

box-shadow:0px 0px 0px #ccc;

border-top: 0;

}

#main-wrapper {

margin: 10px;

width: 630px;

float: left;

background : transparent;

display: inline;       /* fix for doubling margin in IE */

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

}

#sidebar-wrapper {

margin-right: 0px;

width: 250px;

float: right;

background-color: transparent

display: inline;       /* fix for doubling margin in IE */

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

}

/* Headings

----------------------------------------------- */

h2, h3 {

margin: 0;

}

/* Posts

----------------------------------------------- */

.date-header {

font: 11px 'Courier New', Courier, FreeMono, monospace;

color: #aeaea9;

font-weight: normal;

letter-spacing: 0.2em;

text-transform: none;

padding-bottom: 10px;

text-align: left;

margin-top: 0px;

}

.post {

margin: 0 0 1.5em;

padding-bottom: 1.5em;

}

.post-title {

margin:.25em 0 0;

font-weight: normal;

letter-spacing: 1px;

line-height:1.4em;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiofMjpKjoLWXvW67y9Y6tfMfErmDXGi3eOX4D3_6vCUb7snMmt-9kqEa41KDqe_5WreiAGc_9kh2zVet4vzI1HA-UC3JoxdBY2KeO1crWlEU-KXFCnIkRHDx6u91bTxgwJDjuuLhdiWzp/s1600/lala.png) no-repeat left 0px;

font-family: 'Oswald', sans-serif;

font-size: 16px ;

color: #333333;

text-transform: uppercase;

margin-bottom: 20px;

text-align: left;

padding-left: 26px;

}

.post div {

margin: 0 0 .75em;

line-height: 1.3em;

}

.post-footer {

margin: -.25em 0 0;

color: #333333;

font-size: 87%;

}

.post-footer .span {

margin-right: .3em;

}

.post img, table.tr-caption-container {

padding: 4px;

border: 0px solid #cccccc;

}

.tr-caption-container img {

border: none;

padding: 0;

}

.post blockquote {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXjxUjsZtwMwZs7SH0GWgzt2Wdz0ovKu_68Mb4XIX6Pet-qNjCl93ZDBZVjBl6t-rDja5a1xzp2xU24SvE4A463NiXk1sbeq9gxrg0vfbSf0OGW_NQGFLrNgD4wtYr4P5VVw7MGf0tr0Sb/s1600/gadsd.png);

background-repeat:repeat;

border-left:20px solid #6dcff6;

border-right:0px solid #6dcff6;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

color:#555;

}

.post blockquote:hover {

border-left:0px solid #DAF3FC;

border-right:20px solid #DAF3FC;

color:#555;

}

.post ul {

list-style:none;

}

.post ul li {

background:url(http://media.tumblr.com/tumblr_mdnsj5aJMA1qdlkyg.gif);background-repeat:no-repeat;

background-size:15px;padding-left:25px;color:#444;margin-bottom:2px;font:12px arial;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;display:block;}

.post ul li:hover{

background:url(http://media.tumblr.com/tumblr_m46ltvcl341qdlkyg.gif);background-repeat:no-repeat;background-size:15px;}

/* Comments

----------------------------------------------- */

#comments h4 {

margin: 1em 0;

color: #999999;

}

#comments h4 strong {

font-size: 110%;

}

#comments-block {

margin: 1em 0 1.5em;

line-height: 1.3em;

}

#comments-block dt {

margin: .5em 0;

}

#comments-block dd {

margin: .25em 0 0;

}

#comments-block dd.comment-footer {

margin: -.25em 0 2em;

line-height: 1.4em;

font-size: 78%;

}

#comments-block dd p {

margin: 0 0 .75em;

}

.deleted-comment {

font-style:italic;

color:gray;

}

.feed-links {

clear: both;

line-height: 2.5em;

}

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

#blog-pager {

text-align: center;

}

/* Sidebar Content

----------------------------------------------- */

.sidebar h2 {

background: url(http://i.imgur.com/SpDPE.png)repeat;

border: 1px; #6dcff6;

border-radius: 5px 5px 5px 5px;

font-size: 35px; font: normal 17px Century Gothic;

line-height: 0.4em;

text-align: center;

margin: .5em 0;

color: #00000;

}

.sidebar ul {

margin: 0;

padding: 0;

list-style: none;

}

.sidebar li {

margin: 0;

padding-top: 0;

padding-right: 0;

padding-bottom: .5em;

padding-left: 15px;

text-indent: -15px;

line-height: 1.5em;

}

.sidebar {

color: #666666;

line-height:1.3em;

}

.sidebar .widget {

margin-bottom: 1em;

}

.sidebar .widget-content {

margin: 0 5px;

}

/* Profile

----------------------------------------------- */

.profile-img {

float: left;

margin-top: 0;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 0;

padding: 4px;

border: 1px solid transparent;

}

.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font-weight: bold;

line-height: 1.6em;

font-size: 78%;

}

.profile-datablock {

margin:.5em 0 .5em;

}

.profile-textblock {

margin: 0.5em 0;

line-height: 1.6em;

}

/* Footer

----------------------------------------------- */

#footer {

clear: both;

text-align: center;

color: #666666;

}

#footer .widget {

margin:.5em;

padding-top: 20px;

font-size: 85%;

line-height: 1.5em;

text-align: left;

}

b {

cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;

color: #6dcff6;

}

i {

cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;

color: #6dcff6;

}

strike {

cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;

color: #6dcff6;

}

::-webkit-scrollbar {

width: 8px;

height: 8px;

}

::-webkit-scrollbar-track-piece  {

background-color: #6dcff6;

border: 3px solid #FFF;

}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {

background-color: #6dcff6;

border: 1px solid #FFF;

}

::selection {

background:#6dcff6;

color: white;

}

/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none;

}

a:link {

color: #666666;

}

a:link:hover {

text-decoration:none;

background: #6dcff6;

-webkit-transition-duration: 0.5s;

color: #FFFFFF;

-moz-border-radius: 3px;filter:alpha(opacity=100);

-moz-opacity:1.0

;opacity:1.0;

border-radius: 5px;

padding-top: 1px;

padding-bottom: 1px;

padding-left: 2px;

padding-right: 2px;

}

#comments-block{

margin:0;

padding:0;

}

#comments-block .comment-author{

background-color:#6dcff6 !important;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

padding:5px;

font-size:11px;

font-weight:bold;

}

#comments-block .comment-body{

margin: 0;

background:#FFF;

font-size: 11px;

margin-top: -5px; /*position*/

padding: 5px;

}

#comments-block .comment-footer{

margin:0;

background:#6dcff6;

font-size: 11px;

font-weight: normal;

margin-bottom: 20px;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

margin-top: -12px; /*position*/

padding: 5px;

}

#comments-block .deleted-comment{

font-style:italic;

color:white;

}

#comments-block .comment-author a{

color:white !important;

}

#comments-block .comment-footer a{

color:white !important;

}

#comments-block .comment-body a{

color:#666666 !important;

}

.post-body img {

border-radius: 15px;

padding: 0px;

}

.post-body img:hover {

border-radius: 0px;

padding: 0px;

}

]]></b:skin>

  </head>

<link href='http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new12.png' rel='shortcut icon' type='image/gif'/>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

/*-----------------------

* jQuery Plugin: Scroll to Top

* by Letthalicious Blog (http://letthaprincess.blogspot.com/)

* Bring to you by Thata from http://lettha-story.blogspot.com/

* Copyright (c) 2011 Letthalicious Blog

* Description: Adds an unobtrusive &quot;Scroll to Top&quot; link to your page with smooth scrolling.

* For usage instructions and version updates to go http://letthaprincess.blogspot.com/

* Do not delete these infomation

* Version: 1.0, 12/03/2009

-----------------------*/

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});

$(function() {

$(&quot;#toTop&quot;).scrollToTop();

});

</script>

  <body>

  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->

    <span id='skiplinks' style='display:none;'>

      <a href='#main'>skip to main </a> |

      <a href='#sidebar'>skip to sidebar</a>

    </span>

    <div id='header-wrapper'>

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

        <b:widget id='Header1' locked='true' title='/ / Teenage Girl&apos;s JURNAL. (Header)' type='Header'>

          <b:includable id='main'>

  <b:if cond='data:useImage'>

    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>

      <!--

      Show image as background to text. You can't really calculate the width

      reliably in JS because margins are not taken into account by any of

      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

      width if the user is using shrink to fit.

      This results in a margin-width's worth of pixels being cropped. If the

      user is not using shrink to fit then we expand the header.

      -->

      <b:if cond='data:mobile'>

          <div id='header-inner'>

            <div class='titlewrapper' style='background: transparent'>

              <h1 class='title' style='background: transparent; border-width: 0px'>

                <b:include name='title'/>

              </h1>

            </div>

            <b:include name='description'/>

          </div>

        <b:else/>

          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>

            <div class='titlewrapper' style='background: transparent'>

              <h1 class='title' style='background: transparent; border-width: 0px'>

                <b:include name='title'/>

              </h1>

            </div>

            <b:include name='description'/>

          </div>

        </b:if>

    <b:else/>

      <!--Show the image only-->

      <div id='header-inner'>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

        <!--Show the description-->

        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>

          <b:include name='description'/>

        </b:if>

      </div>

    </b:if>

  <b:else/>

    <!--No header image -->

    <div id='header-inner'>

      <div class='titlewrapper'>

        <h1 class='title'>

          <b:include name='title'/>

        </h1>

      </div>

      <b:include name='description'/>

    </div>

  </b:if>

</b:includable>

          <b:includable id='description'>

  <div class='descriptionwrapper'>

    <p class='description'><span><data:description/></span></p>

  </div>

</b:includable>

          <b:includable id='title'>

  <b:if cond='data:blog.url == data:blog.homepageUrl'>

    <data:title/>

  <b:else/>

    <a expr:href='data:blog.homepageUrl'><data:title/></a>

  </b:if>

</b:includable>

        </b:widget>

      </b:section>

    </div>

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>

        <b:section class='crosscol' id='crosscol'/>

      </div>

      <div id='main-wrapper'>

        <b:section class='main' id='main' showaddelement='no'>

          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

            <b:includable id='main' var='top'>

  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->

    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>

      <b:loop values='data:posts' var='post'>

        <b:if cond='data:post.isDateStart'>

          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>

            &lt;/div&gt;&lt;/div&gt;

          </b:if>

        </b:if>

        <b:if cond='data:post.isDateStart'>

          &lt;div class=&quot;date-outer&quot;&gt;

        </b:if>

        <b:if cond='data:post.dateHeader'>

          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>

        </b:if>

        <b:if cond='data:post.isDateStart'>

          &lt;div class=&quot;date-posts&quot;&gt;

        </b:if>

        <div class='post-outer'>

        <b:include data='post' name='post'/>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

        </b:if>

        </div>

        <b:if cond='data:post.includeAd'>

          <b:if cond='data:post.isFirstPost'>

            <data:defaultAdEnd/>

          <b:else/>

            <data:adEnd/>

          </b:if>

          <div class='inline-ad'>

            <data:adCode/>

          </div>

          <data:adStart/>

        </b:if>

      </b:loop>

      <b:if cond='data:numPosts != 0'>

        &lt;/div&gt;&lt;/div&gt;

      </b:if>

      <data:adEnd/>

    </div>

    <!-- navigation -->

    <b:include name='nextprev'/>

    <!-- feed links -->

    <b:if cond='data:top.showStars'>

      <script src='//www.google.com/jsapi' type='text/javascript'/>

      <script type='text/javascript'>

        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});

        function initialize() {

          google.annotations.setApplicationId(<data:top.blogspotReviews/>);

          google.annotations.createAll();

          google.annotations.fetch();

        }

        google.setOnLoadCallback(initialize);

      </script>

    </b:if>

  <b:else/>

    <b:include name='mobile-main'/>

  </b:if>

  <b:if cond='data:top.showDummy'>

    <data:top.dummyBootstrap/>

  </b:if>

</b:includable>

            <b:includable id='backlinkDeleteIcon' var='backlink'>

  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>

    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

      <img src='//www.blogger.com/img/icon_delete13.gif'/>

    </a>

  </span>

</b:includable>

            <b:includable id='backlinks' var='post'>

  <a name='links'/><h4><data:post.backlinksLabel/></h4>

  <b:if cond='data:post.numBacklinks != 0'>

    <dl class='comments-block' id='comments-block'>

      <b:loop values='data:post.backlinks' var='backlink'>

        <div class='collapsed-backlink backlink-control'>

          <dt class='comment-title'>

            <span class='backlink-toggle-zippy'>&#160;</span>

            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

            <b:include data='backlink' name='backlinkDeleteIcon'/>

          </dt>

          <dd class='comment-body collapseable'>

            <data:backlink.snippet/>

          </dd>

          <dd class='comment-footer collapseable'>

            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>

            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>

          </dd>

        </div>

      </b:loop>

    </dl>

  </b:if>

  <p class='comment-footer'>

    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>

  </p>

</b:includable>

            <b:includable id='comment-form' var='post'>

  <div class='comment-form'>

    <a name='comment-form'/>

    <b:if cond='data:mobile'>

      <h4 id='comment-post-message'>

        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

    <b:else/>

      <h4 id='comment-post-message'><data:postCommentMsg/></h4>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

    </b:if>

    <data:post.friendConnectJs/>

    <data:post.cmtfpIframe/>

    <script type='text/javascript'>

      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);

    </script>

  </div>

</b:includable>

            <b:includable id='commentDeleteIcon' var='comment'>

  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>

    <b:if cond='data:showCmtPopup'>

      <div class='goog-toggle-button'>

        <div class='goog-inline-block comment-action-icon'/>

      </div>

    <b:else/>

      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>

        <img src='//www.blogger.com/img/icon_delete13.gif'/>

      </a>

    </b:if>

  </span>

</b:includable>

            <b:includable id='comment_count_picker' var='post'>

  <b:if cond='data:post.commentSource == 1'>

    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>

    </span>

  <b:else/>

    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

      <data:post.commentLabelFull/>:

    </a>

  </b:if>

</b:includable>

            <b:includable id='comment_picker' var='post'>

  <b:if cond='data:post.commentSource == 1'>

    <b:include data='post' name='iframe_comments'/>

  <b:else/>

    <b:if cond='data:post.showThreadedComments'>

      <b:include data='post' name='threaded_comments'/>

    <b:else/>

      <b:include data='post' name='comments'/>

    </b:if>

  </b:if>

</b:includable>

            <b:includable id='comments' var='post'>

  <div class='comments' id='comments'>

    <a name='comments'/>

    <b:if cond='data:post.allowComments'>

      <h4><data:post.commentLabelFull/>:</h4>

      <b:if cond='data:post.commentPagingRequired'>

        <span class='paging-control-container'>

          <b:if cond='data:post.hasOlderLinks'>

            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

              &#160;

            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

              &#160;

          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>

            &#160;

            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

            &#160;

            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

          </b:if>

        </span>

      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>

        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

          <b:loop values='data:post.comments' var='comment'>

            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

              <b:if cond='data:comment.favicon'>

                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>

              </b:if>

              <a expr:name='data:comment.anchorName'/>

              <b:if cond='data:blog.enabledCommentProfileImages'>

                <data:comment.authorAvatarImage/>

              </b:if>

              <b:if cond='data:comment.authorUrl'>

                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

              <b:else/>

                <data:comment.author/>

              </b:if>

              <data:commentPostedByMsg/>

            </dt>

            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

              <b:if cond='data:comment.isDeleted'>

                <span class='deleted-comment'><data:comment.body/></span>

              <b:else/>

                <p>

                  <data:comment.body/>

                </p>

              </b:if>

            </dd>

            <dd class='comment-footer'>

              <span class='comment-timestamp'>

                <a expr:href='data:comment.url' title='comment permalink'>

                  <data:comment.timestamp/>

                </a>

                <b:include data='comment' name='commentDeleteIcon'/>

              </span>

            </dd>

          </b:loop>

        </dl>

      </div>

      <b:if cond='data:post.commentPagingRequired'>

        <span class='paging-control-container'>

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>

            <data:post.oldestLinkText/>

          </a>

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>

            <data:post.olderLinkText/>

          </a>

          &#160;

          <data:post.commentRangeText/>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>

            <data:post.newerLinkText/>

          </a>

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

            <data:post.newestLinkText/>

          </a>

        </span>

      </b:if>

      <p class='comment-footer'>

        <b:if cond='data:post.embedCommentForm'>

          <b:if cond='data:post.allowNewComments'>

            <b:include data='post' name='comment-form'/>

          <b:else/>

            <data:post.noNewCommentsText/>

          </b:if>

        <b:else/>

          <b:if cond='data:post.allowComments'>

            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

          </b:if>

        </b:if>

      </p>

    </b:if>

    <b:if cond='data:showCmtPopup'>

      <div id='comment-popup'>

        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

        </iframe>

      </div>

    </b:if>

    <div id='backlinks-container'>

    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>

       <b:if cond='data:post.showBacklinks'>

         <b:include data='post' name='backlinks'/>

       </b:if>

    </div>

    </div>

  </div>

</b:includable>

            <b:includable id='feedLinks'>

  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->

    <b:if cond='data:feedLinks'>

      <div class='blog-feeds'>

        <b:include data='feedLinks' name='feedLinksBody'/>

      </div>

    </b:if>

    <b:else/> <!--Post feed links -->

    <div class='post-feeds'>

      <b:loop values='data:posts' var='post'>

        <b:if cond='data:post.allowComments'>

          <b:if cond='data:post.feedLinks'>

            <b:include data='post.feedLinks' name='feedLinksBody'/>

          </b:if>

        </b:if>

      </b:loop>

    </div>

  </b:if>

</b:includable>

            <b:includable id='feedLinksBody' var='links'>

  <div class='feed-links'>

  <data:feedLinksMsg/>

  <b:loop values='data:links' var='f'>

     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

  </b:loop>

  </div>

</b:includable>

            <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>

    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>

    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>

      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

  </b:if>

</b:includable>

            <b:includable id='mobile-index-post' var='post'>

  <div class='mobile-date-outer date-outer'>

    <b:if cond='data:post.dateHeader'>

      <div class='date-header'>

        <span><data:post.dateHeader/></span>

      </div>

    </b:if>

    <div class='mobile-post-outer'>

      <a expr:href='data:post.url'>

        <h3 class='mobile-index-title entry-title' itemprop='name'>

          <data:post.title/>

        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>

          <b:if cond='data:post.thumbnailUrl'>

            <div class='mobile-index-thumbnail'>

              <div class='Image'>

                <img expr:src='data:post.thumbnailUrl'/>

              </div>

            </div>

          </b:if>

          <div class='post-body'>

            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>

          </div>

        </div>

        <div style='clear: both;'/>

      </a>

      <div class='mobile-index-comment'>

        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

          <b:if cond='data:post.allowComments'>

            <b:if cond='data:post.numComments != 0'>

              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

                <data:post.commentLabelFull/>:

              </a>

            </b:if>

          </b:if>

        </b:if>

      </div>

    </div>

  </div>

</b:includable>

            <b:includable id='mobile-main' var='top'>

    <!-- posts -->

    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>

        <b:loop values='data:posts' var='post'>

          <b:include data='post' name='mobile-index-post'/>

        </b:loop>

      <b:else/>

        <b:loop values='data:posts' var='post'>

          <b:include data='post' name='mobile-post'/>

        </b:loop>

      </b:if>

    </div>

   <b:include name='mobile-nextprev'/>

</b:includable>

            <b:includable id='mobile-nextprev'>

  <div class='blog-pager' id='blog-pager'>

    <b:if cond='data:newerPageUrl'>

      <div class='mobile-link-button' id='blog-pager-newer-link'>

      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>

      </div>

    </b:if>

    <b:if cond='data:olderPageUrl'>

      <div class='mobile-link-button' id='blog-pager-older-link'>

      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>

      </div>

    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    </div>

    <div class='mobile-desktop-link'>

      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>

    </div>

  </div>

  <div class='clear'/>

</b:includable>

            <b:includable id='mobile-post' var='post'>

  <div class='date-outer'>

    <b:if cond='data:post.dateHeader'>

      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>

    </b:if>

    <div class='date-posts'>

      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

          <a expr:name='data:post.id'/>

          <b:if cond='data:post.title'>

            <h3 class='post-title entry-title' itemprop='name'>

              <b:if cond='data:post.link'>

                <a expr:href='data:post.link'><data:post.title/></a>

              <b:else/>

                <b:if cond='data:post.url'>

                  <b:if cond='data:blog.url != data:post.url'>

                    <a expr:href='data:post.url'><data:post.title/></a>

                  <b:else/>

                    <data:post.title/>

                  </b:if>

                <b:else/>

                  <data:post.title/>

                </b:if>

              </b:if>

            </h3>

          </b:if>

          <div class='post-header'>

            <div class='post-header-line-1'/>

          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

            <data:post.body/>

            <div style='clear: both;'/> <!-- clear for photos floats -->

          </div>

          <div class='post-footer'>

            <div class='post-footer-line post-footer-line-1'>

              <span class='post-author vcard'>

                <b:if cond='data:top.showAuthor'>

                  <b:if cond='data:post.authorProfileUrl'>

                    <span class='fn'>

                      <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>

                        <data:post.author/>

                      </a>

                    </span>

                  <b:else/>

                    <span class='fn'><data:post.author/></span>

                  </b:if>

                </b:if>

              </span>

              <span class='post-timestamp'>

                <b:if cond='data:top.showTimestamp'>

                  <data:top.timestampLabel/>

                  <b:if cond='data:post.url'>

                    <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

                  </b:if>

                </b:if>

              </span>

              <span class='post-comment-link'>

                <b:if cond='data:blog.pageType != &quot;item&quot;'>

                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

                    <b:if cond='data:post.allowComments'>

                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

                        <data:post.commentLabelFull/>:

                      </a>

                    </b:if>

                  </b:if>

                </b:if>

              </span>

            </div>

            <div class='post-footer-line post-footer-line-2'>

              <b:if cond='data:top.showMobileShare'>

                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>

                  <a href='javascript:void(0);'><data:shareMsg/></a>

                </div>

              </b:if>

              <b:if cond='data:top.showDummy'>

                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>

              </b:if>

            </div>

          </div>

        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

          <b:if cond='data:post.showThreadedComments'>

            <b:include data='post' name='threaded_comments'/>

          <b:else/>

            <b:include data='post' name='comments'/>

          </b:if>

        </b:if>

      </div>

    </div>

  </div>

</b:includable>

            <b:includable id='nextprev'>

  <div class='blog-pager' id='blog-pager'>

    <b:if cond='data:newerPageUrl'>

      <span id='blog-pager-newer-link'>

      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/></a>

      </span>

    </b:if>

    <b:if cond='data:olderPageUrl'>

      <span id='blog-pager-older-link'>

      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/></a>

      </span>

    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/></a>

    <b:if cond='data:mobileLinkUrl'>

      <div class='blog-mobile-link'>

        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>

      </div>

    </b:if>

  </div>

  <div class='clear'/>

</b:includable>

            <b:includable id='post' var='post'>

  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    <a expr:name='data:post.id'/>

    <b:if cond='data:post.title'>

      <h3 class='post-title entry-title' itemprop='name'>

      <b:if cond='data:post.link'>

        <a expr:href='data:post.link'><data:post.title/></a>

      <b:else/>

        <b:if cond='data:post.url'>

          <b:if cond='data:blog.url != data:post.url'>

            <a expr:href='data:post.url'><data:post.title/></a>

          <b:else/>

            <data:post.title/>

          </b:if>

        <b:else/>

          <data:post.title/>

        </b:if>

      </b:if>

      </h3>

    </b:if>

    <div class='post-header'>

    <div class='post-header-line-1'/>

    </div>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

      <data:post.body/>

      <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>

    <b:if cond='data:post.hasJumpLink'>

      <div class='jump-link'>

        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

      </div>

    </b:if>

    <div class='post-footer'>

    <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>

        <b:if cond='data:top.showAuthor'>

          <data:top.authorLabel/>

            <b:if cond='data:post.authorProfileUrl'>

              <span class='fn'>

                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>

                  <data:post.author/>

                </a>

              </span>

            <b:else/>

              <span class='fn'><data:post.author/></span>

            </b:if>

        </b:if>

      </span> <span class='post-timestamp'>

        <b:if cond='data:top.showTimestamp'>

          <data:top.timestampLabel/>

        <b:if cond='data:post.url'>

          <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

        </b:if>

        </b:if>

      </span> <span class='post-comment-link'>

        <b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

            <b:if cond='data:post.allowComments'>

              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

                <data:post.commentLabelFull/>:

              </a>

            </b:if>

          </b:if>

        </b:if>

      </span> <span class='post-icons'>

        <!-- email post links -->

        <b:if cond='data:post.emailPostUrl'>

          <span class='item-action'>

          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>

          </a>

          </span>

        </b:if>

        <!-- quickedit pencil -->

        <b:include data='post' name='postQuickEdit'/>

      </span> <div class='post-share-buttons goog-inline-block'>

        <b:if cond='data:post.sharePostUrl'>

          <b:include data='post' name='shareButtons'/>

        </b:if>

      </div> </div>

      <div class='post-footer-line post-footer-line-2'><span class='post-labels'>

        <b:if cond='data:post.labels'>

          <data:postLabelsLabel/>

          <b:loop values='data:post.labels' var='label'>

            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

          </b:loop>

        </b:if>

      </span> </div>

      <div class='post-footer-line post-footer-line-3'><span class='post-location'>

        <b:if cond='data:top.showLocation'>

          <b:if cond='data:post.location'>

            <data:postLocationLabel/>

            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>

          </b:if>

        </b:if>

      </span> </div>

    </div>

  </div>

</b:includable>

            <b:includable id='postQuickEdit' var='post'>

  <b:if cond='data:post.editUrl'>

    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>

      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

      </a>

    </span>

  </b:if>

</b:includable>

            <b:includable id='shareButtons' var='post'>

  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

            <b:includable id='status-message'>

  <b:if cond='data:navMessage'>

  <div class='status-msg-wrap'>

    <div class='status-msg-body'>

      <data:navMessage/>

    </div>

    <div class='status-msg-border'>

      <div class='status-msg-bg'>

        <div class='status-msg-hidden'><data:navMessage/></div>

      </div>

    </div>

  </div>

  <div style='clear: both;'/>

  </b:if>

</b:includable>

            <b:includable id='threaded-comment-form' var='post'>

  <div class='comment-form'>

    <a name='comment-form'/>

    <b:if cond='data:mobile'>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

    <b:else/>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

    </b:if>

    <data:post.friendConnectJs/>

    <data:post.cmtfpIframe/>

    <script type='text/javascript'>

      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);

    </script>

  </div>

</b:includable>

            <b:includable id='threaded_comment_js' var='post'>

  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>

    (function() {

      var items = <data:post.commentJso/>;

      var msgs = <data:post.commentMsgs/>;

      var config = <data:post.commentConfig/>;

// <![CDATA[

      var cursor = null;

      if (items && items.length > 0) {

        cursor = parseInt(items[items.length - 1].timestamp) + 1;

      }

      var bodyFromEntry = function(entry) {

        if (entry.gd$extendedProperty) {

          for (var k in entry.gd$extendedProperty) {

            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

              return '<span class="deleted-comment">' + entry.content.$t + '</span>';

            }

          }

        }

        return entry.content.$t;

      }

      var parse = function(data) {

        cursor = null;

        var comments = [];

        if (data && data.feed && data.feed.entry) {

          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

            var comment = {};

            // comment ID, parsed out of the original id format

            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

            comment.id = id ? id[2] : null;

            comment.body = bodyFromEntry(entry);

            comment.timestamp = Date.parse(entry.published.$t) + '';

            if (entry.author && entry.author.constructor === Array) {

              var auth = entry.author[0];

              if (auth) {

                comment.author = {

                  name: (auth.name ? auth.name.$t : undefined),

                  profileUrl: (auth.uri ? auth.uri.$t : undefined),

                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

                };

              }

            }

            if (entry.link) {

              if (entry.link[2]) {

                comment.link = comment.permalink = entry.link[2].href;

              }

              if (entry.link[3]) {

                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

                if (pid && pid[1]) {

                  comment.parentId = pid[1];

                }

              }

            }

            comment.deleteclass = 'item-control blog-admin';

            if (entry.gd$extendedProperty) {

              for (var k in entry.gd$extendedProperty) {

                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

                  comment.displayTime = entry.gd$extendedProperty[k].value;

                }

              }

            }

            comments.push(comment);

          }

        }

        return comments;

      };

      var paginator = function(callback) {

        if (hasMore()) {

          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

          if (cursor) {

            url += '&published-min=' + new Date(cursor).toISOString();

          }

          window.bloggercomments = function(data) {

            var parsed = parse(data);

            cursor = parsed.length < 50 ? null

                : parseInt(parsed[parsed.length - 1].timestamp) + 1

            callback(parsed);

            window.bloggercomments = null;

          }

          url += '&callback=bloggercomments';

          var script = document.createElement('script');

          script.type = 'text/javascript';

          script.src = url;

          document.getElementsByTagName('head')[0].appendChild(script);

        }

      };

      var hasMore = function() {

        return !!cursor;

      };

      var getMeta = function(key, comment) {

        if ('iswriter' == key) {

          var matches = !!comment.author

              && comment.author.name == config.authorName

              && comment.author.profileUrl == config.authorUrl;

          return matches ? 'true' : '';

        } else if ('deletelink' == key) {

          return config.baseUri + '/delete-comment.g?blogID='

               + config.blogId + '&postID=' + comment.id;

        } else if ('deleteclass' == key) {

          return comment.deleteclass;

        }

        return '';

      };

      var replybox = null;

      var replyUrlParts = null;

      var replyParent = undefined;

      var onReply = function(commentId, domId) {

        if (replybox == null) {

          // lazily cache replybox, and adjust to suit this style:

          replybox = document.getElementById('comment-editor');

          if (replybox != null) {

            replybox.height = '250px';

            replybox.style.display = 'block';

            replyUrlParts = replybox.src.split('#');

          }

        }

        if (replybox && (commentId !== replyParent)) {

          document.getElementById(domId).insertBefore(replybox, null);

          replybox.src = replyUrlParts[0]

              + (commentId ? '&parentID=' + commentId : '')

              + '#' + replyUrlParts[1];

          replyParent = commentId;

        }

      };

      var hash = (window.location.hash || '#').substring(1);

      var startThread, targetComment;

      if (/^comment-form_/.test(hash)) {

        startThread = hash.substring('comment-form_'.length);

      } else if (/^c[0-9]+$/.test(hash)) {

        targetComment = hash.substring(1);

      }

      // Configure commenting API:

      var configJso = {

        'maxDepth': config.maxThreadDepth

      };

      var provider = {

        'id': config.postId,

        'data': items,

        'loadNext': paginator,

        'hasMore': hasMore,

        'getMeta': getMeta,

        'onReply': onReply,

        'rendered': true,

        'initComment': targetComment,

        'initReplyThread': startThread,

        'config': configJso,

        'messages': msgs

      };

      var render = function() {

        if (window.goog && window.goog.comments) {

          var holder = document.getElementById('comment-holder');

          window.goog.comments.render(holder, provider);

        }

      };

      // render now, or queue to render when library loads:

      if (window.goog && window.goog.comments) {

        render();

      } else {

        window.goog = window.goog || {};

        window.goog.comments = window.goog.comments || {};

        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

        window.goog.comments.loadQueue.push(render);

      }

    })();

// ]]>

  </script>

</b:includable>

            <b:includable id='threaded_comments' var='post'>

  <div class='comments' id='comments'>

    <a name='comments'/>

    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>

      <b:if cond='data:post.embedCommentForm'>

        <b:include data='post' name='threaded_comment_js'/>

      </b:if>

      <div id='comment-holder'>

         <data:post.commentHtml/>

      </div>

    </div>

    <p class='comment-footer'>

      <b:if cond='data:post.allowNewComments'>

        <b:include data='post' name='threaded-comment-form'/>

      <b:else/>

        <data:post.noNewCommentsText/>

      </b:if>

    </p>

    <b:if cond='data:showCmtPopup'>

      <div id='comment-popup'>

        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

        </iframe>

      </div>

    </b:if>

    <div id='backlinks-container'>

    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>

       <b:if cond='data:post.showBacklinks'>

         <b:include data='post' name='backlinks'/>

       </b:if>

    </div>

    </div>

  </div>

</b:includable>

          </b:widget>

        </b:section>

      </div>

      <div id='sidebar-wrapper'>

        <b:section class='sidebar' id='sidebar' preferred='yes'>

          <b:widget id='HTML1' locked='false' title='' type='HTML'>

            <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

          </b:widget>

          <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

            <b:includable id='main'>

  <b:if cond='data:title'>

    <h2><data:title/></h2>

  </b:if>

  <div class='widget-content'>

  <div id='ArchiveList'>

  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

    <b:if cond='data:style == &quot;HIERARCHY&quot;'>

     <b:include data='data' name='interval'/>

    </b:if>

    <b:if cond='data:style == &quot;FLAT&quot;'>

      <b:include data='data' name='flat'/>

    </b:if>

    <b:if cond='data:style == &quot;MENU&quot;'>

      <b:include data='data' name='menu'/>

    </b:if>

  </div>

  </div>

  <b:include name='quickedit'/>

  </div>

</b:includable>

            <b:includable id='flat' var='data'>

  <ul class='flat'>

    <b:loop values='data:data' var='i'>

      <li class='archivedate'>

        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

      </li>

    </b:loop>

  </ul>

</b:includable>

            <b:includable id='interval' var='intervalData'>

  <b:loop values='data:intervalData' var='i'>

      <ul class='hierarchy'>

        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>

          <b:include data='i' name='toggle'/>

          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>

            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>

          <b:if cond='data:i.data'>

            <b:include data='i.data' name='interval'/>

          </b:if>

          <b:if cond='data:i.posts'>

            <b:include data='i.posts' name='posts'/>

          </b:if>

        </li>

      </ul>

  </b:loop>

</b:includable>

            <b:includable id='menu' var='data'>

  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>

    <option value=''><data:title/></option>

    <b:loop values='data:data' var='i'>

      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>

    </b:loop>

  </select>

</b:includable>

            <b:includable id='posts' var='posts'>

  <ul class='posts'>

    <b:loop values='data:posts' var='i'>

      <li><a expr:href='data:i.url'><data:i.title/></a></li>

    </b:loop>

  </ul>

</b:includable>

            <b:includable id='toggle' var='interval'>

  <b:if cond='data:interval.toggleId'>

  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>

    <a class='toggle' href='javascript:void(0)'>

      <span class='zippy toggle-open'>&#9660;&#160;</span>

    </a>

  <b:else/>

    <a class='toggle' href='javascript:void(0)'>

      <span class='zippy'>

        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>

          &#9668;&#160;

        <b:else/>

          &#9658;&#160;

        </b:if>

      </span>

    </a>

  </b:if>

 </b:if>

</b:includable>

          </b:widget>

          <b:widget id='Followers1' locked='false' title='Follow me maybe?' type='Followers'>

            <b:includable id='main'>

  <b:if cond='data:title != &quot;&quot;'>

    <b:if cond='data:codeSnippet != &quot;&quot;'>

      <h2 class='title'><data:title/></h2>

    <b:else/>

      <b:if cond='data:totalFollowerCount != &quot;&quot;'>

        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>

      </b:if>

    </b:if>  

  </b:if>

  <div class='widget-content'>

    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>

      <b:if cond='data:codeSnippet != &quot;&quot;'>

        <div style='margin-right:2px;'>

          <data:codeSnippet/>

        </div>

      <b:else/>

        <b:if cond='data:totalFollowerCount == &quot;&quot;'>

          <span class='item-control following-not-admin'>

            <b><data:failureSnippet/></b>

          </span>

          <span class='item-control blog-admin'>

            <b><data:adminFailureSnippet/></b>

          </span>

        <b:else/>

          <b:if cond='data:followingLinkPresent'>

            <div class='follow-this profile-link item-control following-follow-this'>

              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>

                <data:followThisMessage/>

              </a>

            </div>

            <div class='follow-this profile-link item-control following-stop-following-this'>

              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>

                <data:stopFollowingMessage/>

              </a>

            </div>

          </b:if>

  

          <div class='followers-grid'>

            <b:if cond='data:totalFollowerCount == 0'>

              <div class='profile-link item-control following-follow-this'>

                <data:emptyFollowersMessage/>

              </div>

            </b:if>

            <!--

            Relies on the js written out in navbar.gxp

            -->

            <b:loop values='data:followers' var='follower'>

              <div class='follower'>

                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>

                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>

                </a>

              </div>

            </b:loop>

            <div class='clear'/>

          </div>

  

          <div class='followers-canvas profile-link'>

            <data:followersFooterMessage/>

            <span class='item-control following-not-admin'>

              <a expr:href='data:followersUri'>

                <data:viewAllMessage/>

              </a>

            </span>

            <span class='item-control blog-admin'>

              <a expr:href='data:manageFollowersUri'>

                <data:manageFollowersMessage/>

              </a>

            </span>

          </div>

          </b:if>

      </b:if>

    </div>

    <b:include name='quickedit'/>

  </div>

</b:includable>

          </b:widget>

          <b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>

            <b:includable id='main'>

  <b:if cond='data:title'><h2><data:title/></h2></b:if>

  <div class='widget-content'>

    <!-- Content is going to be visible when data will be fetched from server. -->

    <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>

      <!-- Counter and image will be injected later via AJAX call. -->

      <b:if cond='data:showSparkline'>

        <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>

      </b:if>

      <b:if cond='data:showGraphicalCounter'>

        <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>

      <b:else/>

        <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>

      </b:if>

      <b:include name='quickedit'/>

    </div>

  </div>

</b:includable>

          </b:widget>

        </b:section>

      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->

      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>

      <b:section class='footer' id='footer'>

        <b:widget id='HTML2' locked='false' title='' type='HTML'>

          <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

        </b:widget>

      </b:section>

    </div>

  </div></div> <!-- end outer-wrapper -->

  <b:include data='blog' name='google-analytics'/>

</body>

<a href='#' id='toTop'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn1wgB9faGBCZAmNcjodqzbtipWJywCs-Rds1rVxru3DVcWW7DqCO7bAwRS1qDu42spHrigt1Iog1_BneDBtPOfryPm-g6qFB0CdRoEdbVnxyOMd8-NCehRkghfUIwZs3r8LDOhyphenhyphenRWaVFj/s1600/purplesimpletop.png?t=1292762029' style='border:0;'/></a>

<br /><center> Copyright&#169;  YOUR NAME. Denim Template By <a href="http://faranymboboiboy.blogspot.com">Fara_nym</a> . All right serve.</center>

</html>

ok korang tukar lah apa yang patut tau.bye , assalamualaikum dan have a nice day ~

Labels: Freebies