Mira Rara Official

Dislike my blog ?
click HERE

Friends !

Notis !

online user

visitors

you have been here 1 times.

This is your first time been here.

Official !

Our

Fall in ♥. Awesome !

Memories !

Chit Chat !

Famouse !

Blog Section

0 comments

Another 5 days........ maka....... muncul lah ia......... Salute lah dekat korang yang excited nak mulakan belajar sama ada di sekolah, U, mahupun kerja ye hakhak. Tapi, malangnya ia bukan mira. Tapi tapi, botring lah pulak memerap kat rumah ni lama2. Boleh suggest kan apa2 activity dalam alam maya ni tak? Bagi je lah link2 apa yang best, video ke, blog ke. Setelah lama daku anaktirikan activity tutorial-ing ni, hari tu (DAH LAAM GILAA) ada 2 orang bloggers, Khairunnadilah, blog dengan satu lagi blogger ni mira dah lupa. Maaf ya, tapi apa2 pun semua orang boleh baca tutorial ni :D Jadi, sila baca title. Mira akan buat tutorial Blog Section as you guys can see di bawah

Kalau agak2 ada yang tak nampak gila tu, takpe telah sediakan.

1) First of all, korang kena buat tulisan/ picture untuk dijadikan navigation tu

Tak kisah lah kat mana2 software pun, tapi mira prefer Photoshop lah EHEH. Lepas dah buat tu, upload kat mana2 (tinypic, yfrog, photobucket, etc) untuk dapatkan link/ URL. Tapi kalau nak senang sangat, upload kat blogger.com (new post) je lagi senang ! :D

2) Macam biasa. Dari Dashboard>> Design>> Page Elements. Ye, kali ini mira gunakan code di page element, bukan HTML code :) Lagi mudah kot ^_^

3) Click Add A Gadget>> HTML/ Javascript dan paste code di bawah.

<div class="separator" style="clear: both; text-align: left;">
<a href="LINK POST/ PAGE UNTUK DIBUKA"><img border="0" height="75" src="LINK/ URL IMAGE" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href=" LINK POST/ PAGE UNTUK DIBUKA "><img height="75" src="LINK/ URL IMAGE " width="200" /></a></div>
<div style="text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href=" LINK POST/ PAGE UNTUK DIBUKA "><img border="0" height="75" src=" LINK/ URL IMAGE " width="200" /></a></div>
<div style="text-align: left;"></a></div>

NOTE:

*Tukar kan LINK POST/ PAGE UNTUK DIBUKA kepada link atau URL post/ page korang yang akan dibuka. Contohnya, mira nak buat ABOUT ME, so gantikan ayat tersebut dengan link page atau post 'about me' korang tu.

*Tukar kan LINK/ URL IMAGE kepada link atau URL image yang korang dah upload dan dah dapatkan link nya. Maksudnya, link gambar navigation tu :)

4) Then, SAVE macam biasa and view blog. Agak rumit lah kalau korang tak tahu step pertama tu. Tapi takpe, segala soalan dialu-alu kan. TRIMAS =DD

ps: Yang ni coding sendiri je. Nantikan next tuto

Labels: Tutorial