Semua Info Dan Trik

Cara Membuat Menu Tab View

Apa itu menu tab view? Menu tab view adalah menu yang terdapat banyak tab, dan jika kita mengklik masing-masing tab yang terdapat dalam menu tab view tersebut, maka yang akan muncul adalah gadget yang berbeda alias tidak sama (walaupun aslinya semua menu yang tersedia terletak di dalam gadget yang sama). Jadi kegunaannya juga hitung-hitung buat menghemat tempat gadget blog, dari pada letaknya berhamburan maka dengan gadget menu tab view ini teman-teman bisa mengelompokkan menu sesuka teman-teman. agar tidak sekedar kata-kata, teman-teman bisa melihat contoh tampilan berikut:<a name='more'></a> Jika anda mengklik menu Banner Blog, maka yang muncul: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqbXp_hRgwUR_UJ-Y5zt_e8TYtTptEGVycFssEyBpl0jUw34BI-CFgoU9QA8lOYVteZOe7FODp7F16MGSA86MTAk95tQaecY7_whV9WDKpkwWeYjyaPLjr0OV2YhaSw6yE4hR1xJ852lk/s1600/menu_tab_view01_t4belajarblogger.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5409875566261819634" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqbXp_hRgwUR_UJ-Y5zt_e8TYtTptEGVycFssEyBpl0jUw34BI-CFgoU9QA8lOYVteZOe7FODp7F16MGSA86MTAk95tQaecY7_whV9WDKpkwWeYjyaPLjr0OV2YhaSw6yE4hR1xJ852lk/s400/menu_tab_view01_t4belajarblogger.JPG" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 358px; height: 282px;" /></a> Ketika anda mengklik menu Tutorial Blogger, maka yang muncul: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvFwFvh8qm4z0L26EGR9JK9XYEZcUtaWliU-QsigBueHwJBOxT780yDtXYqSWTyfzGlyHHWHXIX8jYqy3eFSJjJ-2s0CJMHHyYF_fyF_Z1bXxK5_HHkZH8KTcjJxp94J0z0VPZu_OegI/s1600/menu_tab_view02_t4belajarblogger.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5409876052828131970" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvFwFvh8qm4z0L26EGR9JK9XYEZcUtaWliU-QsigBueHwJBOxT780yDtXYqSWTyfzGlyHHWHXIX8jYqy3eFSJjJ-2s0CJMHHyYF_fyF_Z1bXxK5_HHkZH8KTcjJxp94J0z0VPZu_OegI/s400/menu_tab_view02_t4belajarblogger.JPG" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 359px; height: 282px;" /></a> Dan ketika mengklik Buku Tamu, maka yang muncul: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73-FckLPyJoH4OwRXW1x6is49PnC8uZSNXXDbLCAOcm95b77wGP3hW_4KdKTDUIDlkFGcKhb_BtW0kIy7Zvsat-Dh4j7Gwld_d9kJcPTMNpy94Zz6-mMxlJcJpjXzOKMGe-oMt3GfNMs/s1600/menu_tab_view03_t4belajarblogger.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5409876419785613858" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73-FckLPyJoH4OwRXW1x6is49PnC8uZSNXXDbLCAOcm95b77wGP3hW_4KdKTDUIDlkFGcKhb_BtW0kIy7Zvsat-Dh4j7Gwld_d9kJcPTMNpy94Zz6-mMxlJcJpjXzOKMGe-oMt3GfNMs/s400/menu_tab_view03_t4belajarblogger.JPG" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 359px; height: 282px;" /></a> Bagaimana teman-teman, tertarik untuk membuat menu di atas? Jika tertarik maka langkah-langkahnya adalah sebagai berikut: 1. Login ke blogger >> Tata Letak >> Edit HTML 2. Letakkan kode berikut sebelum kode ]]></b:skin> div.TabView div.Tabs { height: 24px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 90px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; border: 1px solid #000; border-bottom-width: 0; text-decoration: none; font-family: "Times New Roman", Serif; font-weight: 900; color: #000; } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #FF9900; } div.TabView div.Pages { clear: both; border: 1px solid #6E6E6E; overflow: hidden; background-color: #FF9900; } div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; } Keterangan: Warna= Lebar Menu Utama Atas Warna= Tinggi Menu Utama Atas Warna= Warna Border Menu Atas Warna= Jenis Font Menu Utama Atas Warna= Gd Font Warna= Warna Font Menu Utama Atas Warna= Warna BackGround Menu Utama Atas Warna= Warna Border Kotak Utama Warna= Warna BackGround Kotak Utama Tips: Silahkan cari warna di <a href="http://t4belajarblogger.blogspot.com/2009/11/kumpulan-kode-warna.html" target="_blank">Kumpulan Kode Warna</a>. 3. Selanjutnya letakkan kode berikut sebelum kode </head> <script src='http://sites.google.com/site/software2iqbalinc/javascript/script_buat_tabview.js' type='text/javascript'/> 4. Klik tombol simpan template. Sekarang untuk langkah mengotak atik kode template sudah selesai. 5. Selanjutnya adalah tahap terakhir, yaitu menambah kode menu tab view ke dalam gadget HTML. Pergi ke Tata Letak >> Tambah Gadget >> HTML, dan isikan kode berikut: <form action="tabview.html" method="get"> <div class="TabView" id="TabView"> <div class="Tabs" style="width: 350px;"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a> </div> <div class="Pages" style="width: 350px; height: 250px;"> <div class="Page"> <div class="Pad"> Tab 1.1 Tab 1.2 Tab 1.3 </div> </div> <div class="Page"> <div class="Pad"> Tab 2.1 Tab 2.2 Tab 2.3 </div> </div> <div class="Page"> <div class="Pad"> Tab 3.1 Tab 3.2 Tab 3.3 </div> </div> </div> </div> </form> <script type="text/javascript"> tabview_initialize('TabView'); </script> Keterangan: Warna= Silahkan untuk menyesuaikan ukurannya dengan blog anda. Warna= Itu adalah nama menu utama, lihat gambar di atas. Di sana terdapat Banner Blog, Tutorial Blogger, dan Buku Tamu. Warna= Adalah tempat di mana anda bisa mengisi kata-kata, gambar (kode gambar), serta script lainnya. Contoh (lihat gambar di atas): Ada banner blog ini, Kumpulan tutorial, serta tampilan shout box alias buku tamu.^ 6. Simpan hasil kerjaan anda. Bagaimana teman-teman, baguskan? Selamat mencoba... Oh iya, kunci keberhasilan adalah berani mencoba!<img alt="siip" src="http://www6.shoutmix.com/smileys/thumbsup.gif" /> Semoga Bermanfaat [] Tags: cara memasang menu tab view, menu tab view untuk blogger, kode html untuk blog blogger, kode script untuk blogger, cara mudah membuat menu tab view

