:: Jubah Untuk Ibu ::

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera

KALAU KORANG BACA NI,BACA SAMPAI HABIS! JANGAN TENGOK PANJANG JE DAH TAKNAK BACA :-)..

hiasan semata-mata!


  “Apa nak jadi dengan kau ni Along? Bergaduh! Bergaduh! Bergaduh! Kenapa kau degil sangat ni? Tak boleh ke kau buat sesuatu yang baik, yang tak menyusahkan aku?”, marah ibu. Along hanya membungkam. Tidak menjawab sepatah apapun. “Kau tu dah besar Along. Masuk kali ni dah dua kali kau ulang ambil SPM, tapi kau asyik buat hal di sekolah. Cuba la kau ikut macam Angah dengan Alang tu. Kenapa kau susah sangat nak dengar nasihat orang hah?”, leter ibu lagi.

  Suaranya kali ini sedikit sebak bercampur marah. Along terus membatukan diri. Tiada sepatah kata pun yang keluar dari mulutnya. Seketika dia melihat si ibu berlalu pergi dan kembali semula dengan rotan di tangannya. Kali ini darah Along mula menderau. Dia berdoa dalam hati agar ibu tidak memukulnya lagi seperti selalu. “Sekarang kau cakap, kenapa kau bergaduh tadi? Kenapa kau pukul anak pengetua tu? Cakap Along, cakap!” Jerkah ibu. Along semakin berdebar-debar namun dia tidak dapat berkata-kata. Suaranya bagai tersekat di kerongkong. Malah, dia juga tidak tahu bagaimana hendak menceritakan hal sebenar. Si ibu semakin bengang. “ Jadi betul la kau yang mulakan pergaduhan ye!? Nanti kau, suka sangat cari penyakitkan, sekarang nah, rasakan!” Si ibu merotan Along berkali-kali dan berkali-kali jugaklah

Along menjerit kesakitan. “Sakit bu…sakit….maafkan Along bu, Along janji tak buat lagi….Bu, jangan pukul bu…sakit bu…” Along meraung meminta belas si ibu agar tidak merotannya lagi. “Tau sakit ye, kau bergaduh kat sekolah tak rasa sakit?” Balas ibu lagi. Kali ini semakin kuat pukulan si ibu menyirat tubuh Along yang kurus itu. “Bu…ampunkan Along bu…bukan Along yang mulakan…bukan Along….bu, sakit bu..!!”, rayu Along dengan suara yang tersekat-sekat menahan pedih. Along memaut kaki si ibu.

Berkali-kali dia memohon maaf daripada ibunya namun siratan rotan tetap mengenai tubuhnya. Along hanya mampu berdoa. Dia tidak berdaya lagi menahan tangisnya. Tangis bukan kerana sakitnya dirotan, tapi kerana memikirkan tidak jemukah si ibu merotannya setiap hari. Setelah hatinya puas, si ibu mula berhenti merotan Along. Tangan Along yang masih memaut kakinya itu di tepis kasar. Along menatap mata ibu. Ada manik-manik kaca yang bersinar di kelopak mata si ibu. Along memandang dengan sayu. Hatinya sedih kerana telah membuatkan ibunya menangis lagi kerananya.

Malam itu, Along berjaga sepanjang malam.. Entah mengapa matanya tidak dapat dilelapkan. Dia asyik teringatkan peristiwa dirotan ibu petang tadi. Begitulah yang berlaku apabila ibu marahkannya. Tapi kali ini marah ibu sangat memuncak. Mungkin kerana dia menumbuk anak pengetua sewaktu di sekolah tadi menyebabkan pengetua hilang sabar dan memanggil ibunya ke sekolah untuk membuat aduan kesekian kalinya.

Sewaktu di bilik pengetua, Along sempat menjeling ibu di sebelah.. Namun, dia tidak diberi kesempatan untuk bersuara. Malah, semua kesalahan itu di dilemparkan kepadanya seorang. Si Malik anak pengetua itu bebas seolah-olah sedikit pun tidak bersalah dalam hal ini. Along mengesat sisa-sisa air mata yang masih bertakung di kelopak matanya. Dia berlalu ke meja tulis mencapai minyak sapu lalu disapukan pada bekas luka yang berbirat di tubuhnya dek rotanan ibu tadi. Perlahan-lahan dia menyapu ubat namun masih tetap terasa pedihnya.

Walaupun sudah biasa dirotan, namun tidak seteruk kali ini. Along merebahkan badannya. Dia cuba memejamkan mata namun masih tidak mahu lelap. Seketika wajah ibu menjelma diruang ingatannya. Wajah ibu suatu ketika dahulu sangat mendamaikan pada pandangan matanya. Tetapi, sejak dia gagal dalam SPM, kedamaian itu semakin pudar dan hanya kelihatan biasa dan kebencian di wajah tua itu. Apa yang dibuat serba tidak kena pada mata ibu. Along sedar, dia telah mengecewakan hati ibu dahulu kerana mendapat keputusan yang corot dalam SPM. Tetapi Along tidak pernah ambil hati dengan sikap ibu walau adakalanya kata-kata orang tua itu menyakiti hatinya. Along sayang pada ibu. Dialah satu-satunya ibu yang Along ada walaupun kasih ibu tidak semekar dahulu lagi. Along mahu meminta maaf.

Dia tidak mahu menjadi anak derhaka. Fikirannya terlalu cacamarba, dan perasaannya pula semakin resah gelisah. Akhirnya, dalam kelelahan melayani perasaan, Along terlelap juga. Seminggu selepas peristiwa itu, si ibu masih tidak mahu bercakap dengannya. Jika ditanya, hanya sepatah dijawab ibu. Itupun acuh tidak acuh sahaja. Pulang dari sekolah, Along terus menuju ke dapur. Dia mencangak mencari ibu kalau-kalau orang kesayangannya itu ada di situ. Along tersenyum memandang ibu yang terbongkok-bongkok mengambil sudu di bawah para dan kemudian mencacap makanan yang sedang dimasak itu.

