Hari Pertama Masuk Kerja

Teachers Training Day 1

Assalamualaikum dan Hi,

Apa perasaan kau first masuk kerja ini? Uiishh, oppkoss ler excited. Mesti ada perasaan itu lagi-lagi yang jenis zero macam aku ni.  bukan maksud tak pernah buat kerja langsung meaning buat kerja yang dibayar. Sebelum ini buat kerja babysitter mana ada upah, semuanya dibuat sebab nak mengisi masa lapang plus mak tak bagi kerja part time. Jadi untuk menghilangkan kebosanan kita pun offer lah dekat mak-mak buyung yang ada dekat rumah tuh.. kikii :P

First day masuk harini kami bakal-bakal teacher anak syurga ini diberikan training dan didedahkan dengan semua sistem yang ada dalam tadika ini. Seronok nya walaupun penat dan tepu nak masukkan semua dalam masa satu hari. HAHA, pengsan! Aku ditugaskan untuk mengajar budak 5 tahun. Dah besar sikit ni, pembelajarannya lebih formal sikit, main dikurangkan dan penerapan belajar dalam kelas tuh perlu dilakukan. *Mencabar hokey, sambil terpikir dulu cikgu aku buat apa dekat aku untuk tarik minat aku pergi ambil buku dan buat latihan ek? * ^_^

MasyaAllah Chart

Penting ke Masya Allah chart ini ? Sangat pernting, ianya berfungsi sebagai motivator untuk memastikan anak-anak didikku "behave". Siapa yang tolong teacher, yang berkelakuan baik, rajin dan segala sifat mahmudah akan diberikan rewards bintang dan ditampal dekat dalam bungan dan rama-rama itu. Bila sampai 3 bulan ke, kita bagi hadiah dekat siapa yang paling banyak dapat bintang... 

Day 2 Susun buku untuk anak-anak didik

Fuhh!!! Chaiyorkk!!

Bertungkus lumus

7:30 am - 7pm.. 

Day 3 Susun segala peralatan keperluan dalam bilik darjah,

Alhamdulillah.. Chill + senyum walaupun dtg kerja melambak2..  No wonder , masa diploma dulu, sekali kerja mari, bertimbun2 mari non-stop.. dapat plak yg nak ots..  ALAH BISA TEGAL BIASA Jangan nak mengeluh, masa belajar juga yg seronok.. 

My students, 12 in total .. 

"I'm little Khalifah, 

I"m Khalifah of Allah,

I love to be Khalifah,

Khalifah of Allah " 

#LittleCaliphsBandarSeriAlam #TeacherNurrul

Interview Little Caliphs Bandar Seri Alam

Assalamualaikum dan Hi,

Hari ini merupakan hari indah walaupun sebenarnya sedikit sedih sebab tak dapat jumpa kawan-kawan yang jauh dimata dan jarang jumpa seperti yang telah dicadangkan... No wonder all my plan, cancel.. To meet my beloved friend while i am intend travelling to KL..Alhamdulillah, Happy sangat-sangat, saja cari kerja sementara ada kelapangan dapat result diploma semester 5 dan sekaligus tunggu result penerapan untuk belajar degree,.. Akhirnya, dipanggil interview dari Little Caliphs Bandar Seri Alam, Pasir Gudang Johor ini.. Semoga dapat kerja nie..  Wish me luck!! 

Alhamdulillah, dapat lagi pengalaman interview kali ke 2 bersama Little Caliphs. Semasa interview tadi, lama jugak lah nak tunggu tapi paling aku tak tahan... Ahhaa, tak sangka interview informal macam ini. Panel interviewer seorang yang merupakan tuan pemilik Little Caliphs cawangan tuh.. hihi. Aku apply untuk jawatan apa? Jawatan untuk mengajar as a TEACHER. (Nak jadi cikgu sekolah rendah, menengah macam susah nak cuba, kita cuba apa yang kita minat. apa salahnya kan? )

Apa yang kena tanya masa interview tadi :

1. Tell me about yourself.

2. What your experiences in handling child?

3. Then Panel suruh :

