Tulisan terbalik

Tulisan Asli:

Tulisan Terbalik:

SEKTE SESAT AJA PAKAI DALIL. KITA?

_______
📜 SEMUA PUNYA DALIL
📝 (Ditulis oleh Ustadz Dr. Syafiq Riza Basalamah, M.A.)

Tidak ada satu sekte sesatpun di muka bumi ini ... yang menisbatkan dirinya kpd islam ... kecuali mereka memiliki dalil ...

Tidak ada satu bid’ah ... dari bid’ah yang dilakukan ... melainkan pelakunya mempunyai dalil ... dari dhahir ~ dhahir ayat Al Qur’an atau sunnah Nabi shallallahu ‘alaihi wasallam ...

Tatkala SYI’AH ...
mengajak kpd imamnya yg dua belas ...
mengkafirkan para shahabat Nabi & istri-istri Rasulullah shallallahu ‘alaihi wasallam menghalalkan mut’ah ...
merekapun mempersembahkan dalil ~ dalil kpd ummat ...

Tatkala AHMADIYAH ...
menyatakan bahwa Mirza Ghulam Ahmad adalah Nabi setelah Muhammad shallallahu ‘alaihi wasallam ... maka merekapun mendatangkan dalil ~ dalilnya ....

Tatkala LIBERAL ...
menyatakan Al Qur’an perlu direvisi ... Al Qur’an yang ada sudah tidak sesuai dengan masa kini ...

HOMOSEKS diperbolehkan ... PORNOAKSI & PORNOGRAFI halal ... maka merekapun tidak asal omong ...
mereka mendatangkan dalil-dalilnya dari Al Qur’an & sunnah ...
yang menguatkan pemahaman mereka ...

Tatkala sekelompok SHUFI ...
dengan berbagai macam cara ibadah mereka ...
bahkan sampai ada yang menyatakan Allah dapat menyatu dengan mahluknya ...
mereka juga menuliskan dalil ~ dalilnya ...
dalam lembaran~lembaran buku yang banyak ...

Terus apakah dengan mendatangkan dalil-dalil tersebut ... mereka dapat melegalkan ajaran mereka ...?
karena mereka bersandar kepada dalil-dalil dari Al Qur’an & sunnah ??? ...
Kalau seperti itu ...
akan dibawa kemana umat ini ...?
kalau ternyata semuanya memiliki dalil ...

Bahkan ORIENTALIS ...
yang mengatakan islam adalah agama bangsa arab ...
hadits itu bikinan para ulama’ dll ...
mereka pun juga mendatangkan dalil dari Al Qur’an & sunnah ...

Imam Syatibi berkata :
”Oleh karena itu ... tidaklah kamu mendapati salah satu sekte ...
dari sekte-sekte sesat ... atau tidak satu orangpun ... yang menyelisihi pendapatmu ... dalam hukum ~ hukum ... baik itu furu’iah ... atau yang prinsipil ... yang tidak mampu untuk berdalil atas kebenaran mazhabnya ... dengan dhohir ~ dhohir dalil…

Bahkan kami mendapati orang ~ orang FASIK yang berdalil ...
dalam perkara ~ perkara kefasikan ...
dengan dalil ~ dalil yang ia sandarkan ...
kepada syariat yang suci ...

Bahkan orang ~ orang NASHRANI ...
menguatkan ajaran mereka ...
dengan Al Qur’an ...

Oleh karena itu ...
selazimnya bagi yang mengkaji suatu dalil syar’i ...
untuk memperhatikan pemahaman orang2 ini:
1) Para sahabat
2) Pengamalan mereka dengan dalil itu ... karena itu lebih layak untuk menepati kebenaran ... & lebih lurus dalam berilmu ... & beramal”. (Al Muwafaqat 3 / 288 ~ 289).

Rasulullah shallallahu’alaihi wasallam telah memberikan solusi ...
tapi kadang berat hati ini ... utk mengikutinya ...
karena sebagian hidup di lingkungan yang sudah turun~temurun meyakini hal itu ..
atau karena termakan tulisan2 ... yang tidak dapat dipertanggung-jawabkan ...
di samping ilmu agama yang minim...

Apa solusi untuk itu …???

فَإِنَّهُ مَنْ يَعِشْ مِنْكُمْ فَسَيَرَى اخْتِلَافًا كَثِيرًا فَعَلَيْكُمْ بِسُنَّتِي وَسُنَّةِ الْخُلَفَاءِ الرَّاشِدِيْنَ الْمَهْدِيِّيْنَ تَمَسَّكُوا بِهَا وَعَضُّوا عَلَيْهَا بِالنَّوَاجِذِ
“Maka sungguh, siapa yang hidup di antara kalian akan menyaksikan perselisihan yg banyak, maka WAJIB kalian mengikuti sunnahku & sunnah Al Khulafa yg mendapat bimbingan petunjuk (para sahabat nabi) pegang eratlah sunnah itu & gigitlah dengan geraham-geraham kalian.”
(HR. Abu Dawud no. 4607 & At ~ Tirmidzi no. 2676).

Maka demi kejayaan islam ...
Demi persaudaraan islam ...
Saatnya kita kembali kepada SUNNAH ...
Dalam urusan agama ...
cukuplah kita mengamalkan ... apa yang mereka (Para Sahabat) amalkan ...
Yang tidak ... ya tidak perlu dibahas ... tidak perlu dibikin ruwet ...
Kita terus meniti jalan mereka ... sampai kita berjumpa dengan Allah ...
Insya Allah ...
kita akan dihimpun ...
bersama Rasulullah shallallahu ‘alaihi wasallam & para Sahabatnya ...

آمِيْنَ يَا رَبَّ الْعَالَمِيْنَ
●┈»̶•̵̌✽ஜ۩۞۩ஜ✽•̵̌«̶┈●
📮Join Channel @MuliaDenganSunnah di Telegram : https://goo.gl/X2h0P7
FB : https://www.facebook.com/mulia.dengan.sunnah
📚 WA MULIA DENGAN SUNNAH
081381173870 Admin

Sumber (diedit dikit):
https://www.facebook.com/mulia.dengan.sunnah/posts/542911155890905

Ceramah Singkat | Faktor Penentu Dikabulkannya Doa

🌍 BimbinganIslam.com
Sabtu, 18 Jumadal Ūlā 1437 H / 27 Februari 2016 M
📝 Materi Tematik
👤 Ustadz Nuzul Dzikri, Lc
🔊 Ceramah Singkat | Faktor Penentu Dikabulkannya Doa
⬇️ Download audio:  https://goo.gl/IdEhbr

Sumber:
https://yufid.tv/14428-renungan-islam-faktor-penentu-dikabulkannya-doa-ustadz-nuzul-dzikri-lc.html
➖➖➖➖➖➖➖

Renungan Islam Faktor Penentu Di Kabulkan Doa

