Tagged

1. You must post these rules in your entry . 


2. Each person must post about themselves in their journal .3. Answer the questions that tagger has set for you in their post .4. Create 11 new questions for the people you have tagger to answer .5. You must choose 11 people to tag and link them in your post .6. Go to their page to tell them that you have tagged him/her .7. No tag back allowed .8. No stuff in the tagging section about / you are tagged if you are reading this / you legitimately (aka really with all honestly) have tagged 11 people .

Soalan dari Ina Amyza !

1. Korang lebih suka kucing jantan ke kucing betina ke anak kucing ? - jantan -2. Korang suka guna laptop ke komputer ? -laptop-3. Korang suka kamera Nikon ke Canon ? -nikon-4. Korang nak tengok Alvin and The Chipmunks 3 ke tak nak ? -nak-5. Korang penah balink handphone tak ? pernahhhh -.-6. Apa saat yang paling malu sekali ? ntah lhaaa . Aisyah sendiri taktahu . haha .7. Lebih suka warna terang ke gelap ? terang8. Suka ambik gambar sendiri ke tak ? sukaaa . 9. Apa pengalaman korang bila panjat pokok ? bestttt ^^10 . Korang suka tengok cerita sedih atau lawak ? lawakkk !11 . Apa perasaan korang bila kena tag ? sukaaa , taksuka , suka , taksuka . Taktahu lha nak ckp apa . haha . 

Soalan dari Aisyah !

1. Cuti sekolah 2011 nih korang pergi mana ?

2. Available or unavailable ?

3. Perkara yang paling korang suka ? maksudnya hobii .

4. Suka baca novel apa ?

5. Blogger ke Facebook ?

6. Follow blog aisyah ley ak ? haha .

7. Kerja sekolah apa yang korang dah siap ?

8. Dah beli barang sekolah ?

9. Tengok OMBAK RINDU tak ?

10. Suka pakai shawl ?

11. Nak header transparent ak ?

--> Yang number 11 tuh , aisyah tanya betul-2 tau . Kalau nak bagitau .

Tag

- Chempaka

- Ina (kenakan die balekkk) haha .

- Amal

- Nurin

- Syahiidaa

- Izzah

- Zafirah

- Izzah Mardhiah

- Fara Waheedah

- Faqihah Husni

Freebies : Button dashboard and follow

 

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 3em; margin-right: 3em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXDm7xpBTZMTHccQUHUyo7MkT-D56Lq2qTS6U-3QOn0LcKTlbP4F2QuXvz6Ue2Zx5L-JIKLsg4a8lJcYVZlApZnqd0ZLc_IDKA99KiIxxq5_kIoL7V70lvkSf4BpEPEWlzbU7rzhl_JxV/s1600/followblue.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge8dM5zuD-akoTVj8w8Tx3yS9YWRHRZld9_ui95Gx1AMI4P9q-5UMF4pjSTWKoJy67XPqf3KaUDT3I5m2DH80DNrPkTSlACwQTmbGgNhIoJXAyhN6GREh0Hds7lXqdyYozxjJFZbnaS-oz/s1600/dashboardblue.png" /></a></div></div>

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 3em; margin-right: 3em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY5_9D2vY4qvTkvRmAFNWhoaRnODxzmAYIp3j0WQmXJRqwbS7wKpuqxsxi8KI_23BVUrW5TA8MLWeNeGtTRMi6anWGh0nktwKgjHRN_ig3u4TBljTADZHbME0iAaXxUEuJqZ47AIKFOsDq/s1600/followgreen.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_yA_b64eFqRDDRsy0Ls6QyqzjiCJJNlD7s6Nhe69xLywI_OA4le44nGx5iSDCClxwk_t6Xw52Ad8LRCy6JcTgMvbN2SUB0OzycwbG6fLmNT24HCMJa5W61p14N3Bm2f3EXafOkAYRvC8i/s1600/dashboardgreen.png" /></a></div></div>

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 3em; margin-right: 3em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkmklbZ37D9IoT4ph-_3AwhZw7YTCMRYO4W4KZWq4e3hcb_zfT0qAOHnMPoQH1EZlsif-M-81y9r8pFbylSvdMkJgSsf4feaBuiN9RMtYmjaV_MYaBw-0mqVi1pHoOkhE33mWj8l_fGun/s1600/followpink.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO2lx20kIG2qN0htG_eag3x6JbsbspS2bfVeYqRA6MPvx2BbCOUV9yItbS-IJpe2A_0NtEaK0sGmCsnibiDIkw_NZKLBudSCJnjV5McxevLkYtYkNYJj9LMlDtkQuXmnFQp6dnfwrbv64c/s1600/dashboardpink.png" /></a></div></div>

