tutorial : bagaimana nak buat blog ada link sahaja?

Salam semuaa :) hehe honestly blog saya ni bukan lah blog tutorial.. means tak pernah buat entry tutorial pun, sebab rasanya blog2 lain dah ramai buat, dan mereka lebih cekap dan pandai2. saya ni biasa2 aja, wahh rendah diri gitu, pangg~~ ;p

tapi kalau ada kawan2 blogger tanya soalan, apa salahnye kite share kan :) kite mulakan dengan soalan pertama dari kak M, hehe


"salam dd dudu, cmne nk wat page ni penuh dgn link..??"


note : "page ni" adalah merangkap blog saya lagi satu --> http://jirandudu.blogspot.com/

ok jom scroll ke bawah ;)


1) mula-mula, pergi ke Layout --> Edit Html

2) selamatkan lah template asal akak dulu dengan klik pada Download Full Template. yelaa kot2 lain kali nak pakai template asal ni lagi ke ;P



3) dah save template tadi?ok kite mula sekarang


4) pergi pada Layout --> Page Elements. sekarang, kosongkan semua gadget yang ada pada sidebar. contohnya nak remove Followers. klik Edit pada gadget Followers, dan klik button Remove.

sebelum sidebar dikosongkan.



selepas sidebar dikosongkan.

5) ok selepas sidebar kosong, nak masukkan link Blog List, klik Add a Gadget, dan pilih Blog Lists. alaaa, akak tau dah kan camane, hehe saje je saya ni ;p

6) ok siap untuk sidebar. sidebar sekarang dah ada Blog List sahaja. takde dah gadget lain.



7) gunakan cara yang sama jugak untuk bawah header dan footer.

8) tapi, kalau saya, saya tak letak blog list kat bawah header dan footer. macam tak kemas nanti. contohnya begini.

tak kemas bukan? atas header ada Blog List, bawah footer pun ada, tengah2 pulak ada ruangan post. macam serabut sedikit. erm tapi terpulang laa pada kreativiti masing2 kan ;)

9) ok cuba kalau kite remove Blog List bawah header.

dan ini hasilnya tanpa blog list bawah header.

10) still tak cantik jugak sebab footer tu backgound color kelabu, dan ada ruangan post di tengah2 ;P apakata kita buang ruangan post tu dan remove Blog List dari footer?

bagaimana? begini caranya..


11) pergi kembali pada Edit Html tadi, dan klik check pada Expand Widget Templates.



12) untuk memudahkan "pengubahsuaian" koding, akak copy semua (button Ctrl + A) code dan paste dalam notepad.



13) Find perkataan "main-wrapper" (button Ctrl + F)



14) dah jumpe. kite nak start remove sebahagian html code.

15) buang code dari

<b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'">

<b:includable id="'nextprev'">

scrollllll dan saaampaaaiiilaaaaaaaaahhhhh kee

</b:includable>

</b:widget>


haaa delete semua, sampai code dia jadi macam ni

haa betol-betol sebelum <div id="'sidebar-wrapper'">

16) sekarang main-wrapper yang dahulunya mengandungi ruangan post, sudah kosong sekarang. kite nak gantikan main-wrapper yang kosong itu dengan Blog List. cara saya, adalah meng'copy code dari footer ke ruangan post ini. hehe faham tak faham tak ;p


17) Find perkataan "footer-wrapper" dalam notepad tadi.


18) dah jumpe, jom start meng'copy.

copy dari

<b:widget id="'BlogList2'" locked="'false'" title="'My" type="'BlogList'">

<b:includable id="'main'">

sampailah ke

</b:includable>

</b:widget>


19) paste ke dalam main-wrapper tadi




19) selepas copy, kite nak tukar nama widget id Blog List dalam main-wrapper kepada nama lain. supaya tak keliru.

tukar dari <b:widget id = 'BlogList2'.... kepada <b:widget id = 'BlogList3'...


yela, BlogList2 tu footer punya. sekarang kita buat nama baru untuk Blog List main, iaitu BlogList3.


20) ok siap!! sekarang boleh copy semua code dari notepad tadi, kembali ke template html semula.


21) klik button preview, kalau nak preview dahulu. klik button Save Template dan mulalah View Blog anda semula ;)

upss, tak sempurna lagi rupanya ;p kenelah remove Blog List dari footer dahulu, baru nampak cantek :) kemudian add Blog List baru dekat ruangan utama.


hoho, siap.



22) sekarang terpulang pada individu masing2 laa untuk cantekkan lagi blog ni. kalau nak kemas, bahagikan Blog List ni ikut kategori la. Add je gadget Blog List baru, dan tukar title. macam ni



ok, sekarang betul-betul siap^^ Blog Atsukuru dah jadik blog pautan2 ke link lain, yeyyy \(^^)/

oh yaaa, Blog Atsukuru ni sekadar blog untuk buat tutorial je tau, takdenyee nak update2 kat sini. huhu, create blog semata2 untuk tutorial ;P


*******************************************

kak M, faham tak ye tutorial kite ni? huhu kite tak pandai mengajar sangat sebenarnye ;) eheeee


uh uh, untuk semua, maaflah ye kalau tutorial ni ada kekurangan atau terlebih complicated. sebab saya edit koding yang ni ikut kepala sendiri, tak tau lah kalau ada cara lebih senang atau memang dah ade ready-made punye template, saya pun tak tau, sebab memang tak merujuk pada mana-mana blog atau website atau menggugel langsung, hihi malas. memang ikut suka hati je ni, asalkan jadi ;P dan sekarang saya share apa yang saya dah buat, itu je. =)


Ya Allah, panjangnyaaa entry ni. ade ke orang sanggup tengok sampai habes ni? sob sob.


ok lah, Selamat mencuba =)

bye bye.