Cara Membuat Menu Tab View

Apa itu menu tab view ? Menu tab view adalah menu yang terdapat banyak tab, dan jika kita mengklik masing-masing tab yang terdapat dalam me...

+ Read more »

Tamara Bleszynski loves her bikini

<a href="http://blogartis.blogspot.com/2007/12/tamara-bleszynski-sexy-single-mother.html">Tamara Bleszynski</a> looks so happy showing her perfect body on the new movie called <a href="http://blogartis.blogspot.com/2009/11/air-terjun-pengantin-bride-waterfalls.html">Air Terjun Pengantin (Bride Waterfalls)</a>. Yes, I so surprised... It seems, lately she entered the gym more often. Look at the pictures below! (Source: <a style="font-style: italic;" href="http://www.kapanlagi.com/g/foto_bikini_tamara_bleszynski_di_pantai.html">Kapanlagi.com</a>) <a onblur="try {parent.deselectBloggerImageGracefully();};} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6U7-duuk6eGYtR0kNX1J7BTQN70u07tUXK7wh4rcohwHZf0YS49HG0q15APQi522rJOHwzCrd5rA9cyfLYMvd1AeMq_Urg51XK_uJdQA2zvHtF1dTDVq0kJfXuiYbTjvNae5DGvjAICc/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-040-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409573446127467122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6U7-duuk6eGYtR0kNX1J7BTQN70u07tUXK7wh4rcohwHZf0YS49HG0q15APQi522rJOHwzCrd5rA9cyfLYMvd1AeMq_Urg51XK_uJdQA2zvHtF1dTDVq0kJfXuiYbTjvNae5DGvjAICc/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-040-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /> </a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5hVoZzSUpGKCH13q_RVbogZbZxbxDhmZuTUoFpxMeOIj1R6slgYTjNagtdGjTKbzejwsRdrDnTa3WQcRrUjREQaSKnMJiklcS4CvdVfK6v-LJWkDJj2RjRYQXRI28z87xNT9k7vHlCXE/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-039-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409573441147352738" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5hVoZzSUpGKCH13q_RVbogZbZxbxDhmZuTUoFpxMeOIj1R6slgYTjNagtdGjTKbzejwsRdrDnTa3WQcRrUjREQaSKnMJiklcS4CvdVfK6v-LJWkDJj2RjRYQXRI28z87xNT9k7vHlCXE/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-039-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRzirtZ8FxHpMkCVgW1nCtqLPyoWcsuZlqayVsmXHJFEfjDSEbFOg1MCNUV0exMcgybYSI4rzuxIE5hLRP7GjLf3KZt2ApKWmlrrlld52XObTRmVtkOpDKJRkAeTeT6lrbMVmgFHV7EmM/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-038-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409573439339002018" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRzirtZ8FxHpMkCVgW1nCtqLPyoWcsuZlqayVsmXHJFEfjDSEbFOg1MCNUV0exMcgybYSI4rzuxIE5hLRP7GjLf3KZt2ApKWmlrrlld52XObTRmVtkOpDKJRkAeTeT6lrbMVmgFHV7EmM/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-038-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgThcs_yJrHXSBlvqvRg3cWOpPj160lF1xZS574DZU2QP3NJVrcDa920klLP-vhKA8N070JDXrtbKyfRh-AluIR3wdYpP-A1Qn_JG4INNZvGSUTT1KNImgP_5AxAskSnL2rUNuTK4GCEI/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-036-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409573433156914274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgThcs_yJrHXSBlvqvRg3cWOpPj160lF1xZS574DZU2QP3NJVrcDa920klLP-vhKA8N070JDXrtbKyfRh-AluIR3wdYpP-A1Qn_JG4INNZvGSUTT1KNImgP_5AxAskSnL2rUNuTK4GCEI/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-036-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIiGQaQMn4ps8H1IDpr_jYRpCyoDW1G7HNiMudFlJztIKE4hN4uKJWcTWvY_ijTjn8lBbJWrsJeyoeKy1CkBbvOw2vY5ZybFtk9mf3x20StEyZOiiHFtT-DgQf7x3Xgyn7FCtLKWygz6o/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-035-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409573429696273986" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIiGQaQMn4ps8H1IDpr_jYRpCyoDW1G7HNiMudFlJztIKE4hN4uKJWcTWvY_ijTjn8lBbJWrsJeyoeKy1CkBbvOw2vY5ZybFtk9mf3x20StEyZOiiHFtT-DgQf7x3Xgyn7FCtLKWygz6o/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-035-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSsbi9PuJ-9ZL1JgSGx8OR8lAeT6SQQlP0xp3b62PL6GrfZOMGfa7aHz50Fu40Q9_KyvKAnsDW6imq7uajuFxGccLlxQJItfDjayv8SgU3d4xvy5A7cloE_9ntceBvzW-o-LTwgAtdIG4/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-032-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409572771703660562" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSsbi9PuJ-9ZL1JgSGx8OR8lAeT6SQQlP0xp3b62PL6GrfZOMGfa7aHz50Fu40Q9_KyvKAnsDW6imq7uajuFxGccLlxQJItfDjayv8SgU3d4xvy5A7cloE_9ntceBvzW-o-LTwgAtdIG4/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-032-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTnJ5ke3Hss5v-fPn8vl4xBXtmK1LlSPL6QReDY3X8WTgYGV8FD3x5kQMMRvY9YOBhz7iHwH_qqe0Hc9oaM_FzvBhuMgTO5rMkE6TneR_EJiDfWqtbSnkzcNSLx_sNZSnn3NZrJuY52NY/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-031-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409572769974290738" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTnJ5ke3Hss5v-fPn8vl4xBXtmK1LlSPL6QReDY3X8WTgYGV8FD3x5kQMMRvY9YOBhz7iHwH_qqe0Hc9oaM_FzvBhuMgTO5rMkE6TneR_EJiDfWqtbSnkzcNSLx_sNZSnn3NZrJuY52NY/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-031-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbWsj5FChpNVPbyjFUoDrneVuX_R8qse66H04xaYp0eYVhliQ4rGrvka3Y37Tw1ysHAymmBuLXA5wBhv0_JSROlw4LHOLwvEjQ-ztkkfdEpU5123OjulpAPWuGEmsP7VMWYKX66KWJCEA/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-030-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409572763442556594" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbWsj5FChpNVPbyjFUoDrneVuX_R8qse66H04xaYp0eYVhliQ4rGrvka3Y37Tw1ysHAymmBuLXA5wBhv0_JSROlw4LHOLwvEjQ-ztkkfdEpU5123OjulpAPWuGEmsP7VMWYKX66KWJCEA/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-030-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgKGKJP3hJAPGRaOh5tgcMFt3y_zEZJQQL_ks-MW7JJFPIEMY1U8ItSklDTa6ljFmgSZGozXg8yVdTGYJDUI7VuKHbivfL3Ep_4GaXbNS3fL55cLIbVurAoMAj5RZifvO2QPIJ72SCUeM/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-029-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409572757564406002" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgKGKJP3hJAPGRaOh5tgcMFt3y_zEZJQQL_ks-MW7JJFPIEMY1U8ItSklDTa6ljFmgSZGozXg8yVdTGYJDUI7VuKHbivfL3Ep_4GaXbNS3fL55cLIbVurAoMAj5RZifvO2QPIJ72SCUeM/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-029-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu4HZbOBespyePq9h2-PXly91MDQZspAhHfEZ0PmzyTBaWTZclCy5g-nPqZ5BwPrjGrjvBQxbOyXGJQ1uNfp4P_ZywyW9_98n2fzJjr-74PgW8coeoq1nYXuJQBO-P-xz1lcqnqWVHDwQ/s1600/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-028-wawan.jpg"><img alt="Tamara Bleszynski loves her bikini on the new movies called Air Terjun Pengantin (Bride Waterfalls)." border="0" id="BLOGGER_PHOTO_ID_5409572752748357330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu4HZbOBespyePq9h2-PXly91MDQZspAhHfEZ0PmzyTBaWTZclCy5g-nPqZ5BwPrjGrjvBQxbOyXGJQ1uNfp4P_ZywyW9_98n2fzJjr-74PgW8coeoq1nYXuJQBO-P-xz1lcqnqWVHDwQ/s400/tamara_blezsynki_dalam_film_air_terjun_pengantin-20091124-028-wawan.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 225px;" /></a>

