Tutorial : Make a Tutorial Pages (Blogskin)


Assalamualaikum and annyeonghaseyo. Tuto ni ada beberapa bloggers yang request. Sorry sebab hari ni baru tieqa buat tuto ni. Busy sikit. Btw tieqa nak share cara utk buat pages with tutorial list for Template Classic users.

1. Open Notepad or Newpost
2. Copy code dekat bawah ni

Untuk text sahaja
<a href="LINK" target="_blank">TITLE</a><br>

Untuk text dan icon 
<img src="URL IMAGE"/><a href="LINK" target="_blank">TITLE</a><br>
3. Paste code tersebut
4. Okay. Tinggalkan sebentar list yang telah selesai korg copy tadi

Biru : link tutorial
Merah : tajuk tutorial
Hijau : Icon

5. Sekarang. Pergi Dashboard > Template
6. Copy code dekat bawah ni
<div id="ID NAVI" style="display: none;">
<div class="CODE POST TITLE">TITLE</div>
LIST TUTORIAL
</div>
7. Paste di atas code </body>
8. Then, korg gabungkan code di step-2 dgn step ke-6
9. Kalau tak faham. Bole tengok contoh dekat bwah ni
<div id="ID NAVI" style="display: none;">
<div class="CODE POST TITLE">TITLE</div>
<a href="LINK" target="_blank">TITLE</a><br>
<a href="LINK" target="_blank">TITLE</a><br>
<a href="LINK" target="_blank">TITLE</a><br>
<a href="LINK" target="_blank">TITLE</a><br>
<a href="LINK" target="_blank">TITLE</a><br>
<a href="LINK" target="_blank">TITLE</a><br>
</div>
10. Preview & save.
11. Kalau tak faham. Boleh tanya.

Pink : list tutorial
Ungu : ID navigate
Orange : code post title

24 comment [s]:

Mira Production said...

Tq.. Dah lama tunggu Tutor nie.
=.=

Nurul AtiQah said...

@Mira Production : Welcome :) sorry lambat buat tutor ni -__-"

Hanim Syakirah said...

Oh . Dan bila nak buat tuto ni kena buat macam entry lah kan ? Ke macam mana ? Then kita publish dekat entry. Gituu ea ?

Nurul AtiQah said...

@Hanim Syakirah : Yup. update entry mcm biasa dulu. Nanti bila dah publish. Copy URL link tutorial & paste dkt code yg akak bg tu :)

A Little Girl said...

macam mane nk wt ni ae ? x paham lol :)

Hanim Syakirah said...

Oh. Lepas kita ambik URL entry tu . Kena delete tak entry yang kita publish tu ? Kee biarkan je ?

Nurul AtiQah said...

@A Little Girl : Part mana yg x faham tu??
@Hanim Syakirah : Tak payah delete. biar je~

A Little Girl said...

x paham sume . tlg wt kan bleh ?

Nurul AtiQah said...

@A Little Girl : PM ur passwrd & emain.

A Little Girl said...

facebook name ?

anne lee said...

id navigate yg mne??

Nurul AtiQah said...

@A Little Girl : https://www.facebook.com/nurul.atiqah.18

@anne lee: contoh code ni .innerHTML=document.getElementById('stuff') . yang dlm kurungan tu ID navigate.

Siti Nur Zahira said...

Akak, saya tak faham yang code post title & list tutorial tu..

Nurul AtiQah said...

@Siti Nur Zahira : yg tu, adik kena berpakdukan pada navigation code..cer tgk navigate code..
list tutorial tu. senarai tutorial yang adik nak letak..sorry la klau tak faham..huhu

Miss Whatever said...

Akak,saya tak faham yang kena letak link tutorial tu..macam mana nak buat?

Izzah Maisarah said...

kak ,saye tak paham kat mane nk tulis tutorial tu

Has Acha said...

kak, sy tak phm la step no.9 tu. nk gbungkan ltak kat mana?

Arina Azman said...

akak.. sy dah guna ID navigate untuk buat benda lain..mcm mana nak tambah ID navigate lagi satu? sy try tmbah... tpi x jadi pon..-,-

Miza Amirah said...

akak , code post title boleh bgi contoh tak mcm mne code die? =_='

Nurain Farid said...

x paham sume . tlg wt kan bleh ?

Nurain Farid said...

Saya dah friend ngan akak kat fb . Nanti saya beritahu email & password

Malihah Munirah said...

Kat mana nak buat entry tu ?? Post atau pages ? Kalau pages ,tak leh prieview . Kalau post , nanti pembaca blog tengok tuto tu .

husnina ismail said...

salam..macam mana nk buat link ke tab menu erk??dh ada tab menu tapi x tahu macm mane nak masukkan apa yg saye tulis...

ikyp ikyn said...

tk paham lahhh.... T^T tolong buatkan boleh? :)