<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Jiwa ku Jiwa Mu Jua</title><link>http://niezom.blogspot.com/</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/niezom" /><description>&lt;a href="#" title="Back to Top"&gt;&lt;img src="http://iconlibrary.iconshock.com/wp-content/themes/personal/images/logo.png"&gt;&lt;/a&gt;</description><language>en</language><managingEditor>noreply@blogger.com (Unknown)</managingEditor><lastBuildDate>Thu, 16 Feb 2012 16:44:23 PST</lastBuildDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">177</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><feedburner:info uri="niezom" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><media:category scheme="http://www.itunes.com/dtds/podcast-1.0.dtd">Religion &amp; Spirituality/Islam</media:category><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><itunes:explicit>no</itunes:explicit><itunes:subtitle></itunes:subtitle><itunes:summary></itunes:summary><itunes:category text="Religion &amp; Spirituality"><itunes:category text="Islam" /></itunes:category><creativeCommons:license>http://creativecommons.org/licenses/by/2.0/</creativeCommons:license><image><link>http://creativecommons.org/licenses/by/2.0/</link><url>http://creativecommons.org/images/public/somerights20.gif</url><title>Some Rights Reserved</title></image><feedburner:emailServiceId>niezom</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><title>PRK Hulu Selangor : Saya suka jumpa rakyat dari berdebat dengan pembangkang, kata Najib</title><link>http://feedproxy.google.com/~r/niezom/~3/QeDIUzkKUlU/widgeo-prk-hulu-selangor-saya-suka.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 24 Apr 2010 23:57:23 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-5305297586345621774</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/__t3_XOcHzbI/S9NTX8PAAPI/AAAAAAAAOQM/OrEVl25bBw0/s320/25402_10150175892105078_342273655077_12138842_4821206_n.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://1.bp.blogspot.com/__t3_XOcHzbI/S9NTX8PAAPI/AAAAAAAAOQM/OrEVl25bBw0/s320/25402_10150175892105078_342273655077_12138842_4821206_n.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;Perdana Menteri Datuk Seri Najib Razak berkata, beliau lebih suka berjumpa rakyat daripada memikirkan mengenai cabaran berdebat dengan Ketua Pembangkang. Najib berkata, beliau tidak mengambil kisah mengenai cabaran tersebut kerana apa yang perlu diutamakan ketika ini adalah memberi masa depan yang terjamin untuk rakyat.&lt;br /&gt;“Mana ada dalam perancangan nak berdebat dengan Anwar Ibrahim di Kuala Kubu Baru. Tak ada. Saya lebih suka kalau dapat jumpa dengan anda kerana lebih banyak faedah yang diperolehi daripada berjumpa dengannya.&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;br /&gt;Oleh itu kita jangan ambil kisah apa yang dilakukan pembangkang kerana mereka lebih mementingkan politik daripada memperjuangkan agenda rakyat,” katanya ketika berucap pada majlis kenduri rakyat di Kampung Melayu Rasa di sini, hari ini.&lt;br /&gt;Hadir sama Menteri di Jabatan Perdana Menteri Datuk Seri Jamil Khir Baharom, Menteri Perdagangan Dalam Negeri, Koperasi dan Kepenggunaan Datuk Seri Ismail Sabri Yaakob dan Anggota Dewan Undangan Negri (ADUN) Batang Kali Mohd Isa Abu Kasim.&lt;br /&gt;Beberapa kain rentang dipasang di sekitar pekan Kuala Kubu Baru (KKB) yang mendakwa Perdana Menteri akan menyertai debat perdana dengan Anwar di stadium mini KKB pukul 9 malam ini.&lt;br /&gt;Najib berkata, perdebatan seperti itu jelas tidak akan menguntungkan mana-mana pihak malah rakyat juga tidak seharusnya dilibatkan dalam permainan serta helah politik pembangkang yang tiada kesudahan.&lt;br /&gt;“Tidak ada gunanya saya menyertai debat yang tidak bertujuan dan belum pasti apa faedahnya. Kita ada gagasan, kita ada dasar, kita ada kemahuan yang telah pun dibuat. Saya akan teruskan pembaharuan ini,”katanya. — Bernama &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-5305297586345621774?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><media:thumbnail url="http://1.bp.blogspot.com/__t3_XOcHzbI/S9NTX8PAAPI/AAAAAAAAOQM/OrEVl25bBw0/s72-c/25402_10150175892105078_342273655077_12138842_4821206_n.jpg" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://niezom.blogspot.com/2010/04/widgeo-prk-hulu-selangor-saya-suka.html</feedburner:origLink></item><item><title>Keputusan Pilihanraya Hulu Selangor P94: Pakatan Mendahului BN</title><link>http://feedproxy.google.com/~r/niezom/~3/28tk50uc1ew/keputusan-pilihanraya-hulu-selangor-p94.html</link><category>Article</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 24 Apr 2010 23:19:38 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-4884218460998400960</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://media1.malaysiakini.com/254/600e3ebb2be7aa36275fab9aad1a4c75.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 300px; height: 237px;" src="http://media1.malaysiakini.com/254/600e3ebb2be7aa36275fab9aad1a4c75.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Jika semalam Ilham Centre dalam kaji selidiknya mendakwa kemenangan akan memihak kepada Barisan Nasional, kajian sebuah lagi pertubuhan bebas menunjukkan pengundi Hulu Selangor mula mendekati Pakatan Rakyat.&lt;br /&gt;&lt;br /&gt;Kajian Zentrum Future Studies Malaysia, mengenai Analisis Kajian Mikro Persepsi Kepercayaan Politik menunjukkan Pakatan Rakyat yang diwakili PKR berada di hadapan dengan sokongan 51.7 peratus berbanding 48.3 peratus yang diperolehi Barisan Nasional.&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;Perbezaan tipis 3.4 peratus itu masih membimbangkan kedua-dua Pakatan dan BN apabila menuju penghujung kempen yang mungkin akan pengaruhi bagaimana pengundi membuat keputusan esok.&lt;br /&gt;&lt;br /&gt;Keputusan kajian yang diperolehi sebelum tengah malam semalam menunjukkan BN memperolehi 51.4 peratus sokongan manakala Pakatan pula mendapat sokongan 48.6 peratus pengundi.&lt;br /&gt;&lt;br /&gt;Ia akan menjadi menarik bagaimana keputusan malam terakhir hari ini sebelum pembuangan undi samada dapat memberi gambaran jelas siapa mendahului.&lt;br /&gt;&lt;br /&gt;Zentrum yang diketuai pengasas dan presidennya Abu Hassan Hasbullah, dari Universiti Malaya mengumpulkan data secara harian kerana ia merasakan perubahan tertentu boleh mempengaruhi sentimen pengundi.&lt;br /&gt;&lt;br /&gt;Menurutnya sokongan kecil memihak kepada Pakatan atas alasan komunikasi dan peranan media baru, di samping kain rentang, poster dan ceramah yang kini dikatan memberi kesan.&lt;br /&gt;&lt;br /&gt;Zentrum berharap kajian ini boleh dijadikan rujukan untuk menentukan corak pengundian pada masa depan.&lt;br /&gt;&lt;br /&gt;Pemuda sokong Pakatan&lt;br /&gt;&lt;br /&gt;Kajian Zentrum menunjukkan 61 peratus masyarakat Melayu memilih BN manakala sokongan kaum India adalah sebanyak 54 peratus.&lt;br /&gt;&lt;br /&gt;Namun sokongan kaum Cina kepada PKR berada pada tahap yang tinggi, iaitu 78 peratus.&lt;br /&gt;&lt;br /&gt;Golongan lelaki pula dilihat sebagai penyokong kuatan Pakatan dengan 58 peratus manakala wanita (69 peratus) menyokong BN.&lt;br /&gt;&lt;br /&gt;Apa yang lebih menarik ialah kajian menunjukkan 37 peratus wanita Melayu masih belum membuat keputusan sejak semalam berbanding wanita India dan Cina yang kebanyakkan mereka telah membuat keputusan.&lt;br /&gt;&lt;br /&gt;Turut mencuri tumpuan ialah kajian mendapati 57 peratus golongan muda iaitu responden yang berusia antara 21 hingga 30 tahun menyokong pembangkang manakala 58 peratus daripada golongan mereka yang berumur 31 hingga 40 juga menyokong calon PKR.&lt;br /&gt;&lt;br /&gt;Manakala golongan tua dan warga emas seperti mereka berumur yang 40 hingga 59 serta golongan berumur 60 ke atas adalah penyokong kuat BN.&lt;br /&gt;&lt;br /&gt;Peranan media baru&lt;br /&gt;&lt;br /&gt;Kajian Zentrum juga menunjukkan 72 peratus penduduk kawasan bandar bergantung pada media baru. Manakala kajian juga menunjukkan media baru berjaya menembus 42 peratus ke kawasan pendalaman.&lt;br /&gt;&lt;br /&gt;Beberapa faktor mempengaruhi corak mengundi setelah tempoh berakhir kempen hampir tamat iaitu:&lt;br /&gt;&lt;br /&gt;• pengaruh dan kehadiran pemimpin berpengaruh,&lt;br /&gt;• pengaruh media baru dan tradisional,&lt;br /&gt;• pengaruh atmosfera demokrasi seperti ugutan kepada kakitangan awam, masyarakat dan keluarga serta,&lt;br /&gt;• pengaruh budaya dalam isu agama.&lt;br /&gt;&lt;br /&gt;Kajian juga menunjukkan faktor yang akan menentukan kemenangan seseorang calon bergantung pada faktor pengundi yang akan keluar mengundi. Ia mengambil kira faktor umur dan jantina mereka.&lt;br /&gt;&lt;br /&gt;Sementara itu, semakan dengan Zentrum Future Studies Malaysia, mendapati Pakatan terus mendahului BN apabila mereka tiba di penghujung kempen.&lt;br /&gt;&lt;br /&gt;Berikut statistik yang diberikan.&lt;br /&gt;&lt;br /&gt;10:00 pagi – BN 47.6% PR 52.4%&lt;br /&gt;&lt;br /&gt;11:00 pagi – BN 49.4% PR 50.6%&lt;br /&gt;&lt;br /&gt;12:00 tengah hari – BN 50.2% PR 49.8%&lt;br /&gt;&lt;br /&gt;1:00 petang- BN 49.3% PR 50.7%&lt;br /&gt;&lt;br /&gt;2:00 petang – BN 47.2% PR 52.8%&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-4884218460998400960?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://niezom.blogspot.com/2010/04/keputusan-pilihanraya-hulu-selangor-p94.html</feedburner:origLink></item><item><title>Dyesebel episode akhir di Malaysia</title><link>http://feedproxy.google.com/~r/niezom/~3/ZzzSGIM1cpI/dyesebel-episode-akhir-di-malaysia.html</link><category>Preview</category><category>Issue</category><category>Article</category><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 09 Apr 2010 23:21:57 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-5859959608148266632</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_VrOG8iQKdIM/S8AY8YxcwhI/AAAAAAAAAIs/qo8417vOglg/s1600/cutmypic.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 167px; height: 182px;" src="http://4.bp.blogspot.com/_VrOG8iQKdIM/S8AY8YxcwhI/AAAAAAAAAIs/qo8417vOglg/s200/cutmypic.png" alt="" id="BLOGGER_PHOTO_ID_5458390174094115346" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Hari ini pada pukul 12.00 malam... ulangan setiap isnin -rabu 12.30 malam ASTRO Prima akan menayangkan episode terakhir Dyesebel.  Apa yang teruja sangat bukan kerana pelakon  nya yang lawa bab model tetapi jalan ceritanya yang banyak berkait sampai kan boleh dalam satu rumah. Bab kata Mam Guada Fredo adalah segala kunci apa kuncinya itu.......&lt;br /&gt;&lt;/div&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;Kunci nya adalah Pertemuan dramatik antara Dyesebel hinggalah berlakunya satu emosi yang tiada pada manusia iaitu Cinta Pertama dan selama nya. itu adalah satu terapan emosi yang telah hapus mungkin mitos berlaku pada manusia arinie. Manusia rinie banyaknya hipokrit dan materialistik untuk menjalinkan satu hubungan jenis.&lt;br /&gt;&lt;br /&gt;Niezom amat kagus terapan dan daya fikiran Marvelos kerana dari situ maka terbongkar satu -satu kait semasa waktu muda terutama Lucia. Lucia Juga seorang ratu dimana cinta nya telah menjadi satu trauma hingga disitu sudut psikologi memainkan peranan, kerana emosi dan cinta seseorang manusia boleh hilang ingatan, itu ada dalam sudut hipnosis pakar jiwa.&lt;br /&gt;&lt;br /&gt;Dari sudut gaya kehidupan elit manusia dari Sir Juan membawa dirinya kepada kepentingan diri, kerana baru dia sedari bahawa dia adalah suatu pemberian kepada insan sitimewa kepada semua keluarga kerabat Serenea.&lt;br /&gt;&lt;br /&gt;Banyak nizam nak ceritakan tentang ini, tetapi kajian skrip nie amat menyentuh hati dan menguji kepintaran akal bagi seseoarang yang bernama manusia. Tahniah Mars Revelo tahniah pelakon Dyesebel.&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-5859959608148266632?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><media:thumbnail url="http://4.bp.blogspot.com/_VrOG8iQKdIM/S8AY8YxcwhI/AAAAAAAAAIs/qo8417vOglg/s72-c/cutmypic.png" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total><feedburner:origLink>http://niezom.blogspot.com/2010/04/dyesebel-episode-akhir-di-malaysia.html</feedburner:origLink></item><item><title>Ulama VS umara</title><link>http://feedproxy.google.com/~r/niezom/~3/9F6NZ3fshQg/ulama-vs-umara.html</link><category>Issue</category><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 02 Apr 2010 21:46:52 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-379248556215235881</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_VrOG8iQKdIM/S7bGYqA6DoI/AAAAAAAAAIc/c2fhgFTYljU/s1600/harussani_zambry.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 198px;" src="http://1.bp.blogspot.com/_VrOG8iQKdIM/S7bGYqA6DoI/AAAAAAAAAIc/c2fhgFTYljU/s200/harussani_zambry.jpg" alt="" id="BLOGGER_PHOTO_ID_5455766125503188610" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;Harusani pada suatu ketika daulu memenag suka dan diminati oleh semua lapisan semua pihak baik diperingkat negeri mahupun peringkat negarawan, malah peringkat nusabtara beliau mempunyai pandangan yang begitu disenangi dan dihormati, akan tetapi di akhir-akhir ini ulama di Perak nie telah menjadi sebuatan yang tidak menyenangi. Apakah beliau yang begitu ampun dengan soal selidik bahagian feqah tergamak mencampak diri beliau yang begitu disennagi oleh UMNO, malah cara beliau begitu tidak disenangi oleh pihak pakatan, Harus diingat ini agenda agama, politik agama, dalam agama ada politiknya.. jangan ada nanti tidak sempat untuk membawa amanah&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://peguampas.blogspot.com/2010/03/ulama-tiada-kuasa-vs-ulama-ada-kuasa.html"&gt;&lt;br /&gt;ULAMA TIADA KUASA VS ULAMA ADA KUASA&lt;br /&gt;Oleh : MOHAMED HANIPA MAIDIN&lt;/a&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;ULAMA TIADA KUASA VS ULAMA ADA KUASA&lt;br /&gt;Oleh : MOHAMED HANIPA MAIDIN&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: justify;"&gt;&lt;span id="fullpost"&gt;Antara isu yang sering dimainkan media ke atas gerakan Islam seperti PAS adalah dakwaan kononnya Pas anti hiburan. Mesej yang cuba dibawa dari dakwaan tidak berasas ini - amat berbahaya untuk memberi kepada gerakan Islam seperti Pas . Memberi sokongan kepada Pas ertinya menyokong supaya industri hiburan ditutup. Tiada konsert, tiada filem, tiada nyanyian. Begitulah fitnah yang sering dimainkan oleh musuh gerakan Islam.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;Tidak dinafikan jika yang dimaksudkan hiburan itu adalah satu bentuk keseronokan yang bebas sepenuhnya dari sebarang sekatan dan kawalan maka Pas mengaku bahawa ia memang menentang hiburan sebegitu. Jika yang dimaksudkan dengan hiburan misalnya adalah nyanyian atau lakonan yang melibatkan pergaulan bebas lelaki dan wanita yang tidak terkawal , pakaian yang menjolok mata, senikata dan skrip yang tidak membina keperibadian manusia sepertimana yang ditonjolkan oleh Hollywood atau Bolywood dan ditiru oleh industri hiburan tanahair maka hiburan yang seperti itu akan pasti ditentang oleh Pas meskipun seluruh alam membenci Pas.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;Bagi Pas hasrat manusia untuk berhibur adalah satu fitrah manusia. Memandangkan ianya satu fitrah maka adalah mustahil untuk Pas melarang perkara tersebut. Sebaliknya hiburan itu patut disuburkan bagi membantu manusia lari dari masalah dan kerunsingan yang mereka hadapi. Bukankah itu matlamat hiburan ?&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-379248556215235881?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><media:thumbnail url="http://1.bp.blogspot.com/_VrOG8iQKdIM/S7bGYqA6DoI/AAAAAAAAAIc/c2fhgFTYljU/s72-c/harussani_zambry.jpg" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total><feedburner:origLink>http://niezom.blogspot.com/2010/04/ulama-vs-umara.html</feedburner:origLink></item><item><title>Berpuas hati Tentang bLog</title><link>http://feedproxy.google.com/~r/niezom/~3/BwxMp8w6OHw/berpuas-hati-tentang-blog.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 31 Mar 2010 07:33:17 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-6092968446563959213</guid><description>&lt;div style="text-align: justify;"&gt;Tetapi pangkal persoalan di Perak ialah DUN kini dianggotai oleh kekuatan yang hampir seimbang antara dua pakatan politik iaitu Barisan Nasional dan pakatan pembangkang.&lt;br /&gt;&lt;br /&gt;Ertinya tidak akan wujud satu kekuatan politik yang boleh dianggap sebagai mempunyai "kuasa majoriti muktamad". Paling ideal ialah supaya DUN Perak diperintah oleh parti politik yang mempunyai majoriti muktamad.&lt;br /&gt;&lt;br /&gt;Tetapi umumnya mereka berpendapat, satu pilihan raya baru pada masa ini tidak mungkin dapat melahirkan DUN seperti itu.&lt;br /&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;br /&gt;&lt;br /&gt;Pada masa yang sama kata Sivamurugan, pakatan pembangkang boleh menggunakan masa yang ada dengan menunjukkan teladan sebagai pembangkang yang konstruktif dan sekali gus memperlihatkan keupayaan menghormati demokrasi secara berhemah, beradab dan beradat. — Utusan Malaysia Iu kata Utusan kata rakyat lain adalah...&lt;/blockquote&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;Ini yang mahu dicapai oleh pihak pakatan, antara yang boleh meneruskan kerja untuk rakyat atau mempertahankan kuasa, rakyat menjadi bukti bagaimana mereka menjaga kuasa daripada menjaga kebajikan untuk rakyat. Nie lah masa nya , mereka ada buktikah bahawa Pakatan ingin memecahkan sedang ianya untuk membantu carapemerintahan yang swajarnya bagi mereka yang faham akan pemerintahan .itu sjare&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-6092968446563959213?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total><feedburner:origLink>http://niezom.blogspot.com/2010/03/berpuas-hati-tentang-blog.html</feedburner:origLink></item><item><title>DUN Lagik</title><link>http://feedproxy.google.com/~r/niezom/~3/sxEpeddhjco/dun-lagik.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 09 Apr 2010 07:04:22 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-1907844006953776654</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_VrOG8iQKdIM/S78z3BERc-I/AAAAAAAAAIk/6HBKNaEXBck/s1600/cutmypic.png"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 159px; height: 145px;" src="http://3.bp.blogspot.com/_VrOG8iQKdIM/S78z3BERc-I/AAAAAAAAAIk/6HBKNaEXBck/s200/cutmypic.png" alt="" id="BLOGGER_PHOTO_ID_5458138293668508642" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Kita selalu dihidangkan dengan perjalanan Dun di Tv, malah kita hampir terlupa bahawa kita masih dahagakan perkara sbenar melain&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;Melainkan cerita gambaran sbenar perbuatan...., inilah gambaran kepada rakyat pilihan rakyat, kekecohan yang diperlakukan, itu bukan perkara sbenar apa yang kita mahukan dari perjalanan dewan, katakan lagi semasa sebelum membentuk kerajaan, ekonomi dan kebajikan rakyat akan terus dilipat ganda, malah bukan janji yang rayat mahukan , akan tetaipi cerita dan masalah besar sesuatu perubahan yang ingin mereka BN mahukan bentukkan kepada rakyat jelata khusus nya institusi raja, yang gah di Malaysia adalah satunya di Perak melambangkan status raja yang berdaulat&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-1907844006953776654?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><media:thumbnail url="http://3.bp.blogspot.com/_VrOG8iQKdIM/S78z3BERc-I/AAAAAAAAAIk/6HBKNaEXBck/s72-c/cutmypic.png" height="72" width="72" /><feedburner:origLink>http://niezom.blogspot.com/2010/03/dun-lagik.html</feedburner:origLink></item><item><title>Terlepas cite Dyesel</title><link>http://feedproxy.google.com/~r/niezom/~3/4lW_ijQnDMc/terlepas-cite-dyesel.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 30 Mar 2010 03:24:44 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-4002204240385922667</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.toingks.com/wp-content/uploads/2008/04/dyesebelnew.jpg"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 700px; height: 350px;" src="http://www.toingks.com/wp-content/uploads/2008/04/dyesebelnew.jpg" border="0" alt="" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Aku sekarang tengah hot tengok cite pasal si Duyung yang bernama dyesebel, nama di darat adalah isabel, mak nanya yang syok tengok tuh bukan apa, sebab pasal perasaan Duyung dengan manusia nie ada persamaan, cuma nya manusia ...manusia yang ada sekarang nie adalah perasaan yang tak original, &lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;br /&gt;Kalau perasaan cinta oleh Duyung, dia akan cinta seseorang itu tanpa sikit pun goyah, kalau dia dah suka seseorang itu, dia akan cinta sampai mati, walaupun perkara itu mustahil untuk dicapai, .kira duuyung nie dia tak suka hipokrit, tak kira dia kaya atau miskin, kalau dia kawan seseoarang itu , dia akan kawan dan setia pada seseorang, suka tengok kawan macam dengan siboboy tuh &lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-4002204240385922667?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total><feedburner:origLink>http://niezom.blogspot.com/2010/02/terlepas-cite-dyesel.html</feedburner:origLink></item><item><title>Collapse komen [+] / [-] dari Blogspot</title><link>http://feedproxy.google.com/~r/niezom/~3/bznwNbIaLtM/collapse-komen-dari-blogspot.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 12 Feb 2010 23:19:00 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-1951720537339796052</guid><description>&lt;div style="text-align: justify;"&gt;Tak adapa nak cerita hanya nak beritahu satu perkara penting nak collapse komen-komen yang panjang dari pengadu dalam blog niezom nie.&lt;br /&gt;kedit pada dari seberang...&lt;br /&gt;&lt;br /&gt;Mengingat akan niezam tentang bagaimana collapse comment semasa tengah hot dari pengkarya ubah blogspot. Niezam sememang nya setia dah lama menanti tentang engineer ..heee dari blogger terutama blogspot. semasa tengah berjumpa dari blog dari sebebrang lantas cuba juga mencari bagaimana nak ubah script kepada read more collapse... tapi pihak blogger telah dulupun mencantas perubahan ini.. nampak gaya mcm indon plak aku punya posting nie.. Tetapi akhir..akhirnya tidak ketahuan bagaiman sih cara nya .. Kemungkinan scrip itu dicipta balik atau boleh diubah sahaja. Namun dari segi blogspot banyak yang ketinggalan jauh dan tidak keterlaluan boleh dikatakan tidak peka semasa keadaan saigan dari facebook.. mereka banyak engineer pakar..tetapi mendahului kepada keadaan tranformasi..kata org gomen ..transform.. media terkini... tapi kalau google ada keja kosong di Malaysia..Nizam nak mintak reply ler ...hehehehe... macam tererist sgt..&lt;br /&gt;&lt;/div&gt;&lt;div style="margin:0px auto;filter:shadow;color:brown;font-size:10pt;"&gt; &lt;/div&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;Ini link nak tengok saper-saper nak komen dalam blog nie&lt;br /&gt;&lt;a href="http://www.blogcatalog.com/blog/focus-net/78dec5f8cf647b6e038e246673d77ab9"&gt;collapse commenter&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-1951720537339796052?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total><feedburner:origLink>http://niezom.blogspot.com/2010/02/collapse-komen-dari-blogspot.html</feedburner:origLink></item><item><title>BIRTHDAY ANDA DALAM BULAN ISLAM (HIJRAH)</title><link>http://feedproxy.google.com/~r/niezom/~3/KouIc6JlLSc/birthday-anda-dalam-bulan-islam-hijrah.html</link><category>Preview</category><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 12 Feb 2010 23:45:02 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-7873573318146890187</guid><description>&lt;div style="text-align: justify;"&gt;Dalam &lt;a href="http://ms.wikipedia.org/wiki/Takwim_Hijrah"&gt;Takwim Hijrah&lt;/a&gt;, terdapat 12 bulan. Setiap bulan mengandungi 29 atau 30 hari, tetapi lazimnya tidak dalam turutan yang tetap. Secara tradisinya, hari pertama setiap bulan akan bermula setelah anak bulan (hilāl) kelihatan ketika matahari terbenam. Jika hilāl tidak kelihatan selepas 29 hari pada bulan tersebut, sama ada dilindungi awan atau langit di ufuk barat terlalu terang apabila bulan terbenam, maka, hari tersebut dikira sebagai hari yang ke-30. Pencerapan atau rukyah tersebut haruslah dilakukan oleh orang yang dipercayai dan dan mengakuinya dihadapan pemimpin.&lt;br /&gt;&lt;br /&gt;Dengan pencerapan begini mendorong Muslim berkecimpung dalam bidang astronomi, yang meletakkan Islam terkehadapan dalam sains tersebut buat beberapa kurun. Amalan tradisi ini masih diikuti di negara-negara lain seperti Pakistan and Jordan. Walau bagaimanapun, kebanyakan peraturan astronomi negara Muslim membenarkan penggunaan calendar dan tidak tertakluk sentiasa kepada cara ini. Malaysia, Indonesia, dan beberapa negara yang lain memulakan bulan ketika matahari terbenam pada hari pertama ketika bulan terbenam selepas matahari terbenam. Di Mesir, bulan bermula ketika matahari terbenam pada hari pertama yang bulan terbenam sekurang-kurangnya lima minit selepas matahari terbenam.&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;a href="http://ms.wikipedia.org/wiki/Bulan_Hijrah"&gt; BULAN HIJRAH&lt;/a&gt; adalah lebih 3 tahun dari bulan Gregorian@ kalendar omputih..so, sbb tulah setiap tahun kita rasakan kita merayakan hari raya pada bulan yg berbeza..&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;cth: tahun 1999-january&lt;/span&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;tahun 2000-February&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;sebenarnya, Syawal tetap syawal..yg berbeza ialah kalendar gregorian&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;klik kat &lt;a href="http://www.rabiah.com/convert/convert.php3"&gt;website &lt;/a&gt; dan kita akan dapat tau tarikh kelahiran kita mengikut bulan Islam&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;Cuba yang&lt;a href="http://www.paulsadowski.com/birthday.asp"&gt; ini pulak&lt;/a&gt; lepas tu compare.....ada sama tak...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;Tuan-tuan juga boleh tahu tarikh kelahiran tuan dalam kelender Yahudi, Firaun, Maya dll&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-7873573318146890187?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">19</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/05/birthday-anda-dalam-bulan-islam-hijrah.html</feedburner:origLink></item><item><title>7 April 197X</title><link>http://feedproxy.google.com/~r/niezom/~3/-6vzPa4-43Q/7-april-197x.html</link><category>Article</category><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 06 Apr 2007 11:58:18 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-2171687465012884095</guid><description>Bismillah , &lt;br /&gt;&lt;br /&gt;dengan ini, saya selaku penyimpan mohor besar raje2 mengucapkan selamat Hari Lahir yang ke 2x = Nizam , Mike , Arjuna, Abang, Abe, Niezom&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;Type rest of the post here&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-2171687465012884095?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/04/7-april-197x.html</feedburner:origLink></item><item><title>Yahoo! online/offline script</title><link>http://feedproxy.google.com/~r/niezom/~3/HlLKKmkDEY0/yahoo-onlineoffline-script.html</link><category>Browser</category><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 30 Mar 2007 06:42:36 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-2226081149189690291</guid><description>ok..kali nie nak tunjuk skil cemana nak &lt;a href="http://niezom.blogspot.com/2006/11/avatar-send-ymessenger-code.html"&gt;avatar cam sidebar aku&lt;/a&gt; nie hah. Diatas tuh bila aku online nyala lah lampu.. dan bila tekan avatar tuh siaplah chat ngan aku..so saper nak chat ngan aku..kut-kut teingin sembang jejaka hensem se-Malaya nie.. ehehe. ok ...cemana yer nak pasang camtuh..&lt;br /&gt;&lt;br /&gt;UPDATED ; 2 ONLine + Voicemail code&lt;br /&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/strong&gt;&lt;blockquote&gt;Replace "YOURID" with your actual yahoo id and "YOURMESSAGE" with your own message that appears when clicked on your button.&lt;br /&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="ymsgr:sendIM?chaitu_cheat&amp;amp;m=hi%20gk%21"&gt;&lt;img border="0" src="http://opi.yahoo.com/online?u=chaitu_cheat&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;m=g&amp;amp;t=1" alt="Yahoo! Status (Online/Offline)" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;TEXTAREA cols="30" rows="6"&gt;&amp;lt;a href="ymsgr:sendIM?YOURID&amp;amp;m=YOUR MESSAGE"&amp;gt;&amp;lt;img&lt;br /&gt;alt="Yahoo! Status (Online/Offline)"&lt;br /&gt;src="http://opi.yahoo.com/online?u=YOURID&amp;amp;m=g&amp;amp;t=1" border="0"&lt;br /&gt;/&amp;gt;&amp;lt;/a&amp;gt; &lt;/TEXTAREA&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="ymsgr:sendIM?chaitu_cheat&amp;amp;m=hiya%20GK%21"&gt;&lt;img border="0" src="http://opi.yahoo.com/online?u=chaitu_cheat&amp;amp;m=g&amp;amp;t=2" alt="Yahoo! Status (Online/Offline)" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;TEXTAREA cols="30" rows="6"&gt;&amp;lt;a&lt;br /&gt;href="ymsgr:sendIM?YOURID&amp;amp;m=YOUR MESSAGE"&amp;gt;&amp;lt;img alt="Yahoo!&lt;br /&gt;Status (Online/Offline)"&lt;br /&gt;src="http://opi.yahoo.com/online?u=YOURID&amp;amp;m=g&amp;amp;t=2" border="0"&lt;br /&gt;/&amp;gt;&amp;lt;/a&amp;gt;&lt;/TEXTAREA&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="ymsgr:sendIM?chaitu_cheat&amp;amp;m=Hiya%20GK%21"&gt;&lt;img border="0" src="http://opi.yahoo.com/online?u=chaitu_cheat&amp;amp;m=g&amp;amp;t=3" alt="Yahoo! Status (Online/Offline)" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;TEXTAREA cols="30" rows="6"&gt;&amp;lt;A&lt;br /&gt;href="ymsgr:sendIM?YOURID&amp;amp;m=YOUR MESSAGE"&amp;gt;&amp;lt;IMG alt="Yahoo!&lt;br /&gt;Status (Online/Offline)"&lt;br /&gt;src="http://opi.yahoo.com/online?u=YOURID&amp;amp;m=g&amp;amp;t=3"&lt;br /&gt;border="0"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;/TEXTAREA&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-2226081149189690291?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/yahoo-onlineoffline-script.html</feedburner:origLink></item><item><title>Smiley Hacked Realease New Blogger</title><link>http://feedproxy.google.com/~r/niezom/~3/TADNtqnncvc/smiley-hacked-realease-new-blogger.html</link><category>Preview</category><category>Classic</category><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 21 Mar 2007 14:20:24 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-4133846843995775912</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_VrOG8iQKdIM/RgGbpIRqrXI/AAAAAAAAAD4/V8HnCI6rnOw/s1600-h/Image00023.bmp"&gt;&lt;img style="cursor: pointer;" src="http://bp1.blogger.com/_VrOG8iQKdIM/RgGbpIRqrXI/AAAAAAAAAD4/V8HnCI6rnOw/s320/Image00023.bmp" alt="" id="BLOGGER_PHOTO_ID_5044484188530191730" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Banyak para-para hacked smiley di Blogger. Dan banyak Nizam cuba untuk mencari jawapan yang baik untuk para blogger. Bagi mereka yang gunakan templates acuan Kaie ..adalah sesuai dan Hans am nya.&lt;br /&gt;&lt;br /&gt;Seperti mana Nizam post dan cuba mengajak para pembaca untuk cuba sendiri hacked dari &lt;a href="http://beta-templatetesting.blogspot.com/"&gt;deepa&lt;/a&gt;. ternyata bukan lah code yang baik seperti mana jangkaan Nizam. cuba la lihat error code nya'.&lt;br /&gt;&lt;br /&gt;Lagi pun dia deepa,menggunakan templates yang lama , (before beta).&lt;br /&gt;Apakah kelemahan tutorial nya dan tutorial yang baik untuk semua template yang kunun nya dicipta nya sendiri dalam pengakuan di blognya? Ternyata banyak classic Blogger code-code nya. kategori classic adalah sesuai untuk menceritakan code ciptaan nya kunun tuh.&lt;br /&gt;Ikuti siri Nizam mengkaji code orang lain untuk kebaikkan  New Blogger (all Blogger Templates)&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp0.blogger.com/_VrOG8iQKdIM/RgGbW4RqrWI/AAAAAAAAADw/7fSadr8C2js/s1600-h/Image00025.bmp"&gt;&lt;img style="cursor: pointer;" src="http://bp0.blogger.com/_VrOG8iQKdIM/RgGbW4RqrWI/AAAAAAAAADw/7fSadr8C2js/s320/Image00025.bmp" alt="" id="BLOGGER_PHOTO_ID_5044483874997579106" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Sebelum nie Nizam banyak post dari beberapa penghacked di Blogger yang lain.&lt;br /&gt;Style Nizam adalah mengcopy terlebih dahulu dan cuba bincangkan samada sesuai atau tidak untuk beberapa jenis templates di mera-rata Blogspot yang baru.&lt;br /&gt;&lt;br /&gt;&lt;div style="font-weight: bold;"&gt;&lt;br /&gt;Antara style Nizam posting Blog &lt;/div&gt;&lt;br /&gt;&lt;br /&gt;1. Copy and paste hacked&lt;br /&gt;2. Lihat keberkesanan&lt;br /&gt;3. Bincang dengan para pemerhati&lt;br /&gt;4. Boleh guna siri hacked code tersebut ( laju, fungsi yang baik, script tidak jejas dengan new Blogger)&lt;br /&gt;5. Sekiranya tidak dapat dimasukkan di templates - code-code yang lain boleh di adjustkan mengikut kesusuai an CSS di templates nya.&lt;br /&gt;&lt;br /&gt;Paling penting-malas menggunakan base omputih- sbb nya org kita ramai nak belajar tentang Blogger dari komen yg ntah apa-apa ntah dari mereka yg mengaku pandai segala hal tentang Blogger.&lt;br /&gt;&lt;br /&gt;p/s : usah risau kerana setiap post korang akan Nizam kredit kan di bahagian tepi post blog.&lt;br /&gt;&lt;br /&gt;Bagi code yang baik buat ketika ini adalah dari &lt;a href="http://lastword.blogspot.com/2007/01/blogger-smilies.html"&gt;Aditya Mukherjee&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-4133846843995775912?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><media:thumbnail url="http://bp1.blogger.com/_VrOG8iQKdIM/RgGbpIRqrXI/AAAAAAAAAD4/V8HnCI6rnOw/s72-c/Image00023.bmp" height="72" width="72" /><feedburner:origLink>http://niezom.blogspot.com/2007/03/smiley-hacked-realease-new-blogger.html</feedburner:origLink></item><item><title>Home&gt;Kategori /Tajuk &gt;Tajuk Kecil</title><link>http://feedproxy.google.com/~r/niezom/~3/2tHLonQR6N0/home-tajuk-kecil.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 21:32:12 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-8366757479868888448</guid><description>Have you ever experienced after searching and googling to a comprehensive website, then lose track of where you are, and what you are really looking for? I did, many times. To quote a page on the Yahoo's Design Pattern Library: "&lt;span style="font-weight: bold;"&gt;When the page displayed is within a hierarchy of pages and is not the topmost page&lt;/span&gt;," the reader needs some sort of "&lt;span style="font-weight: bold;"&gt;understanding of where she is in relation to the rest of the site.&lt;/span&gt;" &lt;br/&gt; &lt;br/&gt; &lt;span style="font-weight: bold;"&gt;The breadcrumb trail&lt;/span&gt; at the top of a post provides a nice solution to this problem. In a breadcrumb, you can always click on the label/category before it, or click the "Home" link to go back to the front page. More importantly, the user knows where she is, something that other navigation widgets such as the out-of-the box label, or my previous "tab hack" are not able to address (yet.)&lt;br/&gt; &lt;br/&gt; &lt;a href="http://photos1.blogger.com/blogger2/1410/800/1600/bc.jpg"&gt;&lt;img border="0" alt="" src="http://photos1.blogger.com/blogger2/1410/800/200/bc.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" /&gt;&lt;/a&gt;&lt;br/&gt; &lt;br/&gt; Below are two easy steps to install the "Breadcrumbs Hack" on your blog.&lt;br/&gt; &lt;br/&gt; &lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; &lt;span style="font-weight: bold;"&gt;Step1:&lt;/span&gt; Embedding Function Definition and Function Call.&lt;br/&gt; &lt;br/&gt; Go to Template-&amp;gt;Edit HTML, then check the  Expand Widget Templates checkbox.&lt;br/&gt; Look for the &lt;span style="font-weight: bold;"&gt;Blog1 widget&lt;/span&gt; (&amp;lt;b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog"&amp;gt;), then &lt;span style="font-weight: bold;"&gt;locate the main includable&lt;/span&gt;:&lt;br/&gt;  &lt;br/&gt; &lt;a href="http://photos1.blogger.com/blogger2/1410/800/1600/bc2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img border="0" alt="" src="http://photos1.blogger.com/blogger2/1410/800/200/bc2.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" /&gt;&lt;/a&gt;&lt;br/&gt; &lt;br/&gt; Add these function definition lines &lt;span style="font-weight: bold;"&gt;in between&lt;/span&gt; the closing includable &lt;span style="font-weight: bold;"&gt;in front of main&lt;/span&gt; and &lt;span style="font-weight: bold;"&gt;the main includable itself&lt;/span&gt;.&lt;br/&gt; &lt;CODE&gt;&lt;br/&gt; &lt;FONT color="brown"&gt;&lt;br/&gt; &amp;lt;b:includable id='breadcrumbs' var='post'&amp;gt;&lt;br/&gt; &amp;lt;!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com --&amp;gt;&lt;br/&gt;   &amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;br/&gt;       &amp;lt;p class='breadcrumbs'&amp;gt;&lt;br/&gt;       &amp;lt;span class='post-labels'&amp;gt;&lt;br/&gt;         &amp;lt;b:if cond='data:post.labels'&amp;gt;&lt;br/&gt;           You are here: &lt;br/&gt;           &amp;lt;a expr:href='data:blog.homepageUrl' rel='tag'&amp;gt;Home&amp;lt;/a&amp;gt;  &lt;span style="font-weight: bold;"&gt;&amp;amp;gt;&lt;/span&gt; &lt;br/&gt;           &amp;lt;b:loop values='data:post.labels' var='label'&amp;gt;&lt;br/&gt;             &amp;lt;b:if cond='data:label.isLast == "true"'&amp;gt;&lt;br/&gt;               &amp;lt;a expr:href='data:label.url' rel='tag'&amp;gt; &amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&lt;br/&gt;             &amp;lt;/b:if&amp;gt;&lt;br/&gt;           &amp;lt;/b:loop&amp;gt;&lt;br/&gt;           &amp;lt;b:if cond='data:post.title'&amp;gt;&lt;br/&gt;             &lt;span style="font-weight: bold;"&gt;&amp;amp;gt;&lt;/span&gt;  &amp;lt;b&amp;gt;&amp;lt;data:post.title/&amp;gt;&amp;lt;/b&amp;gt;&lt;br/&gt;           &amp;lt;/b:if&amp;gt;&lt;br/&gt;         &amp;lt;/b:if&amp;gt;&lt;br/&gt;       &amp;lt;/span&amp;gt;&lt;br/&gt;       &amp;lt;/p&amp;gt;&lt;br/&gt;   &amp;lt;/b:if&amp;gt;&lt;br/&gt; &amp;lt;!-- End of Breadcrums Hack --&amp;gt;&lt;br/&gt; &amp;lt;/b:includable&amp;gt;&lt;br/&gt; &lt;/FONT&gt;&lt;br/&gt; &lt;/CODE&gt;&lt;br/&gt; &lt;br/&gt; &lt;br/&gt; Next, add this line:&lt;br/&gt; &lt;FONT color="brown"&gt;&lt;br/&gt; &amp;lt;b:include data='post' name='breadcrumbs'/&amp;gt;&lt;br/&gt; &lt;/FONT&gt;&lt;br/&gt; right in front of the line &lt;span style="font-style: italic;"&gt;&amp;lt;b:if cond='data:post.dateHeader'&amp;gt;&lt;/span&gt; (see picture above.)&lt;br/&gt; &lt;br/&gt; &lt;span style="font-weight: bold;"&gt;Step 2:&lt;/span&gt; Add CSS code&lt;br/&gt; &lt;br/&gt; Add this code at the end of the CSS portion (between the pair skin tags (see picture)&lt;br/&gt; &lt;FONT color="brown"&gt;&lt;br/&gt; .breadcrumbs { &lt;br/&gt;   border-bottom:1px dotted $bordercolor;&lt;br/&gt;   margin:&lt;span style="font-weight: bold;"&gt;0&lt;/span&gt; 0 &lt;span style="font-weight: bold;"&gt;0.5em&lt;/span&gt;;&lt;br/&gt;   padding:&lt;span style="font-weight: bold;"&gt;0&lt;/span&gt; 0 &lt;span style="font-weight: bold;"&gt;0.5em&lt;/span&gt;;&lt;br/&gt;  }&lt;br/&gt; &lt;/FONT&gt;&lt;br/&gt; &lt;br/&gt; (Feel free to modify the first &amp;amp; third parameters of the last two lines (in &lt;span style="font-weight: bold;"&gt;bold&lt;/span&gt;) to expand/shorten the top &amp;amp; bottom heights.)&lt;br/&gt; &lt;br/&gt; &lt;a href="http://photos1.blogger.com/blogger2/1410/800/1600/bc3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img border="0" alt="" src="http://photos1.blogger.com/blogger2/1410/800/200/bc3.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" /&gt;&lt;/a&gt;&lt;br/&gt; &lt;br/&gt; Save your editing, and you should see the breadcrumb only when you view an item page.&lt;br/&gt; &lt;br/&gt; &lt;a href="http://photos1.blogger.com/blogger2/1410/800/1600/bc4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img border="0" alt="" src="http://photos1.blogger.com/blogger2/1410/800/200/bc4.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" /&gt;&lt;/a&gt;&lt;br/&gt; &lt;br/&gt; You can see it live from here:&lt;br/&gt; &lt;br/&gt; &lt;strike&gt;&lt;a href="http://breadcrumstest.blogspot.com/"&gt;http://breadcrumstest.blogspot.com/&lt;/a&gt;&lt;/strike&gt;&lt;br/&gt; &lt;br/&gt; One thing to notice, if you have multiple labels, &lt;span style="font-weight: bold;"&gt;only the last one&lt;/span&gt; will be shown on the breadcrumb. Also, if you &lt;span style="font-weight: bold;"&gt;forget to add label&lt;/span&gt; to any post, the breadcrumb of that item would mysteriously disappear.&lt;br/&gt; &lt;br/&gt; To hack this one out, my first thing was to outright stealing almost the entire code from the label section (at the end of the post,) then make a function out of it. Inside this function, originally there was a loop that goes through each possible label to write out. I didn't want to do that, but instead utilizing the if check to see if we are reaching the last label, if so then printing the label, along with its link. On the other hand, the "Home" link is very easy, since &lt;span style="font-weight: bold;"&gt;data:blog.homepageUrl&lt;/span&gt; is a global variable, and the current title is also available as &lt;span style="font-weight: bold;"&gt;data:post.title&lt;/span&gt; . Once all of the above are working, the rest is just icing on the cake, such as making a function call, or adding a css class to match with the site's design. &lt;br/&gt; &lt;br/&gt; I hope you will enjoy this hack and find it useful. Have a wonderful day,&lt;/span&gt;&lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Breadcrumb" rel="tag"&gt;Breadcrumb&lt;/a&gt;, &lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://hoctro.blogspot.com/2006/09/tweaking-new-blogger-adding-breadcrumbs.html" title="Breadcrumb-Hoctro" target="_new"&gt;Breadcrumb-Hoctro&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-8366757479868888448?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/home-tajuk-kecil.html</feedburner:origLink></item><item><title>Home &gt; Tahun &gt; Bulan &gt; Tajuk Artikel</title><link>http://feedproxy.google.com/~r/niezom/~3/lC8zwMprhmM/year-month-breadcrumbs.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 21:20:55 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-4309961073692093981</guid><description>&lt;br/&gt; &lt;p/&gt;&lt;p/&gt;&lt;H3 class="post-title"&gt;                      &lt;/H3&gt;                 &lt;DIV class="post-body"&gt;       &lt;p&gt;This is basically an addition to Hoctro's &lt;a href="http://hoctro.blogspot.com/2006/09/tweaking-new-blogger-adding-breadcrumbs.html"&gt;breadcrumb&lt;/a&gt; hack (in fact if the user has javascript disabled they'll just see Hoctro's hack in place of mine). Hoctro's hack looks something like:&lt;br/&gt; &lt;/p&gt;  &lt;blockquote&gt;You are here: Home &amp;gt; Label &amp;gt; &lt;strong&gt;Blog Title&lt;/strong&gt;&lt;/blockquote&gt;&lt;br/&gt; Mine looks like:&lt;br/&gt; &lt;blockquote&gt;You are here: Home &amp;gt; Year &amp;gt; Month &amp;gt; &lt;strong&gt;Blog Title&lt;/strong&gt;&lt;/blockquote&gt;&lt;br/&gt; This hack assumes a few things (in other words it won't work otherwise).&lt;br/&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;br/&gt; &lt;S&gt;First it assumes that Settings -&amp;gt; Formatting -&amp;gt; 'Date Header Format' is set to one of the following formats:&lt;/S&gt;&lt;br/&gt; &lt;ul&gt; &lt;li&gt;&lt;S&gt;November 28, 2006&lt;/S&gt;&lt;/li&gt; &lt;li&gt;&lt;S&gt;Tuesday, November 28, 2006&lt;/S&gt;&lt;/li&gt; &lt;li&gt;&lt;S&gt;28 November 2006&lt;/S&gt;&lt;/li&gt; &lt;li&gt;&lt;S&gt;28 November, 2006&lt;/S&gt;&lt;/li&gt; &lt;/ul&gt; &lt;br/&gt; &lt;S&gt;Basically it needs to have the full month name, and the full 4 digit year at the end&lt;/S&gt; &lt;i&gt;This is no longer an issue&lt;/i&gt;&lt;br/&gt; &lt;br/&gt; It also assumes that Settings -&amp;gt; Archiving -&amp;gt; 'Archive Frequency' is set to Monthly&lt;br/&gt; &lt;br/&gt; Your posts should also have a title, &lt;S&gt;and the titles can't include the quote character (")&lt;/S&gt; &lt;i&gt;This is no longer an issue&lt;/i&gt;&lt;br/&gt; &lt;br/&gt; &lt;S&gt;As it stands now, this will also only work with English language blogs (Settings -&amp;gt; Formatting -&amp;gt; Language), although theoretically if you were to edit the english month names then it would probably work. For example a spanish blog would translate July to Julio.&lt;/S&gt; &lt;i&gt;This is no longer an issue&lt;/i&gt;&lt;br/&gt; &lt;br/&gt; First, go to Template -&amp;gt; 'Edit HTML' and check the box for 'Expand Widget Templates'. Now go and find the Blog1 widget. It'll start with&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 40px;"&gt;&amp;lt;b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog"&amp;gt;&lt;/PRE&gt;&lt;br/&gt; Then keep scrolling down to the following position as pictured below&lt;br/&gt; &lt;a href="http://photos1.blogger.com/x/blogger2/4158/2177/1600/12870/bc1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img border="0" alt="" src="http://photos1.blogger.com/x/blogger2/4158/2177/400/828717/bc1.jpg" style="cursor: pointer;" /&gt;&lt;/a&gt;&lt;br/&gt; and paste the following line as shown&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 40px;"&gt;&amp;lt;b:include data='post' name='breadcrumbs'/&amp;gt;&lt;/PRE&gt;&lt;br/&gt; &lt;br/&gt; Now scroll down to the end of this widget (as pictured below)&lt;br/&gt; &lt;a href="http://photos1.blogger.com/x/blogger2/4158/2177/1600/628879/bc2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"&gt;&lt;img border="0" alt="" src="http://photos1.blogger.com/x/blogger2/4158/2177/400/308654/bc2.jpg" style="cursor: pointer;" /&gt;&lt;/a&gt;&lt;br/&gt; and paste the following between the &amp;lt;/b:includable&amp;gt; and &amp;lt;/b:widget&amp;gt; tags&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;&amp;lt;b:includable id='breadcrumbs' var='post'&amp;gt;&lt;br/&gt; &amp;lt;!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com --&amp;gt;&lt;br/&gt; &amp;lt;!-- Updated by PurpleMoggy 12/02/2006 http://purplemoggy.blogspot.com --&amp;gt;&lt;br/&gt;   &amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;br/&gt;       &amp;lt;p class='breadcrumbs'&amp;gt;&lt;br/&gt;       &amp;lt;span class='post-labels'&amp;gt;&lt;br/&gt;           You are here: &lt;br/&gt;           &amp;lt;a expr:href='data:blog.homepageUrl' rel='tag'&amp;gt;Home&amp;lt;/a&amp;gt;&lt;br/&gt; &amp;lt;script type="text/javascript"&amp;gt;&lt;br/&gt; //&amp;lt;![CDATA[&lt;br/&gt;  var strCrumbHref = location.href.toLowerCase();&lt;br/&gt;  var intCrumbHtml = strCrumbHref.indexOf('.html');&lt;br/&gt;  var intCrumbWhereAt = strCrumbHref.lastIndexOf('/', intCrumbHtml);&lt;br/&gt;  var intCrumbYearStart = intCrumbWhereAt - 7;&lt;br/&gt;  var intCrumbMonthStart = intCrumbWhereAt - 2;&lt;br/&gt;  var intCrumbYear = parseInt(strCrumbHref.substr(intCrumbYearStart, 4));&lt;br/&gt;  var intCrumbYearPlusOne = intCrumbYear + 1;&lt;br/&gt;  var strCrumbMonthNum = strCrumbHref.substr(intCrumbMonthStart, 2);&lt;br/&gt;  var strCrumbMonth = '';&lt;br/&gt;  switch(strCrumbMonthNum) {&lt;br/&gt;  case '01':&lt;br/&gt;    strCrumbMonth = 'January';&lt;br/&gt;    break;&lt;br/&gt;  case '02':&lt;br/&gt;    strCrumbMonth = 'February';&lt;br/&gt;    break;&lt;br/&gt;  case '03':&lt;br/&gt;    strCrumbMonth = 'March';&lt;br/&gt;    break;&lt;br/&gt;  case '04':&lt;br/&gt;    strCrumbMonth = 'April';&lt;br/&gt;    break;&lt;br/&gt;  case '05':&lt;br/&gt;    strCrumbMonth = 'May';&lt;br/&gt;    break;&lt;br/&gt;  case '06':&lt;br/&gt;    strCrumbMonth = 'June';&lt;br/&gt;    break;&lt;br/&gt;  case '07':&lt;br/&gt;    strCrumbMonth = 'July';&lt;br/&gt;    break;&lt;br/&gt;  case '08':&lt;br/&gt;    strCrumbMonth = 'August';&lt;br/&gt;    break;&lt;br/&gt;  case '09':&lt;br/&gt;    strCrumbMonth = 'September';&lt;br/&gt;    break;&lt;br/&gt;  case '10':&lt;br/&gt;    strCrumbMonth = 'October';&lt;br/&gt;    break;&lt;br/&gt;  case '11':&lt;br/&gt;    strCrumbMonth = 'November';&lt;br/&gt;    break;&lt;br/&gt;  case '12':&lt;br/&gt;    strCrumbMonth = 'December';&lt;br/&gt;    break;&lt;br/&gt;  }&lt;br/&gt;  var strCrumbOutput = ' &amp;amp;gt; ';&lt;br/&gt;  strCrumbOutput += '&amp;lt;a href="/search?updated-min=' + intCrumbYear;&lt;br/&gt;  strCrumbOutput += '-01-01T00%3A00%3A00-08%3A00&amp;amp;updated-max=' + intCrumbYearPlusOne;&lt;br/&gt;  strCrumbOutput += '-01-01T00%3A00%3A00-08%3A00&amp;amp;max-results=50"&amp;gt;' + intCrumbYear + '&amp;lt;/a&amp;gt; &amp;amp;gt; ';&lt;br/&gt;  strCrumbOutput += '&amp;lt;a href="/' + intCrumbYear + '_' + strCrumbMonthNum + '_01_archive.html"&amp;gt;' + strCrumbMonth + '&amp;lt;/a&amp;gt;';&lt;br/&gt;  document.write(strCrumbOutput);&lt;br/&gt; //]]&amp;gt;&lt;br/&gt; &amp;lt;/script&amp;gt;&lt;br/&gt; &amp;lt;noscript&amp;gt;&lt;br/&gt;         &amp;lt;b:if cond='data:post.labels'&amp;gt;&lt;br/&gt;            &amp;amp;gt;&lt;br/&gt;           &amp;lt;b:loop values='data:post.labels' var='label'&amp;gt;&lt;br/&gt;             &amp;lt;b:if cond='data:label.isLast == "true"'&amp;gt;&lt;br/&gt;               &amp;lt;a expr:href='data:label.url' rel='tag'&amp;gt; &amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&lt;br/&gt;             &amp;lt;/b:if&amp;gt;&lt;br/&gt;           &amp;lt;/b:loop&amp;gt;&lt;br/&gt;         &amp;lt;/b:if&amp;gt;&lt;br/&gt; &amp;lt;/noscript&amp;gt;&lt;br/&gt;           &amp;lt;b:if cond='data:post.title'&amp;gt;&lt;br/&gt;             &amp;amp;gt;  &amp;lt;b&amp;gt;&amp;lt;data:post.title/&amp;gt;&amp;lt;/b&amp;gt;&lt;br/&gt;           &amp;lt;/b:if&amp;gt;&lt;br/&gt;       &amp;lt;/span&amp;gt;&lt;br/&gt;       &amp;lt;/p&amp;gt;&lt;br/&gt;   &amp;lt;/b:if&amp;gt;&lt;br/&gt; &amp;lt;!-- End of Breadcrumbs Hack --&amp;gt;&lt;br/&gt; &amp;lt;/b:includable&amp;gt;&lt;/PRE&gt;&lt;br/&gt; Finally, you can style this newly added section. For example, add the following css to your page's header:&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 100px;"&gt;.breadcrumbs {&lt;br/&gt;  border-bottom:1px dotted $bordercolor;&lt;br/&gt;  margin:0 0 0.5em;&lt;br/&gt;  padding:0 0 0.5em;&lt;br/&gt; }&lt;/PRE&gt;             &lt;/DIV&gt;     &lt;DIV class="post-footer"&gt;&lt;br/&gt; &lt;/DIV&gt;&lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;, &lt;a href="http://technorati.com/tag/Label" rel="tag"&gt;Label&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="Home &gt; Tahun &gt; Bulan &gt; Tajuk artikel kita." title="Flock" target="_new"&gt;Breadcrumbs-Moggy&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-4309961073692093981?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/year-month-breadcrumbs.html</feedburner:origLink></item><item><title>Berapa ramai org bagi Comment</title><link>http://feedproxy.google.com/~r/niezom/~3/nxcigiJMTFc/organise-your-comments-with-numbers.html</link><category>Classic</category><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 21 Mar 2007 11:48:22 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-4318120316045462495</guid><description>&lt;a href="http://niezom.blogspot.com/2007/03/organise-your-comments-with-numbers.html"&gt;Organise your comments with numbers&lt;/a&gt;&lt;p&gt;&lt;span class="dropcaps"&gt;W&lt;/span&gt;hat is the happiest thing that can happen to an average blogger?..8-&amp;gt; yes.. you guessed it right.. to get some comments for the post Imagine how thrilled you were when you got  the first comment for your first post..Then came a time you started receving comments (users with names and also anonymous users) and you were trying to reply to the a certain comment and got misunderstood by a different commentor... left you wondery why :-?&lt;br/&gt; &lt;br/&gt; How about numbering the comments so that you can say exactly to which (rather whose) comment you are refering to..Still confused with waht I am saying.. I suggest that you click on any of the posts so that the post opens in a diffrent window along with the comments displayed..See any diffrence..&lt;strong&gt;The comments are all numbered&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; Want to know how i did this..Read along&lt;span id="fullpost"&gt; &lt;OL class="coloredNumbers"&gt;&lt;li&gt;&lt;span&gt;&lt;strong&gt;:-B SAVE AND BACKUP YOUR TEMPLATE :-B&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;   &lt;li&gt;&lt;span&gt;LOCATE THE FOLLOWING LINES IN THE TEMPLATE&lt;FONT color="green"&gt;&lt;strong&gt;&lt;br/&gt; STEP-1&lt;/strong&gt;&lt;/FONT&gt;&lt;FONT color="blue"&gt;&lt;br/&gt;  &amp;lt;dl id='comments-block'&amp;gt;&lt;br/&gt;  &amp;lt;b:loop values='data:post.comments' var='comment'&amp;gt;&lt;br/&gt;   &amp;lt;dt class='comment-author' expr:id='"comment-" + data:comment.id'&amp;gt;&lt;br/&gt; &lt;/FONT&gt;&lt;/span&gt;&lt;/li&gt; &lt;br/&gt;   &lt;li&gt;&lt;span&gt;You need to add the tags shown in &lt;strong&gt;&lt;FONT clolor="red"&gt;RED&lt;/FONT&gt;&lt;/strong&gt; so that the final code looks like this&lt;FONT color="blue"&gt;&lt;br/&gt;  &amp;lt;dl id='comments-block'&amp;gt;&lt;br/&gt; &lt;FONT color="red"&gt;&amp;lt;ol&amp;gt;&lt;/FONT&gt;&lt;br/&gt; &amp;lt;b:loop values='data:post.comments' var='comment'&amp;gt;&lt;br/&gt; &lt;FONT color="red"&gt;&amp;lt;li&amp;gt;&lt;/FONT&gt;&lt;br/&gt; &amp;lt;dt class='comment-author' expr:id='"comment-" + data:comment.id'&amp;gt;&lt;br/&gt; &lt;/FONT&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;LOCATE THE FOLLOWING LINES IN THE TEMPLATE&lt;strong&gt;&lt;FONT color="green"&gt;&lt;br/&gt; STEP: 2&lt;/FONT&gt;&lt;/strong&gt;&lt;FONT color="BLUE"&gt;&lt;br/&gt; &amp;lt;span class='comment-timestamp'&amp;gt;&lt;br/&gt; &amp;lt;a expr:href='"#comment-" + data:comment.id' title='comment permalink'&amp;gt;&lt;br/&gt; &amp;lt;data:comment.timestamp/&amp;gt;&lt;br/&gt; &amp;lt;b:include data='comment' name='commentDeleteIcon'/&amp;gt;&lt;br/&gt; &amp;lt;/span&amp;gt;&lt;br/&gt; &amp;lt;/dd&amp;gt;&lt;br/&gt; &amp;lt;/b:loop&amp;gt;&lt;/FONT&gt; &lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;You need to add the tags shown in &lt;strong&gt;&lt;FONT clolor="red"&gt;RED&lt;/FONT&gt;&lt;/strong&gt; so that the final code looks like this&lt;FONT color="blue"&gt;&lt;br/&gt; &amp;lt;span class='comment-timestamp'&amp;gt;&lt;br/&gt; &amp;lt;a expr:href='"#comment-" + data:comment.id' title='comment permalink'&amp;gt;&lt;br/&gt; &amp;lt;data:comment.timestamp/&amp;gt;&lt;br/&gt; &amp;lt;b:include data='comment' name='commentDeleteIcon'/&amp;gt;&lt;br/&gt; &amp;lt;/span&amp;gt;&lt;br/&gt; &amp;lt;/dd&amp;gt;&lt;br/&gt; &lt;FONT color="red"&gt;&amp;lt;/li&amp;gt;&lt;/FONT&gt;&lt;br/&gt; &amp;lt;/b:loop&amp;gt;&lt;br/&gt; &lt;FONT color="red"&gt;&amp;lt;/ol&amp;gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/span&gt;&lt;/li&gt; &lt;/ol&gt; &lt;br/&gt; So waht are you waiting for.. Start organising..dont forget to backlink to this post&lt;/span&gt;&lt;/p&gt;  &lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Classic" rel="tag"&gt;Classic&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://beta-templatetesting.blogspot.com/2007/02/organise-your-comments-with-numbers.html" title="Flock" target="_new"&gt;Comment-deepa&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-4318120316045462495?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">6</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/organise-your-comments-with-numbers.html</feedburner:origLink></item><item><title>Flickr Foto dah banyak berubah</title><link>http://feedproxy.google.com/~r/niezom/~3/B-k86j7ODRU/flickr-badge-your-pesonalised-photo.html</link><category>Preview</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 14:49:02 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-3196593577317323706</guid><description>&lt;a href="http://niezom.blogspot.com/2007/03/flickr-badge-your-pesonalised-photo.html"&gt;Flickr Badge - Your pesonalised photo gallery&lt;/a&gt;&lt;p&gt;&lt;span class="dropcaps"&gt;T&lt;/span&gt;here have been times, when you are just bcak from a vactaion..or you have captured some really intresting moments in you camera , its only natural that you would like to share them with the friends online..If its one or two pics, you would include them in a post with a small description..The drawbacks being&lt;/p&gt;  &lt;OL class="coloredNumbers"&gt;&lt;li&gt;&lt;span&gt;This is advisable for min number of pics ( 1-5)&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;More number of photos will put more load on the browser&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;As you make the newer posts.. the pictures( in the specific post) are pushed down the archive&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;Eventually, it will dissappear from the view of the ordinary reader&lt;/span&gt;&lt;/li&gt;  &lt;li&gt;&lt;span&gt;This gives only limited viwership with limited number of photos&lt;/span&gt;&lt;/li&gt; &lt;/ol&gt; &lt;span id="fullpost"&gt;&lt;br/&gt; However, inorder to avoid these.. you may host your pictures in online photo-albums like &lt;a href="http://www.webshots.com"&gt;Web-shots &lt;/a&gt;, &lt;a href="http://photobucket.com"&gt;Photobucket&lt;/a&gt; , &lt;a href="http://flickr.com"&gt;Flickr&lt;/a&gt;, &lt;a href="http://gallery.menalto.com/"&gt;Gallery&lt;/a&gt;,&lt;a href="http://www.slide.com"&gt;Slide&lt;/a&gt;, &lt;a href="http://jalbum.net/"&gt;JAlbum&lt;/a&gt; and then provide the link to the album at the respective sites..Yet again.. this would redirect the viewer from your page.&lt;br/&gt; &lt;br/&gt; So, how would it make you feel..if you had a photgallery right in your sidebar..at all times..so that..the viewer sees the preview of the pictures and click on the pic that intrests him the most.&lt;br/&gt; &lt;br/&gt; The most singular option that came to me is the &lt;a href="http://flickr.com/badge.gne"&gt;Flickr Badge&lt;/a&gt;,You can see the gallery in action in the Right-side-bar immediatly above the Shout-box .This is simple, Easy to do, and does not involve any kind of HTML skills . Just follow the instructions carefully&lt;br/&gt; &lt;br/&gt; Thanks to &lt;a target="_blank" href="http://lovesmesweet.blogspot.com/"&gt;Kat&lt;/a&gt; who suggested &lt;a href="http://www.slide.com"&gt;Slide.com&lt;/a&gt;.Its also simple and gives the liberty of preparing Sideshows..with 3 levels of speed (Slow - Medium- Fast ).The sideshow created usng slide can be seen here at my &lt;a target="_blank" href="http://testsssssszzzzzz.blogspot.com/"&gt;TestBlog&lt;/a&gt;&lt;br/&gt; &lt;br/&gt; &lt;FONT color="maroon"&gt;&lt;strong&gt;&lt;U&gt; INSTRUCTIONS FOR FLICKR&lt;/U&gt;&lt;/strong&gt;&lt;/FONT&gt;&lt;br/&gt; &lt;OL class="coloredNumbers"&gt;&lt;li&gt;&lt;span&gt;Signup with &lt;a href="http://flickr.com"&gt;Flickr&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;Primary signup is using your yahoo ID..however you can choose your own flickr Id in the subsequent steps&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;After Signing up, you may upload your pictures (declare them as &lt;strong&gt;Public&lt;/strong&gt; or &lt;strong&gt;Private&lt;/strong&gt; and categorise them using Tags (..they are just like labels.. you name  a certain bactch of pics as vacation , Birthday, nature, etc etc )This tagging comes handy while we do our gallery &lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;Once you are satisfied with the uploaded photos , tagged them wisely we can proceed to make out  &lt;a href="http://flickr.com/badge.gne"&gt;Flickr Badge&lt;/a&gt; &lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;You may choose to have a HTML-Badge or Flash Badge &lt;ul&gt; &lt;li&gt;My personal choice is Flash badge..as i feel its compact and puts less pressure on the browser&lt;/li&gt; &lt;/ul&gt; &lt;/span&gt;&lt;/li&gt;   &lt;li&gt;&lt;span&gt;Next you may select a certain-batch-of-Pics that you want to use in the gallery by giving the Tag name&lt;ul&gt; &lt;li&gt;i.e you may create individual galleries for the various categories of picture you may have &lt;/li&gt; &lt;li&gt;You just need to tag them appropriatively&lt;/li&gt; &lt;/ul&gt; &lt;/span&gt;&lt;/li&gt;   &lt;li&gt;&lt;span&gt;The Next part is easy..You just need to give color to borders, texts etc..You may even choose not to have a backgound / border&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;Finally.. you just copy-paste teh code given by flicker to your sidebar HTML widget&lt;/span&gt;&lt;/li&gt; &lt;/ol&gt; &lt;br/&gt; &lt;br/&gt; &lt;FONT color="maroon"&gt;&lt;strong&gt;&lt;U&gt; INSTRUCTIONS FOR SLIDE&lt;/U&gt;&lt;/strong&gt;&lt;/FONT&gt;&lt;br/&gt; &lt;OL class="coloredNumbers"&gt;&lt;li&gt;&lt;span&gt;Sign up with &lt;a href="http://www.slide.com"&gt;Slide.com&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;Clik on MAKE SLIDE SHOW&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;If you already have an account with Flickr , Myspace , Photobucket etc.. you need not upload the pics again.. you can give directly upload them to silde  from your photo-sharing network&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;You may give various customisations like Style , Themes, Skins, Size etc..While giving the size specification..take care the Width is atleast 5px less than that of your sidebar..That way you can avoid the sidebar / post section from dropping down&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;Once you are satisfied with the pictures and given them appropriate captions..,Click SAVE&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;Choose from the various options among the following for the respective codes&lt;/span&gt;&lt;/li&gt; &lt;FONT color="black"&gt;&lt;br/&gt; &lt;TABLE width="100%" border="0"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD&gt; eBay &lt;/TD&gt;&lt;TD&gt; MySpace Blog &lt;/TD&gt; &lt;TD&gt; Wretch &lt;/TD&gt;&lt;TD&gt; BlackPlanet &lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt; Live Spaces &lt;/TD&gt;&lt;TD&gt; Yahoo! 360&lt;/TD&gt; &lt;TD&gt; Piczo &lt;/TD&gt; &lt;TD&gt; Xanga &lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt; MySpace&lt;/TD&gt;&lt;TD&gt; Facebook &lt;/TD&gt; &lt;TD&gt; TypePad &lt;/TD&gt;&lt;TD&gt; LiveJournal &lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt; Geocities &lt;/TD&gt;&lt;TD&gt; AOL Journal &lt;/TD&gt; &lt;TD&gt; Old Blogger &lt;/TD&gt; &lt;TD&gt;&lt;strong&gt;&lt;FONT color="green"&gt;New Blogger&lt;/FONT&gt;&lt;/strong&gt; &lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt; AIM Pages &lt;/TD&gt;&lt;TD&gt; Multiply &lt;/TD&gt; &lt;TD&gt; Tagged &lt;/TD&gt;&lt;TD&gt; FreeWebs &lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt; Bebo &lt;/TD&gt;&lt;TD&gt; Hi5&lt;/TD&gt; &lt;TD&gt; Friendster &lt;/TD&gt;&lt;TD&gt; &lt;br/&gt; &lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/FONT&gt;&lt;li&gt;&lt;span&gt;Copy the Code and paste in a HTML widget at the position of your choice&lt;/span&gt;&lt;/li&gt; &lt;/ol&gt; Voila..Your-own personal picture galleray /Slide show is now up and fuctional for everyone to see and relish.Hope you liked this...&lt;/span&gt;&lt;p/&gt;&lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;, &lt;a href="http://technorati.com/tag/Flickr" rel="tag"&gt;Flickr&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://niezom.blogspot.com/2007/03/flickr-badge-your-pesonalised-photo.html" title="Flickr" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-3196593577317323706?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/flickr-badge-your-pesonalised-photo.html</feedburner:origLink></item><item><title>Gambar Lain Tekan Lain Jadik</title><link>http://feedproxy.google.com/~r/niezom/~3/N9r0zqzWJ20/change-image-when-cursor-moves-over-it.html</link><category>Webmaster</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 25 Mar 2007 04:46:30 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-2487672710255811892</guid><description>&lt;a href="http://niezom.blogspot.com/2007/03/change-image-when-cursor-moves-over-it.html"&gt;Change the image when the cursor moves over it&lt;/a&gt;&lt;p&gt;&lt;span class="dropcaps"&gt;M&lt;/span&gt;any of you would have noticed that in certain websites,especially the ones with Advts, when you move the cursor over a certain image, it changes to another eye-catchy image.Now you too can give that kind of an effect in your blog with pictures that are chosen by you.Still a bit hazy,.. just move the cursor over the images below &lt;br/&gt; &lt;FONT color="red"&gt;NOTE:- You must have Javascript enabled in the browser&lt;/FONT&gt;&lt;br/&gt; &lt;/p&gt;  &lt;ul&gt; &lt;li&gt;We shall be using two images to get this kind of the effect.&lt;/li&gt; &lt;br/&gt; &lt;li&gt;There shall be slight modifcations in the code depending on&lt;OL class="coloredNumbers"&gt;&lt;li&gt;&lt;span&gt;Both Images have SAME dimentions (width &amp;amp; height)&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;Both Images have DIFFERENT dimentions&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;The Images LINK-TO another URL / site&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;The images DONOT LINK-TO any other URL/Site&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;/ol&gt; &lt;/li&gt; &lt;li&gt;Any combination of the above ..such as&lt;OL class="coloredNumbers"&gt;&lt;li&gt;&lt;span&gt;Both Images of the SAME dimetions AND link to another site&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;FONT color="red"&gt;Notice the change in the appearence of the cursor ("hand-shape" icon)&lt;/FONT&gt;&lt;li&gt;&lt;span&gt;Both Images of the SAME dimetions DONOT link to another site&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;Both Images of the DIFFERENT dimetions AND link to another site&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;FONT color="red"&gt;Notice the change in the appearence of the cursor ("hand-shape" icon)&lt;/FONT&gt;&lt;li&gt;&lt;span&gt;Both Images of the DIFFERENT dimetions DONOT link to another site&lt;/span&gt;&lt;/li&gt; &lt;/ol&gt; &lt;/li&gt; &lt;/ul&gt; &lt;br/&gt; &lt;span id="fullpost"&gt;&lt;strong&gt;&lt;U&gt;&lt;FONT color="green"&gt;Both Images of the SAME dimentions LINK-TO another site&lt;/FONT&gt;&lt;/U&gt;&lt;/strong&gt;&lt;TABLE width="100%" border="0"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="20%"&gt;&lt;a onmouseout="document.Same_size_LINK.src='http://usera.imagecave.com/niezom/labulabi.gif'" onmouseover="document.Same_size_LINK.src='http://usera.imagecave.com/niezom/kota.gif'" href="http://niezom.blogspot.com"&gt;&lt;img width="100" height="50" border="0" name="Same_size_LINK" src="http://usera.imagecave.com/niezom/labulabi.gif" /&gt;&lt;/a&gt;&lt;/TD&gt;&lt;TD&gt;&lt;FONT color="blue"&gt;&lt;br/&gt; &amp;lt;A &lt;FONT color="maroon"&gt;href="&lt;strong&gt;URL_of the site&lt;/strong&gt;"&lt;/FONT&gt; onmouseover="document.Same_size_LINK.src='&lt;FONT color="maroon"&gt;&lt;U&gt;MOUSE-OVER-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'" onmouseout="document.Same_size_LINK.src='&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'"&amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;IMG SRC="&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;" NAME="Same_size_LINK" WIDTH="100" HEIGHT="50" BORDER="0" &amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;/A&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;strong&gt;&lt;U&gt;&lt;FONT color="green"&gt;Both Images of the SAME dimentions DONOT link to another site&lt;/FONT&gt;&lt;/U&gt;&lt;/strong&gt;&lt;br/&gt; &lt;TABLE width="100%" border="0"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="20%"&gt;&lt;a onmouseout="document.Same_size_SELF.src='http://usera.imagecave.com/niezom/kota.gif'" onmouseover="document.Same_size_SELF.src='http://usera.imagecave.com/niezom/labulabi.gif'"&gt;&lt;img width="100" height="50" border="0" name="Same_size_SELF" src="http://usera.imagecave.com/niezom/labulabi.gif" /&gt;&lt;/a&gt;&lt;/TD&gt;&lt;TD&gt;&lt;FONT color="blue"&gt;&lt;br/&gt; &amp;lt;A onmouseover="document.Same_size_SELF.src='&lt;FONT color="maroon"&gt;&lt;U&gt;MOUSE-OVER-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'" onmouseout="document.Same_size_SELF.src='&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'"&amp;gt; &lt;br/&gt; &lt;br/&gt; &amp;lt;IMG SRC="&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;" NAME="Same_size_SELF" WIDTH="100" HEIGHT="50" BORDER="0" &amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;/A&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;strong&gt;&lt;U&gt;&lt;FONT color="green"&gt;Both Images of the DIFFERENT dimentions LINK-TO another site&lt;/FONT&gt;&lt;/U&gt;&lt;/strong&gt;&lt;br/&gt; &lt;TABLE width="100%" border="0"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="20%"&gt;&lt;a onmouseout="document.Different_size_LINK.src='http://usera.imagecave.com/niezom/labulabi.gif'" onmouseover="document.Different_size_LINK.src='http://usera.imagecave.com/niezom/kota.gif'" href="http://niezom.blogspot.com"&gt;&lt;img border="0" name="Different_size_LINK" src="http://usera.imagecave.com/niezom/labulabi.gif" /&gt;&lt;/a&gt;&lt;/TD&gt;&lt;TD&gt;&lt;FONT color="blue"&gt;&lt;br/&gt; &amp;lt;A &lt;FONT color="maroon"&gt;href="&lt;strong&gt;URL_of the site&lt;/strong&gt;"&lt;/FONT&gt; onmouseover="document.Different_size_LINK.src='&lt;FONT color="maroon"&gt;&lt;U&gt;MOUSE-OVER-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'" onmouseout="document.Different_size_LINK.src='&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'"&amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;IMG SRC="&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;" NAME="Different_size_LINK" BORDER="0" &amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;/A&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;strong&gt;&lt;U&gt;&lt;FONT color="green"&gt;Both Images of the DIFFERENT dimentions DONOT link to another site&lt;/FONT&gt;&lt;/U&gt;&lt;/strong&gt;&lt;br/&gt; &lt;TABLE width="100%" border="0"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD width="20%"&gt;&lt;a onmouseout="document.Different_size_SELF.src='http://usera.imagecave.com/niezom/labulabi.gif'" onmouseover="document.Different_size_SELF.src='http://usera.imagecave.com/niezom/kota.gif'"&gt;&lt;img border="0" name="Different_size_SELF" src="http://usera.imagecave.com/niezom/kota.gif" /&gt;&lt;/a&gt;&lt;/TD&gt;&lt;TD&gt;&lt;FONT color="blue"&gt;&lt;br/&gt; &amp;lt;A onmouseover="document.Different_size_SELF.src='&lt;FONT color="maroon"&gt;&lt;U&gt;MOUSE-OVER-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'" onmouseout="document.Different_size_SELF.src='&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;'"&amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;IMG SRC="&lt;FONT color="maroon"&gt;&lt;U&gt;NORMAL-PIC-URL&lt;/U&gt;&lt;/FONT&gt;" NAME="Different_size_SELF"  BORDER="0" &amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;/A&amp;gt;&lt;/FONT&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;CENTER&gt;&lt;strong&gt;&lt;FONT color="Maroon"&gt;&lt;U&gt;POINTS TO REMEMBER&lt;/U&gt;&lt;/FONT&gt;&lt;/strong&gt;&lt;/CENTER&gt;&lt;br/&gt; &lt;OL class="coloredNumbers"&gt;&lt;li&gt;&lt;span&gt;In the &lt;FONT color="blue"&gt;&amp;amp;IMG NAME="&lt;/FONT&gt; tag make a note of the &lt;FONT color="blue"&gt;NAME&lt;/FONT&gt; specified&lt;/span&gt;&lt;/li&gt; &lt;br/&gt; &lt;li&gt;&lt;span&gt;&lt;strong&gt;&lt;U&gt;Consider CODE:-4&lt;/U&gt;&lt;/strong&gt;&lt;br/&gt; &lt;FONT color="blue"&gt;&amp;lt;A onmouseover="document.Different_size_SELF.src='MOUSE-OVER-PIC-URL'" onmouseout="document.Different_size_SELF.src='NORMAL-PIC-URL'"&amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;IMG SRC="NORMAL-PIC-URL" &lt;FONT color="green"&gt;NAME&lt;/FONT&gt;="&lt;FONT color="red"&gt;Different_size_SELF&lt;/FONT&gt;" BORDER="0" &amp;gt; &lt;br/&gt; &lt;br/&gt; &amp;lt;/A&amp;gt; &lt;/FONT&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;The &lt;FONT color="blue"&gt;NAME of the &amp;lt; IMG &lt;/FONT&gt; tag is repeated on its corresponding &lt;FONT color="blue"&gt;&amp;lt;A onmouseover="document.&lt;FONT color="red"&gt;Different_size_SELF&lt;/FONT&gt;.src='MOUSE-OVER-PIC-URL' onmouseout="document.&lt;FONT color="red"&gt;Different_size_SELF&lt;/FONT&gt;.src='NORMAL-PIC-URL'"&amp;gt;&lt;/FONT&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span&gt;So if you plan to have more than 2 sets of such images , then its necessary that you have different &lt;FONT color="blue"&gt;&lt;strong&gt;NAME&lt;/strong&gt;&lt;/FONT&gt; in the &lt;FONT color="blue"&gt; &amp;lt; IMG NAME = &lt;/FONT&gt; &lt;/span&gt;&lt;/li&gt; &lt;li&gt; And use the corresponfing &lt;FONT color="blue"&gt;&lt;strong&gt; NAME &lt;/strong&gt;&lt;/FONT&gt; only in the respective &lt;FONT color="blue"&gt;&lt;strong&gt; &amp;lt; A &lt;/strong&gt;&lt;/FONT&gt; tag&lt;/li&gt; &lt;/ol&gt; &lt;br/&gt; Thank you for dropping by here..Hope you enjoyed the session.If you are very much satisfied , kindly leave a comment :D&lt;/span&gt;&lt;p/&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blog gam*%$#^% with &lt;a href="http://thoduvanamnamullathil.blogspot.com/2007/03/plagarisim.html" title="Gampang" target="_new"&gt;Change Image&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-2487672710255811892?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/change-image-when-cursor-moves-over-it.html</feedburner:origLink></item><item><title>Random Quote Cara Json Script</title><link>http://feedproxy.google.com/~r/niezom/~3/hOE7Nlj09Lg/step-by-step-easy-random-quote.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 14:05:39 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-2628757727444482054</guid><description>&lt;br/&gt; Please referthis &lt;a href="http://niezom.blogspot.com/2007/03/idea-idea-pembaharuan-random-quote.html"&gt;earlier post&lt;/a&gt;for all other details. Just now I found a bug in this one. ThestripHTML function strips any HTML from the quote text and replaceswith a blank space. This is not acceptable.&lt;br/&gt; &lt;br/&gt; What I should do is, first replace all the &lt;FONT color="#ff0000"&gt;&amp;lt;br&amp;gt;&lt;/FONT&gt; and/or &lt;FONT color="#ff0000"&gt;&amp;lt;br/&amp;gt;&lt;/FONT&gt; tags with a blank space and all other tags with empty space. Comments please :)&lt;br/&gt; &lt;p&gt;Please follow the instructions as mentioned in my &lt;a href="http://niezom.blogspot.com/2007/03/idea-idea-pembaharuan-random-quote.htmll"&gt;QOTD widget post&lt;/a&gt;.&lt;br/&gt; &lt;br/&gt; &lt;br /&gt;&lt;div id="fullpost"&gt;&lt;br /&gt;Replace the complete script/html content with the one given below.&lt;br/&gt; &lt;/p&gt;  &lt;pRE id="line28" style="font-family: verdana;"&gt;&lt;span style="font-size: 85%;"&gt;&amp;lt;&lt;span class="start-tag"&gt;script&lt;/span&gt;&lt;span class="attribute-name"&gt; src&lt;/span&gt;=&lt;span class="attribute-value"&gt;"&lt;a href="http://build.dojotoolkit.org/0.4.2rc2/dojo.js"&gt; http://build.dojotoolkit.org/0.4.2rc2/dojo.js&lt;/a&gt;" &lt;/span&gt;&lt;span class="attribute-name"&gt;type&lt;/span&gt;=&lt;span class="attribute-value"&gt;"text/javascript"&lt;/span&gt;&amp;gt;&amp;lt;/&lt;span class="end-tag"&gt;script&lt;/span&gt;&amp;gt;&lt;br/&gt; &lt;/span&gt; &lt;/PRE&gt;&lt;pRE id="line39" style="font-family: verdana;"&gt;&lt;span style="font-size: 85%;"&gt;&amp;lt;&lt;span class="start-tag"&gt;script&lt;/span&gt;&lt;span class="attribute-name"&gt; language&lt;/span&gt;=&lt;span class="attribute-value"&gt;"javascript"&lt;/span&gt;&amp;gt;&lt;br/&gt; var quotesArray;&lt;br/&gt; &lt;br/&gt; function loadQuotes(root) {&lt;br/&gt;  var content = root.entry.content.$t; &lt;br/&gt;  quotesArray = content.split('%');&lt;br/&gt;  setInterval("showRandomQuote()", 16000);&lt;br/&gt; }&lt;br/&gt; &lt;br/&gt; function showRandomQuote() {&lt;br/&gt;  var index = Math.floor(Math.random() * quotesArray.length);&lt;br/&gt;  var quote = quotesArray[index];&lt;br/&gt;  quote = stripHtml(quote);&lt;br/&gt;               document.getElementById("quotesDiv").innerHTML = quote;&lt;br/&gt;  dojo.lfx.html.fadeIn('quotesDiv', 2000).play();&lt;br/&gt;  setTimeout("dojo.lfx.html.fadeOut('quotesDiv', 2000).play()", 13000); &lt;br/&gt; }&lt;br/&gt; &lt;br/&gt; function stripHtml(s) {&lt;br/&gt;  return s.replace(/(&amp;lt;([^&amp;gt;]+)&amp;gt;)/ig,' ');&lt;br/&gt; }&lt;br/&gt; &lt;br/&gt; &amp;lt;/&lt;span class="end-tag"&gt;script&lt;/span&gt;&amp;gt;&lt;br/&gt; &amp;lt;&lt;span class="start-tag"&gt;div&lt;/span&gt;&lt;span class="attribute-name"&gt; id&lt;/span&gt;=&lt;span class="attribute-value"&gt;"quotesDiv"&lt;/span&gt;&amp;gt;&lt;br/&gt; loading quotes...&lt;br/&gt; &amp;lt;/&lt;span class="end-tag"&gt;div&lt;/span&gt;&amp;gt;&lt;br/&gt; &amp;lt;&lt;span class="start-tag"&gt;script&lt;/span&gt;&lt;span class="attribute-name"&gt; language&lt;/span&gt;=&lt;span class="attribute-value"&gt;"javascript" &lt;/span&gt;&lt;span class="attribute-name"&gt;&lt;br/&gt; src&lt;/span&gt;=&lt;span class="attribute-value"&gt;"&lt;a href="http://www2.blogger.com/feeds/DDDDDDDD/posts/full/SSSSSSSSSS?alt=json-in-script&amp;amp;amp;callback=loadQuotes"&gt;http://www2.blogger.com/feeds/DDDDD/posts/full/SSSSSS?alt=json-in-script&amp;amp;amp;callback=loadQuotes &lt;/a&gt;"&lt;/span&gt;&amp;gt;&lt;br/&gt; &amp;lt;/&lt;span class="end-tag"&gt;script&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/PRE&gt;wher&lt;FONT color="#ff0000"&gt;e DDDDDD &lt;/FONT&gt;is your blog id and &lt;FONT color="#3333ff"&gt;SSSSSSS&lt;/FONT&gt; is your quotes-data post id.&lt;br/&gt; &lt;br/&gt; &lt;br/&gt; &lt;p class="poweredbyperformancing"&gt;powered by &lt;a href="http://performancing.com/firefox"&gt;performancing firefox&lt;/a&gt;&lt;/p&gt;  &lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://niezom.blogspot.com/2007/03/step-by-step-easy-random-quote.html" title="Flock" target="_new"&gt;Random Quote Cara Json Script&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-2628757727444482054?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/step-by-step-easy-random-quote.html</feedburner:origLink></item><item><title>Idea Lain Random Quote</title><link>http://feedproxy.google.com/~r/niezom/~3/IQOjF7Jw-I0/idea-idea-pembaharuan-random-quote.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 13:28:41 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-4288852199963369329</guid><description>&lt;strong&gt;Got the idea from?&lt;/strong&gt;&lt;br/&gt; This and this. I dowanna debate on who came up with the idea first. Its obvious that you guys also got the idea from somewhere else.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;Advantage &lt;/strong&gt;&lt;br/&gt;  over the above ideas.Any number of quotes and no hard coding of the quotes. You can change them on the fly with some effort.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;Disadvantage&lt;/strong&gt;&lt;br/&gt; Some extra network bandwidth is utilised each time it is displayed. Not too much. Depands, if 100Kb is too costly for you.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;Things to do first&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; &lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;* Go to your blogger account settings page and enable full feed. By default, blogger gives only the first para or 256 chars. Change this settings to full feed.&lt;br/&gt; &lt;br/&gt; * Create the quotes file with quotes in it. Quotes should be delimited by &lt;FONT color="#3333ff"&gt;"%"&lt;/FONT&gt;.e.g file contents below.&lt;br/&gt; &lt;br/&gt; &lt;FONT color="#3333ff"&gt;mary had a little lamb and it ran away&lt;/FONT&gt;&lt;br/&gt; &lt;FONT color="#ff0000"&gt;%&lt;/FONT&gt;&lt;br/&gt; &lt;FONT color="#3333ff"&gt;Where did the lamb go?&lt;/FONT&gt;&lt;br/&gt; &lt;FONT color="#ff0000"&gt;%&lt;/FONT&gt;&lt;FONT color="#3333ff"&gt;&lt;br/&gt;  Who are you to ask? It went its way!!!&lt;/FONT&gt;&lt;br/&gt; &lt;FONT color="#ff0000"&gt;%&lt;/FONT&gt;&lt;FONT color="#3333ff"&gt;&lt;br/&gt;  This should be enough for you to know the quotes file format.&lt;/FONT&gt;&lt;br/&gt; &lt;br/&gt; Note that, "%" should not appear before the first quote and after the last quote. This can be handled in js but i am bit lazy now to do it and got lot other work too.&lt;br/&gt; &lt;br/&gt; &lt;FONT color="#3333ff"&gt;* Create a new post, go to the html view and paste the contents of the quotes file there. Publish the post. If you dowant the post to appear on front page, change the post date back to your school time.&lt;br/&gt;  &lt;/FONT&gt;&lt;br/&gt; &lt;FONT color="#3333ff"&gt;* Go to the quotes page and copy the post id form the comments link. e.g :&lt;/FONT&gt;&lt;br/&gt; &lt;br/&gt; http://www.blogger.com/comment.g?blogID=&lt;FONT color="#ff0000"&gt;&lt;strike&gt;18356831&lt;/strike&gt;&lt;/FONT&gt;&amp;amp;postID=&lt;FONT color="#3333ff"&gt;&lt;strike&gt;358823621417987856&lt;/strike&gt;&lt;/FONT&gt;&lt;br/&gt; &lt;br/&gt; &lt;FONT color="#ff0000"&gt;Red&lt;/FONT&gt; coloured number is blog id and &lt;FONT color="#3333ff"&gt;blue&lt;/FONT&gt; coloured is the post id. Make a note of it.&lt;br/&gt; &lt;FONT color="#3333ff"&gt;&lt;br/&gt;  * Add a page element to your template and add this js code where you want to quote&lt;/FONT&gt;&lt;br/&gt; &lt;br/&gt; &lt;SCRIPT language="javascript"&gt;&amp;lt;br/&amp;gt;function displayQuote(root) {&amp;lt;br/&amp;gt;var content = root.entry.content.$t ;&amp;lt;br/&amp;gt;var quotesArray = content.split('%');&amp;lt;br/&amp;gt;var index = Math.floor(Math.random() * quotesArray.length);&amp;lt;br/&amp;gt;var quote = quotesArray[index];&amp;lt;br/&amp;gt;var d = document.getElementById ("quotesDiv").innerHTML = quote;&amp;lt;br/&amp;gt;}&amp;lt;br/&amp;gt;&lt;/SCRIPT&gt;&lt;br/&gt; &lt;br/&gt; &lt;SCRIPT src="chrome://performancing/content/%20http://www2.blogger.com/feeds/DDDDD/posts/full/OOOOOOOO?alt=json-in-script&amp;amp;callback=displayQuote" language="javascript"&gt;&amp;lt;br/&amp;gt; /&lt;/SCRIPT&gt;Wait, dont close the widget editor. Replace&lt;FONT color="#ff0000"&gt; DDDDD&lt;/FONT&gt; with your blog id and &lt;FONT color="#3333ff"&gt;OOOOOO&lt;/FONT&gt; with your quotes post id.&lt;br/&gt; &lt;br/&gt; * To add flavour, add css for the quotesDiv if you want.&lt;br/&gt; &lt;br/&gt; * Next time when you want to change the quotes, just edit the post and change the contents and republish it.&lt;br/&gt; &lt;br/&gt; You can see it working. I followed the same steps. Still if there are any typos, let me know.&lt;br/&gt; &lt;br/&gt; Cool!! I like that.&lt;br/&gt; &lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-4288852199963369329?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/idea-idea-pembaharuan-random-quote.html</feedburner:origLink></item><item><title>Cara Set Quote Generator</title><link>http://feedproxy.google.com/~r/niezom/~3/0_ny5ATg2c8/random-quote-generator.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 12:54:41 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-8570103637675900655</guid><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;Look at this post, &lt;a href='http://bloggeruniversity.blogspot.com/2006/09/sticky-message-board.html'&gt;Sticky Message Board&lt;/a&gt;, and follow the instructions. Remember after you get it up and running, you can &lt;em&gt;change the appearance&lt;/em&gt; in the code that you put in "/* Variable definitions" and in the CSS section to fit the your blog. &lt;em&gt;Make sure&lt;/em&gt; you place this:&lt;br&gt;&lt;/br&gt;&lt;br&gt;&lt;/br&gt;&lt;p class='poweredbyperformancing'&gt;powered by &lt;a href='http://niezom.blogspot.com/2007/03/random-quote-generator.html'&gt;Random Quote Generator&lt;/a&gt;&lt;/p&gt;&lt;p class='poweredbyperformancing'&gt;powered by &lt;a href='http://niezom.blogspot.com/2007/03/random-message-widget-creator.html'&gt;Random Message Widget Creator&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;H3 class="post-title"&gt;&lt;a href="http://niezom.blogspot.com/2007/03/random-quote-generator.html"&gt;&lt;br/&gt; Look at this post, &lt;/a&gt;&lt;a href="http://bloggeruniversity.blogspot.com/2006/09/sticky-message-board.html"&gt;Sticky Message Board&lt;/a&gt;, and follow the instructions. Remember after you get it up and running, you can &lt;EM&gt;change the appearance&lt;/EM&gt; in the code that you put in "/* Variable definitions" and in the CSS section to fit the your blog. &lt;EM&gt;Make sure&lt;/EM&gt; you place this:&lt;br/&gt; &lt;/H3&gt;&lt;blockquote&gt;&amp;lt;div id='content-wrapper'&amp;gt;&lt;br/&gt; &amp;lt;div id='message-board'&amp;gt;&lt;br/&gt; &amp;lt;b:section class='msgbrd' id='msgbrd' maxwidgets='1' showaddelement='yes'/&amp;gt;&lt;br/&gt; &amp;lt;/div&amp;gt;&lt;/blockquote&gt;directly below:&lt;br/&gt; &lt;blockquote&gt;&amp;lt;div id='header-wrapper'&amp;gt;&lt;/blockquote&gt;because this is the part of the code that puts the quote generator &lt;EM&gt;below&lt;/EM&gt; your header. When you have all the code in your template and saved it, open the Layout Editor and under the header will be a &lt;EM&gt;new&lt;/EM&gt; element. Click 'Add a Page Element' , and select 'Configure HTML/JavaScript'. Click on 'Edit HTML' and add this to the window:&lt;br/&gt; &lt;blockquote&gt;&amp;lt;i&amp;gt;&amp;lt;center&amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;center&amp;gt;&amp;lt;script language="JavaScript"&amp;gt;&lt;br/&gt; //store the quotations in arrays&lt;br/&gt; quotes = new Array(6);&lt;br/&gt; quotes[0] = "So many cats, so few recipes.";&lt;br/&gt; quotes[1] = "Use the best: Linux for servers, Mac for graphics, Windows for Solitaire.";&lt;br/&gt; quotes[2] = "That's not a haircut. That's a cry for help.";&lt;br/&gt; quotes[3] = "The last thing I want to do is hurt you. But it's still on the list.";&lt;br/&gt; quotes[4] = "Some days it's just not worth gnawing through the leather straps.";&lt;br/&gt; quotes[5] = "Doing for blogging what Ghengis Khan did for social work.";&lt;br/&gt; //calculate a random index&lt;br/&gt; index = Math.floor(Math.random() * quotes.length);&lt;br/&gt; //display the quotation&lt;br/&gt; document.write("\n");&lt;br/&gt; document.write(quotes[index]);&lt;br/&gt; //done&lt;br/&gt; &amp;lt;/script&amp;gt;&lt;br/&gt; &lt;br/&gt; &amp;lt;/center&amp;gt;&amp;lt;/i&amp;gt;&lt;br/&gt; &lt;/blockquote&gt;You can change the quotes whenever the whim strikes you. You can even add more quotes...just follow the layout and increase the 'Array(6)' for each quote. Note that even though it says 'quote 5', the 'array' says 6. That is because it starts with 0.&lt;br/&gt; &lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://bloggeruniversity.blogspot.com/2006/11/blogger-beta-random-quote-generator.html" title="Flock" target="_new"&gt;Blog U&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-8570103637675900655?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/random-quote-generator.html</feedburner:origLink></item><item><title>Perkakasan Widget Secara Online</title><link>http://feedproxy.google.com/~r/niezom/~3/QL1IJvscYNg/random-message-widget-creator.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 12:01:08 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-296882973967620076</guid><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt; &lt;p&gt;Specify a title for the widget and upto 10 messages (could be quotes). &lt;br&gt;&lt;/br&gt;Click on "Generate code" button and the code will appear in the textbox. Then you can add the widget to your blog. &lt;/p&gt;&lt;br&gt;&lt;/br&gt;&lt;br&gt;&lt;/br&gt;&lt;p class='poweredbyperformancing'&gt;powered by &lt;a href='http://niezom.blogspot.com/2007/03/random-message-widget-creator.html'&gt;Random Message Widget Creator&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-296882973967620076?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/random-message-widget-creator.html</feedburner:origLink></item><item><title>Pilihan Fonts Untuk Banner</title><link>http://feedproxy.google.com/~r/niezom/~3/nvhoiOcQB2A/html-web-resources_21.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 11:22:00 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-1087477259924836617</guid><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;&lt;img src='http://betterfonts.com/logo.gif'&gt;&lt;/img&gt;The fonts presented on this &lt;a href='http://betterfonts.com/'&gt;website &lt;/a&gt;are their authors' property, and&lt;br /&gt;are, to the best of our knowledge, either freeware, shareware or demo&lt;br /&gt;versions. If anyone knows otherwise please notify us. All fonts have&lt;br /&gt;been collected from around the web, and are maintained with all files&lt;br /&gt;intact.&lt;br&gt;&lt;/br&gt;&lt;br&gt;&lt;/br&gt;&lt;p class='poweredbyperformancing'&gt;powered by &lt;a href='http://niezom.blogspot.com/2007/03/html-web-resources_21.html'&gt;Html web Resources&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;Web nie sesuai untuk mencari tulisan yang paling lawa.&lt;br /&gt;Best nya web nie :&lt;br /&gt;&lt;br /&gt;1. Berpulu-puluh ribu jenis font.&lt;br /&gt;2. Boleh adjust size online&lt;br /&gt;3. Boleh edit kan fonts ker wordpad , Notepad &lt;br /&gt;4. Boleh Review setiap kita taip tulisan yang dikehendaki.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-1087477259924836617?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/html-web-resources_21.html</feedburner:origLink></item><item><title>Author Post Link Setiap Kategori</title><link>http://feedproxy.google.com/~r/niezom/~3/LO8jxTMRgU8/author-post-link-setiap-kategori.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 13:05:14 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-1979068187908381123</guid><description>first got the idea for this after seeing Hoctro's &lt;a href="http://hoctro.blogspot.com/2006/11/blogger-hack-related-articles-widget_24.html"&gt;similar&lt;/a&gt; hack. Unfortunately his requires that you change all your post titles to have the same prefix for related articles. I wanted one that would show related posts based on labels. I also wanted to do something with the new &lt;a href="http://buzz.blogger.com/2006/11/json-on-new-blogger.html"&gt;JSON&lt;/a&gt; format. I also looked at some of the already made hacks from &lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;&lt;a href="http://beautifulbeta.blogspot.com/"&gt;Beautiful Beta&lt;/a&gt; to figure out how to parse the JSON properly.&lt;br/&gt; &lt;br/&gt; FYI, this probably won't work correctly if your labels use any reserved url characters, like question marks (?) or the slash character (/). I'm not url encoding anything here.&lt;br/&gt; &lt;br/&gt; First of all, go to Template -&amp;gt; Edit HTML and paste the following into the page header:&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;br/&gt; //&amp;lt;![CDATA[&lt;br/&gt; var relatedTitles = new Array();&lt;br/&gt; var relatedTitlesNum = 0;&lt;br/&gt; var relatedUrls = new Array();&lt;br/&gt; function related_results_labels(json) {&lt;br/&gt;  for (var i = 0; i &amp;lt; json.feed.entry.length; i++) {&lt;br/&gt;  var entry = json.feed.entry[i];&lt;br/&gt;  relatedTitles[relatedTitlesNum] = entry.title.$t;&lt;br/&gt;  for (var k = 0; k &amp;lt; entry.link.length; k++) {&lt;br/&gt;   if (entry.link[k].rel == 'alternate') {&lt;br/&gt;    relatedUrls[relatedTitlesNum] = entry.link[k].href;&lt;br/&gt;    relatedTitlesNum++;&lt;br/&gt;    break;&lt;br/&gt;   }&lt;br/&gt;  }&lt;br/&gt;  }&lt;br/&gt; }&lt;br/&gt; function removeRelatedDuplicates() {&lt;br/&gt;  var tmp = new Array(0);&lt;br/&gt;  var tmp2 = new Array(0);&lt;br/&gt;  for(var i = 0; i &amp;lt; relatedUrls.length; i++) {&lt;br/&gt;   if(!contains(tmp, relatedUrls[i])) {&lt;br/&gt;    tmp.length += 1;&lt;br/&gt;    tmp[tmp.length - 1] = relatedUrls[i];&lt;br/&gt;    tmp2.length += 1;&lt;br/&gt;    tmp2[tmp2.length - 1] = relatedTitles[i];&lt;br/&gt;   }&lt;br/&gt;  }&lt;br/&gt;  relatedTitles = tmp2;&lt;br/&gt;  relatedUrls = tmp;&lt;br/&gt; }&lt;br/&gt; function contains(a, e) {&lt;br/&gt;  for(var j = 0; j &amp;lt; a.length; j++) if (a[j]==e) return true;&lt;br/&gt;  return false;&lt;br/&gt; }&lt;br/&gt; function printRelatedLabels() {&lt;br/&gt;  var r = Math.floor((relatedTitles.length - 1) * Math.random());&lt;br/&gt;  var i = 0;&lt;br/&gt;  document.write('&amp;lt;ul&amp;gt;');&lt;br/&gt;  while (i &amp;lt; relatedTitles.length &amp;amp;&amp;amp; i &amp;lt; 20) {&lt;br/&gt;   document.write('&amp;lt;li&amp;gt;&amp;lt;a href="' + relatedUrls[r] + '"&amp;gt;' + relatedTitles[r] + '&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;');&lt;br/&gt;   if (r &amp;lt; relatedTitles.length - 1) {&lt;br/&gt;    r++;&lt;br/&gt;   } else {&lt;br/&gt;    r = 0;&lt;br/&gt;   }&lt;br/&gt;   i++;&lt;br/&gt;  }&lt;br/&gt;  document.write('&amp;lt;/ul&amp;gt;');&lt;br/&gt; }&lt;br/&gt; //]]&amp;gt;&lt;br/&gt; &amp;lt;/script&amp;gt;&lt;/PRE&gt;&lt;br/&gt; Save it, and then click the Expand Widget Template checkbox. Scroll down to the blog1 widget, and find the following:&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;        &amp;lt;b:if cond='data:post.labels'&amp;gt;&lt;br/&gt;           &amp;lt;data:postLabelsLabel/&amp;gt;&lt;br/&gt;           &amp;lt;b:loop values='data:post.labels' var='label'&amp;gt;&lt;br/&gt;             &amp;lt;a expr:href='data:label.url' rel='tag'&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;b:if cond='data:label.isLast != "true"'&amp;gt;,&amp;lt;/b:if&amp;gt;&lt;br/&gt;           &amp;lt;/b:loop&amp;gt;&lt;br/&gt;         &amp;lt;/b:if&amp;gt;&lt;/PRE&gt;&lt;br/&gt; It'll probably be down in the post-footer-line section (whether that be line-1, -2, or -3)&lt;br/&gt; &lt;br/&gt; Change that to:&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;        &amp;lt;b:if cond='data:post.labels'&amp;gt;&lt;br/&gt;           &amp;lt;data:postLabelsLabel/&amp;gt;&lt;br/&gt;           &amp;lt;b:loop values='data:post.labels' var='label'&amp;gt;&lt;br/&gt;             &amp;lt;a expr:href='data:label.url' rel='tag'&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;b:if cond='data:label.isLast != "true"'&amp;gt;,&amp;lt;/b:if&amp;gt;&lt;br/&gt; &lt;strong&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;br/&gt; &amp;lt;script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;amp;amp;callback=related_results_labels&amp;amp;amp;max-results=10"' type='text/javascript'/&amp;gt;&lt;br/&gt; &amp;lt;/b:if&amp;gt;&lt;/strong&gt;&lt;br/&gt;           &amp;lt;/b:loop&amp;gt;&lt;br/&gt;         &amp;lt;/b:if&amp;gt;&lt;/PRE&gt;&lt;br/&gt; The 3 lines in bold are what I added ;)&lt;br/&gt; &lt;br/&gt; Save it, and now go to Template -&amp;gt; Page Elements and add a new HTML/Javascript widget. I added mine underneath the main blog posts widget. You'll need to add it after (in the page) the above codebox for it to work correctly. Paste the following into it:&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;br/&gt;  removeRelatedDuplicates();&lt;br/&gt;  printRelatedLabels();&lt;br/&gt; &amp;lt;/script&amp;gt;&lt;/PRE&gt;&lt;br/&gt; Now go back to Template -&amp;gt; Edit HTML, check the checkbox to expand the template code, and find the HTML/Javascript widget you just added. It'll look something like the following. Add the lines in bold:&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;&amp;lt;b:widget id='HTML13' locked='false' title='Related Posts' type='HTML'&amp;gt;&lt;br/&gt; &amp;lt;b:includable id='main'&amp;gt;&lt;br/&gt; &lt;strong&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;/strong&gt;&lt;br/&gt;   &amp;lt;!-- only display title if it's non-empty --&amp;gt;&lt;br/&gt;   &amp;lt;b:if cond='data:title != ""'&amp;gt;&lt;br/&gt;     &amp;lt;h2 class='title'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br/&gt;   &amp;lt;/b:if&amp;gt;&lt;br/&gt;   &amp;lt;div class='widget-content'&amp;gt;&lt;br/&gt;     &amp;lt;data:content/&amp;gt;&lt;br/&gt;   &amp;lt;/div&amp;gt;&lt;br/&gt; &lt;br/&gt;   &amp;lt;b:include name='quickedit'/&amp;gt;&lt;br/&gt; &lt;strong&gt;&amp;lt;/b:if&amp;gt;&lt;/strong&gt;&lt;br/&gt; &amp;lt;/b:includable&amp;gt;&lt;br/&gt; &amp;lt;/b:widget&amp;gt;&lt;/PRE&gt;&lt;br/&gt; &lt;br/&gt; There's a few numbers you can tweak to show more or less related posts. In the first codebox there's a part that says &lt;strong&gt;i &amp;lt; 20&lt;/strong&gt; and the 3rd codebox has a part that says &lt;strong&gt;max-results=10&lt;/strong&gt;. You can play around with these numbers if you want. After playing around a little these numbers seem to give a good trade-off between the speed of page-load and the number of related posts displayed.&lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;, &lt;a href="http://technorati.com/tag/Webmater" rel="tag"&gt;Webmater&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://purplemoggy.blogspot.com/2006/12/related-posts.html" title="Related Posts" target="_new"&gt;purplemoggy&lt;/a&gt;&lt;/p&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-1979068187908381123?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><feedburner:origLink>http://niezom.blogspot.com/2007/03/author-post-link-setiap-kategori.html</feedburner:origLink></item><item><title>Integrating Your Feedburner Feed</title><link>http://feedproxy.google.com/~r/niezom/~3/eaFWwR-uAOI/integrating-your-feedburner-feed.html</link><category>Webmaster</category><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 13:08:08 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-9163275187469737861</guid><description>This tutorial will show you how to use your &lt;a href="http://www.feedburner.com/fb/a/home"&gt;Feedburner&lt;/a&gt; feed with your Blogger (out of) beta blog.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;1) Feed Auto-Detection&lt;/strong&gt;&lt;br/&gt; First, go to Template -&amp;gt; Edit HTML and towards the top you'll notice a line that says&lt;br/&gt; &lt;/p&gt;  &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 40px;"&gt;&amp;lt;b:include data='blog' name='all-head-content'/&amp;gt;&lt;/PRE&gt;&lt;br/&gt; which actually spits out something &lt;br /&gt;&lt;span id="fullpost"&gt;&lt;br /&gt;like&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;  &amp;lt;meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/&amp;gt;&lt;br/&gt;   &amp;lt;meta content='true' name='MSSmartTagsPreventParsing'/&amp;gt;&lt;br/&gt;   &amp;lt;meta content='blogger' name='generator'/&amp;gt;&lt;br/&gt;   &amp;lt;link rel="alternate" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://minima-switch.blogspot.com/feeds/posts/default" /&amp;gt;&lt;br/&gt; &amp;lt;link rel="alternate" type="application/rss+xml" title="Minima Theme Switch Demo - RSS" href="http://minima-switch.blogspot.com/feeds/posts/default?alt=rss" /&amp;gt;&lt;br/&gt; &amp;lt;link rel="service.post" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://www.blogger.com/feeds/8301582465326140745/posts/default" /&amp;gt;&lt;br/&gt; &amp;lt;link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www2.blogger.com/rsd.g?blogID=8301582465326140745" /&amp;gt;&lt;/PRE&gt;&lt;br/&gt; when viewing the page source (in Firefox right click &amp;amp; choose 'View Page Source')&lt;br/&gt; &lt;br/&gt; For your blog, you'll wanna copy &amp;amp; paste those lines from your blog's page source (the actual code it spits out will be different for everyone so DON'T JUST COPY &amp;amp; PASTE THIS!), then go ahead and edit the &lt;i&gt;href&lt;/i&gt;'s on the 2 lines that say &lt;i&gt;rel="alternate"&lt;/i&gt; (as shown in bold) with your Feedburner feed&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;  &amp;lt;meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/&amp;gt;&lt;br/&gt;   &amp;lt;meta content='true' name='MSSmartTagsPreventParsing'/&amp;gt;&lt;br/&gt;   &amp;lt;meta content='blogger' name='generator'/&amp;gt;&lt;br/&gt;   &amp;lt;link rel="alternate" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="&lt;strong&gt;http://feeds.feedburner.com/YourFeedburnerFeed&lt;/strong&gt;" /&amp;gt;&lt;br/&gt; &amp;lt;link rel="alternate" type="application/rss+xml" title="Minima Theme Switch Demo - RSS" href="&lt;strong&gt;http://feeds.feedburner.com/YourFeedburnerFeed&lt;/strong&gt;" /&amp;gt;&lt;br/&gt; &amp;lt;link rel="service.post" type="application/atom+xml" title="Minima Theme Switch Demo - Atom" href="http://www.blogger.com/feeds/8301582465326140745/posts/default" /&amp;gt;&lt;br/&gt; &amp;lt;link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www2.blogger.com/rsd.g?blogID=8301582465326140745" /&amp;gt;&lt;/PRE&gt;&lt;br/&gt; Now take what you've constructed at this point and replace the &lt;i&gt;all-head-content&lt;/i&gt; part (as shown in the 1st codebox) with this.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;2) Replacing Clickable Atom Feeds&lt;/strong&gt;&lt;br/&gt; Go to Template -&amp;gt; Edit HTML, check the box to Expand Widget Templates and find the following&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;&amp;lt;b:includable id='feedLinksBody' var='links'&amp;gt;&lt;br/&gt;   &amp;lt;div class='feed-links'&amp;gt;&lt;br/&gt;   &amp;lt;data:feedLinksMsg/&amp;gt;&lt;br/&gt;   &amp;lt;b:loop values='data:links' var='f'&amp;gt;&lt;br/&gt;      &amp;lt;a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'&amp;gt;&amp;lt;data:f.name/&amp;gt; (&amp;lt;data:f.feedType/&amp;gt;)&amp;lt;/a&amp;gt;&lt;br/&gt;   &amp;lt;/b:loop&amp;gt;&lt;br/&gt;   &amp;lt;/div&amp;gt;&lt;br/&gt; &amp;lt;/b:includable&amp;gt;&lt;/PRE&gt;&lt;br/&gt; This is the code for the part that shows either&lt;br/&gt; &lt;blockquote&gt;Subscribe to: Posts (Atom)&lt;/blockquote&gt;&lt;br/&gt; or&lt;br/&gt; &lt;blockquote&gt;Subscribe to: Post Comments (Atom)&lt;/blockquote&gt;&lt;br/&gt; depending on the page-type (label, permalink, homepage, etc.)&lt;br/&gt; &lt;br/&gt; Replace that with&lt;br/&gt; &lt;pRE style="border: 2px solid rgb(137, 54, 171); overflow: auto; background-color: rgb(235, 235, 228); color: rgb(0, 0, 0); width: 400px; height: 150px;"&gt;&amp;lt;b:includable id='feedLinksBody' var='links'&amp;gt;&lt;br/&gt;   &amp;lt;div class='feed-links'&amp;gt;&lt;br/&gt;   &amp;lt;data:feedLinksMsg/&amp;gt;&lt;br/&gt;   &amp;lt;b:loop values='data:links' var='f'&amp;gt;&lt;br/&gt;     &amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;br/&gt;      &amp;lt;a class='feed-link' expr:href='data:f.url + "?alt=rss"' type='application/rss+xml'&amp;gt;&amp;lt;data:f.name/&amp;gt; (RSS)&amp;lt;/a&amp;gt;&lt;br/&gt;     &amp;lt;b:else/&amp;gt;&lt;br/&gt;      &amp;lt;a class='feed-link' href='&lt;strong&gt;http://feeds.feedburner.com/YourFeedburnerFeed&lt;/strong&gt;' type='application/rss+xml'&amp;gt;&amp;lt;data:f.name/&amp;gt; (RSS)&amp;lt;/a&amp;gt;&lt;br/&gt;     &amp;lt;/b:if&amp;gt;&lt;br/&gt;   &amp;lt;/b:loop&amp;gt;&lt;br/&gt;   &amp;lt;/div&amp;gt;&lt;br/&gt; &amp;lt;/b:includable&amp;gt;&lt;/PRE&gt;&lt;br/&gt; This will make that link point to your Feedburner feed for all pages except for the permalink pages which points to the per-post-comment feed for that post. Just replace the part in bold with your specific Feedburner feed.&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://www.flock.com/blogged-with-flock" title="Flock" target="_new"&gt;Flock&lt;/a&gt;&lt;/p&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-9163275187469737861?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><feedburner:origLink>http://niezom.blogspot.com/2007/03/integrating-your-feedburner-feed.html</feedburner:origLink></item><item><title>Labels as Tabs-DropDown Menubar</title><link>http://feedproxy.google.com/~r/niezom/~3/zRXrYlRniVA/as-tabs.html</link><category>Blogspot</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 20 Mar 2007 13:03:42 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-30233646.post-2728362819018126327</guid><description>&lt;br/&gt; So let's get going, shall we?&lt;br/&gt; &lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;Step 1: The Javascript&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; Simply copy the following line into the head-section of your template:&lt;br/&gt; &lt;br/&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;script src='http://non.alastor.googlepages.com/chrome.js' type='text/javascript'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br/&gt; &lt;br/&gt; Make sure that you don't insert it into the style definitions. Of course you can also replace the link if you decide to upload &lt;a href="http://non.alastor.googlepages.com/chrome.js"&gt;this file&lt;/a&gt; to another host.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;Step 2: The CSS-definitions&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; Nowwe will define the look of the menubar, so click on your Edit HTML-taband go to your style section. Depending on the desired color of yourbar, you will have to copy one of the following definitions:&lt;br/&gt; &lt;br/&gt; &lt;a href="http://non.alastor.googlepages.com/chromestyle.css"&gt;chromestyle.css&lt;/a&gt; - silver &lt;br/&gt; &lt;a href="http://non.alastor.googlepages.com/chromestyle2.css"&gt;chromestyle2.css&lt;/a&gt; -blue &lt;br/&gt; &lt;a href="http://non.alastor.googlepages.com/chromestyle3.css"&gt;chromestyle3.css&lt;/a&gt; - green&lt;br/&gt; &lt;a href="http://non.alastor.googlepages.com/chromestyle4.css"&gt;chromestyle4.css&lt;/a&gt; - red&lt;br/&gt; &lt;br/&gt; Simply paste the code into the stylesheet, before the &lt;span&gt;&lt;br/&gt; &lt;/span&gt;&lt;strong&gt;]]&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/b:skin&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;span&gt;&lt;br/&gt; &lt;/span&gt;&lt;br/&gt; &lt;strong&gt;Step  3: Positioning the menubar&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; Okay,now we should be able to insert the last bits of our code to place themenubar. So let's talk about the possibilities we have: theoretically,we could put the bar everywhere, but I want to show you two ideas ofinserting the menubar:&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;a)&lt;/strong&gt; below the header, over the rest of your content:&lt;br/&gt; &lt;br/&gt; Thisis the main idea behind the concept, making it to one of the mostimportant elements on yoursite. Search for the end of the header-section and the beginning of your content-wrapper,this is the place where the following code goes in:&lt;br/&gt; &lt;br/&gt; &lt;/span&gt;&lt;span style="color: rgb(0, 0, 153);"&gt;&lt;span&gt;&lt;span&gt;&lt;span id="fullpost"&gt;&lt;span&gt;&lt;span&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;div class='chromestyle' id='chromemenu'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;ul&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;l&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;i&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a href='http://YOURBLOG.blogspot.com/'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;Home&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/li&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;li&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a href='#' rel='dropmenu1'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span&gt;&lt;strong&gt;Content 1&lt;/strong&gt;&lt;/span&gt;&lt;span&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/li&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;li&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a href='#' rel='dropmenu2'&lt;strong&gt;&lt;span&gt;&amp;gt;Content 2&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/li&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;li&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a href='#' rel='dropmenu3'&lt;strong&gt;&lt;span&gt;&amp;gt;Content 3&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/li&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;li&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a href='#' rel='dropmenu4'&lt;strong&gt;&lt;span&gt;&amp;gt;Content 4&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/li&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/ul&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/div&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;script type='text/javascript'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; cssdropdown.startchrome("chromemenu")&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/script&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;b)&lt;/strong&gt; instead of the Blogger navbar on the top:&lt;br/&gt; &lt;br/&gt; Aninteresting approach: replacing the navbar with your own, personalmenubar.It's not that difficult. You will have to add this line of code into your stylesheet:&lt;br/&gt; &lt;br/&gt; &lt;/span&gt;&lt;span style="color: rgb(0, 0, 153);"&gt;&lt;span&gt;&lt;span&gt;&lt;span id="fullpost"&gt;&lt;span&gt;&lt;span&gt;&lt;strong&gt;#navbar-iframe {display:none&lt;br/&gt; }&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; Then you will have to search the opening body-tag and paste the code from step 3.a there.&lt;br/&gt; &lt;br/&gt; This is it. We will customize the contents of the menubar in the next step.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;Step 4: Filling the menubar with your widgets&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; Asyou can see, the menubar has now five elements in it: Home and Content1-4. Rename the contents to your preferences. You can also add otherlinks or more content-elements (these will be our dropdown-menus) byadding new lines to the chromestyle-div.&lt;br/&gt; Decide which widgets youwant in your menubar. I assume that feed-links, blogrolls, categorylinks, etc. are ideal candidates. In order to get a widget in there, goto its code and add the bold lines of code in there:&lt;br/&gt; &lt;br/&gt; &lt;/span&gt;&lt;span style="color: rgb(0, 0, 153);"&gt;&lt;span&gt;&lt;span&gt;&lt;span id="fullpost"&gt;&lt;span&gt;&lt;span&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:widget id='...' locked='false' title='...' type='...'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:includable id='main'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;div class='dropmenudiv' id='dropmenu1'&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;div class='widget-content'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt;     .&lt;br/&gt; .&lt;br/&gt; .&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;/div&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:includable&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:widget&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; Of course, the ID 'dropmenu1' should only be used once. You then have to change the number to dropmenu2, dropmenu3, etc.&lt;br/&gt; Don't forget to &lt;strong&gt;delete the following line out of all widgets you put into your menubar&lt;/strong&gt;, otherwise the layout won't look good:&lt;br/&gt; &lt;br/&gt; &lt;/span&gt;&lt;span&gt;&lt;span id="fullpost"&gt;&lt;span&gt;&lt;span&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;h2 class='title'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;data:title/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/h2&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; Itshould work fine with plain linklists and blogrolls, but you will facesome sort of strange layout, e.g. when you want to display yourcategories up there. For this reason I have prepared code that shouldfit your desires:&lt;br/&gt; &lt;br/&gt; a) Categories in the Menubar:&lt;br/&gt; &lt;br/&gt; As far asI can tell, the menubar only shows one link in a line. So it getsscrewed when you simplay put up a category-widget, because the labelcount goes in an extra line. My workaround is to put the label countinside the link:&lt;br/&gt; &lt;br/&gt; &lt;/span&gt;&lt;span style="color: rgb(0, 0, 153);"&gt;&lt;span&gt;&lt;span&gt;&lt;span id="fullpost"&gt;&lt;span&gt;&lt;span&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:widget id='Label1' locked='false' title='Categories' type='Label'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:includable id='main'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;div class='dropmenudiv' id='dropmenu1'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;div class='widget-content'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:loop values='data:labels' var='label'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:if cond='data:blog.url == data:label.url'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;data:label.name/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt; (&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;data:label.count/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;)&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:else/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a expr:href='data:label.url + "?max-results=100"'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;data:label.name/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt; (&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;data:label.count/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;)&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:if&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:loop&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:include name='quickedit'/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/div&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/div&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:includable&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:widget&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; b) Feed Links-Widget:&lt;br/&gt; &lt;br/&gt; I guess I am not the only one using PurpleMoggy's &lt;a href="http://purplemoggy.blogspot.com/2006/09/adding-label-feeds-to-your-template.html"&gt;label feed-solution&lt;/a&gt;. If you try to pull that up to the menubar, you will soon face the problem &lt;br/&gt; that every feed icongoes in an extra line. For this reason I've put up a customized labelwidget that offers label-feeds and standard post/comment-feeds as well:&lt;br/&gt; &lt;br/&gt; &lt;/span&gt;&lt;span style="color: rgb(0, 0, 153);"&gt;&lt;span&gt;&lt;span&gt;&lt;span id="fullpost"&gt;&lt;span&gt;&lt;span&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:widget id='Label2' locked='false' title='Newsfeeds' type='Label'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:includable id='main'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;div class='dropmenudiv' id='dropmenu2'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;div class='widget-content'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a href='http://YOURBLOG.blogspot.com/feeds/posts/default/-/' target='_blank' title='Subscribe to Posts'&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;img src='http://non.alastor.googlepages.com/rss_icon.gif'/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;  Posts&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a href='http://YOURBLOG.blogspot.com/feeds/comments/default/-/' target='_blank' title='Subscribe to Comments'&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;img src='http://non.alastor.googlepages.com/rss_icon.gif'/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;  Comments&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:loop values='data:labels' var='label'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;a expr:href='"http://YOURBLOG.blogspot.com/feeds/posts/default/-/" + data:label.name' target='_blank'&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;img src='http://non.alastor.googlepages.com/rss_icon.gif'/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;data:label.name/&amp;gt;&lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/a&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:loop&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/div&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;b:include name='quickedit'/&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/div&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:includable&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;br/&gt; &lt;strong&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;/strong&gt;/b:widget&lt;strong&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span id="fullpost"&gt;&lt;br/&gt; &lt;br/&gt; Fine. We are done...for now. You can easily play around with the CSS &lt;br/&gt; to change the look or add new elements to the menubar. &lt;br/&gt; I hope you found my instructions useful, please let me know if you like this hack.&lt;br/&gt; &lt;br/&gt; &lt;strong&gt;Update:&lt;/strong&gt;&lt;br/&gt; &lt;br/&gt; Here is an additional method to get content into the menubar:&lt;br/&gt; &lt;br/&gt; Vivek Sanghi presents a way to get a list of recent posts into the menubar, which is pretty useful! Visit &lt;a href="http://stubborn-fanatic.blogspot.com/2006/11/recent-post-titles-navigation-menu-auto.html"&gt;his post&lt;/a&gt; concerning this matter to see how!&lt;br/&gt; &lt;br/&gt; Cheers!&lt;/span&gt;used Hoctro's '&lt;a href="http://hoctro.blogspot.com/2006/09/tweaking-new-blogger-turning-labels.html"&gt;Labels as Tabs&lt;/a&gt;'-hack, but in the end, I felt the need of some sort of drop down-solution. Take a look below my header, you should see it there. Well, doesn't look that special at first, does it? Take a look below my header, you should see it there. &lt;br/&gt; &lt;!-- technorati tags begin --&gt;&lt;p style="font-size:10px;text-align:right;"&gt;technorati tags:&lt;a href="http://technorati.com/tag/Blogspot" rel="tag"&gt;Blogspot&lt;/a&gt;&lt;/p&gt;&lt;!-- technorati tags end --&gt;&lt;p style="text-align: right; font-size: 8px"&gt;Blogged with &lt;a href="http://non-alastor.blogspot.com" title="Flock" target="_new"&gt;DropDown Menubar&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30233646-2728362819018126327?l=niezom.blogspot.com' alt='' /&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><enclosure url="http://non.alastor.googlepages.com/chrome.js" length="0" type="application/octet-stream" /><media:content url="http://non.alastor.googlepages.com/chrome.js" type="application/octet-stream" /><itunes:explicit>no</itunes:explicit><itunes:subtitle> So let's get going, shall we? Step 1: The Javascript Simply copy the following line into the head-section of your template: &amp;lt;script src='http://non.alastor.googlepages.com/chrome.js' type='text/javascript'/&amp;gt; Make sure that you don't insert it into </itunes:subtitle><itunes:author>noreply@blogger.com (Unknown)</itunes:author><itunes:summary> So let's get going, shall we? Step 1: The Javascript Simply copy the following line into the head-section of your template: &amp;lt;script src='http://non.alastor.googlepages.com/chrome.js' type='text/javascript'/&amp;gt; Make sure that you don't insert it into the style definitions. Of course you can also replace the link if you decide to upload this file to another host. Step 2: The CSS-definitions Nowwe will define the look of the menubar, so click on your Edit HTML-taband go to your style section. Depending on the desired color of yourbar, you will have to copy one of the following definitions: chromestyle.css - silver chromestyle2.css -blue chromestyle3.css - green chromestyle4.css - red Simply paste the code into the stylesheet, before the ]]&amp;gt;&amp;lt;/b:skin&amp;gt; Step 3: Positioning the menubar Okay,now we should be able to insert the last bits of our code to place themenubar. So let's talk about the possibilities we have: theoretically,we could put the bar everywhere, but I want to show you two ideas ofinserting the menubar: a) below the header, over the rest of your content: Thisis the main idea behind the concept, making it to one of the mostimportant elements on yoursite. Search for the end of the header-section and the beginning of your content-wrapper,this is the place where the following code goes in: &amp;lt;div class='chromestyle' id='chromemenu'&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li&amp;gt;&amp;lt;a href='http://YOURBLOG.blogspot.com/'&amp;gt;Home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;&amp;lt;a href='#' rel='dropmenu1'&amp;gt;Content 1&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;&amp;lt;a href='#' rel='dropmenu2'&amp;gt;Content 2&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;&amp;lt;a href='#' rel='dropmenu3'&amp;gt;Content 3&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;&amp;lt;a href='#' rel='dropmenu4'&amp;gt;Content 4&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt; &amp;lt;/ul&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;script type='text/javascript'&amp;gt; cssdropdown.startchrome("chromemenu") &amp;lt;/script&amp;gt; b) instead of the Blogger navbar on the top: Aninteresting approach: replacing the navbar with your own, personalmenubar.It's not that difficult. You will have to add this line of code into your stylesheet: #navbar-iframe {display:none } Then you will have to search the opening body-tag and paste the code from step 3.a there. This is it. We will customize the contents of the menubar in the next step. Step 4: Filling the menubar with your widgets Asyou can see, the menubar has now five elements in it: Home and Content1-4. Rename the contents to your preferences. You can also add otherlinks or more content-elements (these will be our dropdown-menus) byadding new lines to the chromestyle-div. Decide which widgets youwant in your menubar. I assume that feed-links, blogrolls, categorylinks, etc. are ideal candidates. In order to get a widget in there, goto its code and add the bold lines of code in there: &amp;lt;b:widget id='...' locked='false' title='...' type='...'&amp;gt; &amp;lt;b:includable id='main'&amp;gt; &amp;lt;div class='dropmenudiv' id='dropmenu1'&amp;gt; &amp;lt;div class='widget-content'&amp;gt; . . . &amp;lt;/div&amp;gt; &amp;lt;/b:includable&amp;gt; &amp;lt;/b:widget&amp;gt; Of course, the ID 'dropmenu1' should only be used once. You then have to change the number to dropmenu2, dropmenu3, etc. Don't forget to delete the following line out of all widgets you put into your menubar, otherwise the layout won't look good: &amp;lt;h2 class='title'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt; Itshould work fine with plain linklists and blogrolls, but you will facesome sort of strange layout, e.g. when you want to display yourcategories up there. For this reason I have prepared code that shouldfit your desires: a) Categories in the Menubar: As far asI can tell, the menubar only shows one link in a line. So it getsscrewed when you simplay put up a category-widget, because the labelcount goes in an extra line. My workaround is to put the label countinside the link: &amp;lt;b:widget id='Label1' locked='false' title='Categories' type='Label'&amp;gt; &amp;lt;b:includable id='main'&amp;gt; &amp;lt;div class='dropmenudiv' id='dropmenu1'&amp;gt; &amp;lt;div class='widget-content'</itunes:summary><itunes:keywords>Blogspot</itunes:keywords><feedburner:origLink>http://niezom.blogspot.com/2007/03/as-tabs.html</feedburner:origLink></item><media:rating>nonadult</media:rating></channel></rss>