Part 2

Dashboard-Design-Add Gadget-Html/JavaScript

Copy and paste code di bwah ni

<div style="display:scroll; position:absolute; top:0px; right:2px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL gambar untuk FOLLOW" /></a><br /><div style="display:scroll; position:absolute; top:0px; right:150px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL gambar untuk DASHBOARD" /></a></div></div>

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangdashboard1.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangfollow1.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangfollow1.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangfollow1BIRU.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangdashboard1HIJAU.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangfollow1HIJAU.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangdashboard1KELABU.png

    http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangfollow1KELABU.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangdashboard1PURPLE.png

http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/butangfollow1PURPLE.png

                                                                                                                                         credit to : Faqihah Husni

Tutorial : Background Page Berbeza

bila korang buat pages , korang boleh tukar background pages tu . berbeza-beza dengan yang home .
Dashboard>Design>Edit html>Tick Expand Widget Templates


cari code nih :

  </head>

copy code nih :

  <b:if cond='data:blog.url == &quot;url pages korang&quot;'> <style> body { background-image: url( url background);background-position: center; background-repeat:repeat; background-attachment: fixed; }

letak bawah </head>

tulisan merah tu tukar dengan link korang .

tulisan biru tu tukar dengan url background yang korang pilih .

save

Tutorial : Page Divider

Dashboard > Design > Edit html > tick Expand Widget Templates

cari code nih :

