Lovely Bee: October 2012

Adam & Hawa eps 29, 30, 31 & 32

, by Dikbee

Tutorial : Cara Buat Tab Menu

Hola semua,

Hari ni nak share cara nak buat menu tab menu versi My Lovely Bee

Cara-cara nak buat image tab menu

Mula-mula dapatkan image yang nak digunakan
saya menggunakan software Sumo Paint 4.6 coz ia tak perlu di download.
cuma perlu ke website http://www.sumopaint.com

Anda boleh membuat apa sahaja bentuk dan buat mengikut kategori yg dikehendaki
Bila dah siap, upload image ni ke photobucket untuk dapatkan link URL.
ok... siap untuk image

Cara-cara nak letak link tab menu
Mula-mula pergi ke :

dashboard ---> layout --> Add a gadget

then pilih HTML/Javascript

Lepas tu, copy code ni & paste kat ruang content

<center>
<a href="http://dikbi.blogspot.com" target="_blank">
<img src="http://i1240.photobucket.com/albums/gg487/dikbi/menubuttonhome_zps4188ca5b.png" alt="Photobucket" border="0" /></a>

<a href="http://dikbi.blogspot.com/p/adam-dan-hawa.html" target="_blank">
<img src="http://i1240.photobucket.com/albums/gg487/dikbi/menubuttonadamamphawa_zps17dd574c.png" alt="Photobucket" border="0" /></a>

<a href="http://dikbi.blogspot.com/p/koleksi-bee.html" target="_blank">
<img src="http://i1240.photobucket.com/albums/gg487/dikbi/menubuttonkoleksi_zpse52c8591.png" alt="Photobucket" border="0" /></a>
</center>

Dah siap tekan SAVE

Petunjuk :
Bagi tulisan yang warna merah, anda kena gantikan dengan link anda. Contoh di atas adalah link untuk My Lovely Bee. Setiap image tab menu akan di link ke page yang dikehendaki (rujuk bawah utk cara2 nak dapatkan link page). Manakala tulisan warna biru pula adalah URL image yang telah diupload ke Photobucket.

Cara-cara nak dapatkan link Page

Perasan tak link page tak sama dengan link post/entri?

Contoh link post/entri : http://dikbi.blogspot.com/2012/09/adam-hawa.html

Contoh link page: http://dikbi.blogspot.com/p/adam-dan-hawa.html

Untuk tab menu, kita perlukan link page, bukan link post/entri
mula-mula pergi ke

dashboard ---> Pages --> New Page

Lepas tu akan keluar blank page

So, anda boleh tulis apa sahaja kat sini.
Tapi biasanya page ni digunakan untuk buat table of content
atau senarai post mengikut kategori.
Bila dah siap, tekan publish
Lepas tu, kita akan dapat list page macam ni

Klik link view dan kita dah boleh dapat link page

Contoh link page: http://dikbi.blogspot.com/p/adam-dan-hawa.html

Ok, link ni yg kita gunakan untuk tab menu..

p/s : Ok, dah siap semua. pening tak?
saya pun pening masa nak buat. hihi
takpe, cuba ikut perlahan-lahan ye. kalu tak faham, boleh tanya..
Diingatkan ye, tutorial ni versi My Lovely Bee.

14 Comments

, by Dikbee

Tutorial : Cara Letak Iklan ChurpChurp

Hola semua,

hari ni saya nak tunjuk cara nak buat iklan churpchurp macam gambar di bawah

Tutorial ni direquest oleh adik Fye

Mula-mula pergi ke

dashboard ---> layout --> Add a gadget

then pilih HTML/Javascript

Lepas tu, copy code ni & paste kat ruang content

<center>
<div style="background-image: url(http://www.zingerbugimages.com/backgrounds/pink_pastel_bamboo_wallpaper_tileable.jpg); border-color: #FAAFBE; border-style: double; border-width: 4px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 220px; overflow: auto; width: 600px;">

<fieldset><legend><img src="http://i1057.photobucket.com/albums/t396/glitterboo2/Sep%202012%20-%204/600b0dde97ead0f7c05838d36c88b99b-out.gif" height="50" width="100" /></legend>

<embed flashvars="txt=AYAT ANDA " src="http://i245.photobucket.com/albums/gg78/looma001/cinpohorse3.swf" height="25" width="550"></embed>

<a href="URL Churpchurp" target="_blank"><img src="URL image Churpchurp" height="50" width="50" /></a>

</fieldset>

Petunjuk :

warna merah - URL background (boleh pilih gambar yg disukai tp saya pilih yg sama dgn
background blog)

warna hijau - kod warna untuk border (boleh dapatkan kod di google @ di blog rakan2 lain)

warna pink - saiz kotak (boleh adjust ikut kesesuaian, scrollbar automatik keluar jika iklan terlalu byk)

warna biru - URL gambar burung Churpchurp (boleh tukar gambar lain @ ambil dari freebies saya). besar gambar boleh adjust ikut kesesuaian

Ayat Anda - tulis apa sahaja yg anda suka. Simbol hanya yg tertentu sahaja boleh diguna
Untuk URL Churpchurp & URL image Churpchurp, sila rujuk di bawah :

Cara-cara untuk mendapatkan link & image churpchurp

Mula-mula buka akaun churpchurp

lepas tu klik pada iklan yang ditawarkan

Bila scroll ke bawah kita akan jumpa URL link iklan, klik copy & paste di URL churpchurp

Untuk image pula, klik kanan dan pilih copy image location & paste di URL image Churpchurp

OK, dah siap tekan save & preview

Jadi tak??

Freebies Gambar Burung ChurpChurp

http://i1057.photobucket.com/albums/t396/glitterboo2/Oct%202012%20-%203/f7ff6bec9c875846b93b78994be13572-out.gif

http://i1057.photobucket.com/albums/t396/glitterboo2/Oct%202012%20-%203/fc07ca29a07da8b19875617a1c721689-out.gif

p/s : Fuh...panjang lebar tutorial ni.. harap-harap boleh faham..
jangan lupa kredit kat saya yek.
kalau boleh tolong klik iklan saya sekali...
thanks you..muah muah..