March 2018 - NORTAQIFA ABD SHAIDI

Thursday, March 15, 2018

Your worst habits
3:47 PM 2 Comments
So, today im gonna tell you about my worst habit(s).. amboi, dalam kurungan ‘S’.. takut-takut tengah menaip tiba-tiba teringat bad habit yang lain pula... 


Assalamualaikum sebagai pembuka cerita.. cewahhh... hahah.

Seperti yang anda semua TAHU, di entri saya sebelum nie ada menceritakan tentang bad habit saya.. benar..? satu-satunya bad habit saya yang saya tahu sekarang nie ialah makan ais battu uollss... saya tidak tau kenapa saya sangat suka makan ais batu.. dan kalau dibagi pilihan sama ada aiskrim dan ais batu...saya pilih ais batu... aduduhhh...

Jadi setakat nie my worst habit yang saya tau is kuat makan ais batu.. emm lain-lain saya rasa saya nie cengeng.. what is cengeng... cengeng tu suka nangis.. sikit-sikit nangis...tengok movie nangis,. Orang nangis ikut nangis... semua pun mau nangis.. dan ini pun saya rasa teruk juga lah.. aduhhh..

sampai sini jak cerita kita kali nie... hahah..tidak boleh lebih-lebih bab bad habit ni.. hahah.
Reading Time:

Monday, March 12, 2018

Your Favourite Quotes..?? - nortaqifa abd shaidi
4:25 PM 2 Comments
Assalamualaikum semua.. so, kita sambung lagi bercerita..bergossip dan berceloteh hari nie.. so, dalam gambar kat bawah nie, hari ini sep;atutnya, saya post pasal favourite quotes saya...
yeah.. Part nie bukan satu jak yang saya minat ..banyak tauuu..... hahah..



1. Practice does not make it perfect, practice make it permanent.
quotes nie betul-betul saya pegang dari dulu... setiap kali saya ikut pertandingan pidato, saya cuma cakap yang practive make it permanent.. buktinya.? Banyak kali pun saya berlatih, saya tidak da;;pat jadi perfect.. Saya berlatih banyak kali apa yang saya dapat cuma latihan saya tu kekal dan Alhamdulillah sampai ke hari pertandingan saya dapat maintain kan cara penyampaian saya malahan saya rasa lebih bersemangat.. Kalau mau jadi perfect tu susah sikit sebab tiada apa yang cukup sempurna... tapi jangan risau uolls... saya masih percaya dengan Practice makes perfect... hahaha..

2. Pelaut unggul tidak datang dari lautan yang tenang...
Ini memang betul, ada pernah nampak seorang pelaut unggul datang dari swimming pool..??? berlatih lawan ombak kat swimming pool kah macam mana.?? hahah.. so.. Adik-adik yang belajar, ingatlah, tiada orang yang berjaya automatik.. semua nya kena haringi cabaran ..bersusah-susah dahulu bersenang-senang kemudian.. Tiadanya orang lahir terus genggang ijazah... ini bukan filem 3 Idiots gaissss... *indahnya pemandangan rumput-rumput jagung*




3. Stars cant Shine without darkness..
Kalau kita tengok logik nya di situ, yesss.. memang sangat-sangat logik... ada orang suka tengok bintang tapi takut kegelapan... Sedar lah, kegelapan tu yang membuat bintang kelihatan bersinar.. kalau kamu tunggu bintang bersinar di siang hari, boleh lah ambil bantal dan sambung bermimpi... Jadi di sini kita dapat kesimpulan yang, cabaran dalam hidup kita merupakan satu fasa yang membuatkan kita lebih bersinar, lebih kuat dan yakin macam bintang... wahh..apa aiii mengarut ni...


4. Betulkan yang biasa, biasakan yang betul.
Ini, ini, ini banyak ni... kita dengar saja, kita boleh tau apa maksud dia kan..??? apa benda yang biasa kita buat, kita cuba perbetulkan.. Kita selalu lewat-lewatkan solat?? Kita betulkan, sebelum azan ambil wudhu', solat tepat pada waktunya... dan bila dah betul cara kita, Kita biasakan pula, jangan lah hangat-hangat tahi ayam... 3 hari jak buat, lepas tu lupa sudah... jangan sahabat!!... Dah betul,cuba biasakan... orait.??