.post {

kemudian , copy nih :

background: url(http://dl2.glitter-graphics.net/pub/432/432022s1vheyatjs.gif);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;

letak BAWAH .post {

yang tulisan merah tu , gantikan dengan url pilihan korang . boleh cari di >sini<

Tutorial : tukar highlight text & colour

Dashboard > Design > Edit html > tick Expand Widget Templates

cari :

a:link {

copy :

::-moz-selection {
background:#00FF00;
color:#000000;
}

::selection {
background:#00FF00;
color:#000000;

paste ATAS a:link {

 yang warna purper tu , korang boleh tukar code dia ikot warna kesukaan korang .

code tu boley cari kat SINI .

 

save

Tutorial : Underline bawah post title & sidebar

SIMPLE TEMPLATE

1. Dashboard>Design>Edit html>Tick Expand Widget Templates

2. cari code nih : 

post title : h3.post-title, .comments h4 {
sidebar : h2 {

copy code nih :

border-bottom : dashed 1px #000000 ;

paste bawah code nih :

post title : h3.post-title, .comments h4 {
sidebar : h2 {

preview & save

.....................................................................................

CLASSIC TEMPLATE

Dashboard>Design>Edit html>Tick Expand Widget Templates
cari code nih :

post title : .post-title {
sidebar : .sidebar h2 {

copy code nih :

border-bottom : dashed 1px #000000 ;

paste bawah code nih :

post title : .post-title {
sidebar : .sidebar h2 {
preview & save

merah - warna underline
biru - tebal underline
dashed / solid / dotted

Tutorial : Double underline

Dashboard > Design > Edit html > tick Expand Widget Templates

tekan  CTRL + F dan cari :

/* Header

copy code ni : 


u {
text-decoration:underline;
border-bottom: 2px dotted #00FF00;
padding: 0px;
}

lepas dah copy , paste atas  /* header

 

yang tulisan warna merah tu , korang boleh tukar !

 

Tutorial : Energy saving mode

Dashboard > Design > Edit html > tick Expand Widget Templates
tekan CTRL + F , cari code neh :
 

</head>

copy code bawah neh :

<!-- save your energy -->

<script language='javascript' src='http://nikbir09.ws/scriptforenergy.js' type='text/javascript'/>

<!-- save your energy end -->

letak atas </head>

Tutorial : tukar home , newer & older post kepada icon/image

Nak buat bende nih , ada tiga step . so , korang kene ikut betul-2 .

Dashboard>Design>Edit html>Tick Expand Widget Templates

cari code nih :

expr:title='data:newerPageTitle'><data:newerPageTitle/>

 copy code nih :

    <img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/>

gantikan yang underline tadi tu .


Kedua , kita buad pulak yea untuk older oke .

cari code nih :

expr:title='data:olderPageTitle'><data:olderPageTitle/>

copy code nih :

    <img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

 lepas dah copy , gantikan dengan code underline nmbr 5 tu yea .

Ketiga untuk home

cari code nih :

    expr:href='data:blog.homepageUrl'><data:homeMsg/>

copy code nih :

    <img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials
/home1.png'/>

 gantikan dengan code yang underline nmbr 8 tu oke .

Tutorial : icon tepi comment

Tahu tak ? Apa maksud icon tepi comment . Maksud icon tepi 'comment'.

Icon ade kat tepi ayat 1 comment ke 2 comment . faham ? kalau tak

faham gak , comment lha kat bawah tuh , nanti aisyah terangkan .

Dashboard>Design>Edit html>Tick Expand Widget Templates

cari code nih :

<span class='post-comment-link'>

copy code nih :

<img src="http://dl.glitter-graphics.net/pub/1008/1008951xbh88shb03.gif" />

letak selepas <span class='post-comment-link'>

tulisan merah tu , tukar dengan icon yang korang pilih .

Tutorial : cute icon dalam post

PERHATIAN !!!

Tutorial ini , hanya untuk pengguna

" MOZILLA FIREFOX "

sahaja :)

Ikut Step di bawah yeaXD :)

1. Korang pegi kat link ini >> KLIK SINI

2. Lepas dah klik Add Firefox > Install > Restart Firefox

3. So , greasemonkey korang sudah active ! :)

4. Korang INSTALL pulak Cute Emotion yang comey2! Klik link kat bawah ni ok :)

http://userscripts.org/scripts/show/73638

http://userscripts.org/scripts/show/6859

http://userscripts.org/scripts/show/70238

http://userscripts.org/scripts/show/86674

5. Dah abiss install kan ? Oke . Now , Lyssa ajarkan pula . macam mana nak post cute icon tuh kat post korang :) Lihat kat bawah !! ^_^

6. Cara - caranya ialah :

1. Pergi kat Setting

2. Scroll ke bawah dan cari Global Setting

3. Tick Old Editor

4. Save Settings

5. Korang pegy kat New Post . Try tengok . Menjadi tak ? :)

credit : Kak lyssa

Tutorial : Favicon

Tahukan favicon tu apa ? Kalau taktahu tanye lha kat comment !

Dashboard>Design>Edit html>Tick Expand Widget Templates

cari code nih :

]]></b:skin>

kemudian , copy nih :

<link href='url icon' rel='shortcut icon' type='image/x-icon'/>
<link href='url icon'/>

paste BAWAH ]]></b:skin>

Tutorial : Icon tepi post title

Dashboard > Design > Edit html > tick Expand Widget Templates

tekan CTRL + F . cari kod neh

<a expr:href='data:post.url'><data:post.title/></a>

kemuadian , masukkan code kedua neh dekat code ats neh

<img src="url gambar"/>

macam nih

<a expr:href='data:post.url'><img src="url gambar"/><data:post.title/></a>

~~yang warna merah tu , sila gntikan dengan icon yang korang pilih tu

Tutorial : Link Underline Berwarna

Dashboard>Design>Edit html>Tick Expand Widget Templates

cari code nih : 

a:hover {

copy code nih :

border-bottom: 1px dashed #FA58AC;

letak bawah a:hover {

tulisan merah tu , tukar warna yang korang pilih

preview & save

--> nak cari warna ? click SINI !

Tutorial : Font bertukar di link

tutorial nih bila cursor menyentuh link , tulisan akan bertukar mengikut pilihan korang .

Dashboard>Design>Edit html>Tick Expand Widget Templates

cari code nih : 

a:hover {

copy code nih :

font-family:arial;

paste atas a:hover {

tulisan merah tu , tukar dengan tulisan pilihan korang .

Tutorial : Link Shadow

Dashboard>Design>Edit html>Tick Expand Widget Templates

cari code nih : 

]]></b:skin>

copy code nih :

a:hover { text-shadow: 1px 1px 3px #000000; text-decoration: none; }

4. letak ATAS ]]></b:skin>

save

tulisan merah tu , tukar code colour korang .

Tutorial : Open link dekat new tab

tutorial nih nak memudahkan korang , kan kalau nak bkak new tab kena click kiri dlu , tapi nih ta payah click belah kiri dah . trus tkan link . dia akan ke new tab.

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

copy code nih :

<!-- code for turning all non-blog links to new page links -->
    <script type="text/javascript" language="javascript">
       var arr = document.getElementsByTagName("a");  //get all links in the page
       for(var i = 0; i < arr.length; i++)
       {
          if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
             && arr[i].href.indexOf("javascript:") < 0) //not javascript links
             arr[i].target = "_blank";
       }
    </script>

Tutorial : membesarkan tulisan link

bila cursor korang menyentuh dekat link tu , tulisan tu akan membesar . nak kasi kecik pon boleh . korang boleh saiz font.

  Dashboard>Design>Edit html>Tick Expand Widget Templates

~cari code nih

a:hover

~kemudian , copy code nih

font-size: 22px;font-weight: bold;text-decoration: none;}

~paste bawah a:hover

~tulisan merah tu saiz untuk fonts

Tutorial : Link Berpelangi

copy code neh :

<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">

/***********************************************

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>

paste kat siniiiii :-

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

Tutorial : Link hover

Dashboard > Design > Edit html > tick Expand Widget Templates

tekan CTRL + F , cari code nih :

a:hover

3 . copy code nih :

color:#01DF01; background:url(url image) ;background-repeat: repeat;
text-decoration:underline;

 kemudian , paste bawah a:hover

tulisan yang warna merah tu , korang boleh ganti dengan gambar yang korang suka .

yang bawah neh , korang pilih la , kalau rasa suka !

http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif

http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif

http://dl.glitter-graphics.net/pub/1274/1274791or8ew5kzx6.gif

http://dl9.glitter-graphics.net/pub/762/762719nczt5ycbyk.gif

http://dl6.glitter-graphics.net/pub/1097/1097706nsxl9flarn.gif

http://dl4.glitter-graphics.net/pub/1175/1175324v8vs8exzv3.gif

http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif

http://dl10.glitter-graphics.net/pub/672/672630e36kau25pl.gif

http://dl2.glitter-graphics.net/pub/1455/1455682apvfgvhztr.gif

http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif

http://dl10.glitter-graphics.net/pub/590/590940trx4idmwj8.gif

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

Tutorial : Combine shoutbox/follower



1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code bawah nih dan paste dalam kotak  HTML/JAVASCRIPT

<style type='text/css'>
    a.linkopacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;F
    opacity: 0.5;
    -khtml-opacity: 0.5;}
    a.linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0; }
    </style>
    <div style='display:scroll; position:fixed; top:190px; left:10px;'>
    <a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="174" height="100"src="http://i580.photobucket.com/albums/ss248/pija280195/shoutbxandfollow.png" alt="PUSH" title="Shoutbox/Follow"/></a>
    </div>

penerangan ,  
warna ungu tu untuk kedudukan image button tu . ikot korang la nak letak mana pon kan . tak nak ubah pon tak apa . lagi senang . 
warna biru tu untuk image button shoutbox dengan follow . contoh macam image dekat ats sekali . kalau tak nak tukar , pon tak apa . kalau korang dah buad image sendiri , gantikan . amek url korang tukar dengan url atas tu .

3. then , tekan nih : google friend

lepas dah buad semua yang dalam image ats nih , jangan lupa copy  generate code tu

4. lepas tu Add Gadget > HTML/JAVASCRIPT sekali lagi

5. copy code nih & paste dalam kotak baru html tu

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #F5A9D0;
background:url(http://i293.photobucket.com/albums/mm62/happyy-stop/star1-happyy-stop.png) #F5A9D0 repeat ;

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">

<center> CODE SHOUTBOX/SHOUTMIX KORANG</center>
GENERATE CODE </div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><a href="http://wanhazel.blogspot.com/"><div style="color: #FFFFFF;">
<span ></span></div></a></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

penerangan ,
pink tu untuk border , tebal ke , solid/dotted/dashed/ , warna .
oren tu untuk background .
kelabu untuk bentuk-bentuk border .
merah tu code shoutbox korang
hijau  generate code tu . copy yang dekat google frind connect tu , paste dekat situ yea .

kalau korang tak ubah langsung code-code semua nih , akan jadi macam image yang atas tadi . yang aku try buad tu .

                                                credit : kak pija

Tutorial : Follow and dashboard ala-ala tumblr



Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

copy code bawah nih and paste dekat HTML/JAVASCRIPT

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=5524869489866142224" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

tulisan merah tu ganti dengan id korang
Dashboard > Design > Edit html > tick Expand Widget Templates
4 . kemudian , cari

/* Variable definitions

5 . copy code nih :

#navbar-iframe { display: none !important; }

paste ATAS /* Variable definitions
6 . preview & save :)

Tutorial : Follow guna image

 

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

<a href="http://www.blogger.com/follow-blog.g?blogID=5524869489866142224" target="_blank"><img src="http://i580.photobucket.com/albums/ss248/pija280195/followme-1.jpg" border="0"></a>

p/s : yang warna merah tu , tukar dengan ID KORANG sendiri tawu . yang hijau kedua tu , image follow . ikut sukalarh , nak guna gmbar ape pown .lepas tu , macam biasa larh . copy & paste . .    

 credit : kak pija

Tutorial : Goodbye alert

Tutorial nih , kalau ada org nk keluar dri blog korang . Nanti ada ckp ape-ape lha . Mcm goodbye ke , dtglagi ke.

 Dashboard > Design > Edit html > tick Expand Widget Templates

2. cari code nih :

</head>

3. copy code nih :

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('dtang lagi tau');
}
parent.window.onunload=goodbye;
</script>

4. paste bawah </head>

--> tulisan warna MERAH tuh gantilah dengan ayat korang !

Tutorial : Window alert

Tutorial nih , kalau org masuk blog korang .

Nanti ada welcome to my blog ! macam-2 lha .

  



Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

<script language='javascript'> window.alert("Ayat korang"); </script>

--> Warna merah tuh tukar lha dengan ayat korang .

Tutorial : Blog achrive guna calendar

Tutorial ni sebenarnya untuk menggantikan blog achrive korang jadi calendar . Kan lawa ?

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

 

<div id="blogCalendar"></div>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="purple-story-sya.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
</style>

Yang warna merah tu , ganti dengan URL korang. JANGAN LETAK http://-/ tu . nanti tak menjadi pulakk . MAsa takyah lah tuka kalau korang duk kat Malaysia . okay ?

Tutorial : Disable without alert

Disable without alert nih , same je dengan Highlight disable right click dengan Disable Right click . Cuma yang ini takkan keluar apa-2 . Alert pun takde.

<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Tutorial : Highlight disable right click

tutorial ni , kalau diaorang nak highlight tulisan korang , takboleh . Diaorang takboleh copy apa-2 . Kalau blog korang ada tutorial , takyah buat bende nih . Kalau buat mcm mana diaorang nak copy code tutorial tuh kan ?

Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

<script type="text/javascript">

/***********************************************

* Disable Text Selection script- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/



function disableSelection(target){

if (typeof target.onselectstart!="undefined") //IE route

target.onselectstart=function(){return false}

else if (typeof target.style.MozUserSelect!="undefined") //Firefox route

target.style.MozUserSelect="none"

else //All other route (ie: Opera)

target.onmousedown=function(){return false}

target.style.cursor = "default"

}



//Sample usages

//disableSelection(document.body) //Disable text selection on entire body

//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"

</script>

<script type="text/javascript">

disableSelection(document.body) //disable text selection on entire body of page

</script>

Tutorial : Disabled Right Click

Disabled Right Click tu maksud die , kalau ada org nak copy korang punya image . Takboley . Kalau buat mcm nih , baek takyah buat freebies header atau image ape-2 kan ?

Copy code nihhh .
Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

<script language=javascript>

    <!--

    //edit by unwanted

    var message="opppss ! sorry . ";

    ///////////////////////////////////

    function clickIE4(){

    if (event.button==2){

    alert(message);

    return false;

    }

    }

    function clickNS4(e){

    if (document.layers||document.getElementById&&!document.all){

    if (e.which==2||e.which==3){

    alert(message);

    return false;

    }

    }

    }

    if (document.layers){

    document.captureEvents(Event.MOUSEDOWN);

    document.onmousedown=clickNS4;

    }

    else if (document.all&&!document.getElementById){

    document.onmousedown=clickIE4;

    }

    document.oncontextmenu=new Function("alert(message);return false")

    // -->

    </script>

--> tulisan warna hijau tuh korang tukar lha dengan ayat yang korang nak . senang kan ? Kalau tak paham , comment .