cara nak buat Label/Tag berputar

hyep selamat petang! :) okay ni tutorial nak buat tag/label bergerak/berputar..senang cerita, cloud cumulus moving label or tag..untuk cik dyg, i take that as dayang.. :) uh kalau salah maaf ye..okay jom start!







macam biasa, Dashboard>Design>Edit HTML>tick Expand Widget Templates, tekan Ctrl+F cari,

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

kalau anda guna template blogger designer cari,

<b:section-contents id='sidebar-right-1'> 

dah jumpa? kalau dah jumpa anda boleh masukkan kod di bawah ni, dekat bawah kod yang anda dah cari tadi..

<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://sites.google.com/site/bloggerustemplatus/code/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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

yang warna merah tu lebar dan tinggi, ubah mengikut kesesuaian blog anda
yang warna biru tu warna background, boleh refer sini untuk cari warna yang sesuai
yang warna hijau tu warna tag/label anda:


0x333333 warna kelabu
0xffffff : warna putih 
0xFF0000FFF : warna merah 
0x00FF00: Warna Hijau 
0x0FFFF0: warna Kuning 
0x00FF0000 : warna biru 
0xFFF000 : warna biru muda 
0xFFFFFFF : Warna Hitam 
0x0FF0FF0 : warna pink


apa-apa pun kena preview dulu ye..dah puas hati, boleh save template :)


oh oh!! lupa pulak..nanti bila dah siap, widget ni keluar dekat bahagian atas sidebar blog anda, nak ubah kedudukan, anda pergi dekat Page Element dan drag ke mana-mana yang anda suka :)


EDIT: highlight code, tekan Ctrl+C untuk copy, dan paste macam biasa


okayh! tu je..ada yang tak faham, tanya je ye...






psst~ kalau tengok kod je pening..nasib tak amik programming whatever you call it macam adik i tu..huhuu










~maaf kerana penggunaan 'aku' pada yang lebih berusia~

Tweet

Cara nak buat Scroll box untuk Archive

a very quick tutorial for a blogger friend mia adnan..ingat nak buat malam takut tak online pulak nanti tengok bola..hehee..ni tutorial scroll box untuk archive ataupun ~herstory~ macam dalam blog ni..sama je macam nak buat scroll box lain, cuma yang ni kena buat kat Edit HTML la ye :)





macam biasa, Dashboard>Design>Edit HTML>Expand Widget Templatestekan Ctrl+F cari,

<div id='ArchiveList'>

atas kod tu anda akan lihat

<div class='widget-content'>

kan?
anda cuma perlu tambah 

style='overflow:auto; height:350px'>

kat belakangnya..nanti jadi macam ni,

<div class='widget-content' style='overflow:auto; height:350px'>

yang berwarna merah tu, ubah ikut kesesuaian blog anda...jangan lupa sebelum tambah, ">" delete dulu ye :)
apa-apa pun preview dulu ye..dah puas hati, baru save..ada yang tak faham, boleh tanya yep! :D
oh..maaf la, tak boleh nak copy atau highlight..tapi boleh taip kan? hehehe =P kesulitan AMAT dikesali..hmm =(
UPDATE: ok i dah remove disable select-text script..anda semua boleh highlight ye..nak copy, jangan right-click, tekan Ctrl+C je.. =.=





~maaf kerana penggunaan 'aku' pada yang lebih berusia~

Tweet

Cara nak disable right-click~~

okay, memandangkan ramai yang tanya..tapi, atas sebab-sebab yang tak dapat dipastikan, blockquote tak boleh guna pulak..

 

cara senang je (anda baca dulu baru klik, nanti tak sampai pulak tutorial ni) klik sini..

kat page yang anda bakal klik tu ada kod untuk disable right-click..copy kod tu, pergi ke blogger Dashboard>Design>Add a Gadget>HTML/JavaScript

paste kod yang anda copy tadi kat box yang keluar..lepas tu save!

macam mana kod ni berfungsi?

bila anda klik kanan kat blog anda, popup akan keluar "Function Disable!"

jika anda ingin menukar mesej popup tu, kembali ke Design, cari Gadget yang anda paste kod tersebut tadi..

cari:

var message= "Function Disable!" ;

 gantikan yang berwarna merah tu dengan mesej anda sendiri.. :)

diingatkan, kod ni tak berfungsi sepenuhnya..cuma boleh halang right-click je..

tapi center klik tak boleh..hehehe..tak faham? tak apa la..

tapi berkesan jika anda tidak mahu orang copy blog anda..

tu pun tidak sepenuhnya..banyak cara sebenarnya boleh mematahkan fungsi kod ni

hehee..tak mau la bagi tau, nanti semua orang tau kan..

sekurang-kurangnya kita cuba melindungi blog kita kan..

 

kalau tak jelas, tanya je..saya tak makan orang.. :P

 

 

 

 ~maaf kerana penggunaan 'aku' pada yang lebih berusia~

Tweet