Dia nekad mahu menolong. Mudah-mudahan usahanya kali ini berjaya mengambil hati ibu. Namun, belum sempat dia melangkah ke dapur, adik perempuannya yang baru pulang daripada mengaji terus meluru ke arah ibu. Along terperanjat dan cuba berselindung di sebalik pintu sambil memerhatikan mereka. “ Ibu..ibu masak apa ni? Banyaknya lauk, ibu nak buat kenduri ye!?” Tanya Atih kehairanan. Dia tidak pernah melihat ibunya memasak makanan yang pelbagai jenis seperti itu. Semuanya enak-enak belaka. Si ibu yang lincah menghiris sayur hanya tersenyum melihat keletah anak bongsunya itu. Sementara Along disebalik pintu terus memerhatikan mereka sambil memasang telinganya. “Ibu, Atih nak rasa ayam ni satu boleh?” “ Eh jangan, nanti dulu… Ibu tau Atih lapar, tapi tunggulah Kak Ngah dengan Alang balik dulu. Nanti kita makan sekali. Pergi naik atas mandi dan tukar baju dulu ye!”, si ibu bersuara lembut. 

 Along menarik nafas panjang dan melepaskannya perlahan. ‘anak-anak kesayangan ibu nak balik rupanya…’ bisik hati kecil Along. “Kak Ngah dengan Alang nak balik ke ibu?”, soalnya lagi masih belum berganjak dari dapur. Si ibu mengangguk sambil tersenyum. Di wajahnya jelas menampakkan kebahagiaan. “Oooo patutlah ibu masak lauk banyak-banyak. Mmm bu, tapi Atih pelik la. Kenapa bila Along balik, ibu tak masak macam ni pun?”. Along terkejut mendengar soalan Atih. Namun dia ingin sekali tahu apa jawapan dari ibunya. “Along kan hari-hari balik rumah? Kak Ngah dengan Alang lain, diorang kan duduk asrama, balik pun sebulan sekali ja!”, terang si ibu. “Tapi, ibu tak penah masak lauk macam ni dekat Along pun..”, soal Atih lagi. Dahinya sedikit berkerut dek kehairanan.

 Along mula terasa sebak. Dia mengakui kebenaran kata-kata adiknya itu namun dia tidak mahu ada perasaan dendam atau marah walau secalit pun pada ibu yang sangat disayanginya. “Dah tu, pergi mandi cepat. Kejap lagi kita pergi ambil Kak Ngah dengan Alang dekat stesen bas.” , arah ibu. Dia tidak mahu Atih mengganggu kerja-kerjanya di dapur dengan menyoal yang bukan-bukan. Malah ibu juga tidak senang jika Atih terus bercakap tentang Along. Pada ibu, Along anak yang derhaka yang selalu menyakiti hatinya. Apa yang dikata tidak pernah didengarnya. Selalu pula membuat hal di sekolah mahupun di rumah. Disebabkan itulah ibu semakin hilang perhatian pada Along dek kerana marah dan kecewanya.

Selepas ibu dan Atih keluar, Along juga turut keluar. Dia menuju ke Pusat Bandar sambil jalan-jalan buat menghilangkan tekanannya. Tiba di satu kedai, kakinya tiba-tiba berhenti melangkah. Matanya terpaku pada sepasang jubah putih berbunga ungu yang di lengkapi dengan tudung bermanik. ‘Cantiknya, kalau ibu pakai mesti lawa ni….’ Dia bermonolog  sendiri. Along melangkah masuk ke dalam kedai itu. Sedang dia membelek-belek jubah itu, bahunya tiba-tiba disentuh seseorang. Dia segera menoleh. Rupa-rupanya itu Fariz, sahabatnya. “La…kau ke, apa kau buat kat sini?”, tanya Along ingin tahu sambil bersalaman dengan Fariz. “Aku tolong jaga butik kakak aku. Kau pulak buat apa kat sini?”, soalnya pula. “Aku tak de buat apa-apa, cuma nak tengok-tengok baju ni. Aku ingat nak kasi mak aku!”, jelas Along jujur. “waa…bagus la kau ni Azam. Kalau kau nak beli aku bagi less 50%. Macammana?”

Terlopong mulut Along mendengar tawaran Fariz itu. “Betul ke ni Riz? Nanti marah kakak kau!”, Along meminta kepastian. “Untuk kawan baik aku, kakak aku mesti bagi punya!”, balas Fariz meyakinkannya. “Tapi aku kena beli minggu depan la. Aku tak cukup duit sekarang ni.” Cerita Along agak keseganan. Fariz hanya menepuk mahunya sambil tersenyum. “Kau ambik dulu, lepas tu kau bayar sikit-sikit.” Kata Fariz . Along hanya menggelengkan kepala tanda tidak setuju. Dia tidak mahu berhutang begitu. Jika ibunya tahu, mesti dia dimarahi silap-silap dipukul lagi. “Dekat kau ada berapa ringgit sekarang ni?”, soal Fariz yang benar-benar ingin membantu sahabatnya itu. 

Along menyeluk saku seluarnya dan mengeluarkan dompet berwarna hitam yang semakin lusuh itu. “Tak sampai sepuluh ringgit pun Riz, tak pe lah, aku datang beli minggu depan. Kau jangan jual dulu baju ni tau!”, pesan Along bersungguh-sungguh. Fariz hanya mengangguk senyum.

Hari semakin lewat. Jarum pendek sudah melangkaui nombor tujuh. Setelah tiba, kelihatan Angah dan Alang sudah berada di dalam rumah. Mereka sedang rancak berbual dengan ibu di ruang tamu. Dia menoleh ke arah mereka seketika kemudian menuju ke dapur. Perutnya terasa lapar sekali kerana sejak pulang dari sekolah petang tadi dia belum makan lagi. Penutup makanan diselak. Syukur masih ada sisa lauk-pauk yang ibu masak tadi bersama sepinggan nasi di atas meja. Tanpa berlengah dia terus makan sambil ditemani Si Tomei, kucing kesayangan arwah ayahnya. 

