Wishing List

Macam niy? Nak buat? Okayyy. let's start.

1. Pergi Design>Page Element>Add a Gadget>HTML/Java Script
2.  Paste Code yang di bawah :

<form name=myform>
<input type="checkbox" name="mybox" value="satu" checked />satu<br />
<input type="checkbox" name="mybox" value="dua" checked />dua<br />
<input type="checkbox" name="mybox" value="tiga" checked />tiga<br />
<input type="checkbox" name="mybox" value="empat" disabled/>empat <br />
</form>

3. Tukar warna merah untuk apa yang awak wish.

4. Yang biru tuh, checked bermaksud wish tuh dah tercapai, disabled pula bermaksud tak tercapai lagy.

TQ.

Hide Title/Title Description Blog

Niy, untuk sesape nak buang title blog diaorang.

Backup Template HTML
1. Disarankan untuk korang backup dulu korang punya template HTML.
2. Pergi ke Design>Edit HTML

3. Tekan Download FULL Template. Lepas dah download simpan dekat tempat yang sesuai. Ini untuk kecemasan. Contohnya, kalau korang nak ada balik TITLE blog korang. Okayy? Tak nak buat tak pe.

Hide Title Blog

1. Korang kena cari code kat bawah niy:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Syaaaaa&apos;s Tutorial Page (Header)' type='Header'/>

2. Yang merah tu, korang tukar dengan 'false'.
3.Then, pergi Design>Page Element
4. Korang tekan EDIT dekat header korang. Dalam tuh, dia ada button REMOVE.
5. Klik remove untuk buang.
6. Save.

step 4

Step 5

TQ.

Hide NavBar

Tutorial untuk hilangkan benda yang kat atas tuh. Yang ader Follow, etc.
Contoh:

1.Pergi design>edit HTML
2. Cari code dalam template:  </b:skin>
3. Paste code di bawah dekat atas code tadi.


#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


4. Preview dulu then save :D


TQ.

Marquee Text Dekat Title

Okayy, benda niy selalu orang buat dekat title diaorang yang dekat tab browser anda. Dia gerak-gerak.

1. Pergi Design>Edit HTML>Tick Expand Widget.
2. Cntrl + F dan search code di bawah :

<b:includable id='post' var='post'>

3.Dah jumpa? Okayy, kat bawah dye ader lagy kan.

4. Delete code yang niy dalam HTML korang:

  <b:includable id='post' var='post'>

  <div class='post hentry uncustomized-post-template'>

    <a expr:name='data:post.id'/>

    <b:if cond='data:post.title'>

      <h3 class='post-title entry-title'>

     <b:if cond='data:post.link'>

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

     <b:else/>

        <b:if cond='data:post.url'>

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

        <b:else/>

          <data:post.title/>

        </b:if>

     </b:if>

      </h3>

    </b:if>

5. Gantikan code tady dengan yang ni:

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<marquee direction='left'><h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

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

<b:else/>

<b:if cond='data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3></marquee>

</b:if>

6. Okayy, warna merah tu pergerakan dye. Boleh buat left or right.

7. Then preview, kayy?

TQ.

Hide Shoutbox dengan Animation

Senang jeh tutorial niy. Tak faham, tanya ek?

1. Pergi Design>Page Elements>Add a Gadget>HTML/Java Script

2. Paste code nih.

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:400px;

width:150px;

float:left;

cursor:pointer;

background:url('URL GAMBAR') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

MASUKKAN KOD SHOUTBOX ANDA DISINI

<div style="text-align:right">

<a href="javascript:showHideGB()">

[close]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (140-gb.offsetWidth).toString() + "px";

</script>

Purple : Height dan width gambar

Emas: URL gambar

Hijau: Code shoutbox korang

Merah: Tukar ikut korang, tak nak pun takpe.

TQ

Pop Up Message

Okayy, Pop Up Message means bila korang bukak blog sape2 tetibe ader message . Contohnya, "Welcome", "Have Fun Reading".

Senang je :

1. Pergi Design>Page Elements>Add a Gadget>HTML/Java Script
2. Paste code kat bawah niy.
3. Warna Purple tuh, tulis message korang. Siap :D

