Follow button bergambar utk simple template.
Ikut step ni :
Layout->Add a gadget->html java script->copy code bawah ni and paste dalam kotak html tu.-Done-
<div style=”clear: both; text-align: center;”><a href=”http://www.blogger.com/follow-blog.g?blogID=Your Blog ID ” imageanchor=”1? style=”margin-left: 1em; margin-right: 1em;”><img border=”0? height=”182? src=”URL GAMBAR” width=”200? /></a></div>
Yang huruf berkaler tu korang tukar dgn url gmbr korang punya sendiri ye.
Kalau nak button yg simple je..amik ni..
copy code bawah ni,dan pastekan pada sidebar
awak eh.
<div
class="title">archieve</div>
<div class="widget-content" style="background-size:
360px; background: #fff; border-radius: 10px; border: 1px dashed #ccc; color:
#777777; height: 190px; opacity: 0.9; overflow-x: hidden; overflow-y: scroll;
padding: 5px; text-align: left; width: 100%px;">
http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif
); background-size:15px;
background-repeat:no-repeat; padding-left:14px;">
<$BlogPreviousItemTitle$>
eft; width: 100%px;">
kalau
nak blog awak tak ada scroll bar,just delete code kaler orange.
yang code kaler biru tu korang boleh tukar dgn
url image lain.
boleh ambil dari url image kat bwh ni juga.
http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif
http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif
http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif
- Pergi -> template
- Tekan Ctrrl + F serentak dan cari code <html>
Pastekan code ni di bawah code <html> tadi
<div style=" background-image: url('URL IMAGE'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
Gantikan perkataan URL IMAGE tu dgn url image yg korang nak.
Boleh pilih kat bawah ni~~
http://i.imgur.com/SdrkT.png
http://i.imgur.com/hayHe.png
http://i.imgur.com/k0fNQ.png
http://i.imgur.com/63uwH.png
http://static.tumblr.com/mw3v5cd/Wuqlogps5/01.png
http://static.tumblr.com/mw3v5cd/UEelogpsp/02.png
http://static.tumblr.com/mw3v5cd/GeQlogpt1/03.png
credit to : eyraonlinediary,akak azzah
Oh...ya..korang nak scallop macam ni jugak?
Ok..boleh je..Sharing is caring,caring is loving kan?haha..Nah.hamik..tepek kat bawah <html> macam tuto kat atas tadi..
<div style=" background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbeGa6NWFkFHQV2OZzV6X9CAZdLMs4hY9GLs1VRbdyc-EXPvmnMUe-37XVRFLhga3KF4S0ryHsI72ta7mxtPvwAmQYRDiXQFca2e03TNuEvx6IqMGQp35dH4BuzDVslkizvOtihqn5-71L/s1600/mynie.png'); top: -10px; width: 100%; left:0px; height: 18px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
Kalau scallop tu menyebabkan header @ banner korang tak nampak...sila..pastekan code ni di bawah code scallop tadi...
<br>
<br>
<br>
alahai...x paham?
mcm ni ha...
<div style=" background-image: url('URL IMAGE'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
<br>
<br>
<br>