• Read doa Qunut
• Read Al-Fatihah
• Please sing a children song with the movement (Masa ini ingat lagu paing senang, lagu tidur twinkle-twinkle.. Ya Ampun, tak sangka aku mampu bernyanyi sambil buat pergerakan.. sangat-sangat ditebalkan muka aku.. haha

4. Last soalan panel adalahh - Can you start working tomorrow morning ?

Tunggu keputusan sama ada dalam tengahhari atau petang... tunggu punya tunggu sampai 4:30pm dapat panggilan.. Dan aku diterima kerja sebagai Teachers Little Caliphs.. :) Alhamdulillah..

MY FIRST WORKING EXPERIENCE!

Tips Membeli Training Shoes

Sewaktu aku dibangku sekolah dulu, awal-awal masuk dalam arena sport, berlari dan buat fitness hanya dengan berkaki ayam atau membedal kasut sekolah. Lepas itu, mengadu dengan coach, “Sir, Kaki saya sakit sebab training ni”, sambil kaki jalan terencut-encut. Ringkas saja jawapan Coach aku “You need a proper sport/training/jogging shoes”. Lepas kejadian itu, baru aku dapat sepasang training shoes. 

Pentingkah memilih jenis kasut training/aktiviti lasak ? ? Jawapannya adalah Ya!! Proses latihan yang lancar dan selesa memerlukan seseorang itu membuat keputusan yang bijak soal pemilihan pakaian dan kasut latihan. Pakaian sukan yang berkualiti dan diperbuat daripada material yang bersesuaian dapat menjamin sesi latihan yang selesa. Manakala, pemakaian kasut latihan atau training shoes yang terbaik pula dapat mengelakkan anda daripada mendapat sebarang kecederaan. Apakah tips atau ciri-ciri training shoes yang terbaik?

1.      1.       Fungsi atau jenis kasut sukan itu sendiri.

Mengetahui jenis atau fungsi kasut anda sebelum memakainya. Terdapat banyak jenis-jenis kasut sukan antaranya ialah running shoes, cross training, walking shoes etc. contoh perbezaannya :

·         Kasut latihan biasanya lebih berat daripada kasut larian.

·         Kasut latihan mempunyai sokongan yang lebih baik di sisi yang bertentangan dengan kasut berjalan.

·         Kasut latihan mempunyai benang ringan daripada kasut larian.

Kesimpulannya, kasut larian atau running shoes tidak sesuai digunakan semasa anda membuat latihan. Begitu juga sebaliknya. Pastikan anda memakai sepasang kasut latihan atau training shoes jika ingin melalukan sebarang latihan sukan.

2.       2.   Pemilihan tapak kasut

Pastikan tapak kasut anda adalah tebal dan tidak licin. Tapak yang licin amat berbahaya dan meninggikan risiko anda mendapat kecelakaan semasa bersukan.

33.       Ketahui saiz kaki

Anda perlu tahu saiz kaki anda dengan tepat. Jangan membeli kasut latihan yang terlalu kecil atau terlalu besar daripada saiz kaki anda yang sebenarnya. Kasut yang terlalu kecil akan menyebabkan kaki anda melecet dan kasut yang terlalu besar pula akan menyukarkan pergerakkan anda.

24.       Ketahui bentuk kaki

Ketahui bentuk kaki anda. Apakah anda mempunyai tapak kaki yang normal, rata atau tinggi. Cara untuk mengetahui adalah amat mudah. Cara mudah untuk mengetahui bentuk kaki ; Jika anda keluar dari tab mandi atau kolam , lihat jejak yang anda tinggalkan di lantai atau simen. Bentuk jejak anda akan menunjukkan jenis tapak kaki yang anda ada. Bentuk tapak kaki anda mempengaruhi cara anda berjalan atau berlari.

Ciri-ciri utama:

Pronasi adalah kaki akan secara semula jari berputar dan diikuti dengan tumit. Asas ( neutral) pronasi membantu menyerap impak, melegakan tekanan pada lutut dan sendi. Ia adalah sifat neutral , biomekanikal yang cekap kepada pelari.