“Baru nak balik waktu ni? Buat hal apa lagi kat luar tu?”, soalan ibu yang bernada sindir itu tiba-tiba membantutkannya daripada menghabiskan sisa makanan di dalam pinggan. “Kenapa tak makan kat luar ja? Tau pulak, bila lapar nak balik rumah!”, leter ibu lagi. Along  hanya diam. Dia terus berusaha mengukir senyum dan membuat muka selamber seperti tidak ada apa-apa yang berlaku. Tiba-tiba Angah dan Alang menghampirinya di meja makan. Mereka berdiri di sisi ibu yang masih memandang ke arahnya seperti tidak berpuas hati. “Along ni teruk tau. Suka buat ibu susah hati. Kerana Along, ibu kena marah dengan pengetua tu.” Marah Angah, adik perempuannya yang sedang belajar di MRSM. Along mendiamkan diri. Diikutkan hati, mahu saja dia menjawab kata-kata adiknya itu tetapi melihat kelibat ibu yang masih di situ, dia mengambil jalan untuk membisu sahaja. 

“Along! Kalau tak suka belajar, berhenti je la. Buat je kerja lain yang berfaedah daripada menghabiskan duit ibu”, sampuk Alang, adik lelakinya yang menuntut di sekolah berasrama penuh. Kali ini kesabarannya benar-benar tercabar. Hatinya semakin terluka melihat sikap mereka semua. Dia tahu, pasti ibu mengadu pada mereka. Along mengangkat mukanya memandang wajah ibu.

Wajah tua si ibu masam mencuka. Along tidak tahan lagi. Dia segera mencuci tangan dan meluru ke biliknya. Perasaannya jadi kacau. Fikirannya bercelaru.. Hatinya pula jadi tidak keruan memikirkan kata-kata mereka. Along sedar, kalau dia menjawab, pasti ibu akan semakin membencinya. Along nekad, esok pagi-pagi, dia akan tinggalkan rumah. Dia akan mencari kerja di Bandar. Kebetulan cuti sekolah selama seminggu bermula esok. 

Seperti yang dinekadkan, pagi itu selesai solat subuh, Along terus bersiap-siap dengan membawa beg sekolah berisi pakaian, Along keluar daripada rumah tanpa ucapan selamat. Dia sekadar menyelitkan nota buat si ibu menyatakan bahawa dia mengikuti program sekolah berkhemah di hutan selama seminggu.Niatnya sekadar mahu mencari ketenangan selama beberapa hari justeru dia terpaksa berbohong agar ibu tidak bimbang dengan tindakannya itu.

Along menunggang motorsikalnya terus ke Pusat Bandar untuk mencari pekerjaan. Nasib menyebelahinya, tengah hari itu, dia diterima bekerja dengan Abang Joe sebagai pembantu di bengkel membaiki motorsikal dengan upah lima belas ringgit sehari, dia sudah rasa bersyukur dan gembira. Gembira kerana tidak lama lagi, dia dapat membeli jubah untuk ibu.

Hari ini hari ke empat Along keluar daripada rumah. Si ibu sedikit gelisah memikirkan apa yang dilakukan Along di luar. Dia juga berasa agak rindu dengan Along. Entah mengapa hati keibuannya agak tersentuh setiap kali terpandang bilik Along. Tetapi kerinduan dan kerisauan itu terubat apabila melihat gurau senda anak-anaknya yang lain.

Seperti selalu, Along bekerja keras membantu Abang Joe di bengkelnya. Sikap Abang Joe yang baik dan kelakar itu sedikit sebanyak mengubat hatinya yang luka. Abang Joe baik. Dia banyak membantu Along antaranya menumpangkan Along di rumahnya dengan percuma. “Azam, kalau aku tanya kau jangan marah k!”, soal Abang Joe tiba-tiba sewaktu mereka menikmati nasi bungkus tengah hari itu. “Macam serius jer bunyinya Abang Joe?” Along kehairanan. “Sebenarnya, kau lari dari rumah kan ?” Along tersedak mendengar soalan itu. Nasi yang disuap ke dalam mulut tersembur keluar. Matanya juga kemerah-merahan menahan sedakan.

Melihat keadaan Along itu, Abang Joe segera menghulurkan air. “Kenapa lari dari rumah? Bergaduh dengan parents?” Tanya Abang Joe lagi cuba menduga. Soalan Abang Joe itu benar-benar membuatkan hati Along sebak. Along mendiamkan diri. Dia terus menyuap nasi ke dalam mulut dan mengunyah perlahan. Dia cuba menundukkan mukanya cuba menahan perasaan sedih. “Azam, kau ada cita-cita tak…ataupun impian ker…?” Abang Joe mengubah topik setelah melihat reaksi Along yang kurang selesa dengan soalannya tadi. “ Ada ” jawab Along pendek.

 “Kau nak jadi apa besar nanti? Jurutera? Doktor? Cikgu? Pemain bola? Mekanik macam aku…atau….” Along menggeleng-gelengka n kepala. “semua tak…Cuma satu je, saya nak mati dalam pangkuan ibu saya.” Jawab Along disusuli ketawanya. Abang Joe melemparkan tulang ayam ke arah Along yang tidak serius menjawab soalannya itu. “ Ala , gurau ja la Abang Joe. Sebenarnya….saya nak bawa ibu saya ke Mekah dan…saya….saya nak jadi anak yang soleh!”. Perlahan sahaja suaranya namun masih jelas didengari telinga Abang Joe. Abang Joe tersenyum mendengar jawapannya.

