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]:

Unknown said...

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

atiqahjaidin said...

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

Unknown said...

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

atiqahjaidin 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 :)

Unknown said...

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

atiqahjaidin 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 ?

atiqahjaidin said...

@A Little Girl : PM ur passwrd & emain.

A Little Girl said...

facebook name ?

NurulNadia said...

id navigate yg mne??

atiqahjaidin 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.

Zahira zuraidi said...

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

atiqahjaidin 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

Nur Aisyah said...

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

Unknown said...

kak ,saye tak paham kat mane nk tulis tutorial tu

Unknown said...

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

rinnrin 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? =_='

Unknown said...

x paham sume . tlg wt kan bleh ?

Unknown 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 .

Unknown 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...

shikyn shukri said...

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