Overpronasi adalah satu bentuk putaran kaki ke dalam secara semulajadi. Ia disifatkan yang majoriti memberi kesan kepada pelari, memberikan mereka pada risiko sakit lutut dan kecederaan. Overpronasi perlu kestabilan atau kawalan gerakan kasut.

Supinasi (juga dipanggil pronasi-ke bawah) adalah putaran kaki ke luar yang mengakibatkan pengurangan impak yang tidak mencukupi semasa mendarat. Beberapa pelari supinasi, tetapi mereka memerlukan kasut yang banyak kusyen dan fleksibiliti.

15.       Pemilihan kasut mengikut cara anda berjalan atau berlari

Ilustrasi di bawah menunjukkan mekanik kaki kanan seorang pelari :

Berikut adalah beberapa garis panduan umum :

	Pronators	Over pronators	Supinator’s
Foot mechanics	Normal inward roll	Excessive inward roll	Excessive outward roll
Foot shape	Low arch	Flat foot to low arch	Medium to high arch
Shock absorption in stride	Good	Good	Poor
Recommended shoe last	Semi-curved	Straight	Curved
Recommended type of shoe	Stability	Motion Control	Cushioning

 

Okey, aku rasa cukup 5 Tips Memilih Training Shoes ini dulu. Semoga anda semua tidak ragu-ragu dan keliru lagi dalam membuat pilihan terbaik untuk kasut anda. Ingat, Kaki kita nak pakai lama.. Jangan biarkan kesakitan menyukarkan kita untuk bergerak..
Keep Healthy! J

UnOfficially Grad On Time DBST

-Throwback 2012- Abang Aca Konvo
Dulu abang sarankan aku amek bidang Business Study(Transport) masa hari graduasi degree nya... First impression.. biasa sbb minat aku sains.. But, alhamdulillah.. almost 2 year and half aku belajar Diploma In Business Studies (Transport) DBST nie, Aku sudah pun ke penamatnya.. In sha Allah akn ke tahap seterusnya sebaris dengan rakan-rakan yang sedang belajar degree sekarang..Thanks bro Aca for the advise..

Setelah aku mendapat keputusan peperiksaan sem 5 , Alhamdulillah aku sudahpun menamatkan pembelajaranku di peringkat diploma.. Terlalu banyak kenangan pahit dan manis yang aku hadap sepanjang aku di UiTM ini.. berkat kekuatan dan kesabaran yang diberikan Allah, aku berjaya menamatkannya... Terima kasih kpd mak abah, adik-beradik, anak2 buah , pensyarah2 dari sem1 hingga sem5 dan semua yg membantu secara langsung atau tidak langsung.. :)

Aku tak sabar dah nie nak pakai Jubah, Jubah yang dekat atas ini ambil berkat aje dari abang 4tahun yang lalu... >_< hehe,.. Waiting to hold my certificate on DBST !

‪#‎Alhamdulillah‬ ‪#‎GradOnTime‬ ‪#‎SijilDiploma‬ ‪#‎ThankYou

Anak buah 2015

Woooot woott... lamanya ana tidak menulis.. Alhamdulillah masih diberi peluang untuk bernafas di bumi Allah.. Syukur..Terlalu banyak cerita yg ingn aku kongsi di blog keseyangan.. satu per satu akan aku gagahkan utk dikarang...The most beautiful memories for this year are i got four nephew. Muehehe... (Rojak sekali semua dalam 1 post utk ank2 buah.. heee )

Dimulakan dengan baby boy Muhammad Hadif Rayyan pada 22/2/2015 anak buah ke6, kemudian dengan kelahiran si gegurl Nurul Izzati Hanan anak buah ke7...

Dua baby pada awal tahun , dan dua baby lagi pada akhir tahun iaitu baby boy Muhammad Amsyar Hanin pada 18/10/2015 ank buah ke8 dan Ahmad Dzakwan Hamizi pada 3/11/2015...

Yeah, Ateh duk mengira anak buah aja lah sampai lah nanti dpt anak sendiri hahaha >_<.. tak kahwin lagi kan, so kira jangan tak kira.. 

Final Exam Sem 5