Dia bersyukur di dalam hati kerana mengenali seorang anak yang begitu baik. Dia sendiri sudah bertahun-tahun membuka bengkel itu namun belum pernah ada cita-cita mahu menghantar ibu ke Mekah. Setelah tamat waktu rehat, mereka menyambung kerja masing-masing. Tidak seperti selalu, petang itu Along kelihatan banyak berfikir. Mungkin terkesan dengan soalan Abang Joe sewaktu makan tadi. “Abang

Joe, hari ni, saya nak balik rumah …terima kasih banyak kerana jaga saya beberapa hari ni”, ucap Along sewaktu selesai menutup pintu bengkel. Abang Joe yang sedang mencuci tangannya hanya mengangguk. Hatinya gembira kerana akhirnya anak muda itu mahu pulang ke pangkuan keluarga. Sebelum berlalu, Along memeluk lelaki bertubuh sasa itu. Ini menyebabkan Abang Joe terasa agak sebak. “Abang Joe, jaga diri baik-baik. Barang-barang yang saya tinggal kat rumah Abang Joe tu, saya hadiahkan untuk Abang Joe.” Kata Along lagi. “Tapi, kau kan boleh datang bila-bila yang kau suka ke rumah aku!?”, soal Abang Joe.

Dia risau kalau-kalau Along menyalah anggap tentang soalannya tadi. Along hanya senyum memandangnya. “Tak apa, saya bagi kat Abang Joe. Abang Joe, terima kasih banyak ye! Saya rasa tak mampu nak balas budi baik abang. Tapi, saya doakan perniagaan abang ni semakin maju.” Balasnya dengan tenang. Sekali lagi Abang Joe memeluknya bagai seorang abang memeluk adiknya yang akan pergi jauh.

Berbekalkan upahnya, Along segera menuju ke butik kakak Fariz untuk membeli jubah yang diidamkannya itu. Setibanya di sana , tanpa berlengah dia terus ke tempat di mana baju itu disangkut. “ Hey Azam, mana kau pergi? Hari tu mak kau ada tanya aku pasal kau. Kau lari dari rumah ke?”, soal Fariz setelah menyedari kedatangan sahabatnya itu. Along hanya tersengeh menampakkan giginya. “Zam, mak kau marah kau lagi ke? Kenapa kau tak bagitau hal sebenar pasal kes kau tumbuk si Malik tu?” “Tak pe lah, perkara dah berlalu….lagipun, aku tak nak ibu aku terasa hati kalau dia dengar tentang perkara ni”, terang Along dengan tenang.

 “Kau jadi mangsa. Tengok, kalau kau tak bagitau, mak kau ingat kau yang salah”, kata Fariz lagi. “Tak apa lah Riz, aku tak nak ibu aku sedih. Lagipun aku tak kisah.” “Zam..kau ni…..” “Aku ok, lagipun aku sayang dekat ibu aku. Aku tak nak dia sedih dan ingat kisah lama tu.” Jelas Along memotong kata-kata si sahabat yang masih tidak berpuas hati itu. “Aku nak beli jubah ni Riz. Kau tolong balutkan ek, jangan lupa lekat kad ni sekali, k!”, pinta Along sambil menyerahkan sekeping kad berwarna merah jambu. 

“No problem…tapi, mana kau dapat duit? Kau kerja ke?” , soal Fariz ingin tahu. “Aku kerja kat bengkel Abang Joe. Jadi pembantu dia”, terang Along. “Abang Joe mana ni?” “Yang buka bengkel motor kat Jalan Selasih sebelah kedai makan pakcik kantin kita tu!”, jelas Along dengan panjang lebar. Fariz mengangguk . “Azam, kau nak bagi hadiah ni kat mak kau bila?” “Hari ni la…” balas Along. “Ooo hari lahir ibu kau hari ni ek?” “Bukan, minggu depan…” “Habis?. Kenapa kau tak tunggu minggu depan je?”, soal Fariz lagi.

 “Aku rasa hari ni je yang yang sempat untuk aku bagi hadiah ni. Lagipun, aku harap lepas ni ibu aku tak marah aku lagi.” Jawabnya sambil mengukir senyum. Along keluar daripada kedai. Kelihatan hujan mulai turun. Namun Along tidak sabar menunggu untuk segera menyerahkan hadiah itu untuk ibu. Sambil menunggang, Along membayangkan wajah ibu yang sedang tersenyum menerima hadiahnya itu. Motosikalnya sudah membelok ke Jalan Nuri II.

Tiba di simpang hadapan lorong masuk ke rumahnya, sebuah kereta wira yang cuba mengelak daripada melanggar seekor kucing hilang kawalan dan terus merempuh Along dari depan yang tidak sempat mengelak. Akibat perlanggaran yang kuat itu, Along terpelanting ke tengah jalan dan mengalami hentakan yang kuat di kepala dan belakangnya. Topi keledar yang dipakai mengalami retakan dan tercabut daripada kepalanya, Along membuka matanya perlahan-lahan dan terus mencari hadiah untuk si ibu dan dengan sisa kudrat yang ada, dia cuba mencapai hadiah yang tercampak berhampirannya itu. Dia menggenggam kuat cebisan kain dan kad yang terburai dari kotak itu. Darah semakin membuak-buak keluar dari hidungnya. Kepalanya juga terasa sangat berat, pandangannya berpinar-pinar dan nafasnya semakin tersekat-sekat. Dalam keparahan itu, Along melihat kelibat orang–orang yang sangat dikenalinya sedang berlari ke arahnya. Serta merta tubuhnya terus dirangkul seorang wanita. Dia tahu, wanita itu adalah ibunya. Terasa bahagia sekali apabila dahinya dikucup saat itu. Along gembira. Itu kucupan daripada ibunya. 