السلام عليكم ورحمة اللّه وبركاته
الحمد لله، والصلاة والسلام على رسول الله، و على آله و اصحابه ومن وله ، و بعد

Saudaraku yang dirahmati oleh Allāh Subhānahu wa Ta'āla

Ada sebuah kaidah yang disebutkan sebagian para ulama ketika mereka berbicara tentang doa mereka mengatakan

الإجابة على قدر استجابة

"Pengabulan itu tergantung penyambutan."

Apa maknanya ?

Maknanya adalah salah satu faktor yang menentukan Allāh mengabulkan permintaan-permintaan kita yang kita panjatkan saat kita berdoa adalah bagaimana kita menyambut seruan Allāh Subhānahu wa Ta'āla baik itu berupa perintah atau itu berupa larangan.

Masih segar dalam ingatan kita Allāh berfirman dalam surat Al Baqarah ayat 186 :

وَإِذَا سَأَلَكَ عِبَادِي عَنِّي فَإِنِّي قَرِيبٌ ۖ أُجِيبُ دَعْوَةَ الدَّاعِ إِذَا دَعَانِ ۖ

"Dan jika hambaku bertanya tentang diriKu, katakanlah Aku dekat, Aku mengabulkan doa yang dipanjatkan oleh hambaKu ketika ia berdoa."

Saudaraku yang dirahmati oleh Allāh Subhānahu wa Ta'āla.

Dalam ayat ini Allāh menegaskan bahwa Allāh akan mengabulkan doa-doa kita.

أُجِيبُ دَعْوَةَ الدَّاعِ إِذَا دَعَانِ

Aku akan mengabulkan doa yang ia panjatkan, ketika ia meminta rezeki Allāh akan kabulkan, ketika ia meminta keturunan Allāh akan kabulkan, ketika ia meminta surga Allāh akan kabulkan.

أُجِيبُ دَعْوَةَ الدَّاعِ إِذَا دَعَانِ

Namun pertanyaannya apakah ayat itu berhenti sampai sini saja? Jawabannya,  Tidak!

Ayat itu belum selesai, ayat itu ada kelanjutan nya :

فَلْيَسْتَجِيبُوا لِي وَلْيُؤْمِنُوا بِي لَعَلَّهُمْ يَرْشُدُونَ

"Maka sambutlah seruanKu dan berimanlah kepada diriKu, agar mereka mendapatkan petunjuk."

Penggalan kedua ini yang dilupakan oleh banyak umat islam, mereka hanya mengandalkan penggalan pertama.

وَإِذَا سَأَلَكَ عِبَادِي عَنِّي فَإِنِّي قَرِيبٌ ۖ أُجِيبُ دَعْوَةَ الدَّاعِ إِذَا دَعَانِ

Jika hambaku bertanya tentang diriku aku dekat dan aku kabulkan permintaan yang mereka panjatkan.

Mereka lupa bahwa ayat ini belum selesai, ada penggalan kedua yang tadi kita bahas.

فَلْيَسْتَجِيبُوا لِي وَلْيُؤْمِنُوا بِي لَعَلَّهُمْ يَرْشُدُونَ

Sambutlah seruanku, kalau anda ingin doa anda dikabulkan sambutlah seruan Allāh, kerjakan perintah Allāh.

Ketika Allāh memerintahkan anda shalat, anda shalat !

Ketika Allāh perintahkan anda puasa, anda puasa !

Ketika Allāh perintahkan anda bertauhid, anda bertauhid !

Ketika Allāh perintahkan anda mengikuti sunnah Rasūlullāh shallallāhu 'alayhi wa sallam, anda ikuti sunnah Rasūlullāh shallallāhu 'alayhi wa sallam !

Ketika Allāh Subhānahu wa Ta'āla memerintahkan anda berhijab dan berjilbab, anda berhijab dan berjilbab !

Ketika Allāh Subhānahu wa Ta'āla memerintahkan anda birrul walidain, anda birrul walidain !

Ketika Allāh Subhānahu wa Ta'āla perintahkan anda untuk taat pada suami atau berlaku baik kepada istri anda, taat kepada suami atau berbuat baik kepada istri !

فَلْيَسْتَجِيبُوا لِي

Sambutlah seruan Ku !

Ketika Allāh larang kita untuk memakan hal-hal yang haram maka jangan sentuh hal-hal yang haram tersebut !

Ketika Allāh larang kita untuk berzina maka jangan berzina dan dekati zina !

Ketika Allāh larang kita untuk minum khamr jangan meminum wine, jangan meminum minuman keras dan seterusnya !

Jika kita ingin doa kita dikabulkan oleh Allāh Subhānahu wa Ta'āla :

وَلْيُؤْمِنُوا بِي

Lalu secara spesifik Allāh tekankan masalah iman, kalau anda ingin doa anda dikabulkan Allāh maka berimanlah dengan beriman yang benar, iman yang diajarkan Rasūlullāh shallallāhu 'alayhi wa sallam.

Aqidah yang shahihah, yang bersih dari noda-noda syirik, noda-noda kemunafikan, hanya beribadah kepada Allāh Subhānahu wa Ta'āla :

√ Jangan beribadah kepada dunia
√ Jangan beribadah kepada orang shalih yang sudah meninggal dunia
√ Jangan meminta-minta kepada mereka

Saudaraku yang dirahmati oleh Allāh Subhānahu wa Ta'āla

Ini yang perlu kita tekankan bahwa diijabahnya doa kita itu sangat bergantung dengan respon kita terhadap perintah-perintah Allāh dan larangan-larangan Allāh Subhānahu wa Ta'āla.

Dan seberapa tebal iman kita kepada Allāh Wa Jalla Wa'ala.
Apabila kita menjalankan perintah Allāh dan menjauhi perintah-perintah Allāh dan beriman kepada Allāh dengan iman yang benar :

أُجِيبُ دَعْوَةَ الدَّاعِ إِذَا دَعَانِ

Aku akan kabulkan doa yang mereka panjatkan.

Dengan demikian,

√ Marilah kita evaluasi sikap kita kepada perintah Allāh
√ Marilah kita evaluasi bagaimana respon kita kepada syariat-syariat Allāh Subhānahu wa Ta'āla

Karena ini sangat menentukan doa kita

Perbaiki sikap kita diluar doa kita maka Allāh akan terima doa-doa kita.

Kullu kuli hal wa astagfirulah walakum

السلام عليكم ورحمة اللّه وبركاته
_________________________________________________________
PENDAFTARAN Grup WhatsApp
BIMBINGAN ISLAM Gelombang 5

⏰  WAKTU PENDAFTARAN
Senin, 6 Jumadil Awal 1437H
/ 15 Februari 2016M
sampai dengan
Ahad, 29 Jumadil Awal 1437H
/ 9 Maret 2016M

🌐  LINK PENDAFTARAN
Pendaftaran dapat dilakukan melalui link:
http://BimbinganIslam.com/PendaftaranAnggota