Hati penuh dengan kacau bilau bila result yang ditunggu-tunggu setelah berakhirnya peperiksaan lalu 19/10/2015.. Rasa tergugat bila kawan-kawan ada yang dah dapat result dan lepas *Grade On time... Sedangkan aku masih menanti email keputusan exam dengan penuh positif ..+ + + + +
Tidur memang tak aman malam tuh memandangkan email memang tak masuk-masuk lagi, jadi aku putuskan untuk tidur waktu masa tuh dah pukul 3:30pagi... bangun pagi masih lagi tiada khabar, rakan-rakan seperjuanganku pula semua bertanya dan berkongsi khabar berita gembira..
Bagaimana dengan nasib ku ?? -_-

Dalam kecamukan hati yang melanda, dengan mengigil tangan aku mengisi no pelajar dan password dalam sistem student portal UiTM ... Check slip result Exam dan ini yang tertera...

Anak mata aku tika ini hanya memerhatikan pada Gred setiap subjek.. Aku tak kisah walaupun C asalakan tiada gred G didalam keputusan aku.. Alhmadulillah, aku lulus semua subjek dan sama-sama berjaya menamatkan sijil diplomaku dengan keputusan yang memuaskan bagiku..

Senyum... sampai hujung telinga, Aku berjaya menghabiskan masa 2 tahun setengah dengan jayanya.. Moga keputusan penerapan yang akan datang pada 5 februari 2016 menempatkan aku pada course yang sama.. tak berharap tapi dapat lagi suka... 

#GradeOnTime #UiTMDiHatiku

Small Reunion

Sejak kami 5 Amanah berpisah pada tahun  2012 selepas SPM, semua merantau, ada yang ke Matriulasi, ke Kolej, ambil diploma, Asasi etc. Sejak ituh juga kami jarang berjumpa... Yeah, terlalu banyak kenangan bersama mereka walaupun banyak yang pahit dan yang manis... Tetapi suasana sekolah dan ex-classmate itu, sangat rindu....

 Ini gambar waktu Syawal 2012, kami satu kelas buat kali pertamanya beraya bersama-sama.. Ya Allah, susahsangat kami untuk berkumpul bersama  seperti ini, hanya dengan izinNya saja kami dapat berkumpul satu keluarga seperti ini...

Selepas jer dari ini, memang payah sangat2 jumpa mereka event duduk satu kampung, pulak semua jenis suka lepak... lepak jeee dalam rumah.. hahaha.. Lagilah tak ada gaya nak berkumpul bersama-sama...

Alhamdulillah, planning aku yang last minute sgt-sgt nie menjadi, sekali lagi diberikan kesempatan Allah untuk bersua dengan mereka.. Yeah, memang tak semua yang adatika ini, tapi cukup untuk mengubat kerinduan dihati berceloteh bersama mereka...ada beberapa ketui lelaki yang ikut bersama iaitu Firdaues, Zaki, Shafiq Onn, Ibrahim, Shafie Sebal. *ada lah kumbang juga dari tak ada.. >_<*

Dan dapat juga beraya ke rumah cikgu kesayangan kami, Teacher Mai, She is English teacher who is Superb Mom for us. Yes , she is the best teacher ever with a young heart!! Dan ada lagi 2 buah rumah yang kami kunjungi Cikgu Ramnah dan Cikgu Rafiah.. Semoga Allah sentiasa memberikan kesihatan kepada mereka untuk berbakti dan mendidik anak bangsa..amin...

Yeah, nie BF kesayangan Hamba, dan masing2 memang susah sangat nak jumpa seorang di Perak, Puncak Alam dan di Johor. Akhirnya jumpa semula kami setelah 2 tahun berlalu... Syukur dapat jumpa even masa tuh sekejap sgt.. Thanks Makcik Fitriyah sebab belanja kami makan Dominos.. ^_^

Moga kawan-kawan yang belajar di mana saja dan apa jua yang dilakukan,moga dalam RedhaNya... dan semoga kita akan bersua lagi kelak juga dengan izinNya... Nanti ada majlis Kahwin, jangn lupa jemput yer, aku rasa masa tuh aja yang sesuai akan jadi reunion kita.. nak harap buat event reunion, aku rasa ramaiyang gigit jaridan makan hati tunggu keputusan seorangdemi seorang..hahaha