Dia juga dapat mendengar suara Angah, Alang dan Atih memanggil-manggil namanya. Namun tiada suara yang keluar dari kerongkongnya saat itu. Along semakin lemah. Namun, dia kuatkan semangat dan cuba menghulurkan jubah dan kad yang masih digenggamannya itu. “Ha..hadiah….untuk… …ibu………” ucapnya sambil berusaha mengukir senyuman. Senyuman terakhir buat ibu yang sangat dicintainya. Si ibu begitu sebak dan sedih. Si anak dipeluknya sambil dicium berkali-kali. Air matanya merembes keluar bagai tidak dapat ditahan lagi. Pandangan Along semakin kelam. Sebelum matanya tertutup rapat, terasa ada air hangat yang menitik ke wajahnya. Akhirnya, Along terkulai dalam pangkuan ibu dan dia pergi untuk selama-lamanya.

Selesai upacara pengebumian, si ibu terus duduk di sisi kubur Along bersama Angah, Alang dan Atih. Dengan lemah, wanita itu mengeluarkan bungkusan yang hampir relai dari beg tangannya. Sekeping kad berwarna merah jambu bertompok darah yang kering dibukanya lalu dibaca. ‘Buat ibu yang sangat dikasihi, ampunkanlah salah silap along selama ini. Andai along melukakan hati ibu, along pinta sejuta kemaafan. Terimalah maaf along bu..Along janji tak kan membuatkan ibu marah lagi. Ibu, Along sayang ibu selama-lamanya. Selamat hari lahir ibu… dan terimalah hadiah ini…..UNTUKMU IBU!

Kad itu dilipat dan dicium. Air mata yang bermanik mula berjurai membasahi pipi. Begitu juga perasaan yang dirasai Angah, Alang dan Atih. Masing-masing berasa pilu dan sedih dengan pemergian seorang abang yang selama ini disisihkan. Sedang melayani perasaan masing-masing, Fariz tiba-tiba muncul. Dia terus mendekati wanita tua itu lalu mencurahkan segala apa yang dipendamnya selama ini. Makcik, ampunkan segala kesalahan Azam. Azam tak bersalah langsung dalam kes pergaduhan tu makcik. Sebenarnya, waktu Azam dan saya sibuk menyiapkan lukisan, Malik datang dekat kami.. Dia sengaja cari pasal dengan Azam dengan menumpahkan warna air dekat lukisan Azam. Lepas tu, dia ejek-ejek Azam. Dia cakap Azam anak pembunuh. Bapa Azam seorang pembunuh dan … dia jugak cakap, ibunya seorang perempuan gila…”cerita Fariz dengan nada sebak. 

Si ibu terkejut mendengarnya. Terbayang di ruang matanya pada ketika dia merotan Along kerana kesalahan menumbuk Malik. “Tapi, kenapa arwah tidak ceritakan pada makcik Fariz?” Soalnya dengan sedu sedan. Sebab…..dia tak mahu makcik sedih dan teringat kembali peristiwa dulu. Dia cakap, dia tak nak makcik jatuh sakit lagi, dia tak nak mengambil semua ketenangan yang makcik ada sekarang…walaupun dia disalahkan, dia terima. Tapi dia tak sanggup tengok makcik dimasukkan ke hospital sakit jiwa semula….” Terang Fariz lagi. Dia berasa puas kerana dapat menyatakan kebenaran bagi pihak sahabatnya itu.

Si ibu terdiam mendengar penjelasan Fariz. Terasa seluruh anggota badannya menjadi Lemah. Berbagai perasaan mencengkam hatinya. Sungguh  hatinya terasa sangat pilu dan terharu dengan pengorbanan si anak yang selama ini dianggap derhaka  

SOURCE|FB

: Pengorbanan Ibu Tiada Ternilai :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera

hiasan semata-mata :-)

  Di sebuah desa ada seorang anak yang masih SMP dan hanya memiliki ibu. Tetapi, anak itu benci sekali dengan ibunya, karena ibunya hanya memiliki mata satu. Anak itu sampai tidak memanggap kalau dia punya ibu. Lalu pada saat sudah bekerja, ia pergi dari desa itu dan bekerja di luar kota.

  Dan anak itu mendapat istri pejabat kaya dan diapun menjadi anak orang kaya! 10 Tahun sudah berlalu. Anak itu sudah mempunyai 2 anak, laki-laki dan perempuan. Lalu ibunya yang dari desa mencari anaknya di kota karena sudah 10 tahun tidak bertemu. Dan akhirnya sang ibu menemukan rumah anaknya. Ibu itupun terkejut karena rumah anaknya sangat besar!!! Lalu pada saat mengetuk pintu rumah itu, cucunya dia membukakan pintunya. Lalu cucunya berkata “PAPAAA, MAMAA ADA ORANG GILAA DATANGG KERUMAAH!!”. Anak ibu itu yang sudah menjadi kaya menemui ibu itu lalu berkata “Maaf Ibu ini siapa ya??” Sang ibu menjawab “nak ini ibu nak, apakah kamu tidak mengingat Ibu??”. Sang istri berkata “Sayang, kamu punya ibu kok bilang-bilang?”. Lalu anaknya ibu itu berkata “Tidak, ibuku sudah lama meninggal. Lagipula ibuku tidak cacat seperti dia!”. Sang anak mengusir ibunya sendiri.

  Beberapa hari kemudian sang anak ingin menemui ibunya untuk sekedar bertemu saja. Lalu dirumah sudah tak ada siapa-siapa. Ia bertanya ke penduduk, lalu penduduk itu menjawab “Ibu kamu 2 hari yang lalu telah meninggal.” Dengan santai sang anak menjawab “Oh, baguslah sudah tak ada pengganggu lagi”, lalu penduduk itu bilang “Sebelum dia meninggal dunia, ibumu meninggalkan surat” penduduk itu memberikan surat itu ke sang anak. Lalu sang anak membaca dan entah kenapa sang anak menangis dan bersujud.

Surat itu berisi: 
Wahai anakku, ibu tahu kalau kamu benci ibu karena ibu hanya memiliki 1 mata. Tapi sesungguhnya, waktu kamu lahir matamu hanya satu. Karena ayahmu kesal ia meninggalkan ibu sendiri. Lalu karena ibu kasihan kepadamu, akhirnya ibu memberikan 1 mata ibu hanya untukmu nak. Ibu tidak bilang ini karena ibu takut kamu bersedih. Tetapi kamu malah membenci ibu. Maafkan ibu nak karena tidak berguna didunia ini.

  Jadi, mari hargai ibu kita sendiri, jangan pernah menyia-nyiakan dan mengecewakan ibu kita semua. Kalau sudah meninggal percuma kita berdo’a sampai jidat berdarah-darah, untuk meminta maaf atau membalas budi beliau, jadi jangan sia-siakan kesempatan ketika beliau masih hidup.

Jika Ibu kita sudah tiada, jangan lupa doakan selalu untuk beliau. 

“SURGA ITU ADA DI TELAPAK KAKI IBU”

p/s : sorry ada indun2 nya dikit. HAHA! :-) 

Freebies : Tiny Love Background

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera

  Hye! :-). kalaau boleh,nak bagi freebies je hari ni. HAHA :-P.Ok Ok. Nah :

goth love tiny hearts graphic
http://images2.layoutsparks.com/1/115672/goth-love-tiny-hearts.gif

hearts love tiny layout graphic
http://images2.layoutsparks.com/1/160432/hearts-love-tiny-layout.png

love hearts tiny picture graphic
http://images2.layoutsparks.com/1/55451/love-hearts-tiny-picture.gif

love tiny pairs pretty picture and wallpaper
http://images2.layoutsparks.com/1/160098/love-tiny-pairs-pretty.jpg

girly love hearts tiny picture and wallpaper
http://images2.layoutsparks.com/1/114260/girly-love-hearts-tiny.jpg

tiny hearts 1 love picture and wallpaper
http://images2.layoutsparks.com/1/78322/tiny-hearts-1-love.jpg

heart love tiny layout picture and wallpaper
http://images2.layoutsparks.com/1/76297/heart-love-tiny-layout.jpg

heart tiny small love picture and wallpaper
http://images2.layoutsparks.com/1/175491/heart-tiny-small-love.jpg

hearts love tiny layout picture and wallpaper
http://images2.layoutsparks.com/1/13594/hearts-love-tiny-layout.jpg

hearts tiny love layout graphic
http://images2.layoutsparks.com/1/75276/hearts-tiny-love-layout.gif

http://2.bp.blogspot.com/-0XZVfG00qkQ/UF8JQmhcz_I/AAAAAAAAGBg/FcPrJwgT1ZE/s1600/TinyLoveBlue.gif
http://2.bp.blogspot.com/-vfgi8GVcLX0/UF8JRVCvGtI/AAAAAAAAGBo/ZWcWA6U_xsU/s1600/TinyLoveGreen.gif

http://1.bp.blogspot.com/-guQHgZUXj_g/UF8JSJDQVbI/AAAAAAAAGBw/0x70rxnlY4M/s1600/TinyLoveOrange.gif

http://3.bp.blogspot.com/-ZWE1oIhbqrk/UF8JStR2k9I/AAAAAAAAGB4/Yzwh6VgQvTM/s1600/TinyLovePink.gif

http://3.bp.blogspot.com/-fC6QeQvH7wQ/UF8JTdTBF2I/AAAAAAAAGCA/yrKJof4jnNY/s1600/TinyLovePurple.gif

Okey. Tu je~ kalau nak, komen. ya. ni bukan hadifah buat. tak payah kredit pon takpe >.<


Freebies : Header Story Of A Teenager #P1

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera

Hye2! harini hadifah nak bagi freebies untuk korang. Lelaki ada,perempuan pon ada. tapi, 3 warna je lah. Lelaki warna lain2, perempuan warna lain2. ^_^.. Doodle hadifah kreditkan ke fizgraphic.com...Okey,kalau nak,KOMEN/KREDIT! hoho~ . Cara2 nya, korang pegi kat gambar tu, klik kanan, open link in new tab,pastu korang save lah! ^_^.. OKey, NAH!







  Sorry ah kalau buruksss. 3 je header nye. Nama nya 'part 0ne' kan? AHAHA! ;-P. Klah. bye! 


Tutorial : Letak Popular Post Bewarna-Warni

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera


  
Kih3.. Actually,dah dua orang dah tanya macm mana nak buat popular post colorfull tu. I je malas buat. HAHA! XD. Okey lah

>> Layout,add a gadget,tekan F3 search POPULAR POST, lepastu

dah siap save template :-)

  Dah? Okey. Tk siap lagi weh! pergi template, tekan F3 search kod 

 ]]></b:skin>
Lepastu copy kod hadifah bagi ni paste ATAS kod yg korang search tadi X)

 /* Rainbow Popular Post by http://hzndi.blogspot.com*/#PopularPosts1 ul li
a:hover{
color:#fff;
text-decoration:none
}
#PopularPosts1 ul li
 a {-webkit-text-size-adjust: auto;
 -webkit-text-stroke-width: 0px;
  color: #000;
 display: block;
 font-family: Century Gothic;
font-size: 13px;
font-style: normal;
font-variant: normal;
 font-weight: normal;
 letter-spacing: normal;
line-height: 18px;
margin: 0px 40px 0px 0px;
 min-height: 30px;
 orphans: 2;
padding: 0px;
text-align: -webkit-auto;
 text-decoration: none !important;
 text-indent: 0px;
text-transform: none;
white-space: normal;
 widows: 2;
 word-spacing: 0px;
}
#PopularPosts1 ul li .item-thumbnail{
float:right;
border:0;
margin-right:10px;
background:transparent;
padding:0;
width:51px;
height:51px
}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
position:absolute;
top:10px;
right:5px;
border-radius:50%;
border:2px solid #ccc
;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}#PopularPosts1 ul li:first-child + li + li:after{content:"3"}#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}#PopularPosts1 ul li:first-child + li:after{content:"2"}#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}#PopularPosts1 ul li:first-child:after{content:"1"}#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
Dan,hasilnya jadi lah macam hadifah tu.. Tak paham tanya.. kod2 tu,sebenanya boleh edit. Tpi,hadifah tak tahu kat mana.. K. bye. Tak faham tanya XD...

