blogiema: March 2013

Tutorial Hide Lagu

hye iema nax buat tutorial hide lagu atas permintanan Adik Anna

sebelum di hala cursor

selepas di hala cursor
jom follow tutorial nie

P/S : nax copy, highlight dan guna ctrl + c

Dashboard -> Template -> Edit HTML -> Tick Expand Widget Templates

ctrl + f, cari code nie

]]></b:skin>

copy dan paste kod nie di atas kod yang dicari tadi

#music{ position:fixed !important; left:10px; padding-top:12px; top:10px; padding-bottom:12px; height:30px; width:50px; overflow:hidden; border:3px solid #F5E0CC; -moz-border-radius: 17px 17px 17px 17px; border-radius:17px 17px 17px 17px; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; background: #fff; z-index:999; font-family: short stack; font-size:13px; }
#music:hover{ border:2px solid #FF3399; padding:5px; height:90px; width:200px; -moz-border-radius: 0px 0px 0px 0px; border-radius:0px 0px 0px 0px; }

color biru border sebelum di hala cursor color biru muda color border selepas di hala cursor

preview, tax ade pape error, save

ke Layout -> Add A Gadget -> pilih HTML/ Javascript

copy dan paste kod nie

<div id="music"><center><img src="URL IMAGE" style="margin-left: 3px; margin-bottom: 3px; width:30px;" /><br /></center><center><div style="color:#F6CED8;">TAJUK LAGU</div>CODE LAGU</div>

dah siap edit, save dan tengox hasil nye selamat mencuba

hye selamat pagi maaf ye, iema tax online sangat semalam iema tax berapa sihat la iema balik dari shopping semalam, kepala nie sakit sangat2 mane tax nye berjalan kat tengah panas... dengan sesak nye... ye la, time cuti sekolah kan iema nie pantang betul kalau nampax kenderaan lalu lalang depan iema nanti tibe2 sakit kepala.. tax tawu la kenape jadi macam toe *nie la sebab nye kenape iema tax suke keluar rumah sampai rumah semalam iema sempat la bukak laptop, bukak fb, twitter, blog tapi laptop yang tengox iema.. sebab iema tertidur deh bile bangun, kurang sikit sakit kepala belah kiri... belah kanan tax kurang langsung rase macam nax cabut je yang kepala sebelah kanan nie... sakit ya amat bangun2 tengox blog, facebook, twitter terbiar je macam toe dah tax larat nax tengox semua toe, iema terus offline hah, baru ingat... iema tax makan langsung semalam... iema selalu macam toe selalu lupa makan.. tapi iema tax rase lapar langsung... nie la salah satu sebab kenapa berat iema tax naik2.. hihi ok la.. toe cerita semalam... pagi nie iema bukak blog terjumpe mesej nie kat Cbox salah satu nye mesej nie

die tax bagi link blog, so iema tax tawu siapakah die

harap2 die tengox dan bace la entry iema nie ye

adik tanye yang tab menu akak nie ke

kalau yang nie, adik ikut tutorial nie dulu ea

Tutorial Tambah Add A Gadget Atas Header Blog

lepas toe ikut tutorial nie pulax

Tutorial Letax Gadget Di Header

P/S : nax copy, highlight dan guna ctrl + c
kod yang warna kuning toe nanti adik masukkan kod nie pulax

<a href="LINK BLOG/LINK PAGE" target="_blank"><img style="width: 160px; height: 40px;" src="URL GAMBAR" border="0" /></a>

width dan height boleh ubah ikut size gambar url gambar toe adik design la dulu ye, baru dapatkan url gambar nye kalau tab menu akak toe ade 4 kan home, about me, tutorial, exchange banner so kena la letax gadget toe buat 4 kali ok, toe je.. siap harap adik paham... kalau tax paham, boleh tanye lagi selamat mencuba... bye

Tutorial Scroll Bar

hye tutorial nie iema buat khas untuk Anna die bertanye macam mane scroll bar toe background nye same dengan background blog iema nie

sebelah kiri, background yg iema gune

sebelah kanan, scroll bar... background nye same kan

nax macam toe ye, jom follow tutorial nie

P/S : nax copy, highlight dan guna ctrl + c

Dashboard -> Template -> Edit Html -> Tick Expand Widget Templates cari kod nie

]]></b:skin>

dah jumpe, copy paste kod nie di atas kod tadi

::-webkit-scrollbar { width:12px; height:12px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height:10px; width:10px; display:block; background-color:#faf9f2; border:2px solid #F5E0CC; } ::-webkit-scrollbar-track-piece { background:url(URL BACKGROUND); } ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background-color:#F5E0CC; border:2px solid #F5E0CC; -moz-border-radius: 35px; border-radius: 35px; }

color merah color untuk button (hujung atas dan hujung bawah) color oren color untuk border button color kuning letax url background yang same dengan background blog korang toe ye color hijau color scroll korang toe color biru muda color border scroll korang toe color biru boleh ubah kat SINI yang lain nax ubah boleh, ikut korang... dah siap edit, preview tengox hasilnye kalau tax ade pape error, boleh la save selamat mencuba

Tutorial Blockquote Style

hye lihat gambar nie

ade nampax perubahan kat situ kan sebelum dan selepas di hala cursor yang nie la iema nax buat kan tutorial nye jom follow tutorial nie

P/S : nax copy, highlight dan guna ctrl + c

Dashboard -> Template -> Edit HTML

ctrl + f, cari kod nie

.post blockquote {

kalau tax jumpa kod toe korang kena tambah la

macam mane nax tambah, cari kod nie, Ctrl + f (untuk memudahkan pencarian)

.post-body {

copy dan paste kod nie betul2 di atas kod yang dicari tadi

.post blockquote { background:#faf9f2; color: #ffffff; border-radius:10px; border:1px solid #FFE2E2; border-right:15px solid #edd9c5; color:#783f04; padding:4px; -webkit-transition: 2s; } .post blockquote:hover { background:#faf9f2; color: #783f04; border:1px solid #FFE2E2; -webkit-transition: 2s; }

color kuning color background color oren ketebalan border color hijau boleh ubah kat SINI color biru muda warna border color merah ketebalan border kanan color purple jenis garis border SINI color pink warna border kanan color biru warna tulisan

dah siap edit, preview dulu dan save selamat mencuba