5. Exellence is not being the best.. It is doing your best.!
Ini susah lah mau cari hari ini. Orang pergi exam mau belajar dapat markah tinggi sebab mau kalahkan markah kawan meja sebelah..??? sebab mau bersaing dengan cousin..??? sebab mau bersaing dengan anak jiran.??? No..kita tidak boleh puaskan hati orang.. Kita belajar dan buat bersungguh-sungguh untuk diri kita, untuk banggakan ibu ayah... buat untuk bersaing.. Ingat dapat hadiah kah bersaing dengan anak jiran uolls..??? hahah...


Ok lah.. sampai sini jak..sebab kalau saya list semua quotes, boleh buat novel 1000 muka surat... hahah... next will be...auhhh.. my worst habit...aduhaiii... stay tuned gaisss...
Reading Time:

Saturday, March 10, 2018

20 FAKTA TENTANG DIRI SAYA - nortaqifa abd shaidi
12:53 PM 3 Comments
Assalamualaikum semua... kali nie saya akan post pula pasal fakta-fakta.. Fakta apa tu uolls..?? fakta seram..? fakta movie?? Haaa... Kalau mau tau fakta apa yang saya mau cerita kat uolls-uolls semua, stay tuned.



20 FAKTA TENTANG DIRI SAYA.
1. Saya bukan peminat KPOP... tapi kadang-kadang saya tengok juga drama korea... dan tidak terlalu obses macam yang lain.. saya tengok pun nampak macam cerita biasa saja..tiada yang menarik.. maafkan saya ya kpopers.

2. Saya tidak suka baca novel melayu. Part nie saya memang surrender. Bayangkan, novel KOMSAS saya masa sekolah menengah tu pun saya tidak pernah habis baca. Saya baca nota dan sinopsis saja. Kalau kawan-kawan ada kelapangan, saya minta tolong kawan cerita lah balik apa yang diorang baca.. hahah... Saya ke library selalu pinjam novel English saja.. sebab saya minat cara penceritaan dan cara pencerita bermonolog.. saya dapat rasa macam saya tengah tengok movie pula..

3. Saya main game MINECRAFT. Banyak banyak game yang saya main, game minecraft yang saya tidak boleh move on. Yes saya suka sangat. Main tu kita boleh connect kat server and berlagak jadi heroin. Ehemmm.. kalau jadi heroin.. jumpa zombie kat minecraft pun saya sembunyi bawah tanah dalam kegelapan...

4. Saya ada satu bad habit. Saya ketagih makan ais batu.. boleh katakan setiap hari saya ke kedai belil ais. Habis ais kat rumah, saya pergi beli lagi. Saya rasa tidak lengkap hari saya tanpa ais.. adoiii.. bab ais nie, paksu dengan maksu memang manjakan saya.. asal balik kampung.. diorang sediakan ais banyak-banyak supaya saya happy.. amboi..amboii....

5. Saya seorang pencinta kucing... saya nampak kucing kat mana-mana pun mesti saya pegang.. rasa kesian la pula kat kucing jalanan. Tapi kalau mau bawa balik pun susah sebab kat rumah ada 2 ekor kucing. Dan anda percaya atau tidak.. 7 tahun yang lalu, saya pernah bela p2 ekor kucing serentak... wahhhh.. masa mau panggil dia makan itu yang rasa susah sikit.. cara dia camni.. ambil list nama kucing kesayangan, sebut satu-satu, dan mereka akan datang. Hahaha.. lala, itum, pingu,oren,pitu...dan lain-lain...haahha

Imej yang berkaitan

6. Saya tidak minat tengok movie yang ada unsur LOVE STORY. [kecuali HINDUSTAN- saya minat sangat tengok hindustan terutamanya yang ada SRK] alaaa... malas mau ber-feel sangat.. saya minat tengok Action movie dengan horror movie.. Percaya atau tidak, dalam seminggu saya boleh tengok movie zombie hampir 4 kali. Haha.. Tidak tau kenapa, mungkin sebab banyak scene yang suspen kan.. dan bila orang tu di kejar zombie, saya pun menjerit sebab saya pun rasa macam dikejar zombie... aduhaiii..