🔓  PEMBUKAAN GRUP
Ahad, 11 Jumadil Akhir 1437H / 21 Maret 2016M

Halaqah 22 | Keadaan Islam Setelah Meninggalnya Nabi 'Īsā 'alayhissalām dan Munculnya Tanda-tanda Besar Hari Kiamat Yang Lain

🌍 BimbinganIslam.com
Kamis, 16 Jumadal Ūlā 1437 H / 25 Februari 2016 M
👤 Ustadz Abdullāh Roy, MA
📘 Silsilah Beriman Kepada Hari Akhir
🔊 Halaqah 22 | Keadaan Islam Setelah Meninggalnya Nabi 'Īsā 'alayhissalām dan Munculnya Tanda-tanda Besar Hari Kiamat Yang Lain
⬇ Download Audio: https://goo.gl/QRDHPa
~~~~~~~~~~~~~~~

KEADAAN ISLAM SETELAH MENINGGALNYA NABI 'ĪSĀ 'ALAYHISSALĀM DAN MUNCULNYA TANDA-TANDA BESAR HARI KIAMAT YANG LAIN

السلام عليكم ورحمة الله وبركاته
الحمد لله والصلاة والسلام على رسول لله و على آله و صحبه أجمعين

Halaqah yang ke-22 dari Silsilah Beriman Kepada Hari Akhir adalah tentang:

"Keadaan Islam Setelah Meninggalnya Nabi 'Īsā 'alayhissalām dan Munculnya Tanda-Tanda Besar Hari Kiamat Yang Lain."

Setelah jaya di zaman Nabi 'Īsā 'alayhissalām, melemahlah Islam kembali sedikit demi sedikit dan akan diangkat Al Qurān.

Rasūlullāh shallallāhu 'alayhi wa sallam bersabda yang artinya:

"Islam akan hilang sedikit demi sedikit seperti hilangnya lukisan pada pakaian, sehingga tidak diketahui apa itu puasa, shalāt, menyembelih, dan juga shadaqah.

Akan pergi Al Qurān dalam satu malam sehingga tidak tersisa satu ayat pun.
Dan akan ada beberapa kelompok manusia laki-laki tua dan wanita tua mereka mengatakan:

'Kami mendapatkan nenek moyang kami dahulu diatas kalimat "Lā ilāha illallāh".'
Maka kamipun mengatakannya."
(Hadits shahīh riwayat Ibnu Mājah).

"Akan datang masa dimana banyak perzinaan dilakukan secara terang-terangan dipingir jalan." (HR. Muslim)

"Tidak ada Haji ke Baitullāh." (HR. Bukhāri)

Dan,

"Ka'bah akan dihancurkan oleh sebagian orang." (HR. Muslim)

Manusia akan kembali ke zaman jahiliyyah, bahkan lebih parah.
Akan kembali tersebar penyembahan terhadap berhala dan merekalah orang-orang yang akan menyaksikan dahsyatnya hari kiamat.

Rasūlullāh shallallāhu 'alayhi wa sallam bersabda:

لاَ تَقُومُ السَّاعَةُ إِلاَّ عَلَى شِرَارِ الْخَلْقِ هُمْ شَرٌّ مِنْ أَهْلِ الْجَاهِلِيَة

"Tidak akan bangkit hari kiamat kecuali atas orang-orang yang paling jelek yang mereka lebih jelek dari pada orang-orang yang hidup di zaman jahiliyyah".
(HR Muslim)

Urutan tanda-tanda besar Hari Kiamat sampai meningalnya Nabi 'Īsā 'alayhissalām jelas di dalam hadits-hadits yang shahīh.

Demikian pula tanda terakhir yaitu keluarnya api yang menggiring manusia ke mahsyar (tempat pengumpulan).

Adapun 6 tanda yang lain;
⑴ Terbitnya matahari dari barat
⑵ Keluarnya hewan melata dari bumi
⑶ Keluarnya asap.

Tiga khasf, yaitu tenggelamnya sebagian tanah:
⑷ Di barat
⑸ Di timur
⑹ Dan di Jazirah Arab

Maka Allāhu A'lam tentang urutan yang benar bagi 6 tanda ini, hanya Rasūlullāh shallallāhu 'alayhi wa sallam telah mengabarkan bahwasanya:

"Antara terbitnya matahari dari barat dan keluarnya seekor hewan melata dari bumi ini jaraknya sangat dekat. Apabila salah satu dari keduanya muncul maka yang lain akan segera muncul."
(HR Muslim)

Itulah yang bisa kita sampaikan pada halaqah kali ini dan sampai bertemu kembali pada halaqah selanjutnya.

والسلام عليكم ورحمة الله وبركاته

'Abdullāh Roy Di kota Al-Madīnah

Ditranskrip oleh Tim Transkrip BiAS
_________________________

Pengajian Islam | Hidup Sukses Dengan Berprasangka Baik Kepada Allāh (bagian 1 dari 3)

🌍 BimbinganIslam.com
Rabu, 15 Jumadal Ūlā 1437 H / 24 Februari 2016 M
📝 Materi Tematik
👤 Ustadz Firanda Andirja, MA
🔊 Pengajian Islam | Hidup Sukses Dengan Berprasangka Baik Kepada Allāh (bagian 1 dari 3)
⬇ Download Audio: https://goo.gl/p5mv1T

📡 Sumber:
https://yufid.tv/3831-video-khutbah-jumat-kiat-hidup-sukses-dengan-berprasangka-baik-kepada-allah-ust-firanda-andirja-ma.html
〰〰〰〰〰〰〰〰〰

HIDUP SUKSES DENGAN BERPRASANGKA BAIK KEPADA ALLAH (BAGIAN 1 DARI 3)

السلام عليكم ورحمة اللّه وبركاته

الحمد لله على إحسانه والشكر له على توفيقه وامتنانه، وأشهد أن لا إله إلا الله وحده لا شريك له تعظيمًا لشانه، وأشهد أن محمدًا عبده ورسوله الداعي إلى رضوانه اللهم صلى عليه وعلى آله وأصحابه وإخوانه

Sesungguhnya di antara ibadah yang sangat agung yang merupakan ibadah hati adalah berhusnuzhan kepada Allāh Subhānahu wa Ta'ālā.

Berbaik sangka kepada Pencipta kita yang telah memberi rizki kepada kita, yang telah memudahkan segala urusan kepada kita.

Allāh Subhānahu wa Ta'ālā berfirman:

وَأَحْسِنُوا إِنَّ اللَّهَ يُحِبُّ الْمُحْسِنِينَ

"Dan berbuat baiklah, sesungguhnya Allāh Subhānahu wa Ta'ālā mencintai orang-orang yang berbuat baik."

(QS Al Baqarah: 195)

Ibnu Jarir Ath Thabarī rahimahullāh dalam tafsirnya menyebutkan riwayat dari Ikrimah menafsirkan ayat ini:

