Pages

nk letakkan Labels..

السلام عليكم ورحمة الله وبركته

skrang dah masuk bulan ketiga aku gunakan blogspot..igtkan ok lah guna template yg lama tuh..at last, rosak juga..ishh..terpaksalah tukar kpd template nih..
tp aku tgk template nih nmpk better drpd yg dlu..heh..btul kata org 'ada hikmah di sebalik kejadian yg berlaku'..

entry kali nih nk tunjukkan tutorial nk letakkan 'blogumulus' kat page kita..contoh dkat bahagian 'Labels' sebelah kanan page nih..agak complicated cket kalau nk buat nih..tp kalau kita ada semangat nk buat, just go on..insyaAllah jd punya..
tutorial nih permintaan syafiz zaibidi, kwn lama aku time kat England dlu..lama btul kami x jumpa after blk ke Malaysia dlu..at last, jumpa jgak dia time HKSBP time form 4..rupa-rupanya dia tuh skolah Md. Jiwa jer..lerr..dkat aje lah ngan skolah aku dlu..dah 4 tahun jd keluarga SBP skali last² jumpa jgak..haha..
kalau nk org lain nk letakkan dlm blog korang bley jgak..

oklah nih cara² nk letakkan blogumulus..
tutorial nih diambil dkat bloggerbuster..

first skali masuk ke 'Dashboard' blogger..n then klik dkat bahagian 'Layout'..lpas tuh klik plak dkat 'Edit HTML'..
lpas tuh dkat bahagian HTML dkat page tuh cari code nih..

<b:section class='sidebar' id='sidebar' preferred='yes'>


bawah drpd code tuh pastekan code nih..

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


siap..!!simple aje..cuma apa yg complicated bila nk tukar colour background dgn colour font tuh supaya 'blogumulus' tuh nmpk sesuai dgn blog kita..

kalau nk tukar size 'blogumulus', berdasarkan code dkat atas, cari code nih..

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

tukar size yg sesuai dkat bahagian yg dihighlight orange tuh..


kalau nk tukar colour background 'blogumulus' supaya nmpak masuk dgn colour blog kita, berdasarkan code di atas juga, tukar dkat bahagian yg dihighlightkan orange di bawah..

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


kalau nk tukar font colour plak cari code nih n then tukar code colour dkat bahagian yg dihighlightkan orange mcm kat bawah..

so.addVariable("tcolor", "0x333333");


settle..siap lah 'blogumulus' korang..~


hotboredfull


message 1 : kalau ada apa² problem contact ym aku..~
message 2: tutorial nih berdasarkan website bloggerbuster..

4 comments:

..:Cha-Pik BiDi:.. said...

ooowwhhh...templet lma hg rosak gak ka??????
patut r tukaq....
sama la kta.....aku pny templet hat lma pown rosak gak....
aku ingat aku sorang ja jd gutu...
background dia xkluaq...cam pa g...
tu yg kna tukaq gak tu....
penat gila nk copy blek pa yg da dlm templet lma tu...huhuhu...

mEGAt... said...

a'ah..dia x kluar background..yg kluar gambaq photobucket jaa..
aku rasa semua yg guna template jenis tuh jd mcm kita gak kot..hua..hua..

Hanis Amanina said...

thnks~~
ak gne ur inf0..

Nurul Athirah said...

b:section class='sidebar' id='sidebar' preferred='yes'


err, x jumpa pon code ni..
waa, mana nak cari?