7. Saya ada piano di rumah, tapi saya tidak pandai main..?? saya pandai main beberapa lagu saja.. yang lain saya tidak pandai sebab saya tidak pandai tengok knot. apa lah benda yang macam bentuk ice-cream tu, malas lah mau serabut... Tapi dalam hati saya terdetik juga mau belajar balik main nya.. dulu ada orang selalu datang rumah mengajar main piano, tapi saya jak yang tidak tumpukan perhatian.. Sekarang piano nya tidak berbunyi, mau kena repair lagi... ada yang putus....aiihh.. putus harapan ...

8. Saya sangat sangat sangat Fobia dengan Ular. Yes.. ular. Kalau terpaksa pun saya tidak akan pernah sentuh makhluk yang berama ular biarpun dia cuma hiasan semata-mata. Saya sensitif sikit dengan ular. Dulu pernah jadi satu kes. Saya jada baby kat dalam bilik anty saya... tau lah rumah kampung poko kat tepi-tepi banyak.. jadi masa tu lah saya rasa tidak sedap hati. Saya tengok sekeliling rupanya kat tepi, dinding tu ada ibu ular hitam dan 5 ekor anak ular... Allahu Akhbar.. rasa masa tu mau pengsan.. tapi kalau saya pengsan, baby tu macam mana?? saya perlahan-lahan bangun kan adik saya yang tidur dengan baby tu, saya suruh adik saya keluar bilik dan minta dia panggil abg long .. lepas adik saya keluar bilik... saya perlahan-lahan dukung baby yang baru 2 bulan tu dan lari sekuat mungkin. Lepas saya rasa saya, baby dan adik saya selamat. Baru saya nangis sepuas hati... saya lemah nampak ular.. Kalau saya rasa tidak sedap hati, AWAS... memang ada ular sebab benda nie dari kecil saya boleh rasa.

9. Saya tidak pandai berennang.. Part nie susah sikit. Saya suka mandi di pantai dan suka pergi ke tempat yang dalam. Tapi saya tidak pandai berenang langsung.. setakat terapung tu pandai lah.. tapi kalau dah paik sangat saya tenggelam... ni setiap kali pergi mandi-manda dengan family, confirm sediaka pelampung... dah belajar berenang berapa kali, tapi tidak pandai juga..

10. Saya tidak suka ber-make up. Sebab tu lah kalau lah kamu perasan dalam entri sebelum nie, saya tiada simpan pun segala lipstik dengan bedak dalam beg saya.. yes saya rasa rimas sangat kalau pakai make up. Jangan lah berani mau make up kan saya. saya lempang karang padan muka... Dan last sekali, saya tidak pernah pakai contact lens. adik saya pakaikan contact lens, sya teriak sampai nangis... #imaginasi engatasi segalanya. saya boleh pula terbayang yang saya akan buta kalau pakai tu... adoiii..

Ok lah... sampai sini saja post saya hari ini... bubye bubblee...
Reading Time:

Friday, March 9, 2018

Gegaran di Sabah 2018 ??
10:17 PM0 Comments

Assalamualaikum.. sahabat semua.. sebenarnya ini cerita semalam... saya buka whatsapp.. heboh kat group family yang diorang rasakan gegaran...family yang tinggal di KK semua rasa... bergegar sangat...
Ada yang kata gegaran sampai di Kudat dan sesetengah orang rasa gegaran tu..
seriously semalam saya tidak rasa apa-apa. Tapi bila nenek saya di kampung telefon kami.. nenek saya cakap yang botol-botol semuanya berjatuhan dan gegaran yang nenek saya rasa itu sangat kuat... Allahu Akhbar.. padahal rumah nenek saya di Kudat juga...
Apa-apa pun.. saya harap semuanya baik-baik saja...

Entri kali ini saya taip dengan sangat serius.. ada masa kita bergurau dalam cerita.. ada masa kita jadi serius .. #Pray4SABAH.



KOTA KINABALU: Gempa bumi berukuran 5.2 dengan kedalaman 5 kilometer dilaporkan berlaku di Ranau, malam ini.

Jabatan Meteorologi menerusi kenyataan berkata, gegaran berpusat di lokasi 6.1 Utara 116.6 Timur, kira-kira 16 kilometer barat laut Ranau pada jam 9.06 malam tadi.

Difahamkan, gegaran akibat gempa bukan sahaja dirasai di daerah berhampiran seperti Kota Belud dan Tuaran, malah sehingga ke Kota Kinabalu dan Papar, selain Lahad Datu di pantai timur.


Info grafik BERNAMA

Kejadian kali ini adalah gempa bumi paling kuat di Sabah selepas gempa bumi 5.9 pada skala Richter berpusat di Gunung Kinabalu pada 5 Jun 2015 serta beberapa gempa susulan selepas itu.

Gegaran antara 5 hingga 10 saat itu turut menyebabkan penghuni di pangsapuri sekitar bandar raya ini bergegas keluar rumah dan berkumpul di pekarangan bangunan.

Setakat ini, Jabatan Meteorologi berkata, tiada ancaman tsunami akibat gempa bumi berkenaan.

Pendaki terkandas di Laban Rata..




Penduduk berlarian keluar dari rumah.



Barangan di kedai berjatuhan.. begini lah jadi di rumah nenek saya...

Saya pun agak terkejut dengan berita ini..dan ingatkan semua ni cuma Tapi ada family saya yang masa tu berada di pekan Kudat pun merasa gegaran tu.. Allahu Akhbar...                                                                 
CREDIT:BERITA HARIAN
Reading Time:
TutoBies : :Apa itu Scalloped edges ..??
6:15 PM0 Comments


Apa itu scalloped edges.??? Benda nie kalau kita tidak tau nama dia, susah juga lah mau cari tutorial atau freebies dia.. Bukan nya apa, saya cuma mau share apa yang ada dalam blog saya... memandangkan saya free..dan boleh luangan sedikit dua dikit masa, boleh lah mengasah jari menaip...


Nampak kah yang comel macam langsir kat atas blog tu..??? dia lah makhluk yang dinamakan scalloped edge tu... ah.. memang dia lah tu..
so..scalloped edges nie boleh jadi satu benda yang sangat menarik kalau dia besesuaian dengan warna blog kita...

Macam mana kita mau pasang scalloped edges.???

Login > klik Themes dan klik Edit HTML .

Lepas tu kamu tekan pula CTRL+F dan cari code <head>.

Dah jumpa.?? kalau dah jumpa, kamu copy code kat bawah ni pula dan paste kan kat atas code <head> tadi.

<div style=' background-image: url( YOUR URL ); top: -10px;  width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);'/>

Senang kah susah uoolls..?? of coz lah senang kan..?? 
Di bawah nie saya sediakakan sedikit freebies scalloped edges ya uolss.. jangan segan silu mau guna... CTRL+C untuk copy code....


http://static.tumblr.com/mw3v5cd/jVVlog603/0.png

http://static.tumblr.com/mw3v5cd/3tclog60y/01.png

http://static.tumblr.com/mw3v5cd/ooDlog61v/03.png

http://static.tumblr.com/mw3v5cd/HxZlog628/05.png

http://static.tumblr.com/mw3v5cd/J7Ylog62m/06.png

http://static.tumblr.com/mw3v5cd/iDJlog63h/08.png

http://static.tumblr.com/mw3v5cd/mCllog63u/09.png


Ok lah... sampai sini saja.. malam nie saya update freebies scalloped edges ya..kenapa sikit sangat yang kat atas nie..??? hello..ITU KAN CONTOH...hahahah

bubyee bubble..
Reading Time:

Thursday, March 8, 2018

what's in your bag???? Oppss- nortaqifa abd shaidi
9:00 PM 6 Comments

Assalamualaikum..dan hai semua.
nampak tajuk kita hari nie..?? macam pelik kan??. apa kata saya buat kelainan pada post saya kali nie.. So, apa yang ada dalam bag saya...
bab cerita bag-bag nie memang semua perempuan macam nie lah rasa nya.. Cukup saya terangkan saja.. gambar semua tua rasanya tidak payah..kan..??





Yang paling penting mesti ada dalam beg saya ialah of coz lah dompet.. yuhuuuu... ada aiii kesah kalau dompet aiii kosong..?? hahah...yess...saya tidak suka keluarkan dompet dari beg.. kalau saya pakai handbag... dompet mesti ada... kalau saya pakai beg sandang, mesti juga ada dompet tu, kan itu benda penting, IC dan segala adik-beradik kad bank semua dalam dompet. Hahaha 