وَأَحْسِنُوا أي أحسنوا الظن بااله

"Berbuat baiklah, yaitu berprasangkalah baik kepada Allāh Subhānahu wa Ta'ālā."

Nabi shallallāhu 'alayhi wa sallam telah bersabda:

لاَ يَمُوتَنَّ أَحَدُكُمْ إِلَّا وَهُوَ يُحْسِنُ الظَّنَّ بِاللهِ

"Janganlah sampai salah seorang dari kalian meninggal dunia kecuali dalam keadaan berbaik sangka kepada Allāh Subhānahu wa Ta'ālā."

(HR Muslim dari Jabir radhiyallāhu 'anhu)

Dalam hadits qudsi, Allāh Subhānahu wa Ta'ālā berfirman:

أَنَا عِنْدَ ظَنِّ عَبْدِي بِي فَلْيَظُنَّ بِي مَا شَاءَ

"Sesungguhnya Aku tergantung persangkaan hamba-Ku. Oleh karenanya, hamba-Ku. silahkan dia berprasangka dengan apa yang dia mau terhadap diri-Ku,

إِنْ ظَنَّ بِي خَيْرًا فَلَهُ ، وَإِنْ ظَنَّ شَرًّا فَلَهُ ‍

Jika dia berbaik sangka berupa kebaikan maka kebaikan baginya, jika dia berprasangka buruk maka keburukan baginya."

Ikhwan dan akhwat yang dirahmati Allāh Subhānahu wa Ta'ālā,

Sungguh, tatkala seorang hamba senantiasa berprasangka baik kepada Allāh Subhānahu wa Ta'ālā, maka dia telah mendapatkan kebaikan yang sangat besar.

Ibnu Mas'ud radhiyallāhu Ta'ālā 'anhu pernah berkata:

"Tidaklah seorang hamba diberikan kebaikan yang lebih baik daripada berbaik sangka kepada Allāh Subhānahu wa Ta'ālā."

Oleh karenanya, kita seorang muslim hendaknya berbaik sangka kepada Rabb kita, terutama pada kondisi-kondisi berikut ini:

√ KONDISI PERTAMA | Tatkala seorang bertaubat setelah melakukan perbuatan dosa.

Maka hendaknya dia segera bertaubat kepada Allāh Subhānahu wa Ta'ālā dan berbaik sangka kepada Allāh bahwasanya Allāh akan menerima taubatnya.

Allāh Subhānahu wa Ta'ālā:

أَلَمْ يَعْلَمُوا أَنَّ اللَّهَ هُوَ يَقْبَلُ التَّوْبَةَ عَنْ عِبَادِهِ وَيَأْخُذُ الصَّدَقَاتِ وَأَنَّ اللَّهَ هُوَ التَّوَّابُ الرَّحِيمُ

"Tidakkah mereka mengetahui bahwasanya Allāh Subhānahu wa Ta'ālā menerima taubat dari hamba-hamba-Nya dan Allāh Subhānahu wa Ta'ālā menerima shadaqah dan Allāh Subhānahu wa Ta'ālā dialah Maha Penerima Taubat dan Maha Penyayang."

(QS At Taubah: 104)

Ingatlah hadits Nabi shallallāhu 'alayhi wa sallam:

أَذْنَبَ عَبْدٌ ذَنْبًا، فَقَالَ: اَللَّهُمَّ اغْفِرْلِيْ ذَنْبِيْ. فَقَالَ تَبَارَكَ وَتَعَالَى: أَذْنَبَ عَبْدِيْ ذَنْبًا فَعَلِمَ أَنَّ لَهُ رَبًّا يَغْفِرُ الذَّنْبَ وَيَأْخُذُ بِالذَّنْبِ . ثُمَّ عَادَ فَأَذْنَبَ ، فَقَالَ: أيْ رَبِّ اغْفِرْ لِيْ ذَنْبِيْ. فَقَالَ تَبَارَكَ وَتَعَالَى: عَبْدِيْ أَذْنَبَ ذَنْبًا فَعَلِمَ أَنَّ لَهُ رَبًّا يَغْفِرُ الذَّنْبَ وَيَأْخُذُ بِالذَّنْبِ . ثُمَّ عَادَ فَأَذْنَبَ ، فَقَالَ: أيْ رَبِّ اغْفِرْ لِيْ ذَنْبِيْ. فَقَالَ تَبَارَكَ وَتَعَالَى: أَذْنَبَ عَبْدِيْ ذَنْبًا فَعَلِمَ أَنَّ لَهُ رَبًّا يَغْفِرُ الذَّنْبَ وَيَأْخُذُ بِالذَّنْبِ ، اِعْمَلْ مَا شِئْتَ فَقَدْ غَفَرْتُ لَكَ.

"Seorang hamba melakukan dosa kemudian dia berkata, 'Ya Allah, ampunilah dosaku."

Maka Allāh Subhānahu wa Ta'ālā berfirman, "Sesungguhnya hamba-Ku mengaku telah berbuat dosa dan ia mengetahui bahwasanya dia memiliki Tuhan yang mengampuni dosa dan menyiksa karena dosa.'

Kemudian hamba ini melakukan dosa lagi dan ia berdoa, 'Ya Allah, ampunilah dosaku.'

Maka Allāh Subhānahu wa Ta'ālā berfirman, "Sesungguhnya hamba-Ku mengaku telah berbuat dosa dan ia mengetahui bahwasanya dia memiliki Tuhan yang mengampuni dosa dan menyiksa karena dosa.'

Kemudian hamba ini melakukan dosa lagi dan ia berdoa, 'Ya Allah, ampunilah dosaku.'

Maka Allāh Subhānahu wa Ta'ālā berfirman, "Sesungguhnya hamba-Ku mengaku telah berbuat dosa dan ia mengetahui bahwasanya dia memiliki Tuhan yang mengampuni dosa dan menyiksa karena dosa.

"Berbuatlah sekehendakmu, karena aku pasti mengampunimu (jika kamu bertaubat)."

(HR Bukhâri: 7507 dan Muslim: 2758)

• Kata para ulama:

"Selama seorang berdosa, kemudian bertaubat, kemudian berdosa, kemudian bertaubat dan memenuhi persyaratan taubat, maka selama itu pula Allāh akan senantiasa mengampuni dosa-dosanya."

Oleh karenanya, seorang tatkala terjerumus dalam kemaksiatan, jangan dia menunda-nunda taubatnya.

Yakinlah bahwasanya Allāh maha menerima taubatnya.

Seketika dia bertaubat, seketika itu pula Allāh akan mengampuni dosa-dosanya.

Ingatlah sabda Nabi shallallāhu 'alayhi wa sallam:

لله أرحم بعباده من هذه بولدها

"Sesungguhnya Allah Subhānahu wa Ta'āla lebih sayang kepada hamba-hamba-Nya daripada kasih sayang seorang ibu kepada anaknya sendiri."

(HR Bukhari dan Muslim)

√ KONDISI KEDUA | Tatkala kita berdoa kepada Allāh Subhānahu wa Ta'ālā.

Hendaknya kita berdoa dengan kondisi meyakini bahwasanya:

↝ Allāh akan mengabulkan doa-doa kita

Bagaimana tidak?

Allāh Subhānahu wa Ta'ālā telah berfirman dalam Al Qur'an:

وَقَالَ رَبُّكُمُ ادْعُونِي أَسْتَجِبْ لَكُمْ

"Dan Rabbmu telah berkata, 'Berdoalah kepadaKu (mintalah kepada-Ku), niscaya Aku akan kabulkan permintaan kalian'."

(QS Al Mu'min: 60)

Dalam ayat yang lain kata Allāh Subhānahu wa Ta'ālā:

وَإِذَا سَأَلَكَ عِبَادِي عَنِّي فَإِنِّي قَرِيبٌ ۖ أُجِيبُ دَعْوَةَ الدَّاعِ إِذَا دَعَانِ

"Dan jika hamba-hamba-Ku bertanya kepada engkau wahai Muhammad tentang Aku, katakanlah Aku sangat dekat, Aku mengabulkan doa orang yang berdoa kepada-Ku."

(QS Al Baqarah: 186)

Rasululllāh shallallāhu 'alayhi wa sallam bersabda:

ادْعُوا اللَّهَ وَأَنْتُمْ مُوقِنُونَ بِالإِجَابَةِ ، وَاعْلَمُوا أَنَّ اللَّهَ لا يَسْتَجِيبُ دُعَاءً مِنْ قَلْبٍ لاهٍ

"Berdoalah kalian kepada Allāh dalam kondisi yakin bahwasanya Allāh akan mengabulkan doa kalian. Dan ketahuilah bahwasanya Allāh tidak akan mengabulkan doa seorang yang hatinya lalai."

(HR Tirmidzi: 3479)

↝ Allāh tidak akan mengabulkan doa yang tidak berhusnuzhan kepada Allāh, yang tidak yakin dikabulkan, akan tetapi jika seorang berhusnuzhan (berbaik sangka) kepada Allāh dan meyakini bahwasanya Allāh akan mengabulkan doanya, maka Allāh akan mengabulkan doanya.

Bagaimana Allāh tidak mengabulkan permintaan seorang mukmin yang bertaqwa kepada Allāh?  Sedangkan iblis Allāh kabulkan doanya.

قَالَ رَبِّ فَأَنْظِرْنِي إِلَى يَوْمِ يُبْعَثُونَ (٣٦) قَالَ فَإِنَّكَ مِنَ الْمُنْظَرِينَ (٣٧)

"Iblis berkata, 'Ya Allāh, tangguhkanlah kematianku sampai hari kiamat.'
Kata Allāh Subhānahu wa Ta'ālā, 'Kau akan ditangguhkan kematianmu'."

(QS Al Hijr: 36-37)

Bagaimana kita bersu'uzhan (berburuk sangka) kepada Allāh, sementara Allāh Subhānahu wa Ta'ālā mengabulkan doa-doanya orang-orang kafir?

Dalam Al Qur'an Allāh Subhānahu wa Ta'ālā berfirman:

فَإِذَا رَكِبُوا فِي الْفُلْكِ دَعَوُا اللَّهَ مُخْلِصِينَ لَهُ الدِّينَ فَلَمَّا نَجَّاهُمْ إِلَى الْبَرِّ إِذَا هُمْ يُشْرِكُونَ

"Tatkala mereka (kaum musyrikin) berlabuh di lautan dan mereka diterpa dengan ombak yang begitu besar,merekapun berdoa kepada Allāh dengan penuh keikhlasan, Allāh kabulkan, Allāh selamatkan mereka menuju daratan, tatkala Allāh selamatkan mereka menuju daratan, tiba-tiba mereka berbuat kesyirikan kembali."

(QS Al 'Ankabut: 65)

Bagaimana dengan seorang,

√ Yang beriman.
√ Yang bertaqwa.
√ Yang sujud. 
√ Yang merendahkan dirinya karena Allāh Subhānahu wa Ta'ālā?
√ Yang mengalirkan air mata dengan penuh pengharapan, minta kepada Allāh Subhānahu wa Ta'ālā?
√ Yang berdoa di sepertiga malam yang terakhir, tatkala semua orang dalam keadaan tidur.

Bagaimana orang seperti ini tidak akan  dikabulkan doanya oleh Allāh Subhānahu wa Ta'ālā?

Sementara Allāh Subhānahu wa Ta'ālā mencari hamba-hamba-Nya yang berdoa di sepertiga malam yang terakhir.

Allāh berkata:

هَلْ مِنْ سَائِلٍ فَأُعْطِيَهُ هَلْ مِنْ مُسْتَغْفِرٍ فَأَغْفِرَ لَهُ

"Apakah ada di antara hamba-Ku yang beristighfar, Aku akan ampuni dosa-dosanya. Apakah ada diantara hamba-hamba-Ku yang minta, maka Aku akan kabulkan permintaanya."

(HR Ahmad: 9220)
__________________________________________
PENDAFTARAN Grup WhatsApp
BIMBINGAN ISLAM Gelombang 5

⏰  WAKTU PENDAFTARAN
Senin, 6 Jumadil Awal 1437H
/ 15 Februari 2016M
sampai dengan
Ahad, 29 Jumadil Awal 1437H
/ 9 Maret 2016M

🌐  LINK PENDAFTARAN
Pendaftaran dapat dilakukan melalui link:
http://BimbinganIslam.com/PendaftaranAnggota

🔓  PEMBUKAAN GRUP
Ahad, 11 Jumadil Akhir 1437H / 21 Maret 2016M

Bukan melarang beribadah, tapi hanya nasehat agar ibadah sesuai yg diajarkan Rasulullah Salallahu'alaihiwassalam

- "Mau ngamalin baca surah Al Baqarah ketika hamil biar nanti susu ASI-nya banyak kayak sapi, koq gak boleh? Bukankah ngaji itu baik?"

- "Mau ngamalin shalat Sunnah utk memperingati hari Valentine koq gak boleh? bukannya shalat itu baik?"

- "Mau ngamalin Shalawat ciptaan Mendut Band (Metal Dangdut) koq gak boleh? Bukannya Shalawat itu bagus?"

- "Mau bikin aplikasi Tahlilan (Selamatan Kematian) di Android koq gak boleh? Biar lebih mudah, jika ada yg meninggal cukup donlod dan play aplikasinya, tanpa harus ngundang orang2. Bukankah Tahlilan itu baik?"

- dan perumpamaan2 lainnya...

Ada jawaban yg bagus tentang perkara2 tsb. Setidaknya untuk membuka wawasan kita tentang Sunnah.

Ket : tidak menerima perdebatan. Bagi yang tidak sependapat, itu adalah haknya. Status ini tidak memaksakan seseorang utk mengikuti pendapat ini.

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

1. Sa'id bin Musayyib, ia melihat seorang laki-laki menunaikan shalat setelah fajar lebih dari dua raka'at, ia memanjangkan rukuk dan sujudnya..

Akhirnya Sa'id bin Musayyib pun melarangnya. Orang itu berkata :

" Wahai Abu Muhammad, apakah Allah akan menyiksaku dengan sebab shalat ? "

Beliau (Sa'id) menjawab :

"Tidak, tetapi Allah akan menyiksamu karena menyelisihi As-Sunnah."

[Diriwayatkan oleh al-Baihaqi dalam Sunanul Kubra, II/466]

Apakah mungkin seseorang akan di adzab Allah Subhanahu wa Ta'ala karena ia melakukan shalat ???

Saudaraku.. Shalat adalah amalan yang paling utama, namun apabila dalam mengamalkannya tidak sesuai dengan sunnah (tuntunan) syari'at, maka itulah yang keliru, memang betul seseorang tidak akan di adzab karena shalat, namun ia bisa di adzab karena mengamalkannya tanpa tuntunan..

2. Shahabat yang mulia Ibnu 'Umar radhiyallaahu
'anhuma, menceritakan : Bahwasannya ada seorang laki-laki yang bersin kemudian dia berkata :

"Alhamdulillah was-salaamu 'alaa Rasuulillaah (segala puji bagi Allah dan kesejahteraan bagi Rasulullah)."

Maka Ibnu 'Umar radhiyallaahu 'anhuma berkata :

"Aku juga mengatakan alhamdulillah was-salaamu 'alaa Rasuulillah (maksudnya juga bershalawat). Akan tetapi tidak demikian Rasulullah shallallaahu 'alaihi wa sallam mengajari kami. Beliau shallallaahu 'alaihi wa sallam mengajari kami untuk mengucapkan (ketika bersin) :

"Alhamdulillah 'alaa kulli haal."

[Diriwayatkan oleh At- Tirmidzi, no. 2738]

Perhatikan riwayat tsb.. Apakah itu berarti Shahabat yang mulia 'Abdullah bin 'Umar radhiyallaahu 'anhuma melarang orang bershalawat kepada Nabi shallallaahu 'alaihi wa sallam ???

Tidak saudaraku, tidak demikian.. Hanya saja, beliau radhiyallahu anhu menegur (baca : mengingkari) shalawat yang tidak sesuai dengan ajaran Nabi shallallahu alaihi wa sallam..

Sekali lagi, tidak ada yang melarang seseorang bershalawat, bahkan shalawat sangat dianjurkan.. Namun, beliau (Ibnu 'Umar) tetap mengingkarinya karena menyalahi Sunnah Rasulullah shallallaahu 'alaihi wa sallam, dengan menambah ataupun merubah lafazh yang tidak diperintahkan tsb..

Lihatlah.. Hanya sedikit menambah lafazh shalawat saja sudah diingkari oleh shahabat, maka bagaimana jadinya jika ada yang sampai berani mengarang2 dan menciptakan lafazh shalawat2 sendiri2 ??? Wallahul Musta'aan..

3. Abu Musa Al As'ari Radhiyallahu 'anhu : Di riwayatkan memasuki masjid Kufah, lalu didapatinya di masjid tersebut terdapat sejumlah orang membentuk halaqah-halaqah (duduk berkeliling). Pada setiap halaqah terdapat seorang syaikh (imam), dan didepan mereka ada tumpukan kerikil, lalu syaikh tersebut menyuruh mereka : " Bertasbihlah seratus kali ! "

Lalu mereka pun bertasbih (menghitung) dengan kerikil tersebut..

Lalu syaikh itu berkata lagi : " Bertahmidlah seratus kali ".

Dan demikianlah seterusnya..

Maka Abu Musa Radhiyallahu 'anhu mengingkari hal itu dalam hatinya tapi ia tidak mengingkari dengan lisannya. Hanya saja ia bersegera pergi dengan berlari kecil menuju rumah Abdullah bin Mas'ud, lalu ia pun mengucapkan salam kepada Abdullah bin Mas'ud, dan Abdullah bin mas'ud pun membalas salamnya..

Berkatalah Abu Musa kepada Ibnu Mas'ud :

" Wahai Abu Abdurrahman, sungguh baru saja saya memasuki masjid, lalu aku melihat sesuatu yang aku mengingkarinya, demi Allah tidaklah saya melihat melainkan kebaikan "

Lalu Abu Musa menceritakan keadaan halaqah dzikir tersebut.

Maka berkatalah Ibnu Mas'ud kepada Abu Musa :

" Apakah engkau memerintahkan mereka untuk menghitung kejelekan- kejelekan mereka ? Dan engkau memberi jaminan mereka bahwa kebaikan- kebaikan mereka tidak akan hilang sedikitpun ? "

Abu Musa pun menjawab :

" Aku tidak memerintahkan apapun kepada mereka."

Berkatalah Abu Mas'ud : "Mari kita pergi menuju mereka"

Lalu Abu Mas'ud mengucapkan salam kepada mereka. Dan mereka membalas salamnya.

Berkatalah Ibnu Mas'ud :

" Perbuatan apa yang aku lihat kalian melakukannya ini wahai Umat Muhammad ? "

Mereka menjawab :

" Wahai Abu Abdurrahman, ini adalah kerikil yang digunakan untuk menghitung tasbih, tahmid, dan tahlil, dan takbir. "

Maka berkatalah Ibnu Mas'ud :

" Alangkah cepatnya kalian binasa wahai Umat Muhammad, (padahal) para sahabat masih banyak yang hidup, dan ini pakaiannya belum rusak sama sekali, dan ini bejananya belum pecah, ataukah kalian ingin berada diatas agama yang lebih mendapat petunjuk dari agama Muhammad ? ataukah kalian telah membuka pintu kesesatan ? "

Mereka pun menjawab :

" Wahai Abu Abdurrahman, demi Allah tidaklah kami menginginkan melainkan kebaikan. "

Abu Mas'ud pun berkata :

" Berapa banyak orang yang menginginkan kebaikan tidak mendapatkannya."

Berkata Amru bin Salamah :

" Sungguh aku telah melihat umumnya mereka yang mengadakan majelis dzikir itu memerangi kita pada hari perang "An Nahrawan" bersama kaum Khawarij "

[Riwayat Darimi dengan sanad shahih]

Coba kita perhatikan riwayat riwayat tsb, bukankah apa yang mereka (yang di tegur) lakukan (shalat, shalawat, dzikir) adalah amalan2 yang baik ????

- Mengapa Sa'id bin Musayyib melarang orang menunaikan shalat ??? Bukankah shalat baik ???

Tiada lain karena shalatnya menyelisihi sunnah / tidak di lakukan Rosululloh shallallahu alaihi wa sallam..

- Mengapa Ibnu 'Umar melarang menambah lafadz sholawat setelah mengucapkan alhamdulillah ketika bersin ??? Bukankah shalawat baik ???

Tiada lain karena yang di lakukan orang tersebut tidak pernah di lakukan oleh Rosululloh shallallahu alaihi wa sallaam

- Mengapa Ibnu Mas'ud menegur orang-orang yang sedang berdzikir ??? Bukankah dzikir baik ???

Tiada lain karena dzikir model tersebut tidak pernah di lakukan oleh Rosululloh shallallahu alaihi wa sallaam..

Semua yang ditegur para shahabat tsb bukanlah tentang baik/buruknya, karena semua amalan tsb tentunya adalah amalan2 yang baik (shalat, shalawat, dzkir), tapi ini adalah tentang tentang cocok/tidaknya dengan tuntunan, perbuatan yang di tegur oleh para Sahabat tadi karena menyelisihi sunnah, tidak pernah di lakukan Rosululloh shalllallahu 'alaihi wa sallam, inilah intinya.

Mungkin diantara saudara kita akan ada yang berkelit :

"Tapi itu semua khan baik, mungkin memang tak ada tuntunannya, atau katakanlah itu bud'ah, tapi itu hasanah, yakni bid'ah hasanah.."

Sekarang kita tanya :

APAKAH PARA SAHABAT TIDAK TAHU KALAU BID'AH ITU ADA YANG HASANAH ???

APAKAH PARA PECINTA BID'AH SA'AT INI LEBIH FAHAM ISLAM DARI PADA PARA SAHABAT ???

Saudaraku.. Jika anggapan baik sudah cukup untuk melegalkan sebuah amalan (ibadah), maka kenapa justru diingkari oleh para shahabat ???

"Betapa banyak manusia yang menginginkan kebaikan tapi tidak mendapatkannya"

Semoga Allah Ta'ala senantiasa menunjukkan kita kepada jalan yang lurus, yaitu jalan yang ditempuh oleh orang-orang yang diberikan ni'mat, bukan jalannya orang-orang yang dimurkai dan orang-orang tersesat..
Wallohu 'alamu bishowab..
(khansa.heck.in)
post fb Fitria Kurniawan / Abu Fahd

read more

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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>
    <meta expr:content='data:blog.isMobile         ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;         : &quot;width=1100&quot;' name='viewport'/>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ccb666"/>

   <Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#222222"/>
   </Group>

   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#513831"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#fff9ee"/>
     <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="#ccb666"/>
   </Group>

   <Group description="Links" selector=".main-outer">
     <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#993300"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#888888"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#ff1900"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 48px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="#ffffff"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.text.color" description="Description Color" type="color"
         default="#777777"  value="#ffffff"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#998877"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="#fff9ee"/>
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#fff9ee"/>
   </Group>

   <Group description="Post Title" selector="h3.post-title, .comments h4">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 24px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
   </Group>

   <Group description="Date Header" selector=".date-header">
     <Variable name="date.header.color" description="Text Color" type="color"
         default="$(body.text.color)" value="#222222"/>
     <Variable name="date.header.background.color" description="Background Color" type="color"
         default="transparent" value="transparent"/>
     <Variable name="date.header.font" description="Text Font" type="font"
         default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="inherit"/>
     <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="inherit"/>
     <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
   </Group>

   <Group description="Post Footer" selector=".post-footer">
     <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#666555"/>
     <Variable name="post.footer.background.color" description="Background Color" type="color"
         default="#f9f9f9" value="#eee9dd"/>
     <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#eeeeee"/>
   </Group>

   <Group description="Gadgets" selector="h2">
     <Variable name="widget.title.font" description="Title Font" type="font"
         default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 12px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/>
   </Group>

   <Group description="Images" selector=".main-inner">
     <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
     <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="#222222"/>
   </Group>

   <Group description="Accents" selector=".content-inner">
     <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="#eee5dd"/>
     <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="#eee5dd"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat scroll top left" value="#513831 url(//themes.googleusercontent.com/image?id=1KH22PlFqsiVYxboQNAoJjYmRbw5M4REHmdJbHT5M2x9zVMGrCqwSjZvaQW_A10KPc6Il) repeat scroll top center /* Credit: luoman (https://www.istockphoto.com/googleimages.php?id=11394138&amp;platform=blogger) */"/>
   <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>

   <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
       default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
   <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
       default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>

   <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
   <Variable name="content.padding" description="Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
   <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" min="0" max="100px" value="10px"/>
   <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" min="0" max="100px" value="40px"/>
   <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" min="0" max="100px" value="5px"/>
   <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" min="0" max="100px" value="10px"/>

   <Variable name="main.border.width" description="Main Border Width" type="length" default="0" min="0" max="10px" value="0"/>

   <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="url(//www.blogblog.com/1kt/simple/gradients_light.png)"/>
   <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" min="-50px" max="50px" value="1px"/>
   <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" min="-50px" max="50px" value="2px"/>
   <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" min="0" max="100px" value="3px"/>
   <Variable name="header.padding" description="Header Padding" type="length" default="30px" min="0" max="100px" value="30px"/>

   <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" min="0" max="10px" value="0"/>
   <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" min="0" max="10px" value="0"/>
   <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" min="0" max="10px" value="0"/>

   <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>

   <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" min="0" max="100px" value="0"/>
   <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" min="0" max="100px" value="30px"/>
   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
       default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
   <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
   <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>

   <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" min="0" max="100px" value="25px"/>

   <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" min="0" max="10px" value="2px"/>
   <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" min="0" max="10px" value="5px"/>

   <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
   <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>

   <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" min="0" max="100px" value="15px"/>
   <Variable name="main.padding" description="Main Padding" type="length" default="15px" min="0" max="100px" value="15px"/>
   <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" min="0" max="100px" value="30px"/>
   <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" min="0" max="100px" value="30px"/>

   <Variable name="paging.background"
       color="$(content.background.color)"
       description="Background of blog paging area" type="background"
       default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>

   <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" min="0" max="10px" value="0"/>

   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
   <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>

   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
}

html body $(page.width.selector) {
  min-width: 0;
  max-width: 100%;
  width: $(page.width);
}

h2 {
  font-size: 22px;
}

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

.body-fauxcolumn-outer .fauxcolumn-inner {
  background: transparent $(body.background.gradient.tile) repeat scroll top left;
  _background-image: none;
}

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;
  width: 100%;
  background: $(body.background);
  $(body.background.override)
}

.body-fauxcolumn-outer .cap-top .cap-left {
  width: 100%;
  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  _background-image: none;
}

.content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}

.content-inner {
  padding: $(content.padding) $(content.padding.horizontal);
}

$(content.background.color.selector) {
  background-color: $(content.background.color);
}

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
}

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}

