Inilah Kode Tag Kondisional Blogger yang harus anda diketahui

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Tag Kondisional adalah sebuah kode yang berfungsi untuk mengatur perilaku widget di <i>Platfrom Blogger. </i>Para Desainer Template yang sudah mahir biasanya memanfaatkan kode khusus untuk menapulasi Template mereka. Tentu saja menggunakan Kode Java Script, CSS3, dan JQuery. Tujuan dari itu adalah untuk membuat Tampilan Template yang sempurna Sesuai dengan keinginan.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5O3NeOqoRNhjkuy0MVRXrcg55aJnMLtuqMYt47-GutlAejvNoUZLb2-FNGx7ie0ux_SbcJCIHxruCQi2DkBzDey0kXk6UW3ycSnQdrIuBawQGQmKTcfyqqgwlhXB108DilA2Da52mOvs/s1600/tag-kondisional-blogspot-dan-cara-menggunakannya.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5O3NeOqoRNhjkuy0MVRXrcg55aJnMLtuqMYt47-GutlAejvNoUZLb2-FNGx7ie0ux_SbcJCIHxruCQi2DkBzDey0kXk6UW3ycSnQdrIuBawQGQmKTcfyqqgwlhXB108DilA2Da52mOvs/s400/tag-kondisional-blogspot-dan-cara-menggunakannya.png" width="400" /></a></div><br />Selain mengontrol Standart Widget Bawahan Blogger, Tag Kondisional juga bisa dipakai untuk mengatur dan mengendalikan CSS3 Terumata dalam pemakaian Media Screen. Berbeda dengan Java Script atau JQuery yang memiliki aturan dalam penempatan atau peletakannya. Pemakaian Tag Conditional dengan benar bisa juga dapat mempercepat Loading Blog anda.<br /><b><br /></b><br /><div style="text-align: center;"><b><b><span style="font-size: large;">Inilah Kode Tag Kondisional Blogger yang harus anda diketahui</span></b></b></div><br />1. Menampilkan Widget Hanya di Halaman Arsip<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 60px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType == &quot;archive&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />2. Menampilkan Widget Selain di Halaman Arsip<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType != &quot;archive&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />3. Menampilkan Widget Hanya di Home Page Saja.<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond="data:blog.url == data:blog.homepageUrl"></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i><br /><div><br /></div></div></div><br />4. Menampilkan Widget Selain HomePage ( Seperti Halaman)<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond="data:blog.url != data:blog.homepageUrl"></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />5. Menampilkan Widget Hanya Halaman Statis ( Statis Page )<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType == &quot;static_page&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i><br /><div><br /></div></div></div><br /></div>6. Menampilkan Widget Selain Halaman Statis ( In addition to static pages)<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType != &quot;static_page&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />7. Menampilkan Widget di Single Post<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType == &quot;item&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />8. Menampilkan Widget Selain di Single Post<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType != &quot;item&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div><br /></div>9. Menampilkan Widget di Halaman Mobile/Smartphone<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.isMobile'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />10. Menampilkan Widget pada URL atau Halaman Tertentu<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.url == &quot;<span style="color: red;">alamatpostingan</span>&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i><br /><div><br /></div></div></div><br />11. Menampilkan Widget Selain URL atau Halaman Tertentu<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.url != &quot;alamatpostingan&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />12. Menampilkan Widget di Halaman Perdambaan Label (Mencari Artikel Berdasarkan Label)<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.searchLabel'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div><br />13. Menampilkan Widget Hanya di Home/Beranda Saja Tanpa Terlihat Single Post<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 90px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType != &quot;item&quot;'></i><br /><i><b:if cond='data:blog.pageType != &quot;static_page&quot;'></i><br /><i>   Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i><br /><i></b:if></i></div></div><br />14. Halaman Error Page<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType == &quot;error_page&quot;'></i><br /><i>Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div></div></div><div style="text-align: center;"><ul class="btn"><li><a class="demo" href="http://maycyber-download.blogspot.com/" target="_blank">Update 29 Desember 2016</a></li></ul></div></div>15. Menampilam Widget Tertentu pada Mobile Device<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.isMobileRequest == &quot;true&quot;'></i><br /><i>Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div><b><br /></b>16. Menyembunyikan Widget Tertentu pada Mobile Device<br /><br /></div></div><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:if cond='data:blog.isMobileRequest == &quot;false&quot;'></i><br /><i>Elemen atau kode CSS atau Kode Widget</i><br /><i></b:if></i></div><br /></div></div>Catatan :<br />" == " (2 sama dengan) Tanda ini berarti kondisi Objek atau kode akan ditampilkan atau sedang di proses.<br />" != " (Tanda Seru dan sama dengan) Tanda ini berarti kondisi kecuali atau Objek atau kode tidak akan diproses.<br /><br />Anda yang ingin memanfaatkan Tag Kondisional kode diatas  untuk mengatur Standart Widget. Anda wajib meletakkannya kode tersebut diantaranya dibagian <b><b:includable id='main'></b> dan <b></b:includable></b><br /><b><br />Biar lebih jelas, perhatikan Screenshoot Berikut :</b><br /><b><br /></b><i>- Klik Gambar Biar Lebih Jelas !</i><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOfcuoSi1FKrS2qDbpG6ELIRPj7ewqLmAvDihtc82-5V3_zcfBPhyphenhyphen3chYvw5DUry9EYdtKpyyXXi7uT9MAJ9jMxtgGHOHQAnqQJDYZFV5PZxp8SuhK5MDkJNrVwJSoFqxi1uEJSGY1b1A/s1600/merombak-template-maycyber-download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOfcuoSi1FKrS2qDbpG6ELIRPj7ewqLmAvDihtc82-5V3_zcfBPhyphenhyphen3chYvw5DUry9EYdtKpyyXXi7uT9MAJ9jMxtgGHOHQAnqQJDYZFV5PZxp8SuhK5MDkJNrVwJSoFqxi1uEJSGY1b1A/s640/merombak-template-maycyber-download.jpg" width="640" /></a><br />Sehingga Jika dicontohkan akan menjadi seperti ini :<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 135px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i><b:widget id='HTML99' locked='false' title='' type='HTML'></i><br /><span style="color: red;"><i><b:includable id='main'></i></span><br /><i>   <b:if cond="data:blog.url == data:blog.homepageUrl"></i><br /><i>      Elemen atau kode CSS atau Kode Widget</i><br /><i>   </b:if></i><br /><span style="color: red;"><i></b:includable></i></span><br /><i></b:widget></i></div><br />Demikian Penjelasan Singkat <b>Kode Tags Kondisional</b> yang berguna untuk merancang atau merombak template supaya Responsive dan Seo Freandly ini. Sekian dari saya, <b>Semoga Bermanfaat!</b> dan Semoga Artikel yang sederhana ini, dapat menginspirasi anda dalam pembuatan Template yang Responsive. </div>

Diposting oleh Mr Xiulung