October 14, 2011

Membuat halaman berbeda-beda pada Blogger

Seperti judulnya'Membuat halaman berbeda-beda pada Blogger',sebenarnya postingan ini saya buat karena saya hanya ingin menjawab pertanyaan shinobi blog yang menanyakan cara membuat setiap halaman blog berbeda-beda,ok langsung saja tutorialnya...


Secara format kode-kode yang membuat kondisi template blog berbeda-beda adalah seperti ini:
<style type='text/css'>
Kode CSS

</style>
 Kode CSS diatas sebenarnya adalah baju baru template,untuk memulainya sobat harus tau dulu apa yang akan sobat rubah,seperti warna background,lebar,tinggi dan kode-kode lainnya,misalnya kode yang mau kamu ubah adalah background kode body{,dari #000,menjadi #fff (kodenya dibawah,dan jangan lupa untuk meletakkan kodenya di tab Edit HTML pada postingan sobat)
<style type='text/css'>
body{
background-color:#000000;
margin:0;
text-align:center;
line-height:1.5em;
font:x-small Trebuchet MS,Verdana,Arial,Sans-serif;
color:$mainTextColor;
font-size:small;
}

</style>
Kode diatas hanya berguna jika sobat sisipkan satu-satu ke semua posting di blog sobat,tapi jangan khawatir buat yang postingannya udah banyak,ada caranya kok hehehe....,yaitu dengan memasukkan kode css diatas dengan sedikit Tag Kondidisonal menjadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
body{
background-color:#9B0707;
margin:0;
text-align:center;
line-height:1.5em;
font:x-small Trebuchet MS,Verdana,Arial,Sans-serif;
color:$mainTextColor;
font-size:small;
}
</style>
</b:if>
Kode diatas sobat tarus di atas kode </head>,selesai deh,sekarang tinggal sobat save dan lihat hasilnya,happy blogging
Source :http://musakhairulumam.blogspot.com

Artikel Lainnya: