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 == "item"'>
<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
90 comments:
Alhamdulillah dapet pertamax nie sob :D
Infonye keren sob, entar tak coba di blog qu sob .........
:Silahkan di coba
ow contohnya seperti pada blog ente ini ya sob?
:Yupz betul..
info bagus nih, berarti maksudnya tiap postingan bisa beda2 tampilan blog juga ya..
:Btul sob
Bah Bertahun-tahun ane cari cara ini tapi gak ada yang berhasil...coba yang ini ternyata berhasil..thanks ya sob...
:Sama2 sobat
kapan-kapan boleh deh di coba kalo udah bosen sama templateku mas. . .
blognya super duper keren , , apa lagi home pagenya .. :)
ajarin donk mas buat halaman kayak punya mas . . hehe^^
kalau mas mau share tentang homepagenya mas tolong kirimkan linknya di e-mailku ya mas dhblog@yahoo.com . . ^^
:Insyaallah sob
saya suka dngan font dan bayangannya.
sexy...
ini pake @font face atau apa?
:Pake @font face sob
alhamdulillah ...
saya memang lagi nyari kode yang terakhir ini mas...
akhirnya nemu juga.
muwakasih buwanyak loch mas..
muaacchh...
:Ok sob,sama2
wah mantap nih,boleh di coba makasi infonya,oh iya kapan nih request saya ko ga di beritau cara buat next-older di pinggir yang kaya blog ini sob ? posting yah kepengen nih
:Ok sob
kreatif gan ^_^
:Thanks
wihh bagus untuk di coba nih mas... ijin bookmark yaa :D
:Ok sob
mantab nih sob tutornya,, jadi pengen mempelajari,, hehehhe,, thx for sharing,,
:Sama2 sob
waw mantabs nieh sobb http://www.adaisinya.com
:Ane visiting sob
MANTAAFF BOSS!!
Blogazine tuh emang Kereen BGT.. Berbeda2 disetiap Postingan tuh biar Kita enggak Bosen,,Tul Gak Boss???
Hwehehee...
OOT: Kenapa yach BACKGROUND DEPAN Ayas kok Ganti2 Mengikuti BACKGROUND POSTINGAN???
Kok enggak bisa TETAP seperti dalam TEMPLATE AWALnya???
:Hehehehe... ane agak bosen sob kalo pake background awalnya
wah...hebat master CSS nih :D
btw...repot donk sisipkan satu" ke posting'an :P
:Ada cara cepetnya sob di postingan ini
cara buat font ada shadowny gmn sob ??
:ente tambahin aja kode text-shadow:1px 0 0 #eee,-1px 0 0 #fff,0 1px 0 #eee,0 -1px 0 #eee,1px 1px 2px #000; di id postingannya blog ente
makasih sobb.. udah dipost ... bookmark dlu aaah... :)
:SILAHKAN SOB
bingung sobb.. kog gak jadi2 sih .. :)
:Yang ini ngerubahnya di homepage sob,kalo ngubahnya mau di postingan,atau di pencarian label,tag kondidisonalnya harus dirubah dulu
agan master ya :D
Bukan om ane cuma newbie biasa
pala ku mumet sobb.. !! bingung banget ... hhe..
mau refresh mata dlu .... !!
Hahaha..
kalo biar tampil di semua postingan gmn sob?
Sudah ada caranya diatas sob
Cuztom post menjadi candu bagi mereka.. :D
mudah2an bukan hanya sekedar trend sekarang ini tapi juga seterusnya.. Nice tutorial
Iya sob mudah2han trend buat selamanya
wow mantap.....
Thanks for coming
MAsalahnya klo font-nya ky gini yg baca dijamin pasti melek-merem mas... font-nya kaya cacing disko. tapi infonya keren. thx
Cacing pipih kali om hehehe...
Mantap...
tapi pada bagian ini, komennya kecil2 banget.
Susah bacanya :D
Sudah di perbarui sob
Salam kenal juga :D
Salam kenal juga :D
kunjungan pagi sob...
gmana nh ad trik baru gak?
Udah ada om
Mantep yang ini nih :D
Thanks
sobb coba lihat disini http://www.shinobi-blog.com/2011/06/akses-facebook-gratis-lewat-hp.html ...
apa yg mesti saya tambahin atau kurangi nih...
mohon pencerahannya sobb... :)
wew,mantap ini,.tapi saya amsih bingung soal coding begituan,. :'(
Saya juga baru belajar
wah keren euy :o
Thanks :D
mantap om tips nya,
blog nya makin keren aja nih :)
Blog ente juga makin keren hehehe...
Mantab sob :D ijin praktek , dapet ilmu baru lagi neh
Silahkan dipraketekin
Kayanya bleh jga nuh gan mksih ya...
Sama2
kenapa ya, pada saat saya taruh css di postingan, homepage nya juga ikut berubah ?? bisa kasi tau gak ?
Maaf sob tadi ada kesalahan tapi sekarang sudah diperbaiki kok,silahkan di prakteik :D
Thanks
kaya BlogaziNE YA??
Iya
saya masih kurang faham mengenai ini, jadi ijin bookmark dulu mas :)
Silahkan dibookmark
wah,komen2 nya susah di baca ..:G
Hehehe... ane perbarui dulu nih
Aku kepingin punya blog yang ada 2 tampilan berbeda. Pernah mencoba sih, tapi error..
maaf OOT Font Komentarnya kurang besar...pedes matanya kalo liat
Post yang mantap
kebetulan saya lagi cari trik ini gan
nice post n nice blog juga..!!!
manatb dah sob,, ane pengen belajar nih bikin kyk gini,, hehehe,, semoga aja bisa,, :D
loh, keren ini jadinya :D
nice info
Wahhh sOBAT aku gak bisa baca nich tulisannya maklum mata udah paya hehheee...:)
nice impo gan.......
nitip dikit om......
ini dia yang saya cari2 selama ini emang kren banget nih trik,thank ya sob untuk sharenya
bagus ini infonya..nanti saya coba terapkan bro...^^
nice to be here musakhairulumam.blogspot.com owner discovered your website via Google but it was hard to find and I see you could have more visitors because there are not so many comments yet. I have found site which offer to dramatically increase traffic to your site http://xrumerservice.org they claim they managed to get close to 1000 visitors/day using their services you could also get lot more targeted traffic from search engines as you have now. I used their services and got significantly more visitors to my blog. Hope this helps :) They offer link popularity seo elite backlinks building backlinks Take care. Jay
saya masih belum ngerti nih kang :(
Trik yang oke. Ijin bookmark dulu
ijin nyoba sama copas bg nya mas..
Mohon Izin tutorialnya udah dipasang, sangat berkesan. Terimakasih Mas
terima kasih infonya gan kunjungan balik www.bacawebster.com
Posting Komentar