Lepas tu, saya akan standby satu packet tissue. Yes, tissue...kalau saya jalan turun pekan saja dengan family, saya cuma bawa tissue biasa tu, tapi kalau saya jalan jauh contohnya macam family trip ke kundasang kah,yang memakan masa hampir 4jam lebih duduk dalam kereta, saya bawa lah pocket wet tissue satu packet kah dua packet kah.. Just in case ada siapa-siapa muntah dalam perjalanan.. boleh lah menabur bakti wet tissue tu. Alaaaa.. bukan nya susah.. pergi watson beli jak. Murah pula tu.

Next, dalam beg saya saya ada letak pen spray. Sebab dia kecil saja letak dalam pocket pun senang. Bab nie semua perempuan ada, beza dia cuma ada yang perfume botol besar dan ada yang botol kecil.bukan pen spray perfume jak saya letak.. pen untuk menulis pun ada..hahah.. manalatau tiba-tiba ada benda yang kita mau tulis kan..?? penting lah tu.

Saya standby juga minyak angin kemana-mana sebabnya kalau ada apa-apa kecemasan, saya angkat beg terus lari. Hahah. Jadi semua di dalam beg.Senang, Cepat dan Mudah.

Seterusnya, saya akan bawa Yassin dan penunjuk arah kiblat. Benda nie penting sebab kalau contohnya kita tidur kat hotel yang tiada lekat arah kiblat kat syiling dia tu, kita boleh guna nie. Saya tidak harap sangat lah apps kat telefon nie, sebab kadang-kadang dia tidak support dan kadang tidak tepat.. sorry playstore..
Pasal Yassin tu, dia Yassin yang buku kecil tu saja, saya selit dalam dompet saya.. For no reason..?? mesti lah tidak.. ada sebab saya letak yassiin dalam tu..Biarlah rahsia yang gaissss... nanty cakap lebih viral pula, “blogger Riak”...hahahaha ... gurau saja ya..

Dalam beg saya nie ada kunci.. kunci hati..kunci bilik..kunci laci..kunci mangga mr diy..kunci yang tiada fungsi.. semua ada.. saya tidak tau apa motif dia dalam beg saya, tapi saya mesti bawa kunci tu ke mana-mana.. buat berat beg orang jak lah...pendrive dengan hard disk pun ada uollsss.... boleh buka kedai sudah nie. Hahaha..



Jangan lupa a box of pin dan jarum peniti....jenuuh lah juga mau bawa ke sana-sini. Tapi saya stanndby saja awal-awal. mana tau masa jalan-jalan tiba-tiba pin tercabut,lepas tu terjatuh dan hilang...macam mana..?? haha.. based on a writer’s true experience....


Lepas tu, diary saya mesti ada dalam beg. Bukan lah handbag.. tapi beg sandang saya.. saya pergi holiday, saya balik kampung saya bawa diary... alahaiii.. apalah punya perangai.. hahah.. Wahai pembaca sekalian.. bersyukurlah anda sebab sekarang saya guna handbag kecil saja... yang tidak boleh muat buku.. kalau dulu beg saya kesana sini beg sandang... jadi semua boleh muat..



Ok lah.. sampai di sini saja ceritera cinta kita... hahha.. lepas nie kita cerita bab lain pula...hahahah...
bubbyee bubbleee....
Reading Time:

Wednesday, March 7, 2018

MARCH GIVEAWAY BY PENSELDUABEE
12:23 PM 3 Comments

Assalamualaikum.. dah habis kita bertutorial, kita sambung pula dengan bersegmen.
So, segmen yang saya join kali nie merupakan anjuran daripada Penselduabee.

klik banner untuk join.


So, mari kita tengok syarat-syarat yang diminta oleh blog penselduabee.

1. Follow blog penselduabee, blog tarot the fool & blog ehbelogaku 
2. Add to Circle G+RadhiaRazali  

3. Like FB page penselduabee & Sang Aura 

4. Follow Instagram Radhia87  

5. Follow twitter RadhiaHaafiza  

Syarat yang lain-lain, kamu boleh tengok terus dari blog penselduabee ya...
Oklah..hanya itulah pesanku wahai mambang....
Assalamualaikum...
Reading Time:
Tutorial Header Transparent
11:55 AM1 Comments

