Tutorial edit template blogskin (Part 2)

Hai dan Assalammualaikum.

Saya mintak maaf sebab sepatutnye semalam saya ajar tuto ni kan tapi semalam saya pegi holiday jadi tak sempat nak ajar.Tapi takpe,hari ini saya sambung tutorial yang part 2 pulak.Sebelum tu sapasapa yg belum tahu lagi cara nak download template blogskins ni,click link ini dahulu.Belajar sampai habis part1 punye lepastu baru yg part 2 ni okey.

Nota:Tak semua code bersesuaian dengan template blogskins korang ye.Korang boleh adjust sendiri code tu ;D

1)Tutorial letak older post untuk template blogskins/classic template -credit to Qay-

1.Dashbord>Template
2.Ctrl f dan search <blogger>

Copy dan paste code ini dibawah code <blogger>

<OlderPosts><a href="<$OlderPosts<OlderPosts><a href="<$OlderPosts<OlderPosts><a href="<$OlderPosts<OlderPosts><a href="<$OlderPosts$>">gt;">amp;gt;">Older Post</a></OlderPosts> | <NewerPosts><a href="<$NewerPosts$>">Newer Posts</a></NewerPosts>

3.Preview dan save template.

2)Add facebook like button -credit to Qay-

1.Dashbord>Template
2.Ctrl f dan search </blogger> .
3.Copy dan paste code ini diatas </blogger> atau dimana-mana sahaja yang dirasakan bersesuain dengan template awak :3

<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&amp;layout=standard&amp;show-faces=true&amp;width=490&amp;height=25&amp;font=arial&amp;";action=like&amp;colorscheme=dark; colorscheme="dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:280px; height:30px;"></iframe>


3)Tutorial letak scrollbar dekat template blogskins

1.Dashbord>Template
2.Ctrlf dan search a:hover { .Takda code a:hover { ? Sila add code tu sendiri berpandukan template lama korang yang ada code tu okey.

3.Copy dan paste code dibawah ini diatas code a:hover {

::-webkit-scrollbar {
height:13px;
width: 8px;
background: #f9f9f9;
}
::-webkit-scrollbar-thumb {
background-color: #98AFC7;
-moz-border-radius: 2px;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 2px;
border-radius: 2px;
background:#659EC7;
}

4.Preview dan save template
p/s:Scroll hover codes credits to muazzadli.blogspot.com

4)Tutorial letak blockquote utk template blogskins

1.Dashbord>Template
2.Ctrl f dan search code a:hover {

3.Jumpa tak?Copy dan paste code dibawah diatas code a:hover {

blockquote {
background-colour:#FFFFFF;
border-top: 1px dashed #dadada;
border-bottom: 1px dashed #dadada;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
padding: 5px;
}

4.Preview dan save template

5)Tukar font dan saiz font dekat blog utk template blogskins

1.Dashbord>Template
2.Search nama font kat entri korang
3.Gantikan nama font tu,contoh:Arial.Lepastu tukar nama font Arial tu dengan nama font yg korang nak.I give two examples calibri and verdana.
4.Kalau nak tukar saiz font just search font-size then ubah number tu okey.

5.Preview dan save template ;p

6)Tukar warna highlight utk template blogskins

1.Dashbord>Template
2.Search code a:link { atau apa-apa code yang macam a:link

Nota:Sesetengah template takda code tu so korang kena add code tu sendiri berpandukan template lama korang tau

3.Copy dan paste code ini diatas a:link {

::selection {
background: #D462FF; /* Safari */
color: #000000;
}
::-moz-selection {
background: #D462FF; /* Firefox */
color: #000000;
}

4.Preview dan save template ;D

Babai :> Kalau ada apa apa yang perlu ditambah,maybeh saya perlu buat tutorial edit template blogskins utk part 3 pulak.Teheee.

14 comments:

  1. ThankYou anis :]
    anis tak kedekut ilmu lah :)

    ReplyDelete
  2. @Qaireena Erlysa
    samasama,sharing is caring right?hihi

    ReplyDelete
  3. @hidayah
    tak dapet apa pun kalau kedekut,samamsama :)

    ReplyDelete
  4. ok thanks sesangat . jadi sume tu tp yg utk highlight tu mmg utk safari dgn firefox je ke ? utk chrome tak de ke ? btw , thanks sesgt sbb tnjuk ajar . huhu

    ReplyDelete
  5. npa blog sya x dak button follower.. help me.. =(

    ReplyDelete
  6. anis,cane nk buang header tu kalo kita amik blogskin yg da ad header?

    ReplyDelete
  7. thankss :) saya hargai jasa baik anda ;)

    ReplyDelete
  8. hello :) cube tengok blogskin saya kenapa ade double post and macamane nak hilangkannya ? (dekat footer) http://prettysunsilk.blogspot.com

    lagy satu , bila tekan history ( olderpost) dy kate not found . kenape ek ? tolong sis :'(

    ReplyDelete
  9. hye !.
    saye da buad da tuto older post tu . jadi :) . tpi mslahnye bile na tekan older post tu nanti ta bole kluar . :(
    tolong pleaseeee

    ReplyDelete
  10. Saye dh try buat cam kakak ajr tapi x jadi jugak laa , camne ek ?

    ReplyDelete