Tamara Bleszynski loves her bikini

Tamara Bleszynski looks so happy showing her perfect body on the new movie called Air Terjun Pengantin (Bride Waterfalls) . Yes, I so surpr...

+ Read more »

Memasang Tombol Back to Top

Tujuan membuat tombol back to top dalam blog adalah agar para pengunjung blog merasa lebih mudah untuk kembali ke bagian atas blog kita. Walau mereka bisa kembali ke bagian atas blog dengan cara menggulung scrool namun dengan adanya tombol back to top ini akan lebih mempermudah, yaitu cukup dengan satu klik saja, maka mereka langsung di bawa ke bagian atas blog kita. Untuk membuat tombol yang kita maksud, kita hanya membutuhkan kode berikut:<a name='more'></a> <script type="text/JavaScript"> var topMargin = 300 var slideTime = 1200 var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); window.setInterval("main()", 10) function floatObject() { if (ns4 || ns6) { findHt = window.innerHeight; } else if(ie4) { findHt = document.body.clientHeight; } } function main() { if (ns4) { this.currentY = document.floatLayer.top; this.scrollTop = window.pageYOffset; mainTrigger(); } else if(ns6) { this.currentY = parseInt(document.getElementById('floatLayer').style.top); this.scrollTop = scrollY; mainTrigger(); } else if(ie4) { this.currentY = floatLayer.style.pixelTop; this.scrollTop = document.body.scrollTop; mainTrigger(); } } function mainTrigger() { var newTargetY = this.scrollTop + this.topMargin if ( this.currentY != newTargetY ) { if ( newTargetY != this.targetY ) { this.targetY = newTargetY floatStart(); } animator(); } } function floatStart() { var now = new Date() this.A = this.targetY - this.currentY this.B = Math.PI / ( 2 * this.slideTime ) this.C = now.getTime() if (Math.abs(this.A) > this.findHt) { this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt this.A = this.A > 0 ? this.findHt : -this.findHt } else { this.D = this.currentY } } function animator() { var now = new Date() var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D newY = Math.round(newY) if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) { if ( ie4 )floatLayer.style.pixelTop = newY if ( ns4 )document.floatLayer.top = newY if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px" } } //--> </script> <div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" width="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaC7T_RS0cMAm9AK7r3KZloDKFEKaJ3IItj4znH5sljy2PGO7_W9a6zsuUOvQNTJa3lCOQKzlYRBiAW78-9UCU9CCSx41Xx-16h6WHHyDxq90rjtFDT_t-_nsS2BkVHRWOE2AdD9xtCOB/" height="25"/></a></div> Cara memasangnya seperti biasa, login ke blogger >> Tata letak dan Tambah Gadget HTML. bagi teman-teman yang ingin mengganti gambar back to top, maka bisa diganti link yang berwarna seperti ini. tampilan dari link gambar di atas adalah seperti berikut ini: <img alt="tampilan01" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaC7T_RS0cMAm9AK7r3KZloDKFEKaJ3IItj4znH5sljy2PGO7_W9a6zsuUOvQNTJa3lCOQKzlYRBiAW78-9UCU9CCSx41Xx-16h6WHHyDxq90rjtFDT_t-_nsS2BkVHRWOE2AdD9xtCOB/" /> Di atas adalah kode dan langkah-langkah untuk memasang tombol back to top yang letakknya mengikuti gerakan scroll browser, selanjutnya bagi teman-teman yang ingin memasang tombol back to top melayang/berada di kanan slalu (bisa diatur letaknya, NB ==> kode yg tlah saya sediakan di bawah ini sudah diatur untk tampil di bagian kanan bawah), maka tman2 bisa memperaktekkannya melaui langkah-langkah berikut: Login ke blogger >> Tata Letak >> Edit HTML Kemudian letakkan kode berikut tepat di bawah kode </Body> <a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaC7T_RS0cMAm9AK7r3KZloDKFEKaJ3IItj4znH5sljy2PGO7_W9a6zsuUOvQNTJa3lCOQKzlYRBiAW78-9UCU9CCSx41Xx-16h6WHHyDxq90rjtFDT_t-_nsS2BkVHRWOE2AdD9xtCOB/'/></a> Tampilan: <img alt="tampilan02" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDaC7T_RS0cMAm9AK7r3KZloDKFEKaJ3IItj4znH5sljy2PGO7_W9a6zsuUOvQNTJa3lCOQKzlYRBiAW78-9UCU9CCSx41Xx-16h6WHHyDxq90rjtFDT_t-_nsS2BkVHRWOE2AdD9xtCOB/" /> Simpan hasil kerjaan anda! Nb: Teman-teman juga bisa memilih beberapa gambar back to top berikut ini <img alt="back to top02" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7rePmNpla8ZeYwOSBaYbPDEY7BvHr4DOvCqpmlMpFXIJPYwkBenKYgnx-8faIz8AXZLG5QXsKu_Q1k0cmR8Qrv4Wb-dcR2qZTm7zssOzJvv75wsZ8E9tojJicHxmZQ1joWx8KKmYAdGMY/" /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7rePmNpla8ZeYwOSBaYbPDEY7BvHr4DOvCqpmlMpFXIJPYwkBenKYgnx-8faIz8AXZLG5QXsKu_Q1k0cmR8Qrv4Wb-dcR2qZTm7zssOzJvv75wsZ8E9tojJicHxmZQ1joWx8KKmYAdGMY/ <img alt="back to top03" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2OD8IVHjfU7F_hJ4BhLlFI9jM8sx4jSDMnMx7NGIW1G5dBY8uMHVJhC-5vtEy1tLfDqCwqo0hPwt2blZzQ9YNRbs2wYhUVreUGRzCl0FQm1PzLsDsiodkIfZetWXific_cZlyo6h_M40/" /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2OD8IVHjfU7F_hJ4BhLlFI9jM8sx4jSDMnMx7NGIW1G5dBY8uMHVJhC-5vtEy1tLfDqCwqo0hPwt2blZzQ9YNRbs2wYhUVreUGRzCl0FQm1PzLsDsiodkIfZetWXific_cZlyo6h_M40/ Semoga Bermanfaat [] Tags: cara memasang tombol back to top, memasang tombol kembali ke atas, tombol back to top untuk blogger, kode html back to top, script back to top

Memasang Tombol Back to Top

Tujuan membuat tombol back to top dalam blog adalah agar para pengunjung blog merasa lebih mudah untuk kembali ke bagian atas blog kita. Wal...

+ Read more »

Memasang Form Login Blogger

Apa to maksudnya? maksudnya di postingan kali ini akan membahas bagaimana cara membuat form untuk masuk ke akun blogger. Itu lho kalau teman-teman pas ingin mengakses akun bloggernya teman-teman. pasti sebelum masuk ke akun blogger.com akan melalui halaman yang ada kotak seperti di bawah ini (kecuali kalau teman-teman loginnya melalui form login akun Google):<a name='more'></a> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjmWFqUajztVjP50XdtcmnDx-B4S6t2SruFzuiumNiQeCIkC4yZdECbNfyt4BBYQXSD3knKbVoqoSaDZS2VPMncifVBAXoCOLVeEhZwkpg1Wynw0J0oIhKYargzhhkNgaoQaVR0IonrU/s1600/form_login_blogger_t4belajarblogger.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5408836217562762914" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjmWFqUajztVjP50XdtcmnDx-B4S6t2SruFzuiumNiQeCIkC4yZdECbNfyt4BBYQXSD3knKbVoqoSaDZS2VPMncifVBAXoCOLVeEhZwkpg1Wynw0J0oIhKYargzhhkNgaoQaVR0IonrU/s400/form_login_blogger_t4belajarblogger.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 354px; height: 147px;" /></a> hanya saja yang ingin kita buat nggak mirip2 amat seperti di atas, ya bisa dibilang agak mirip lah. tapi kegunaannya sama, seperti berikut ini nih contoh tampilannya <form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"> <input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"> <input value="blogger" name="service" type="hidden"> <input value="8" name="nui" type="hidden"> <input value="8" name="naui" type="hidden"> <input value="2" name="fpui" type="hidden"> <input value="3" name="uilel" type="hidden"> <input value="true" name="skipvpage" type="hidden"> <input value="false" name="rm" type="hidden"> <input value="true" name="alwf" type="hidden"> <input value="http://www.blogger.com/login.g" name="roeu" type="hidden"> <input value="0" name="alinsu" type="hidden"> <input value="WbQ8QiJfUvA" name="GA3T" type="hidden"> <div><label for="Email"> Imel-e Jnengan: <input id="Email" tabindex="1" value="" name="Email" size="20" type="text"> </label></div> <div><label for="Passwd"> Paswod-e:(<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) </label> <input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div> <input id="signin-btn-ns" tabindex="0" value="Mlebu" class="ubtn ubtn-block" name="submit" type="submit"> </form> Nah buat bikin form di atas monggo dikopi kode berikut ini, lalu di pasang di halaman blog anda <form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"> <input value="http://www.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"> <input value="blogger" name="service" type="hidden"> <input value="8" name="nui" type="hidden"> <input value="8" name="naui" type="hidden"> <input value="2" name="fpui" type="hidden"> <input value="3" name="uilel" type="hidden"> <input value="true" name="skipvpage" type="hidden"> <input value="false" name="rm" type="hidden"> <input value="true" name="alwf" type="hidden"> <input value="http://www.blogger.com/login.g" name="roeu" type="hidden"> <input value="0" name="alinsu" type="hidden"> <input value="WbQ8QiJfUvA" name="GA3T" type="hidden"> <div><label for="Email"> Imel-e Jnengan: <input id="Email" tabindex="1" value="" name="Email" size="20" type="text"> </label></div> <div><label for="Passwd"> Paswod-e:(<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) </label> <input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div> <input id="signin-btn-ns" tabindex="0" value="Mlebu" class="ubtn ubtn-block" name="submit" type="submit"> </form> O ya, teman-teman juga bisa mengganti tulisan yang terttera dalam form login blogger tersebut. (Perhatikan tulisan tebal berwarna merah) Semoga Bermanfaat [] Tags: Cara memasang form login blogger, form login untuk blogger, script form login blogger, kode html untuk memasang form login, login blogspot script

Memasang Form Login Blogger

Apa to maksudnya? maksudnya di postingan kali ini akan membahas bagaimana cara membuat form untuk masuk ke akun blogger. Itu lho kalau teman...

+ Read more »

Memasang Label Flash di Blog

Teman-teman pasti sudah pada tahu apa kegunaan label/kategori. Dan yang ingin kita bahas pada postingan kali ini adalah bagaimana cara membuat label Flash. tentu ini akan terlihat lebih menarik daripada label biasa. Bagi teman-teman yang belum pernah melihat bagaimana bentuk label flash ini, bisa di lihat di <a href="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" target="_blank">sini</a>. Nah, berhubung yang barusan teman lihat hanyalah sebuah contoh, maka teman-teman bisa mengatur letak kategori serta ukurannya ketika dipasang di blognya teman-teman nantinya.<a name='more'></a> Untuk memulai memasang label flash, dapat dilakukan melalui langkah-langkah berikut: Login ke akun blogger, klik Tata Letak, klik Edit HTML. Lalu letakkan kode berikut setelah kode: <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt; &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt; &lt;param name="bgcolor" value="#ffffff" /&gt; &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt; <b:loop values='data:labels' var='label'> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a> </b:loop> &lt;/tags&gt;" /&gt; &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt; &lt;/object&gt; </div> <b:include name='quickedit'/> </b:includable> </b:widget> SIMPAN HASIL KERJAAN ANDA ! Keterangan: Merah=Silahkan disesuaikan. itu adalah tinggi dan lebar tampilan label di blog anda nanti. Hijau=Warna background. Di sana tertera #ffffff, itu artinya background anda putih. Silahkan cari-cari warnanya di <a href="http://t4belajarblogger.blogspot.com/2009/11/kumpulan-kode-warna.html" target="_blank">sini</a>. Biru=adalah warna tulisan/font label anda. Di sana tertera 000000, itu artinya warna font anda itam. Silahkan pilih warna yang anda inginkan di <a href="http://t4belajarblogger.blogspot.com/2009/11/kumpulan-kode-warna.html" target="_blank">sini</a>. Orange=Ukuran tulisan yang ada pada label. Angka 12 bisa diganti sesuai dengan besar ukuran font yang anda inginkan. Semoga Bermanfaat [] Sumber Trik: Asli Bikinan <a href="http://www.roytanck.com/" target="_blank">Roy Tanck</a> untuk blog wordpress, dan dikonver menjadi widget Blogger oleh <a href="http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html" target="blank">Amanda Fazani</a> Tags: Cara memasang label flash, label flash untuk blogger, script membuat label flash, kode html untuk memasang label flash blogger, label flash blogspot

Memasang Label Flash di Blog

Teman-teman pasti sudah pada tahu apa kegunaan label/kategori. Dan yang ingin kita bahas pada postingan kali ini adalah bagaimana cara membu...

+ Read more »

Link to This Blog

NEW TAB

Tempat Belajar Blogger

<a href="http://t4belajarblogger.blogspot.com/" target="_blank">Tempat Belajar Blogger</a>

2. Banner Link

Terima kasih atas dukungan anda []

Ingin membuat tombol auto install code seperti di atas? Baca tutorialnya di sini.

Link to This Blog

Dukung blog ini dengan memasang Link atau Banner blog t4belajarblogger.blogspot.com ke blog/web anda Silahkan pilih: 1. Text Link SAME TAB T...

+ Read more »

Air Terjun Pengantin (Bride Waterfalls) Movie Trailer

Air Terjun Pengantin (Bride Waterfalls) Movie Trailer

Synopsis : Tiara, a former Wushu who retired after a traumatic event that leaves her with Achluophobia – a fear of darkness. One day, Tiara ...

+ Read more »

Desi Florita of nine dragons

Desi Florita has been known when join Indonesian director Rudi Soedjarwo's crime drama Nine Dragons. Want to know her more? <a href="http://www.google.com/url?sa=t&source=web&ct=res&cd=12&ved=0CDUQFjAL&url=http%3A%2F%2Fwww.facebook.com%2Fdesi.florita&rct=j&q=Desi+Florita&ei=zngPS_vFLYugkQXD86yiBw&usg=AFQjCNEpvxNSztaiRehzeTiuREtfPIDNcw">Click here to visit her facebook</a>. 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqOzwDAMsBOHetSkB2BJplMIOcnuFZ_jNY0c7MC7Zw5H5p2xaoQwflmNI5JtHaCwXHTFbwkL-w1Y6tdPzfWjoKgpM9d6vIZLr587BTdR4IulX3y7j2jVJRF3kyhqhM5s_B4vqpiTn57oo/s1600/1_442510059.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Desi Florita" border="0" id="BLOGGER_PHOTO_ID_5408670372654028498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqOzwDAMsBOHetSkB2BJplMIOcnuFZ_jNY0c7MC7Zw5H5p2xaoQwflmNI5JtHaCwXHTFbwkL-w1Y6tdPzfWjoKgpM9d6vIZLr587BTdR4IulX3y7j2jVJRF3kyhqhM5s_B4vqpiTn57oo/s400/1_442510059.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a> 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-dmhyphenhyphenul9_EWXOnkK_bIDYg-fVQwJ2fp-X7neJ3gkdX114GuIiocO6qMRsJB0WvUbvWLPRuN4PpuMC_6_woHTJTCt9G2yMmDp4FqQJlVS7erCBTrRqrAub9J5hYxM7ThUl2OAGxpA9WEU/s1600/1_335773460.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Desi Florita" border="0" id="BLOGGER_PHOTO_ID_5408670369867880770" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-dmhyphenhyphenul9_EWXOnkK_bIDYg-fVQwJ2fp-X7neJ3gkdX114GuIiocO6qMRsJB0WvUbvWLPRuN4PpuMC_6_woHTJTCt9G2yMmDp4FqQJlVS7erCBTrRqrAub9J5hYxM7ThUl2OAGxpA9WEU/s400/1_335773460.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a> 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCp1TXAFuT25ValQYw4S2T5_VqTLn1LF7z2im5Z-hKiU-jCe7C2I0l6PxqqwNFxXX2VpDUux_lqBSQycojaEWq7UN8wwdGx3AYLjiJW-quJoFuA5tnCfBQgReh5-D-khiV4lCjdllWvmk/s1600/1_270683319.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Desi Florita" border="0" id="BLOGGER_PHOTO_ID_5408670361333390178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCp1TXAFuT25ValQYw4S2T5_VqTLn1LF7z2im5Z-hKiU-jCe7C2I0l6PxqqwNFxXX2VpDUux_lqBSQycojaEWq7UN8wwdGx3AYLjiJW-quJoFuA5tnCfBQgReh5-D-khiV4lCjdllWvmk/s400/1_270683319.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a>

Desi Florita of nine dragons

Desi Florita has been known when join Indonesian director Rudi Soedjarwo's crime drama Nine Dragons. Want to know her more? Click here t...

+ Read more »

How to Install the Search Box on the Blog

What the function of Search Box? With search box the blog visitors can find the posts easily, without looking for all of our post one by one and this will make them feel more easily to find our other posts just with typing a keyword and press enter button on their keyboard.<a name='more'></a> To make the box, We just need the code below: <form action="http://ur blog/web address.com/search"method="get"><input class="textinput" name="q" size="50" type="text"/><input value="Search" class="buttonsubmit"name="submit" type="submit"/></form> Preview: <form action="http://t4belajarblogger.blogspot.com/search" method="get"><input class="textinput" name="q" size="50" type="text"><input value="Search" class="buttonsubmit" name="submit" type="submit"></form> >>You can to customize it too by changing: Blue: Your blog/web URL Address. Red: Size of search Box Black: The name of button, ex: Search, find, etc. How easy? gOoD LUcK [] Tags: install the search box, search box into blogger blog, search box HTML for Blogger

How to Install the Search Box on the Blog

What the function of Search Box? With search box the blog visitors can find the posts easily, without looking for all of our post one by one...

+ Read more »

Cara membuat Halaman yang Bisa Ngelipat/ Page Peel Effect

Suatu ketika lagi ngenet tiba-tiba menemukan suatu web yang unik tampilan halamannya. Uniknya tuh kalau kita mengarahkan kursor mouse kita di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya. <a name='more'></a> Teman-teman juga bisa menemukannya di blog ini. Yang seperti ini lho... <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Unp8onPmPPm8ITQCXrtZCGJjG-U-bK7J7V2NIG4A5289-_T8UDrxR34uj4OfGu9RUNuoPhK-aiUSWTpL-imzoQ95kOkwIBIxWOmVl8v_j6eKaS4xVZ5qs6kwioEYXFRIn5xEsyvVI0k/s1600/page_peel_t4belajarblogger.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5408255225591775666" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Unp8onPmPPm8ITQCXrtZCGJjG-U-bK7J7V2NIG4A5289-_T8UDrxR34uj4OfGu9RUNuoPhK-aiUSWTpL-imzoQ95kOkwIBIxWOmVl8v_j6eKaS4xVZ5qs6kwioEYXFRIn5xEsyvVI0k/s320/page_peel_t4belajarblogger.JPG" style="cursor: pointer; display: block; height: 141px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a> <div style="text-align: center;">UPDATE....</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEou2f5QxigSlB8G2V3Zl-crInYynEzqyFBXf2b5jx5xtsQmkuoEcf5n3H_xjU4QO1X_G5LQzkkKi-xlFNiIg1QT6CGJEDSEcuTOUCp3Mil2L5Q82PLhHy1mz_vu1X3sck4HtFh5oNeSA/s1600/page_peel_update_t4belajarblogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEou2f5QxigSlB8G2V3Zl-crInYynEzqyFBXf2b5jx5xtsQmkuoEcf5n3H_xjU4QO1X_G5LQzkkKi-xlFNiIg1QT6CGJEDSEcuTOUCp3Mil2L5Q82PLhHy1mz_vu1X3sck4HtFh5oNeSA/s320/page_peel_update_t4belajarblogger.JPG" width="320" /></a></div> Untuk membuat halaman blog teman-teman seperti di atas caranya gampang. Ikuti langkah2 berikut: 1. Login ke blogger >> Tata Letak >> Edit HTML >> Expand widget template 2. Cari kode <table border="1"><tbody><tr><td><b:skin><![CDATA[</td></tr></tbody></table>dan letakkan kode berikut di atasnya: <div class="alert"><script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $("#pageflip").hover(function() { $("#pageflip img , .msg_block").stop() .animate({width: '307px',height: '319px'}, 500); } , function() { $("#pageflip img").stop() .animate({width: '50px',height: '52px'}, 220); $(".msg_block").stop() .animate({width: '50px',height: '50px'}, 200); }); }); </script></div> 3. Lalu cari lagi kode <table border="1"><tbody><tr><td>]]></b:skin></td></tr></tbody></table>Dan letakkan kode berikut tepat di atasnya: <div class="alert">#pageflip { position: relative; } #pageflip img { border: none; width: 50px; height: 52px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; } #pageflip .msg_block { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP9nyABg9fs9GvcxJm5LfiHydyJzel3WBSYDJLolnq8Q1gPIJXySV9hkuRFtk2vgx5EhhqImhM48A53J_KFxJD6SoqZZ0VXQ6SOkrfcWHtt5mT2vmuqDh9V0N_RHT5gxK4eRNk8YtiOx1P/) no-repeat right top; text-indent: -9999px; }</div> 4. Cari kode <table border="1"><tbody><tr><td><body></td></tr></tbody></table>Dan lettakkan kode berikut di bawahnya: <div class="alert"><div id='pageflip'> <a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigsNRfsY_Pq2xD764E8YtuWMorePLE6QH8CQ4ptb8IeqBvDKgwPVIym6FlursfEmwpzDddx-0pKAaHsPDFIrg16wVuxGIFQA_hd6r4hUsO_vS3yWQ3JS2zaBu9_PMqyyonztS03RlMJcsG/'/> </a> </div></div> *Ganti yang berwarna Ijo dengan Link yang anda inginkan. Saran: Link RSS atau <a href="http://t4belajarblogger.blogspot.com/2009/11/membuat-form-berlangganan-posting-via.html" target="_blank">link berlangganan</a>. 5. Simpan hasil kerjaan anda. Sekarang silahkan lihat blog anda, bagaimana....baguskan? Untuk mengganti gambar dinding, teman-teman bisa mengganti URL berikut: #pageflip .msg_block { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP9nyABg9fs9GvcxJm5LfiHydyJzel3WBSYDJLolnq8Q1gPIJXySV9hkuRFtk2vgx5EhhqImhM48A53J_KFxJD6SoqZZ0VXQ6SOkrfcWHtt5mT2vmuqDh9V0N_RHT5gxK4eRNk8YtiOx1P/) no-repeat right top; text-indent: -9999px; } Semoga Bermanfaat [] Sumber Trik:[<a href="http://adf.ly/FQSS" target="_blank">sohtanaka.com</a>] Tags: cara membuat page peel effect, cara membuat halaman kelipat, membuat halaman yang melipat, cara membuat page peel effect dengan jQuery, tutorial page peel effect