Assalamalaikum, hai-hai uolls...
Tiba-tiba kerajinan diri ini datang, so saya akan buat tutorial header transparent.
sebab ada orang tanya saya pasal ni, antaranya ialah cousin-cousin saya dan sahabat . So, kalau mau explain kat diorang sorang-sorang, malas lah mau ulang benda yang sama. Jadi saya ambil keputusan untuk share dan buat tutor header transparent nie.Sebelum saya mulakan tuutorial ini, saya cuma mau bagi tau yang Freebies Washed Denim Template Original Code, saya pindahkan. CLICK >> HERE

Part 1 : Buat Header



First, kamu buka photo editor kamu, contohnya saya, saya suka guna Photoscape,


For photoscape, tekan editor and klik menu .seterusnya klik new photo. 



Masa kat new photo nie, kamu tentukanlah width header yang kamu suka..


Masa untuk meng-edit. 
Part edit-meng-edit nie, ikut suka dan citarasa kamu lah mau buat header yang macam mana. Contohnya, saya, saya buat yang simple macam ni dulu untuk permulaan. Dah dapat bayangan kah macam mana header nie kalau di letak kat blog.?? Hahah


 Part 2: Tukarkan format JPEG kepada PNG


Untuk buatkan header saya nie transparent, saya suka guna PIXLREDITOR. Cara guna dia nie pun senang. Tengok langkah kat bawah nie pula. 


Kita klik open image from computer yang kat atas tu , dan kita cari header yang sudah kita buat tadi. Kita klik benda yang saya klik kat tepi tu, wand tools nama dia. Lepas tu kita double klik kat header kita tadi, dan dia akan jadi auto select all.


Masa dia sudah select all tu, kita tekan right klik dan tekan kat invert selection. masa nie, dia akan select header kita saja, background dia di belakang tu ~~~ dibiarkan begitu sajaaa.Lepas tekan invert slecetion, kita cuma perlu copy and paste.. untuk copy, kita cuma tekan CTRL + C.


Dan untuk paste dia pula, kita kena tekan file, new image, dan jangan lupa tick PNG


Lepas tu kita cuma perlu tekan CTRL+V, dan header anda tadi akan di tampal kat situ.
amacam..??? cantik kah..???


 Dan akhir sekali, klik save. part Save dia nie jangan keliru, dia akan save format JPEG, tapi kita kena tukar dia sendiri ke PNG. so, tengok macam dalam gambar tu ya....

dah siap... Jom kita tengok hasil dia macam mana.... Ok tak..??



OK, Congratulation gaisss... kita siap...mana-mana yang mau buat transparent header tu, bolehlah cuba cara nie.


Reading Time:

Tuesday, March 6, 2018

Basic code- Washed Denim (original code)
9:56 PM 2 Comments
Assalamualaikum... semalam ada orang tanya saya guna template yang macam mana..??
saya guna simle template kah, responsive kah, blogskin kah atau macam mana..??
Sebenarnya saya guna washed denim template.
untuk template saya nie,  memang mula-mula saya guna original code dia... lepas saya dah ada original code for washed denim template, baru saya edit perlaha-lahan... Ingat.. pernalahn-lahan.
Tapi uolls.. for washed denim template nie, seriously, memang senang mau edit, dan kengkorang semua pun tidak payah terlampau menggembleng tenaga dan memerah hhotak mau edit dia nie [sebenarnya susah juga lah, tapi tidak lah sesusah responsive template]

Tengok gambar kat bawah nie.

gambar di atas merupakan wajah sebenar beliau. hahaha



dan ini pula wajahnya bila sudah kena touch-up sedikit... saya ubah background jak dulu.. supaya nampak perbezaan...


dah nampak kan macam mana washed denim berfungsi..?? sejujurnya, memang ramai sudah yang tahu tentang INI.. tapi tidak kurang juga dengan ramai newbie yang tidak tahu.. jadi apakata saya share saja nie... kalau diorang tau, diorang tidak bertanya...

so, this is da CODE.. [ code nie saya ubah sedikit, dah ada backgroud dah, dengn width content tu standard 900px]


<?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>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Washed Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/
/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#efefef" value="#efefef">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#336699">
 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="transparent" value="transparent">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#cccccc" value="#cccccc">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffd595" value="#ffd595">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
 <Variable name="headerFont" description="Page Header Font"
           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right">