/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
  border-top: $(header.bottom.border.size) solid $(tabs.border.color);
}

.tabs-inner .section:first-child ul {
  margin-top: -$(header.border.size);
  border-top: $(header.border.size) solid $(tabs.border.color);
  border-left: $(header.border.horizontalsize) solid $(tabs.border.color);
  border-right: $(header.border.horizontalsize) solid $(tabs.border.color);
}

.tabs-inner .widget ul {
  background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
  _background-image: none;
  border-bottom: $(tabs.border.width) solid $(tabs.border.color);

  margin-top: $(tabs.margin.top);
  margin-left: -$(tabs.margin.side);
  margin-right: -$(tabs.margin.side);
}

.tabs-inner .widget li a {
  display: inline-block;

  padding: .6em 1em;

  font: $(tabs.font);
  color: $(tabs.text.color);

  border-$startSide: $(tabs.border.width) solid $(content.background.color);
  border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);
}

.tabs-inner .widget li:first-child a {
  border-$startSide: none;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  color: $(tabs.selected.text.color);
  background-color: $(tabs.selected.background.color);
  text-decoration: none;
}

/* Columns
----------------------------------------------- */
.main-outer {
  border-top: $(main.border.width) solid $(body.rule.color);
}

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: 1px solid $(body.rule.color);
}