<script>language="JavaScript">confirm("TYPE YOUR WORD")</script>

TQ.

Shoutbox Tertutup Di Tepi

1. Bagi yang tak ada shoutbox lagi boleh pergi buat di  http://www.shoutmix.com/main/. Bagi yang sudah ada, skip ke tutorial NO.10
2. Klik butang Create Shoutbox bagi yang tiada shoutbox lagy. Dah ada, tekan login.
3. Dalam muka berikutnya taip maklumat yang diperlukan; 

Taip masukkan nama shoutbox dalam ruangan Shoutbox ID;
Taip masukkan kataluluan dalam ruangan Choose password dan ruangan Retype password;
Taip masukkan nama sendiri dalam ruangan Name;
Taip masukkan alamat emel dalam ruangan Email;
Tik tandakan kotak dalam ruangan I have read and agree to the Terms of Service;
dan klik butang Continue.

4. Tukar style dan design mengikut kesukaan anda. Dan save settings.

5. Klik Back to settings.

6. Klik Get Codes. 

7. Ubah witdh mengikur ukuran sidebar anda. Seterusnya, copy kod tersebut. 

8. Pergi Design>Page Elements>Add a Gadget>HTML/Java Script

9. Paste code tadi.

10. Copy Kod di bawah dan masukkan code shoutbox anda di tempat yang dinyatakan. Pergi ke Design>Page Elements>Add a Gadget>HTML/Java Script

11. Paste code ini bersama dengan code tadi. 

 <style type="text/css">

#gb{position:fixed; top:50px; z-index:+1000}

* html #gb{position:relative}

.gbtab{height:110px; width:30px; float:left; cursor:pointer; background:url('http://i31.servimg.com/u/f31/14/01/65/89/shoutb10.png') no-repeat}

.gbcontent{float:left; border:2px solid #666; background:#fffffg; padding:10px}

</style>

<script type="text/javascript">

function showHideGB(){var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0,30-w):moveGB(20-w,0); gb.opened = !gb.opened}

function moveGB(x0, xf){var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) >10 ? 5:1; var dir = xf>x0 ? 1:-1; var x = x0+dx * dir; gb.style.right = x.toString()+"px"; if(x0!=xf){setTimeout("moveGB("+x+","+xf+")",10)}

}

</script>

<div id="gb">

<div class="gbtab"onclick="showHideGB()">

</div>

<div class="gbcontent">

Paste Masukkan Kod Shoutbox Di Sini

<div style="text-align:right">

<a href="javascript:showHideGB()">

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString()+"px";

</script> 

TQ.

Widget Berapa Orang Pengunjung Semasa

Widget ini menunjukkan berapa orang sedang melawat blog kita.

Contoh Widget

1. Pergi ke  http://whosread.com/en/get-widget/.

2. Copy kod yang ader dalam kotak tuh.

 

3. Pergi Design>Page Elements>Add a Gadget ( Pilih HTML/Java Script)

4. Paste code tady, masukkan tajuk jika perlu. Dan save.

TQ.

Tukar Design Tab/Pages

Tutorial Request From Shasha : http://shashaabdulrazak.blogspot.com 

Visit Her :D

1. Pergi Design>Template Designer

2. Cari Advanced, dan tekan . 

3. Dekat situh , ader *TABS TEXT*  & *TABS BACKGROUND*.

4. Boleh tukar : Font, Font Colour, Font Size. Also there Tabs Background Colour .

So Good Luck :D

TQ.

Letak Tab/Page dekat atas or tepi

Oke. This is my first tutorial.

1. Pergi Design > Add a Gadget > Pages

2. Boleh letak dekat atas or tepi. *suka hati anda* . Then save.

3. Pergi Posting > Edit pages

 4. Tekan New Page/Create a Page

5. Tulis title untuk page tady, then tulis lah, ape2 untuk page tuh. 

6. Then, publish page.

P/s: Kalau tab yang dah buat tuh, tak keluar. Pergi Design>Pages. Tandakan box page yang ader kat situh.

TQ.

Request by Fajrina. : http://intorrrroooduce.blogspot.com