tutorial : how to use blogskin

31053_129262423756785_129255280424166_321768_2377214_n_large

Assalamualaikum...

Today,fana nak ajar mcm mane nak pakai blog skin.Sorang adek comel nak pakai blog skin.Tapi xpandai nak tepekkan code blogskin dia.Okey.Korang kene save template yang korang pakai sebelom ni.Kowt blog korang hancuss korang ade backup.So korang boleh copy je code dia.

1. Pergi Dashboard > Design > Edit Html > Revert to classic template.

2. Search blogskin kegemaran korang.


3. Tekan preview it kalau korang nak tengok skin tu mcm mane bentuk dia.Tekan blogger main.Dia akan download code skin tu.Rujuk gambar di bawah.


4. Dah habis download,korang bukak code tu.Korang copy bukan air kopi ok.Copy code tu then paste kan dekat template di blogger korang.Code lama yang tertepek kat template tu korang padam.


5. Orite.Preview.Kalau xde error korang boleh save.Korang tinggal edit sikit2 je.Pastu siap lah.

Ni fana ada sediakan cara nak masukkan widget dalam blog skin korang.

HEADER

1. Cari code ni.  

<head>

2. Copy paste code ni dan letakkan di bawah code <head> tadi.

<center><img border="0" src="URL HEADER" /></center>

BUTTON DASHBOARD DAN FOLLOW

1. Cari code ni.

<title>

2. Copy paste code ni dan letakkan di bawah code <title> tadi.

<div style="position: fixed; top: 5px;
left: 90px;"><a class="linkopacity"
href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" target="_blank" rel="nofollow"
title="Follow !" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6"
border="0" /></a><div style="
display:scroll; position:fixed; top:5px; left:2px;"><
a class="linkopacity" href="http://blogger.com/home"
target="_blank" rel="nofollow" title="
Dashboard !" imageanchor="1" style="
margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

3. YOUR BLOG ID tu korang letak blod id korang.

SCROLL BAR

1. Cari code ni.

#navbar-iframe{ height:0; visibility:hidden; display:none;}

2. Copy paste code ni dan letakkan di bawah code #navbar-iframe{ height:0; visibility:hidden; display:none;} tadi.

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #4e4e4e;-moz-border-radius: 10px;
border-radius: 10px;
}

BACKGROUND

1. Cari code ni.

background: url

2. Gantikan code link background yang asal dengan code background yang korang nak.

ADD A COMMENT

1. Cari code ni.

</Blogger>

2. Copy paste code di bawah dan paste kan code ni di atas code </Blogger> tadi.

<center><br><a
href="<$BlogItemCommentCreate$>"<
$BlogItemCommentFormOnClick$>> <span style=
"font-size: 7.5pt; background-color:#ffffff; padding: 4px; text-transform: uppercase;"><$BlogItemCommentCount$> Comment(s) </span></a></BlogItemCommentsEnabled>

nanty fana tambah lagi ek?xpaham tanya.
ade mase fana jawab

22 comments:

Qurratu Kushairi said...

takde widget yang hilang ke kalau guna blogskin?

cɛяιтαcғαтιнαнωαнαв said...

kak farhana ! nak tnye . klu use blogskin nie . bleh tak ltak facebook like button kat entry ?

farhana che'nasa said...

satu blog kite totally akan change..

farhana che'nasa said...

facebook like button xboleh letak.akk dh try tapi still xjadi

YAYA :) said...

Yeay!Thanks Kaq Farhana Cungggs :)
Emuaahh siket :* Haha.

cɛяιтαcғαтιнαнωαнαв said...

ooooh . yeker ? alah . hampa =.= x pelah . thanks akak ! hehehe :DD

farhana che'nasa said...

heee.welcome yaya

farhana che'nasa said...

t akk try lagi.if dah boleh akk g taw

YAYA :) said...

:)

cɛяιтαcғαтιнαнωαнαв said...

ok akak ! thanks sesangat . hehehe :DD

farhana che'nasa said...

orite =)

Adnin ♥ said...

thank you . dah jadi . still tengah edit :)

intan . said...

akq , npe design x de ?

Farah Najwa said...

mcam mana nak letak gambar dkat sidebar ?

Anonymous said...

ekkhh , TYou sis ! dh jadi . just nak edit skit2 je . Tyou . =)

Shira Radzuan said...

Kalau nak tambah youtube player,code dier nak letak kat maner?

tenzue said...

akak ! nk tuka pic dekt about uh cne ? n nk edit about kite cne ?

Muhd Leo said...

hai .. nk tnya ckt ni .. np kita nk buat yg dashboard and follow tu x lh ?

dieyra lala said...

nak tnye bleh ? nak letak pic kite cmne ? thanx :)

It'sAllAboutBabygirl said...

thanks kak....dah jd..cume tinggal nak edit je lh...igt kn gune blogskin nie susah..rupenye senang je..

Nur Izzati said...

Kak , thanks kak. Dah jadi pun kak. Alhamdulillah :)

Anonymous said...

mcm mna nak letak dashborad ngan fllw nih.,. xdpt..hu2.. help me sister.. :(