.fauxcolumn-right-outer .fauxcolumn-inner {
  border-left: 1px solid $(body.rule.color);
}

/* Headings
----------------------------------------------- */
div.widget > h2,
div.widget h2.title {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

/* Widgets
----------------------------------------------- */
.widget .zippy {
  color: $(widget.alternate.text.color);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}

.widget .popular-posts ul {
  list-style: none;
}

/* Posts
----------------------------------------------- */
h2.date-header {
  font: $(date.header.font);
}

.date-header span {
  background-color: $(date.header.background.color);
  color: $(date.header.color);
  padding: $(date.header.padding);
  letter-spacing: $(date.header.letterspacing);
  margin: $(date.header.margin);
}

.main-inner {
  padding-top: $(main.padding.top);
  padding-bottom: $(main.padding.bottom);
}

.main-inner .column-center-inner {
  padding: 0 $(main.padding);
}

.main-inner .column-center-inner .section {
  margin: 0 $(main.section.margin);
}

.post {
  margin: 0 0 $(post.margin.bottom) 0;
}

h3.post-title, .comments h4 {
  font: $(post.title.font);
  margin: .75em 0 0;
}

.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

.post-body .tr-caption-container {
  color: $(image.text.color);
}

.post-body .tr-caption-container img {
  padding: 0;

  background: transparent;
  border: none;

  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}

.post-header {
  margin: 0 0 1.5em;

  line-height: 1.6;
  font-size: 90%;
}

.post-footer {
  margin: 20px -2px 0;
  padding: 5px 10px;

  color: $(post.footer.text.color);
  background-color: $(post.footer.background.color);
  border-bottom: 1px solid $(post.footer.border.color);

  line-height: 1.6;
  font-size: 90%;
}

#comments .comment-author {
  padding-top: 1.5em;

  border-top: 1px solid $(body.rule.color);
  background-position: 0 1.5em;
}