Tutorial : Image Hover (Gambar Ke Bawah)

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera



kalau korang masih tak faham,hoverkan image diatas.

  See? ianya ke bawah right? ;). Nak? Nak? Nak? luls! Okey,jom buat. Eh! Kejap2. Hadifah pandai buat untuk layout template sahaja ya? 

1. Temlate --> Edit html --> Proceed --> TICK expand widget templates
2. Tekan F3 search kod 
 a img {
3. Dah? copy kod yang hadifah bagi,then paste DIBAWAH kod yg korang cari tadi

border-width: 0;
}
 img:hover {
margin-top:30px;
margin-left:0px;
-webkit-transition:2s;
}
Kejap2. Jangan paste bawah a img { tu,korang buat cenggini :


  Harap faham. Preview dulu baru save ya? ;). Bye2 :3


Freebies : Denim My Green Life

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ|Salam Sejahtera
  Alhamdulillah,dan,lagi satu template yg dihasilkan oleh @hadifahsabri berjaya :3 .. kikikikikki. HAHA! kauorang rasa,blog ni macam hutan tak? dah banyak kali dah difah cakap pasai ni kat fb and fp. HAHA! Okey,kalau korang nak guna,ikut ya macam ni :

1. Pergi template ---> TICK EXPAND WIDGET TEMPLATES ----> klik kanan,lepastu korang akan jumpa perkataan 'select all'. ---> tekan select all ---> keluar biru semua kan? ---> padam koding semua tu.biar kosong je.

2. Dah siap yg first tadi? korang ambik kod dibawah ini dan paste diruangan yg korang padam semua tadi.
<?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=Sofadi+One' rel='stylesheet' type='text/css'/>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.pageTitle/></title>
        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:     Washed Denim
    Designer: Hadifah Sabri
    URL:      http://hadifahsabri.blogspot.com/
    Date:    23 Oktober 2012
    -----------------------------------------------
 #navbar-iframe {
display: none !important;
}
    /* Variable definitions
       ====================
     <Variable name="bgColor" description="Page Background Color"
               type="color" default="#ffffff" value="#ffffff">
     <Variable name="textColor" description="Text Color"
               type="color" default="#333333" value="#000000">
     <Variable name="linkColor" description="Link Color"
               type="color" default="#336699" value="#336699">
       <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="#ffffff" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="#ffffff" value="transparent">
     <Variable name="borderColor" description="Border Color"
               type="color" default="#ffffff" value="transparent">
     <Variable name="dateHeaderColor" description="Date Header Color"
               type="color" default="#999999" value="#000000">
     <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
               type="color" default="#ffffff" value="#ffffff">
     <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
               type="color" default="#333333" value="#000000">
     <Variable name="bodyFont" description="Text Font"
               type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana">
     <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://2.bp.blogspot.com/-luQXlaIUJTI/TsmTunxvvSI/AAAAAAAAANI/J5XUxC_BsIc/s1600/backgroundgreen.png);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: #000000;
font-size/* */:/**/small;
font-size: /**/small;
letter-spacing:1px;
}
::-moz-selection {
background: #87FF41;
color:#000;
}
::selection {
background: #87FF41;
color:black;
}
a:link {
cursor: crosshair;
text-decoration: none;
color: #5EAA32;
}
a:visited {
cursor: crosshair;
text-decoration: none;
color: #4DD200;
}
a:hover{
text-decoration: none;
color: #000;
}
b {
text-decoration: none;
color: #000;
text-shadow: 0px 0px 1px #28CA00;
}
u {
padding:3px;
text-decoration: underlined;
border-bottom: 3px solid #28CA00;
}
u:hover {
padding:3px;
text-decoration: underlined;
border-bottom: 3px dotted #8DFF70;
color:green;
}
    a img {
      border-width: 0;
    }
    #outer-wrapper {
      font: $bodyFont;
    }
    /* Header
    ----------------------------------------------- */
    #header-wrapper {
      margin:0;
      padding: 0;
      background-color: $headerCornersColor;
      text-align: $startSide;
    }
    #header {
      width: 950px;
      margin: 0 auto;
      background-color: $headerBgColor;
      color: $headerTextColor;
      padding: 0;
      font: $headerFont;
margin-bottom:-40px;
    }
    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%;
    }
     .Header img {
margin-$startSide: auto;
 margin-$endSide: auto;
}                                                          
    /* Content
    ----------------------------------------------- */
     .clear {
clear: both;
}


#content-wrapper {
width: 901px;
margin: 0 auto;
padding:15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 3px solid #329800 ;
border-right:3px solid #329800;
border-left:3px solid #329800;
border-bottom:3px solid #329800;
background:#fff;
}
#main-wrapper {
padding-top:10px;
margin-$startSide: 14px;
width: 615px;
float: left;
background-color: $mainBgColor;
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 */
font-size: 88%;
}
#sidebar-wrapper {
font-size: 88%;
padding-top:10px;
width: 270px;
float: right;
background-color: $mainBgColor;
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 {
text-align: right;
margin: 0;
padding: 0;
font-size: 100%;
font-weight: bold;
color: green;
}
margin: 1.5em 0 0;
font-weight: normal;
color: #0000ff;
font-size: 100%;
}
.post {
font: normal 12px century gothic;
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
margin: 0.30em 0 0;
font: normal 12px century gothic;
background:#78FF60;
border: 5px double #106B00;
font-family:30px Century Gothic;
text-align:center;
border-bottom:5px double #106B00;
border-left:5px double #106B00;
border-right:5px double #106B00;
font-weight:bold;
color: #000;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #000000;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
.post-footer {
color: #333333;
margin: 5px;
padding: 5px;
font-color: #000000;
text-align: center;
background: #E2FFD1;
border:1px solid #B9FFA8;
border-radius: 5px;
}
.post-footer .span {
margin-right: .1em;
}
.post img, table.tr-caption-container {
padding: 4px;
border: 1px solid #ffffff;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
background-color: #CFFFC3;
border-left: 10px solid #33FF00;
border-right: 3px solid #26BC00;
border-bottom: 3px solid #26BC00;
border-top: 3px solid #26BC00;
padding: 8px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
blockquote:hover {
background-image:url(http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif);
background-position:bottom right;
background-repeat:
no-repeat;
}
.post blockquote p {
margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
font-size: 94%;
color: #000;
}
#comments h4 strong {
font-size: 94%;
color: #000;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
padding: 2px;
background-color: #FFDCA6;
border-radius: 15px 15px 0px 0px;
color: #000;
font-weight:bold;
font-size: 86%;
}
#comments-block dd {
-webkit-user-select:text;-moz-user-select:text;
padding: 2px;
background-color: orange;
color: #fff;
font-size: 95%;
font-weight:bold;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 82%;
font-weight:bold;
padding: 2px;
background-color: #FFDCA6;
border-radius: 0px 0px 15px 15px;
color: #fff;
}
#comments-block dd p {
-webkit-user-select:text;-moz-user-select:text;
padding: 2px;
background-color: orange;
color: #fff;
font-weight:bold;
font-size: 95%;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: $startSide;
font-size: 93%;
 }
