Baik aku letak tajuk ' Sekadar Melayan Kerenah Member2 '. Tapi bila aku fikir2 balik sambil meletak tangan atas kepala memang tak sedap, dah la panjang berjela-jela, takde nilai2 abstrak langsung ( macam pelik je bunyi nilai2 abstrak ).
Member2 setempat keje aku pun satu hal, baca blog aku dah la...Yang memandai-mandai suruh aku ajar buat benda2 yang tak senonoh ni ape kes ? Dah la bab ajar-mengajar ni adalah kelemahan terbesar aku ( sebenarnya malas ). Tapi takde hal, demi melayan permintaan korang yang 'ntahpapentah' dan menghargai jasa2 korang yang selalu 'terkena' belanja aku, dengan rela hati yang tak berapa nak ikhlas aku buat benda ni hehehe....
Sebelum tu aku nak ingatkan korang, kalau agak-agak 'slider' ni tak 'ngam' dengan template korang pandai-pandai la adjust sendiri. Jangan bising2 kat aku pulak tapi kalau nak belanja makan dgn minum sound je aku memang jenis yang jarang tolak rezeki...hehehe.
Jurus-jurus dan teknik-teknik yang bakal aku tunjukkan kat sini, semuanya sama dengan apa yang aku sendiri buat 'takde lebih' dan 'takde kurang'. Sekiranya tak menjadi korang buat ? Mungkin kuda-kuda atau langkah korang 'sumbang' jadi teruskan latihan dengan lebih gigih lagi....hehehe
01. Mula-mula macam biasa la masuk akaun blogger.
02. Pilih LAYOUT --> EDIT HTML.
03. BACKUP TEMPLATE korang dulu supaya tak menyesal di kemudian hari.
04. Jangan lupa klik pada EXPAND WIDGET TEMPLATES.
05. Cari kod ni.
]]></b:skin>
06. Orait kalau korang dah jumpa,copy kod di bawah dan letakkan di atas kod tadi.
#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}
#mover {
width: auto;
position:absolute;
overflow:hidden;
}
.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}
.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}
.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}
.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}
span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}
.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}
#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}
07. Ok kalau dah selamat pasang kod tadi, cari kod ni sekali lagi
]]></b:skin>
08. Copy kod di bawah dan letakkan di bawah kod tadi.
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
09. Langkah seterusnya cari kod ni.
<div id='header-wrapper'>
..........
.........
</b:section>
10. Langkah terakhir copy kod di bawah dan letakkan di bawah kod tadi.
11. Perhatian !!! Untuk langkah atau jurus-jurus hebat yang terakhir ni korang kena gantikan url dan text yang berwarna biru. Terpulang la korang nak letak apapun.
<!-- Casing -->
<div id='casing'>
<!-- Slider -->
<div id='slider'>
<div id='mover'>
<div class='slide'>
<h2><a href='http://syamzone-bloguntukaku.blogspot.com/search/label/tok%20wan%20aku%20memang%20blues'>Tok Wan Aku Memang Blues.</a></h2>
<p>29/4/2009.....Ari ni seperti biasa aku melakukan aktiviti bulanan iaitu melakukan marathon untuk mengupdate kepala otak aku dengan perkembangan atau perubahan yang berlaku di sekitar Kuala Lumpur dan Selangor.... Biasanya aku buat aktiviti bulanan ni naik motor atau kereta ....Tapi semalam saja nak try buat perubahan naik Monorel, LRT, Putra dan Komuter.....Mungkin aktiviti yang aku buat ni macam tak berfaedah....</p>
<img height='140' src='http://1.bp.blogspot.com/_znjmv4LDwck/SfkTHlj3MCI/AAAAAAAAA2M/8tIeDO-sERc/s320/leon-mandrake-magician.jpg' width='200'/>
</div> <div class='slide'>
<h2><a href='http://syamzone-bloguntukaku.blogspot.com/search/label/young%20and%20dangerous'>Young And Dangerous.</a></h2>
<p>Selepas lebih kurang 2 jam melepak dekat kedai mamak di sulami dengan sembang-menyembang yg agak merapu dan tidak berfaedah,aku dan beberapa org teman-temanku mula berasa bosan dan sedar bahawa perkara yg kami lakukan itu tidak berfaedah dan sama-sekali tidak bermanafaat langsung...Kami mula bertukar-tukar idea dan pendapat tentang ke mana arah tuju seterusnya,setelah mendapat persetujuan dari semua pihak kami semua bersepakat untuk pergi ke Uptown Damansara Utama (Uptown lama dh x de pun sekarang....</p>
<img height='140' src='http://2.bp.blogspot.com/_znjmv4LDwck/Shz6DpAlxpI/AAAAAAAAA58/0erVm01WvXQ/s320/LANUN+KOTA.JPG' width='200'/>
</div> <div class='slide'>
<h2><a href='http://syamzone-bloguntukaku.blogspot.com/search/label/kemalangan%20dan%20alkohol'>Kemalangan dan Alkohol....</a></h2>
<p>13/9/2008...Gambar kemalangan yg aku letak dlm post ni sebenarnye takde kena mengena pun haha...saje letak nk bagi cantik, menarik dan meriah...haha...Dlm kol 8 malam aku dlm perjalanan nk pergi beli barang2 nk buat dodol di NSK Selayang ( aku berniaga dodol kecil-kecilan).Apabila dh dkt nk smpi trafik light Bandar Baru Selayang,tiba-tiba sebuah kereta Nissan Sunny 130 Y dgn ganas dan kejamnya memotong kereta aku (laknat sungguh dan teramat kurang ajar kereta ni kata-kata yg terbit dari benak hati aku yg sedang cuba utk dicool downkan).</p>
<img height='140' src='http://1.bp.blogspot.com/_znjmv4LDwck/SZbrTniOA9I/AAAAAAAAAKQ/6M1hUQvLEwo/s400/kemalangan.jpg' width='200'/>
</div> </div>
<!-- /Mover -->
</div>
<!-- /Slider -->
</div>
<div class='clear'/>
12. Kalau rasa-rasa nak tengok hasil kerja korang cun ke tak ? Pilih PREVIEW.
13. Kalau semua dah 'kaw tim' SAVE TEMPLATE.
No comments:
Post a Comment