Cara membuat Halaman yang Bisa Ngelipat/ Page Peel Effect

Suatu ketika lagi ngenet tiba-tiba menemukan suatu web yang unik tampilan halamannya. Uniknya tuh kalau kita mengarahkan kursor mouse kita d...

+ Read more »

How to Add Three Columns in The Footer

We know that Too many gadget in the header n sidebar blog, wll effect the speed of load our blog. Therefore many blogger put their blog gadget in the footer but there is a problem, some blog templates only provide a few footer culomns. and how to overcome this problem?<a name='more'></a> Of Course! to overcome this problem we just need to add some columns in the footer. How to do it? 1. Login to your blogger account. 2. Click the layout option >> Edit HTML 3. Find code <table border="1"> <tbody><tr><td>]]></b:skin></td></tr> </tbody></table>(you can use Ctrl+F to find it) 4. And then put the codes below above the <table border="1"> <tbody><tr><td>]]></b:skin></td></tr> </tbody></table>code: #footer-column-container { clear:both; } .footer-column { padding: 10px; } 5. N Then find code below: <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div> 6. So put the codes below under the codes in number 5 (above) <div id='footer-column-container'> <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> <hr align='center' color='#5d5d54' width='90%'/> <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'> <b:section class='footer' id='col-bottom' preferred='yes'> <b:widget id='Text2' locked='false' title='' type='Text'/> </b:section> </div> <div style='clear:both;'/> </div> 7. Save your Template. To see the result of your work, click layout option. You ll see: BEFORE: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZpAfU3RVtqj9va2sKYW-EoFFD3VPquMSvwywiUQXGMymKpJLDAZ3GMTFmP32VHZjGMJ7AlEa8JCclxD6EEw-NCM80MheUJWb2xA5BxZzwCSReDrqO89_ejl5JIx53JXI3GM6G4gDSxw/s1600/menambah_tiga_footer01_t4belajarblogger.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5408247684372990498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZpAfU3RVtqj9va2sKYW-EoFFD3VPquMSvwywiUQXGMymKpJLDAZ3GMTFmP32VHZjGMJ7AlEa8JCclxD6EEw-NCM80MheUJWb2xA5BxZzwCSReDrqO89_ejl5JIx53JXI3GM6G4gDSxw/s320/menambah_tiga_footer01_t4belajarblogger.JPG" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 179px;" /></a> AFTER: <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM3FBtGRBbI7beZU2chGYcNH4QDI2Tnqw_fMXs93WaA4xh75M7fIfwtwiLSswALiG_r-S0dh94G02S1gsQkMQKVlJbGGmq5ZxjkTzRBuhUY6XOoufcTH-dglYDiYugITh7y8U0LnrHDbo/s1600/menambah_tiga_footer02_t4belajarblogger.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5408247865107777634" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM3FBtGRBbI7beZU2chGYcNH4QDI2Tnqw_fMXs93WaA4xh75M7fIfwtwiLSswALiG_r-S0dh94G02S1gsQkMQKVlJbGGmq5ZxjkTzRBuhUY6XOoufcTH-dglYDiYugITh7y8U0LnrHDbo/s320/menambah_tiga_footer02_t4belajarblogger.JPG" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 259px;" /></a> gOOD LucK Tags: Add three columns in the footer, how to add three columns in the footer, trick to adding three columns, editing template to be three columns in footer

How to Add Three Columns in The Footer

We know that Too many gadget in the header n sidebar blog, wll effect the speed of load our blog. Therefore many blogger put their blog gadg...

+ Read more »

The Color Codes

The Color Codes:<a name='more'></a> <table class="MsoNormalTable" style="" border="0" cellpadding="0" cellspacing="1"><tbody><tr style=""><td style="padding: 1.5pt; background: white none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">#FFFFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: yellow none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF99FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF99CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF66FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF66CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF33FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF33CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: fuchsia none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF00FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF00CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0033<o:p></o:p> </td> <td style="padding: 1.5pt; background: red none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 2 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC99FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC99CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC66FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC66CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC33FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC33CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC00FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC00CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 3 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9999FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9999CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9966FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9966CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9933FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9933CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9900FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9900CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 4 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6699FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6699CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6666FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6666CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6633FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6633CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6600FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6600CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 5 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3399FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3399CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3366FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3366CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3333FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3333CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3300FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3300CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 6 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: aqua none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: lime none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0099FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0099CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0066FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0066CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0033FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0033CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: blue none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0000FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0000CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000033<o:p></o:p> </td> <td style="padding: 1.5pt; background: black none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 7 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(70, 85, 132) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #465584<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(238, 242, 247) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #EEF2F7<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(58, 79, 108) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3A4F6C<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 221) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00D<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(67, 73, 81) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #434951<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(85, 85, 85) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #555<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(119, 119, 119) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #777<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(223, 230, 239) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #DFE6EF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(52, 84, 135) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #345487<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(245, 249, 253) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #F5F9FD<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(56, 96, 187) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3860BB<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(188, 208, 237) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #BCD0ED<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(194, 207, 223) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #C2CFDF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(240, 245, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #F0F5FA<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(209, 220, 235) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #D1DCEB<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #900 <o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 233, 253) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCE9FD<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(228, 234, 242) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #E4EAF2<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(76, 119, 182) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #4C77B6<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(223, 230, 239) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #DFE6EF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(238, 242, 247) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #EEF2F7<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(250, 252, 254) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <o:p></o:p> </td> <td style="padding: 1.5pt;"> <o:p> </o:p> </td></tr></tbody></table> Tags: Kumpulan kode warna, kode warna HTML, script kode warna

The Color Codes

The Co lor Cod es : #FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00 #FFCCFF ...

+ Read more »