#blog-pager-older-link {
float: $endSide;
font-size: 93%;
}
#blog-pager {   
text-align: center; 
font-size: 87%;
}
    /* Sidebar Content
    ----------------------------------------------- */
.sidebar h2 {
text-align:center;
background-color: #93FF53;
border-radius: 10px 10px 0px 0px;
border-top: 5px double #225E00 ;
border-left: 5px double #225E00 ;
border-right: 5px double #225E00 ;
font-weight: normal;
color: #000;
font-size: 14px;
text-transform: uppercase;
}
.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: #333333;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}
.sidebar .widget-content {
padding: 5px;
border-left: 5px double #225E00;
border-right: 5px double #225E00;
border-bottom: 5px double #225E00;
}
.sidebar .widget {
margin:1.5em;
}
    /* 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: 2px;
      font-size: 85%;
      line-height: 1.5em;
      text-align: $startSide;}
/* Rainbow Popular Post by http://hzndi.blogspot.com*/#PopularPosts1 ul li 
a:hover{
color:#fff;
text-decoration:none
}
#PopularPosts1 ul li
 a {-webkit-text-size-adjust: auto;
 -webkit-text-stroke-width: 0px;
  color: #000;
 display: block;
 font-family: Century Gothic; 
font-size: 13px; 
font-style: normal; 
font-variant: normal;
 font-weight: normal;
 letter-spacing: normal; 
line-height: 18px; 
margin: 0px 40px 0px 0px;
 min-height: 30px;
 orphans: 2; 
padding: 0px; 
text-align: -webkit-auto;
 text-decoration: none !important;
 text-indent: 0px; 
text-transform: none; 
white-space: normal;
 widows: 2;
 word-spacing: 0px;
}
#PopularPosts1 ul li .item-thumbnail{
float:right;
border:0;
margin-right:10px;
background:transparent;
padding:0;
width:51px;
height:51px
}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
position:absolute;
top:10px;
right:5px;
border-radius:50%;
border:2px solid #ccc
;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}#PopularPosts1 ul li:first-child + li + li:after{content:"3"}#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}#PopularPosts1 ul li:first-child + li:after{content:"2"}#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}#PopularPosts1 ul li:first-child:after{content:"1"}#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
    ]]></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='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='blogskin (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='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:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</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'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//www.blogger.com/navbar.g?targetBlogID\0755934622308104876640\46blogName\75blogskin\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://colourfull-blog.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://colourfull-blog.blogspot.com/\46vt\0757881786318783808200&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
</b:widget>
<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 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='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'><data:newerPageTitle/></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'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></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='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='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='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='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='post' var='post'>
  <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>

    <b:if cond='data:blog.metaDescription == &quot;&quot;'>
      <!-- Then use the post body as the schema.org description,
          for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
        <data:post.body/>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
    <b:else/>
      <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>

    <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='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </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>

       <!-- backlinks -->
       <span class='post-backlinks 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.showBacklinks'>
               <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></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>

      <!-- share buttons -->
      <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='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <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: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='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='threaded_comments' var='post'>
  <div class='comments' id='comments' style='overflow:auto; width:ancho; height:500px;'> 
    <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: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='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'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>

          <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
                      <meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
                      <meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
                      <span itemprop='name'><data:post.author/></span>
                    </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'>
                    <meta expr:content='data:post.url' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.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:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </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='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:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </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='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='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='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='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='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'/>

    <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='comments' var='post'>
  <div class='comments' id='comments' style='overflow:auto; width:ancho; height:500px;'> 
    <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 class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=5851315402131124861&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply?]</a></span>
              </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:widget>
</b:section>
          </div>
          <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Testing' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
        </dt>

        <b:if cond='data:showlocation == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </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='HTML4' 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 -->
<center>All Right Reserved To Me.Template Designed by <a href='http://hadifahsabri.blogspot.com/'><b>Hadifah Sabri</b></a></center>
    </body>
    </html>
3. Bila korang dah paste,PREVIEW dulu,baru SAVE.

4. Bila korang tanya,dia ada tanya bla3 tu kan? kauorang tekan je 'delete'..

5. Lepastu nikmatilah blog hutan tu.. KIH3 :B.

TERLUPA! kauorang nak header kan? ahaha. lupa nak bagi. tekan gambar untuk saiz sebenar. :3



ATTENTION! KALAU ADA MASALAH PADA TEMPLATE TU,TOLONGLAH BAGITAHU HADIFAH AWAL2! OKEY? :3. TQ. LAGI SATU! JANGAN PADAM KREDIT! KALAU TAK,SIAP LAH KAUORANG!