*/
body {
background: #ffffff url(http://2.bp.blogspot.com/-I_DrRdK37lY/UW4vX4cGfJI/AAAAAAAADXM/D7r3CX926yM/s1600/2n99408jpg.png) repeat fixed top left;
  margin: 0;
  padding: 0px;
  font: x-small Verdana, Arial;
  text-align: center;
  color: $textColor;
  font-size/* */:/**/small;
  font-size: /**/small;
}
a:link {
  color: $linkColor;
}
a:visited {
  color: $linkColor;
}
a img {
  border-width: 0;
}
#outer-wrapper {
  font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  width: 760px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 1px solid $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
h1.title {
  padding-top: 38px;
  margin: 0 14px .1em;
  line-height: 1.2em;
  font-size: 100%;
}
h1.title a, h1.title a:visited {
  color: $headerTextColor;
  text-decoration: none;
}
#header .description {
  display: block;
  margin: 0 14px;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 50%;
}
                                                     
/* Content
----------------------------------------------- */
.clear {
  clear: both;
}

#content-wrapper {
  width: 900px;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background-color: $mainBgColor;
  border: 1px solid $borderColor;
  border-top: 1px;
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 500px;
  float: $startSide;
  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 */
}
#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 300px;
  float: $endSide;
  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 {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
  margin: 0;
  padding: 0;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}
.post-footer {
  margin: -.25em 0 0;
  color: $textColor;
  font-size: 87%;
}
.post-footer .span {
  margin-$endSide: .3em;
}
.post img, table.tr-caption-container {
  padding: 4px;
  border: 1px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  margin: 1em 20px;
}
.post blockquote p {
  margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
  margin: 1em 0;
  color: $dateHeaderColor;
}
#comments h4 strong {
  font-size: 110%;
}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
  margin: .25em 0 0;
}
#comments-block dd.comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}
.feed-links {
  clear: both;
  line-height: 2.5em;
}
#blog-pager-newer-link {
  float: $startSide;
 }
#blog-pager-older-link {
  float: $endSide;
 }
#blog-pager {
  text-align: center;
 }
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: $sidebarTitleBgColor;
 font-size: 100%;
 color: $sidebarTitleTextColor;
}
                                                     
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: .5em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}
.sidebar {
  color: $textColor;
  line-height:1.3em;
}
.sidebar .widget {
  margin-bottom: 1em;
}
.sidebar .widget-content {
  margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $borderColor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}
                                                     