#SyukurSelalu @Syawal1436h

Raya 2015

Yeay, hari ini mood nak menaip macam tinggi sangat.. ini semua nafsu sbb malas nak buka dan baca buku HR lah nie kisahnya... Cuti 2 minggu raya, hari ini baru berkesempatan menaip diblog kesayangan hamba... Apa khabar semua ?? lama dah tak tanya apa khabar kawan alam maya nie.. Harapnya semua sihat2 belaka.. :)

Rasanya tak terlambat lagi untuk Nurrul ucapkan :-

"S E L A M A T   H A R I    R A Y A   1 4 3 6 H "

M A A F   Z A H I R  D A N   B A T I N . . .

Kalau sepanjang pekernalan kita ada yang tak terduga membuat hati terluka...

kita 0-0 yer #SyukurSelalu

Okey, saja nak beraya sambil tenangkan hati yang berkecamuk dengan masalah diri... Terima kasih ombak kerana menenangkan hamba... ^^ Moga Ramadhan dan Syawal kali ini adalah bulan baru untuk buku baru hidup aku yang lebih baik.. >_<

Nie gambar masa odw nak balik kg. Pontian dekat Sg. Bunyi. Ateh dan Mak Utam tumpang sekali naik kereta Papa dan Mama Yyan .... Tema tahun nie bebas.. Tahun ini langsungtak beli baju raya, mood beraya tuh ke laut semuanya...

Hhahaha, rasanya dalam sejarah tahun ini aku pakai baju raya dari Syawal1 hingga Syawal8.. Terbaik lah Nurrul !!! Selalunya, satu hari aja kau pakai then hilang kemana baju kurung kau tuh... tapi tahun nie lain siket mood aku, even mood raya tak ada, tapi mood nak pakai baju kurung tuh ada... Baju kurung pulak semua pinjam mak, adik,kakak... haha Asal muat disarung.. phew -_-

Makin besar duit raya tak dapat dah... law dapat pun aku malu-malu nak amek.. haha.. tapi Sem5 nie paperwork ke Acheh dah lulus, jadi banyak nak kena guna duit.. Jadinya tebalkan aja muka amek wet raya.. hehehe

Salam Syawal !!

Powerbank Pineng

Cuti semester hampir sudah sampai penamatnya.. Aku pun dah rasa memanggil-manggil nak ke kampus, tetiba rindu waktu-waktu busy... gaga.. ~ sumpah ayat nak muntah hijau je... Nak tumbuk-tumbuk aja korunk rasa kan ? ~ lalalala....

Yelah, sometimes kita nak rasa lapang, sometimes kita nak rasa busy dengan kerja-kerja... that's why Allah selalu pesan dekat kita supaya selalu dan sentiasa bersyukur... Ingat 5 perkara sebelum 5 perkara..hee.. Syukur itu perlu dalamkehidupan kita..baru kita akan sentiasa rasa cukup dengan apa yang kita ada... :)

Alhamdulillah, tercapai hajat aku ingin memiliki powerbank dari pineng.. Thanks My Sis Ina sebab belanja I binatang nie.. Lup you lahhh... Ngeh2.. seronoknya ada orang belanja... Thanks sebab capaikan hajat aku nak beli...

Pineng, the latest designn, PN983... Katanya design nie ringan, yer memang ringan berat 260g aja.. (boleh campak-campak jer kalau rasa tak sayang tuh, ringan kan..`hehehe`) Warna design PN983 ada 3 warna saja, Putih, Kuning dan Pink.. Act, nak warna putih, tapi stockist owner yang aku order tak ada... So, pilih warna kuning... Tak apa, yang penting Pb nie dapat Charge my phone yang lusuh tuh.. :)

Nak share apa yang penting untuk verify Powerbank Pineng Original dengan Fake.. Harap membantu.. :)

Lepas nie boleh mimpi nakberjalan ke Acheh, bulan 9 nie.. doakan paperwork I lulus ehh... nak berjalan nie.. Jeles dengan adik-adik aku, time aku cuti tak kemana pun, tapi aku dah nak naik kuliah nak berjalan ke Cameron Highland, main Ice-skating lah apa lah... Errrghhh ! >_<

