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$>&layout=standard&show-faces=true&width=490&height=25&font=arial&";action=like&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.