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
91 comments:
Alhamdulillah dapet pertamax nie sob :D
Infonye keren sob, entar tak coba di blog qu sob .........
@A-NX:Silahkan di coba
ow contohnya seperti pada blog ente ini ya sob?
info bagus nih, berarti maksudnya tiap postingan bisa beda2 tampilan blog juga ya..
Bah Bertahun-tahun ane cari cara ini tapi gak ada yang berhasil...coba yang ini ternyata berhasil..thanks ya sob...
@ZONA DOWNLOAD GRATIS:Yupz betul..
@al kahfi:Btul sob
@LaNo HTC: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 . . ^^
saya suka dngan font dan bayangannya.
sexy...
ini pake @font face atau apa?
@Bayu Aldi Yansyah:Insyaallah sob
@Offical Purbojati:Pake @font face sob
alhamdulillah ...
saya memang lagi nyari kode yang terakhir ini mas...
akhirnya nemu juga.
muwakasih buwanyak loch mas..
muaacchh...
@Offical Purbojati: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
kreatif gan ^_^
wihh bagus untuk di coba nih mas... ijin bookmark yaa :D
@Raindra:Ok sob
@sniper:Thanks
@Ridzahul Khairin:Ok sob
mantab nih sob tutornya,, jadi pengen mempelajari,, hehehhe,, thx for sharing,,
waw mantabs nieh sobb http://www.adaisinya.com
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???
wah...hebat master CSS nih :D
btw...repot donk sisipkan satu" ke posting'an :P
cara buat font ada shadowny gmn sob ??
makasih sobb.. udah dipost ... bookmark dlu aaah... :)
bingung sobb.. kog gak jadi2 sih .. :)
@Rama88:Sama2 sob
@ADA ISINYA:Ane visiting sob
@BagiBagiBlog:Hehehehe... ane agak bosen sob kalo pake background awalnya
@Rahman Al Firous:Ada cara cepetnya sob di postingan ini
@Rahman Al Firous: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
@Shinobi Blog:SILAHKAN SOB
@Shinobi:Yang ini ngerubahnya di homepage sob,kalo ngubahnya mau di postingan,atau di pencarian label,tag kondidisonalnya harus dirubah dulu
agan master ya :D
pala ku mumet sobb.. !! bingung banget ... hhe..
mau refresh mata dlu .... !!
kalo biar tampil di semua postingan gmn sob?
Cuztom post menjadi candu bagi mereka.. :D
mudah2an bukan hanya sekedar trend sekarang ini tapi juga seterusnya.. Nice tutorial
wow mantap.....
@Dode [Admin Dode-Xp]Bukan om ane cuma newbie biasa
@ShinobiHahaha..
@ZONA DOWNLOAD GRATISSudah ada caranya diatas sob
@Se AvanceeIya sob mudah2han trend buat selamanya
@Tamu AndaThanks for coming
MAsalahnya klo font-nya ky gini yg baca dijamin pasti melek-merem mas... font-nya kaya cacing disko. tapi infonya keren. thx
Mantap...
tapi pada bagian ini, komennya kecil2 banget.
Susah bacanya :D
@Naufal Aminur RahmanCacing pipih kali om hehehe...
@Danu AkbarSudah di perbarui sob
@viraSalam kenal juga :D
@viraSalam kenal juga :D
kunjungan pagi sob...
gmana nh ad trik baru gak?
Mantep yang ini nih :D
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,. :'(
wah keren euy :o
@A-NXUdah ada om
@FarixsantipsThanks
@Si-ArifSaya juga baru belajar
@Cek InfoThanks :D
mantap om tips nya,
blog nya makin keren aja nih :)
keren mas,,,
isi blognya bermanfaat semua :)
mantap!!
Mantab sob :D ijin praktek , dapet ilmu baru lagi neh
Kayanya bleh jga nuh gan mksih ya...
kenapa ya, pada saat saya taruh css di postingan, homepage nya juga ikut berubah ?? bisa kasi tau gak ?
@NaughtyricBlog ente juga makin keren hehehe...
@elang ajibThanks
@arif poetra yunarSilahkan dipraketekin
@Upha !Sama2
@UserMaaf sob tadi ada kesalahan tapi sekarang sudah diperbaiki kok,silahkan di prakteik :D
kaya BlogaziNE YA??
saya masih kurang faham mengenai ini, jadi ijin bookmark dulu mas :)
wah,komen2 nya susah di baca ..:G
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
@Mbah QopetIya
@TituitBomSilahkan dibookmark
@Aku mau gratisanHehehe... ane perbarui dulu nih
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