#comments .comment-author:first-child {
  padding-top: 0;
  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

#comments .avatar-image-container img {
  border: 1px solid $(image.border.color);
}

/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
  border-top: 1px solid $(widget.alternate.text.color);
  border-bottom: 1px solid $(widget.alternate.text.color);
}

.comments .comment-thread.inline-thread {
  background-color: $(post.footer.background.color);
}

.comments .continue {
  border-top: 2px solid $(widget.alternate.text.color);
}

/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
  border-$startSide: 1px solid $(body.rule.color);
}

.blog-pager {
  background: $(paging.background);
}

.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
  background-color: $(content.background.color);
  padding: 5px;
}

.footer-outer {
  border-top: $(footer.bevel) dashed #bbbbbb;
}

/* Mobile
----------------------------------------------- */
body.mobile  {
  background-size: $(mobile.background.size);
}

.mobile .body-fauxcolumn-outer {
  background: $(mobile.background.overlay);
}

.mobile .body-fauxcolumn-outer .cap-top {
  background-size: 100% auto;
}

.mobile .content-outer {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}

.mobile .tabs-inner .widget ul {
  margin-left: 0;
  margin-right: 0;
}

.mobile .post {
  margin: 0;
}

.mobile .main-inner .column-center-inner .section {
  margin: 0;
}

.mobile .date-header span {
  padding: 0.1em 10px;
  margin: 0 -10px;
}

.mobile h3.post-title {
  margin: 0;
}

.mobile .blog-pager {
  background: transparent none no-repeat scroll top center;
}

.mobile .footer-outer {
  border-top: none;
}

.mobile .main-inner, .mobile .footer-inner {
  background-color: $(content.background.color);
}

.mobile-index-contents {
  color: $(body.text.color);
}

.mobile-link-button {
  background-color: $(link.color);
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: $(mobile.button.color);
}

.mobile .tabs-inner .section:first-child {
  border-top: none;
}

.mobile .tabs-inner .PageList .widget-content {
  background-color: $(tabs.selected.background.color);
  color: $(tabs.selected.text.color);
  border-top: $(tabs.border.width) solid $(tabs.border.color);
  border-bottom: $(tabs.border.width) solid $(tabs.border.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.border.color);
}
.post-thumbnail{float:left;margin-right:20px}
]]></b:skin>

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length'/>
      <b:variable default='0' name='main.column.left.width' type='length'/>
      <b:variable default='310px' name='main.column.right.width' type='length'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>
    <b:include data='blog' name='google-analytics'/>
  </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' 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\758845817394081160846\46blogName\75Catatan+Damar\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://damarmuhisa.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://damarmuhisa.blogspot.com/\46vt\0752466017649246120521&#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>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>

  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Catatan Damar (Header)' type='Header'>
          <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
        <div id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      <b:else/>
        <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' name='Main' showaddelement='no'>
            <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
              <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- 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:if cond='data:top.showPlusOne'>
    <data:top.googlePlusBootstrap/>
  </b:if>

</b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
              <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
              <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' 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.friendConnectJs/>
    <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='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
              <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
              <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
              <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><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.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

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

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

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

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

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

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

      <div class='mobile-index-comment'>
        <b: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'>
            <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
            <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.canonicalUrl' 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;'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
      <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.canonicalUrl' 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='//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: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='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
              <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.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.friendConnectJs/>
    <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) {
        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)) {
          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>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
        <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
          <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <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>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-right-1'>
  <b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section-contents><b:section-contents id='sidebar-right-2-1'>
  <b:widget id='Profile1' locked='false' title='About Me' 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'> <!-- 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: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 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:section-contents><b:section-contents id='sidebar-right-2-2'>
  <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
    <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:section-contents><b:section-contents id='sidebar-right-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>