/* Footer
 ----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: $textColor;
}
#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: $startSide;
}
]]></b:skin>
  </head>
  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' 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;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d2220669006613159562\x26blogName\x3dtest+saja\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://testtrysajabah.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://testtrysajabah.blogspot.com/\x26vt\x3d5493900021992463389&#39;,
              where: document.getElementById(&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:section>
  <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='test saja (Header)' type='Header'>
          <b:widget-settings>
            <b:widget-setting name='displayUrl'/>
            <b:widget-setting name='displayHeight'>0</b:widget-setting>
            <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
            <b:widget-setting name='useImage'>false</b:widget-setting>
            <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
            <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
            <b:widget-setting name='displayWidth'>0</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
        <div id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      <b:else/>
        <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
  <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
    <data:title/>
  </b:tag>
</b:includable>
        </b:widget>
      </b:section>
    </div>
    <div id='content-wrapper'>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
            <b:widget-settings>
              <b:widget-setting name='showDateHeader'>true</b:widget-setting>
              <b:widget-setting name='style.textcolor'>#333333</b:widget-setting>
              <b:widget-setting name='showShareButtons'>true</b:widget-setting>
              <b:widget-setting name='authorLabel'>By</b:widget-setting>
              <b:widget-setting name='showCommentLink'>true</b:widget-setting>
              <b:widget-setting name='style.urlcolor'>#0c0c0c</b:widget-setting>
              <b:widget-setting name='showAuthor'>false</b:widget-setting>
              <b:widget-setting name='style.linkcolor'>#ff93be</b:widget-setting>
              <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
              <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
              <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
              <b:widget-setting name='style.layout'>1x1</b:widget-setting>
              <b:widget-setting name='showLabels'>true</b:widget-setting>
              <b:widget-setting name='showLocation'>true</b:widget-setting>
              <b:widget-setting name='showTimestamp'>true</b:widget-setting>
              <b:widget-setting name='postsPerAd'>3</b:widget-setting>
              <b:widget-setting name='showBacklinks'>false</b:widget-setting>
              <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
              <b:widget-setting name='showInlineAds'>true</b:widget-setting>
              <b:widget-setting name='showReactions'>false</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </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:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>

        <!-- Ad -->
        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

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

  <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
</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='https://resources.blogblog.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
            <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/>:</h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
              &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
              &#160;
          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:elseif cond='data:post.allowComments'/>
          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
        </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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
            <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

  <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
      </b:loop>
    </div>
  </b:if>
</b:includable>
            <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
            <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>

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

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

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

      <div class='mobile-index-comment'>
        <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

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

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

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

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <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:elseif cond='data:post.url and data:blog.url != data:post.url'/>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </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'/>
                      <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'>
                      <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.canonical' 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:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
              </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:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><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='post' var='post'>
  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

    <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 or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>

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

    <!-- 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' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                <a class='g-profile' 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'>
                <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.canonical' 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='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='post-comment-link'>
        <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>
      </span>

       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                      and data:post.showBacklinks'>
           <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
         </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='https://resources.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:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
      </div>

      </div>

      <div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:top.showPostLabels and 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='not data:label.isLast'>,</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 and data:post.location'>
          <data:postLocationLabel/>
          <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
        </b:if>
      </span>
      </div>
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
      </b:if>
    </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='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
            <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        var text = (entry &&
                    ((entry.content && entry.content.$t) ||
                     (entry.summary && entry.summary.$t))) ||
            '';
        if (entry && entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + text + '</span>';
            }
          }
        }
        return text;
      }

      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)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
            <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </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='Followers1' locked='false' title='Followers' type='Followers'>
            <b:widget-settings>
              <b:widget-setting name='borderColorTransparent'>true</b:widget-setting>
              <b:widget-setting name='useTemplateDefaultStyles'>true</b:widget-setting>
              <b:widget-setting name='contentSecondaryTextColor'>#000000</b:widget-setting>
              <b:widget-setting name='contentHeadlineColor'>#000000</b:widget-setting>
              <b:widget-setting name='endcapTextColor'>#333333</b:widget-setting>
              <b:widget-setting name='contentTextColor'>#333333</b:widget-setting>
              <b:widget-setting name='contentSecondaryLinkColor'>#FFFFFF</b:widget-setting>
              <b:widget-setting name='endcapLinkColor'>#000000</b:widget-setting>
              <b:widget-setting name='contentLinkColor'>#000000</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
          <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
            <b:widget-settings>
              <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
              <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
              <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
              <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
              <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
              <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
              <b:widget-setting name='chronological'>false</b:widget-setting>
              <b:widget-setting name='showPosts'>true</b:widget-setting>
              <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
            <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
            <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
  </b:loop>
</b:includable>
            <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
            <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
            <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</b:includable>
          </b:widget>
          <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
            <b:widget-settings>
              <b:widget-setting name='showaboutme'>true</b:widget-setting>
              <b:widget-setting name='showlocation'>false</b:widget-setting>
            </b:widget-settings>
            <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'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link g-profile' 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:messages.myPhoto' 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 g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
          <b:if cond='data:hasgoogleprofile'>
            <br/>
            <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
          </b:if>
        </dt>

        <b:if cond='data:showlocation'>
          <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:widget id='Attribution1' locked='false' title='' type='Attribution'>
            <b:widget-settings>
              <b:widget-setting name='copyright'/>
            </b:widget-settings>
            <b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
          </b:widget>
        </b:section>
      </div>
      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
    </div> <!-- end content-wrapper -->
    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>
  </div></div> <!-- end outer-wrapper -->
  <b:include data='blog' name='google-analytics'/>
</body>
</html>
So, ini code dia ya... dan ini juga lah basic code yang saya guna... dah ada code ini, boleh lah mekap-mekap dia. lepad background, buat header, lepas tu letak widget di sidebar, baru touchup sidebar title ..

OK..???
Bubyeeee...bubbleeee...
by the wayyyy.. lepas nie saya bagi tau cara buat header transparent..orait..


Reading Time: