Assalam masih bertemu lagi dengan Akihiro nah kali ini Moder mau berbagi Blog trick atau tutorial blog. sebelum keintinya ... (~‾ ▽‾)~ BACA DULU DEH.. apakah sobat tahu penggunaan menampilkan CSS di halaman tertentu??? Yap benar sekali, bila sobat memiliki CSS yang menghambat loading blog alias LALOD (LAmbat LOaDing) atau membuat blog itu lambat? nah digunakan trick ini ( ˘ з˘ )♬♪ menghilangkan CSS di halaman tertentu dapat meringankan blog. seperti di blog ini.. juga menggunakan trick yang sama...
Yah, dalam mengedit template seperti yang satu ni
► ScreenShot
► Example
Halaman Posting
Halaman Homepage
Untuk menampilkan CSS di halaman tertentu, sobat harus menambahkan conditional tags(b:if cond) pada CSS yang diinginkan. Berikut ini adalah langkah-langkah menambahkannya jangan meletakkan kode pembentuk ini di tempat CSS antara <b:skin> dengan ]]></b:skin> karena ini berupa kode HTML untuk memanggil CSS ε=ε=(ノ≧∇≦）ノ wok
Masuk ke halaman template (Dashboard > Template)
Klik "Edit HTML"
Jangan lupa klik tanda ini ►
► Menampilkan CSS Hanya di Halaman Utama/Indeks (Homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#namacss1{display:none;}
//memberikan kode css display:none pada halaman Homepage itu menandakan bahwa di halaman Homepage tidak muncul CSS yang telah di tag.
#namacss1, #namacss2, #namacss3, #namacssdanlain-lain {display:none;}
//sama seperti diatas namun guna kode [, ] separate coma itu memudahkan agar menggabungkan CSS yang kita ingin hilangkan
</style>
</b:if>
► Menampilkan CSS Hanya di Halaman Posting
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#namacss1{display:none;}
//memberikan kode css display:none pada halaman Posting itu menandakan bahwa di halaman posting tidak muncul CSS yang telah di tag.
#namacss1, #namacss2, #namacss3, #namacssdanlain-lain {display:none;}
//sama seperti diatas namun guna kode [, ] separate coma itu memudahkan agar menggabungkan CSS yang kita ingin hilangkan
</style>
</b:if>
► Menampilkan CSS Hanya di Halaman Statis
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#namacss1{display:none;}
//memberikan kode css display:none pada halaman Homepage itu menandakan bahwa di halaman Homepage tidak muncul CSS yang telah di tag.
#namacss1, #namacss2, #namacss3, #namacssdanlain-lain {display:none;}
//sama seperti diatas namun guna kode [, ] separate coma itu memudahkan agar menggabungkan CSS yang kita ingin hilangkan
</style>
</b:if>
►Menampilkan CSS Hanya di Halaman Error
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
#MOD-error404 {background: #000 url('') no repeat center}
</style>
</b:if>
► Menampilkan CSS Hanya di Salah Satu Post (Berdasarkan URL)
<b:if cond='data:blog.url == "Gantidengan URL Halaman di sini"'>
<style type='text/css'>
body{display:none;}
GOODWORK!!!
wkwkwkwkkk
</style>
</b:if>
Setelah conditional tags ditambahkan, lalu buat kode pengaktifan CSS di HTML, seperti
<div id='namacss1'> terletak dimana saja (#_#)ngek atau <div id='MOD-error404'> terletak diatas <body> atau </head> u/ terserah sobat
lalu save template.
Ok sekian dulu untuk post hari ini ｡_(-＿-!) sampai kumpa di post berikutnya bye ~~＼(´μ｀｡)／~~
(‾˛‾")ƪ(˘-˘) ► Monster-Backlink
| URL |
| Code For Forum |
| HTML Code |
0 komentar►
Posting Komentar