Seminggu On Going !

Freebies Denim Template : Colorful Life

Template Information :

Color template : Colorful like the tittle
Comment Style : Pop Up Windows

<?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>
    <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
    document.ondragstart = function () { return false; }; </script>
<SCRIPT TYPE='text/javascript'>
<!--
//Disable right click script
//visit http://www.rainbow.arch.scriptmania.com/scripts/
var message="Sorry, right-click has been disabled";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</SCRIPT>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Denim Template Style
Name:     Live A Colorful Life
Designer: NURRUL HAZIEQAH
URL:      http://youismysoul.blogspot.com/
Date:     29 mAY 29015
-->Don't You Dare To Remove This Creadit Section !! <--
-----------------------------------------------
*/
/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#efefef" value="#efefef">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#336699">

<Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" 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="#cccccc">
 <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% Verdana, Arial, 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 {
  background:url(http://i1130.photobucket.com/albums/m530/nhazieqah/Backgroundblog/Whitescratch_zpsa24fc000.gif)fixed;
  margin: 0;
  padding: 0px;
  font: x-small Verdana, Arial;
  text-align: center;
  color: #000;
  font-size/* */:/**/small;
  font-size: /**/small;
}
a:link {
text-decoration: none;
color: #7C63C8;
}
a:visited {
text-decoration: strikeout;
color: #F7819F;
}
a:hover {
-webkit-background-clip: text;color: white;-webkit-text-fill-color: transparent;background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
}
a img {
border-width: 0;
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
transition: all 1.0s linear;
}
a img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}
}
#outer-wrapper {
  font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  background: url(http://i.imgur.com/efqPvSj.png) no-repeat;
  height: 350px;
  text-align:center;
  width: 1021px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 1px solid $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
h1.title {
  padding-top: 38px;
  margin: 0 14px .1em;
  line-height: 1.2em;
  font-size: 100%;
}
h1.title a, h1.title a:visited {
  color: $headerTextColor;
  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: 1040px;
background: url(http://i.imgur.com/v6pQ7KO.png) repeat-y;
background-position: center top;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
}
#main-wrapper {
margin-left: 14px;
width: 640px;
float: left;
background-color: #ffffff;
margin-top: 0px;
margin-left:50px;
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: 14px;
width: 235px;
float: right;
background-color: #ffffff;
margin-top: 0px;
margin-right: 50px;
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-family: 'Pacifico', cursive;
font-size: 11px;
color: #000;
text-transform: sentence case;
text-align:right; margin:0.5em; padding:1px;border-radius:1px; padding:1px}
.date-header:first-letter {
font-family:Wish i were taller; font-size:16px; padding-right:1px; color:#ED4968; line-height:1pt; text-decoration:bold;text-transform: uppercase;margin:1.5em 0 0;   font-weight:normal;
}
}
.post {
  border: 2px outset #FA5882;
  border-top: 3px solid #FA5882;
  border-radius: 10px 10px 0px 0px;
  border-bottom: 3px solid #FA5882;
  border-radius: 0px 0px 10px 10px;
  padding: 10px;
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
  text-align: center;
  font-family: 'Pacifico', cursive;
  font-size: 25px;
  line-height: 6em;
  color: #000;
  padding: 10px;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.1em;
background-image: -webkit-linear-gradient(right, #E3CEF6, #F5A9BC, #F2F5A9, #CEF6D8);
  border-bottom:3px solid #FA5882;
  border-radius: 10px;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
.post-footer {
  padding: 10px;
  text-align:right;
  font-family: 'Pacifico', cursive;
  border-top:3px solid #FA5882;
  border-radius: 10px;
  background-image: -webkit-linear-gradient(right, #E3CEF6, #F5A9BC, #F2F5A9, #CEF6D8);
  margin: -.25em 0 0;
  color: $textColor;
  font-size: 11px;
}
.post-footer .span {
  margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
  padding: 4px;
  border: 1px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
blockquote {
padding: 3px;
background-image: -webkit-linear-gradient(right, #E3CEF6, #F5A9BC, #F2F5A9, #CEF6D8);
border:1px solid #FF0000;border-left:10pt double #FF0000;
padding: 3px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;
}
blockquote:hover {
background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrOTQ-lmKBNsSZId4CgG2_fqp8LKyINRRLQPwfJptCe8RBkS42tfMSJIqN4mnUfXtDqa1uq3pc6GB8moCETH22umJn9HwzPg4TPA7QR25XeW_QNbeQRSnZIpksv8zQoCViJZIMs8tjNspz/s1600/obkp8.png);
-webkit-transition-duration: 2.5s;
opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;
border:1px dashed #000;border-right:10pt double #000;
}
.post blockquote p {
  margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments-block .comment-author{
color:#555;
padding:4px;
margin-top:10px;
line-height: 100%;
background-image: -webkit-linear-gradient(right, #E3CEF6, #F5A9BC, #F2F5A9, #CEF6D8);
text-align: center;
}
#comments h4 {
background:#fff;
background:url("http://i.imgur.com/aemZL.png")  scroll center transparent;
padding:4px;
color:#000;
letter-spacing:2px;
text-align: center;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0; background: #ffffff;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.0em;
}
#comments-block .comment-body p {
padding:15px;
border-radius:10px;
background-image: -webkit-linear-gradient(right, #E3CEF6, #F5A9BC, #F2F5A9, #CEF6D8);
color:#000000;
margin:5px;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.0em;
}
#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/HmAATyk.png);
height: 66px;
background-position: center;
text-align: center;
font: bold 16px century gothic;
line-height: 6em;
text-shadow: 1px 1px 1px grey;
color: #000;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: .5em;
padding-left: 0px;
line-height: 1.5em;
}
.sidebar {
color: #333333;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 10px;
}
.sidebar .widget-content {
border: 2px outset #D0A9F5;
border-top: 0px;
border-bottom: 3px solid #ed4873;
border-radius: 0px 0px 10px 10px;
padding: 10px;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $borderColor;
}
.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: $textColor;
}
#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: $startSide;
}
gadget_header{
margin:10px 0;
padding:1%;
width:100%;
}
::-webkit-scrollbar {
width:15px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#FA5882;
border:1px solid #4E2606;
}
::-webkit-scrollbar-track-piece  {
background-color:#FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#FA5882;
border:1px solid #4E2606;
}
]]></b:skin>
  </head>
  <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='gadget_header'>
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Putih Awan ^^ (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:include name='feedLinks'/>
    <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:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </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>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
      <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>
          &#160;
          <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>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </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'>
<img src='http://dl6.glitter-graphics.net/pub/558/558246apx4o99pxy.gif'/>
                <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'>
      </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'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></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'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></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://i1130.photobucket.com/albums/m530/nhazieqah/Icon/rnp_zps8b0d1a38.gif'/></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://i1130.photobucket.com/albums/m530/nhazieqah/Icon/rbp_zps5275bc59.gif'/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i1130.photobucket.com/albums/m530/nhazieqah/Icon/rhp_zpsa5a2cde3.gif'/></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'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <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'>
      <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' 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' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><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'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></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>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </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:widget id='HTML3' 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 id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='HTML1' locked='false' title='Welcome' 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='Followers1' locked='false' title='Followers' type='Followers'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </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:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
          <b:widget id='BlogArchive1' locked='false' title='Moment Capture' type='BlogArchive'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content' style='overflow:auto; height:300px'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </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='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </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='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
            <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</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'/>
    </div>
  </div></div> <!-- end outer-wrapper -->
  <b:include data='blog' name='google-analytics'/>
    <center><img src='http://i.imgur.com/p5PRXTq.png' width='1021'/></center>
</body>
</html>

Cara nak guna Template ini :
1. Copy semua coding di atas , --> Template -- > Edit Html -- > Paste code *Gantikan semua kod tersebut dengan code yang di copy tadi :")
2. Preview , if doesn't have any error..
3. Save , if there is Warning / Delete Widget , just choose keep Widget

Kalau guna Template ini , bagi tahu Nurrul taw.. ^^