Color Code

ditaip Zana Mn jam 9:45 PM 7 komen




Kod warna sangat penting dalam menggubah template kita. Contoh paling mudah yang boleh diberi ialah ubah warna tulisan dalam entry.


Contohnya :

Awan

Hanya ambil kod warna seperti dibawah ini, copy



Kemudian, paste dalam kod warna yang dihighlight dibawah. Kod kat bawah ni boleh la letak kat dalam entry korang. Senangkan?

<div style="color: #319C96;">Awan</div>

Tips:
Ganti Awan dengan entry korang.





Kod warna macam2 boleh guna kalau kreatif, kan? :)









Wishlist

ditaip Zana Mn jam 11:13 PM 23 komen




Atas permintaan tutorial ini di buat. Nak buat wishlist senang je. Tapi yang macam kat bawah ni la..





wishlist1

wishlist2

wishlist3

wishlist4


Untuk membuat wishlist seperti di atas,

Dashboard / Design / Edit Layout / Add a Gadget / HTML/JavaScript Add

Masukkan saja kod di bawah ini


<center>
<form name=myform>
<input type="checkbox" name="mybox" value="wishlist1" checked />wishlist1 <br />
<input type="checkbox" name="mybox" value="wishlist2" checked />wishlist2 <br />
<input type="checkbox" name="mybox" value="wishlist3" disabled />wishlist3 <br />
<input type="checkbox" name="mybox" value="wishlist4" disabled />wishlist4 <br />
</form>
</center>

Tips:

Untuk membuat kotak bertanda, letakkan kod checked
Untuk membuat kotak tanpa tanda, letakkan kod disabled
wishlist boleh diubah dengan ayat sendiri

Siap!! Save ye :)


Senang je, kalau tak dapat buat tu tak baca bismillah la tu ;p









Ubah Tajuk Sidebar kepada Bentuk Imej

ditaip Zana Mn jam 1:04 PM 46 komen




Tutorial di rekues oleh Nur Solehah. Dah ramai yang minta ajar sebenarnya, tapi asyik tak sempat nak buat. So, hari ni belajar bebaik ye ;)

Ouh ade yang tak faham lagi apa fokus kita hari ni? Ini dia. Macam mana nak jadikan Gambar 1 kepada Gambar 2. Tengok anak panah tu ye.



Gambar 1


Gambar 2

Mula-mula kenala tau saiz kelebaran sidebar blog kita berapa. Tak tau nak tengok saiz? Ini caranya.

Dashboard / Layout / Edit HTML

Cari kod ini (Ctrl + F)


#sidebar-wrapper {
width: 260px;

Baik, ini bermakna saiz sidebar blog Mommy Pinky ialah 260px
Maka buat la imej bersaiz 260px. Buat lebih kecik tak pe asalkan jangan lebih. Haa, time ni guna la kepakaran korang design ye. Tak kesah la buat guna photoshop ke photoscape ke. Mommy Pinky guna dua-dua sekali Photoshop CS5 & PhotoScape. Ngeh Ngeh.Ini hasil terbaru, baru je buat tadi. Simple jek, sebab suka simple. Padahal tak reti design ngaku je la (-.-)



Macam biasa la, bila dah siap design pegi la upload pic korang tu di photobucket ke, imageshack ke untuk ambil Url Image. Tak reti? Boleh rujuk SINI ye.

Baik, cara masukkan imej

Dashboard / Layout / Edit HTML / Download Full Template
(penting sebagai backup!)


Sila tick Expand Widget Templates

Sekarang kena cari kod Tajuk Sidebar kita. Sebagai contoh yang Mommy Pinky buat, untuk tajuk Frenzz. Tekan Ctrl + F dan taip Frenzz.

*sila taip dengan sama sebijik macam tajuk yang korang buat tu. Kalau huruf besar, kena buat huruf besar la ek. Kalau tak, memang tak jumpa. Kod yang korang akan jumpa adalah seperti berikut.

<b:widget id='HTML4' locked='false' title='Frenzz' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class="title"><data:title></data:title></h2>
</b:if>

Tukar kod ini,

<h2 class="title"><data:title></data:title></h2>

dengan kod imej ini,

<img border='0' src='http://img257.imageshack.us/img257/1/frenzz.png'/>

Hasil kod seperti dibawah

<b:widget id='HTML4' locked='false' title='Frenzz' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<img border='0' src='http://img257.imageshack.us/img257/1/frenzz.png'/>
</b:if>

ini Mommy Pinky punya. Jangan ambik, nanti mommy gigit. Nak mommy buatkan? Singgit seketul >__< !!

Ok siap. Klik Peview, dah ok, bolehla Save Template





Untuk follower widget mungkin akan ada problem. Next tutorial je ok ;)
UPDATE : untuk tajuk follower di SINI











Exchange Link

ditaip Zana Mn jam 12:11 AM 132 komen




Jom Exchange Link Di Sini.
Mommy Pinky akan cuba singgah setiap hari. Wink Wink ;)

A

Amiys | anato | Adam Haiqal | al- lavendari | air-ah | anatayuni | akish | Almy | Alinworld | Aida | aDAN | amin93 | akimz | Ain Cmey | adrinaqamarina | Atamdin | aniemz | afeeqah | aidalicious | afeeqah | @nie-najib | Adeyna | Adda | atyn akmal


B

Balqis | Belog Cap Ayam | baby Yats | butik mama& baby | belajar bisnes internet video percuma disini | bonda dadif a.k.a akish | Bisnes Que | Blackrose | biology teacher


C

ch@ | cute | cnOor | cik aidacomei | cikpia | cylia chel | cikmay | cutebabygirl | cik liesa | Cik Miminn | cutezmommy | cik cinta | cik puan ienafazlyna | Cik Andam Hazlina | Cik Sara | cikgusila | Cik Syafika | ct N honey | Cik Michiko


D

diana | dr.cinta~ | duniasukaduka | dee | dakpipimerah | dekjia | deqlis |


E

engkuaien | era_zierah | ezybuyezyget | elyana | eliss | Ellismelia Shoppe | Edriena Hazelina | Eiz | Faizah | EmY LiYa


F

fatin hanani | Fieza | faizz | falia shazana | FrEE tHinkER

G




H

hassanah | Health Care | hadfina | Happy Baby Shop | has | Hashira Yusoff | hiDAyah_muRNi | Haziq Haiqal | hitammanis | HAJAR HASAN | haha


I

izan ishak | isma | ismaniaga | ibunafis | intan syahierah | iman | imah mai | Ijah Emo Temo | Ice Ketul


J

jom terjah | Jia Abas |


K

kak Nor | kaseh | kiddypreloved | Khumaera | Ku Kaspersky Hijau | KimiCnoL | Kegembiraan yang Ikhlas


L

lulu | lin azlina | LAGUNAMERBOK | leyana | liyanaziz | Leez Arianee | lepak.com.my

M

Mawar Merah | mia liana | Miza Yusof | mrs jamal | Mama Aizara | merduwaty | mj | Maslina@ Mama Rizqullah | Manjakusayang | mie | mama qistina | Maslina | marlina | muzaffar | myra | mama nia | missRiveBell | Mumun Miss RiveBell | mrs shaq | miss ainia ;) | Mimi | My Miminn | Msniena | miszhelena | My Dazzling Eyes Corner | mijae™ | mya | Mariana | MamaAiman | M O Y M O Y | misz lips


N

nadia ar- rumaisha | Nadia Dizarch | nion | nadd :D | noesa's blog | Nadya Syakila90 | notami | Nurul Nadiah Yunus | nadzirah-aqilah | nisa | naz_azizah | NanaLing | Nur Hana Danila | nur raihana sharifulizam♥ | NuR 'aQiLaH | nurul ain | nsbk99


O

oya |


P

pujangga | Pensel Kontot | puteri ternoneng | purpleroses | pencari cinta | Pupuchik | Pelangi | Pro Tutorial Blog | PANCING DUIT | PinQib | prince hakimz |


Q




R

Raph | Red Boy Blogger | red One | Rayban Malaysia | Raybond | ROTI BOI | Rozana Razali |


S

Sufiah | spy | SPYWARE | Semanis senyuman | sara | selagi IDEA mencurah | secantikmanis | syuhaila binti mustafa | suffer8zine | Sophie Al-yahya | Syima Emi | sylph's =) | siti fatimah | sue sofian | siti asmani abdullah


T

tQa | TAT Gulung Sedap | the absolute clothing | tieha8384 |


U

ubi | Ummiega |


V




W

waniaza | wawa |


X




Y

yaya's bloQQ | yayashummell |


Z

Zanudi Nadia8690 | zihnun fatin | zie fauzi | zuanxi |


Others

~Mrs MaMa~ | | Pro Tutorial Blog | Jeritan Blog | ~ALIEN~ | ♥Leily|Ummi Alya Husna♥ | ~ayu.oyie.yuna~ | ♥ Princess ♥ | @juera | ♥♥syahadah♥♥ | ++anis++ | ♥DARLING♥











Image Hosting

ditaip Zana Mn jam 2:51 PM 12 komen




Hari ni Mommy Pinky luangkan sedikit masa untuk memberi ceramah free untuk adik-adik kita yang masih ternganga-nganga bila mommy buat tutorial dan suruh masukkan url image, url mp3 dan sebagainya. Untuk mengelakkan korang rasa serabut, hari ni kita tumpukan pada url image je dulu, ok?



Oh, oh. Url Image tu ape sebenarnya?
Ok, merujuk kepada tutorial sebelum ni, contohnya,




Mommy ada suruh masukkan URL Gambar Kesukaan. Hah, macam mana rupa nya URL Gambar / Url Image tu? Paling mudah sekali, kalau kita ambil gambar-gambar dari Glitter Graphics Mommy tau, ramai yang suka cari gambar-gambar cute kat sini kan? Haha. Cara nak ambil Url Image hanya ikut step di bawah.



Pilih gambar yang korang suka, contohnya,



ada 2 kod kat situ, abaikan Code HTML.
Copy BB code dia, Url Image terletak antara [img] dan [/img]


BB Code Pic atas tu :) :





[url=http://www.glitter-graphics.com][img]http://dl.glitter-graphics.net/pub/725/725451hqye09hovg.gif[/img][/url]

Yang mommy highlight tu la Url Image..atau dikenali sebagai Direct Link.




Baik, tadi kita belajar ambil Url Image dari Pic yang sudah siap ada BB code, senang kata ready stock la. Macam mana plak kalau kita nak guna gambar kita sendiri @ download pic @ icon kat mana2? Mereka ni tak de BB code. So, macam mana nak cari Url Image dia? Hah, di sini la kita akan masuk ke tajuk utama tutorial ni. Kita akan belajar tentang Image Hosting.

Sebelum ni mommy ada suggest korang buka web FindIcons sebab banyak icon comey-comey,  tapi tak de orang guna jek? Tengok-tengok,  ramai yang komen tak reti guna @ tak jadi. 

 

Ok, salah mommy tak ajar (-___-")
Mommy tunjuk contoh satu je, untuk Cik Epal. kerana beliau direct to the point  bertanya icon Formspring. Eh, eh. adakah, itu Cik Epal yang famous amos tu??!! 


Sekarang, fokus! ikut saje step kat bawah ni.

Cari Icon disini http://findicons.com/pack dan save bila dah ada yang berkenan. Nak senang kerja, save la kat desktop. Mommy try cari icon formspring. Tapi tak de? So, mommy buat sendiri je :p 

boleh la tu, untuk contoh jek.ekeke~

Sekarang pergi ke Web Hosting. Mommy guna http://imageshack.us/



klik Browse , dan cari icon yang korang dah save tadi. Haa..kan senang kalau simpan kat desktop tadi ;)



So, direct link bagi icon tu ialah,
http://img294.imageshack.us/img294/8858/72505183.jpg

Faham? Semoga tutorial ini memberi manfaat ;)


 
Minta maaf kepada nurdani & bungakuning, baru sekarang berkesempatan membuat tutorial ni. Korang tanya time mommy berpantang la..hehe ;p









Floating Button

ditaip Zana Mn jam 3:54 PM 65 komen




Dah lama tak buat tutorial ek? Hari ni adik d'fiey bertanya camne agaknya nak pasang floating button kat blog kita.


Eh, floating button tu ape? Ini dia.


Haha, nak buat ni senang je, sebab tu cepat je buat tutorial ni. Heh. Ikut saje step kat bawah ni ye :)

Dashboard / Design / Page Elements / Add A Gadget / HTML/Javascript.

Ok, sekarang copy code dibawah ni dan paste di ruang Content HTML/Javascript

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/zanariahmohdnasir' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/mommypinky' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://www.blogger.com/home' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>


Haip, belum siap lagi..kat atas ni code Mommy Pinky yang punya..haha. Sila la tukar Url yang di bold dengan Url akaun anda sendiri ye!!

Kalau rasa tak cukup 3 buttons je, hanya tambah code kat bawah ni dan adjust la sendiri. Hua Hua.


<a class='linkopacity' href='LINK ADDRESS' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />


Tips :
Kedudukan floating buttons boleh diubah di 140px,

Left tu boleh ubah kepada Right kalau nak floating buttons kat belah kanan blog korang.. :)

Tak berkenan gambar kat atas tu? Boleh ubah url image yang berwarna biru, cari sendiri icon yang korang suka. Mommy Pinky suke cari kat sini :) KLIK

Dah siap, SAVE!!

Kredit



Ada apa-apa kurang faham, tinggalkan komen ok. InsyaAllah, mommy tolong pahamkan..tapi lmbat la kot, masa terhad..ekeke~








Update Exchange Link

ditaip Zana Mn jam 10:39 PM 14 komen




Sakit kepala tengok exchange link sebelum nih. So, terpaksa ambik masa sket kemas kini ape yang patut. 2 hari buat keje nih. Maklum lah, sekarang kene pandai curik² masa nak update blog nih. BB asik nak berkepit jek ngan mama dia.



serabutkan?nyampah tengok

Ouh, sekarang dah agak pandai bagi baby susu sambil baring, yayy! Sebelum nie tak pernah try pun sebab mak kata jangan amalkan. Nanti susah bila jalan mana-mana, baby tak selesa nak menyusu kalau mommy dia tak baring sekali. Yang buat aku try tu sebab selalunya baby menyusu sampai tertido kat riba. Lepas tu, bila kita pindahkan kat atas tilam, laju je buka mata semula. Biarpun dah tido lena sebelum tu. So, kalau awal-awal dia dah tido kat atas tilam, hah, bila dia dah lena tu bangun je la. Masalahnya, selalu dengan mommynya pun tertido sama. Lagi satu, sebab malam-malam sendiri malas nak bangun. Bagi sambil baring je kan senang. Kantoi pemalas. Haisyh.

Ok. Berbalik pada yang asal (jauh mengarut), pasni sapa-sapa yang datang jenguk blog ni, jangan segan jangan silu klik exchange link kat atas tu ek. Senang sket nak terjah bila ada masa la ek. Paham-paham la, mommy muda tak reti sangat nak bahagi masa ni. Tinggalkan je nama blog ke nama korang ke, pastu url website kat bahagian komen. Sapa-sapa yang belum je la tak pun yang nak tukar url ke. Yang dah ade nama tu, tak yah la gatal bagi lagi sekali.

Entry pendek gini pun ambik masa 3 jam. Haisyh.








Entry dengan Password

ditaip Zana Mn jam 6:02 PM 18 komen





Kadang-kadang, kita mungkin mahu menulis entri yang memerlukan privasi dan hanya orang tertentu boleh membacanya. Contoh entry ni Pengalaman Bersalin Part I. Jadi, korang boleh cuba tutorial ni. Hanya yang memiliki password boleh view entry tersebut. Kalau tak ingat password, memang tak de siapa boleh tolong. Jadi, sila berhati-hati ye ^^

Masuk ke bahagian
Tengok sebelah kanan atas, klik
Klik
Save File.

Cari kod di bawah
<head>
Tips untuk memudahkan pencarian,
Lihat keyboard korang, Tekan key Ctrl dan key F serentak.
Untuk pengguna Mozilla Firefox, korang akan nampak imej ni
Masukkan kod di ruang sebelah find, klik Next.
Paste kod ini selepas atau di bawah kod <head> tadi.
<script src='http://www.vincentcheung.ca/jsencryption/jsencryption.js' type='text/javascript'/>
Seterusnya, masuk ke website ini www.vincentcheung.ca/jsencryption
Ikut arahan di bawah.



Sebaik sahaja korang click Encrypt tu, automatik code html akan keluar diruangan HTML Code
Abaikan sahaja kod di ruang Cipher Text.
Copy paste HTML Code di ruangan New Post blog korang & Publish Post.

Siap dah. Selamat mencuba ^^

kredit to : rojakstory.blogspot.com









Masukkan Video dari Facebook ke dalam Entry

ditaip Zana Mn jam 1:47 PM 14 komen Links to this post




Assalamualaikum, para sahabat yang disayangi. Hehe. Wah, banyak juga yang berminat nak tau cara masukkan video dari FB nie ek? Ingat kan tak de yang berminat. Hehe. Sebelum diteruskan, marilah kita semua sama-sama mengucapkan terima kasih kepada Sifu Mr Piratz yang sudi berkongsi tutorial ini. Jika berminat, boleh belajar dari blog beliau di SINI.

Tutorial nie semata-mata untuk berkongsi dengan sahabat-sahabat diluar sana dan juga sebagai simpanan peribadi. Dah lama tau cari tutorial nie. Puas duk Google. Huhu.


Baik, tanpa membuang masa lagi, mula-mula korang kena la login ke Facebook dan pilih dulu video mana yang korang nak share kat dalam entry. Hei, kalau tak de akaun FB kena la join FB dulu. Pastu, add la Mommy Pinky sekali. Wah2, sempat plak promote diri. Kuikui~

Dapatkan Video ID
Sebagai contoh, bagi Videos Posted by Brenda Garcia
Hihi, comelkan?

Video ID ialah seperti di bawah
(tengok bahagian address kat atas tu)


bagi clear sket pic nie,

jadi, Video ID = 1227575495369


Seterusnya, apa yang perlu dilakukan hanyalah Copy Code dibawah, dan masukkan ke dalam entry,

Dashboard / New Post / Edit Html


<center><object width="500" height="400" >
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://www.facebook.com/v/xxxxxxxx" />
<embed src="http://www.facebook.com/v/xxxxxxxx" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="500" height="400">
</embed>
</object></center>


Gantikan xxxxxxxx dengan Video ID

Note: Nak ubah saiz video, ubah sahaja di bahagian width & height. Ok siap :)



Selamat Mencuba :)
Kalau tak jadi mungkin sebab terlupa baca Bismillah ;)









Tukar Older Post, Home, Newer Post kepada Imej/ Icon

ditaip Zana Mn jam 12:48 AM 42 komen Links to this post




Assalamualaikum, sudah lama tak buat tutorial kan. Kali nie, request dari adik Lieyan Chantek. Sorry, agak lama baru nak buat tutorial ni. Nasib baik request tutorial yang senang je. Hanya ubah-ubah kod sikit. Sedikit nasihat, kalau nak cantikkan blog jangan takut untuk bermain dengan kod-kod anda. Saya juga bermula dari zero seperti kamu, kamu dan kamu yang sedang makan di tepi tu. Hei, tak puasa ke?

Kadang-kadang kita tak boleh harap kan orang lain sangat. Kita sendiri kena usaha tau. Kalau kamu hanya harap kan pertolongan orang, susah nak maju. Ketahui la bahawa template blog kita tak sama seratus peratus, so, jangan la cepat melatah bila tak jumpa kod-kod yang diperlu kan. Try n error saja. Yang penting back up dahulu template kamu tu. Haih membebel plak tengah hari buta begini.


Ok, ok, nie soalan adik Lieyan Chantek,


Tulisan2 dibawah ini boleh diubah kepada imej / icon yang menarik kamu tau?



Ok, macam biasa,


Dashboard / Layout / Edit HTML / Download Full Template
(penting sebagai backup!)

Sila tick Expand Widget Templates
Cari code dibawah ni (Tekan Ctrl + f untuk memudahkan pencarian)



<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>



Tulisan yang berwarna + bold tu tukar dengan kod di bawah


<img src="Image URL" />



Begini contohnya,


<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://img507.imageshack.us/img507/4343/leftq.png'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://img94.imageshack.us/img94/3545/rightyx.png'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://img535.imageshack.us/img535/606/homeb.png'/></a>
</b:if>
</b:if>

</div>



Hasil adalah seperti di bawah,





Oh, icon menarik boleh cari di SINI. Tak tau cara nak guna icon tu? Rujuk SINI. Selamat Mencuba :)










Pasang Lagu Dalam Entry

ditaip Zana Mn jam 5:42 PM 16 komen Links to this post




Bagaimana nak isi lagu dalam entry. Contohnya dalam entry

1. BB Girl, eh BB Boy, eh eh
2. Tak sukenya kena tinggal :'((

Mommy Pinky belajar buat tutorial ni melalui blog Zack Zukhairi sebenarnya. Ade sesape tak kenal budak nih? Heh. Urmm..bukan la bermakna dia buat tutorial, tapi dia yang share link tempat belajar tu iaitu di blog rojakStory. Kalau nak belajar dari situ terus pun tak pe. Senang je. Lagi pun banyak lagi tutorial menarik kat situ :)

Ok, ini cara Mommy Pinky. Bahan-bahan yang wajib ada,

1. Lagu yang berformat MP3
2. File hosting : FileDen (sila daftar dulu ye kawan-kawan)

Tujuan kita daftar dengan Fileden ni, supaya kita dapat Direct Link untuk sesuatu mp3 yang kita nak gunakan nanti. Ada faham? :)

Ok, caranya

Selepas berjaya daftar, pergi ke Upload & upload lagu pilihan anda. Ingat, pastikan lagu tersebut berformat mp3. Kalau tak, memang tak jadi. Hehe.

Cara Upload, ikut je kat bawah ni, satu-satu Mommy Pinky tunjukkan. Suke tak? Hehe.


Klik Upload


Continue To File Uploader



Mommy Pinky lebih suke guna uploader yang lama. Sebab new uploader selalu corrupt. Penat je tunggu. Heh. Sebab tu, Mommy Pinky suggest korang klik je kat situ. Hehe.


Sekarang untuk pilih lagu dari Music Folder anda, klik Browse tu



Mommy Pinky pilih lagu Siti Nurhaliza, okeh. Contoh je ni.


Klik Upload, dan boleh la pergi menonton tv ke, blogwalking ke sebab memang berjanggut kalau nak tunggu..Haha


Ok, ini hasilnya. Tapi kita tak nak code yang ini.

Klik Direct URLs tu, code yang diperlukan akan terpapar di dalam box tu. Sila copy ye, jangan tengok je.. :)

Copy code di bawah ini,


<object id="audioplayer1" data="http://www.stormpages.com/rojakamoi/player.swf" width="290" height="24" type="application/x-shockwave-flash"><br/><param value="http://www.stormpages.com/rojakamoi/player.swf" name="movie"/><br/><param value="playerID=1&amp;soundFile=http://www.fileden.com/files/2010/3/1/2779493/Siti_Nurhaliza_-_Tahajjud_Cinta_-_06_-_Pintu_Rindu.mp3" name="FlashVars"/></object>


Gantikan kod berwarna biru dengan direct link anda. Ok, hasilnya seperti dibawah ini :)

Kalau tak berkenan bentuk mp3 nie, ada lagi satu yang korang boleh guna. Klik kat sini Muzicons
Klik URL
Paste direct link di dalam kotak seperti diatas. Seterusnya, korang bolehlah ubah warna dan sebagainya ikut kegemaran. Ambil code html dibahagian result untuk diletakkan dalam entry, ok :) Ini contohnya yang Mommy Pinky buat. Huhuh~ Selamat Mencuba :)
Panjangnya tutorial, harap korang faham :)








Ubahsuai LinkWithin

ditaip Zana Mn jam 9:30 AM 34 komen




LinkWithin ialah widget blog yang muncul di bawah setiap pos, menghubungkan kepada cerita berkaitan dari arkib blog kita. Kelebihan yang unik ialah ia dipaparkan dalam bentuk thumbnail jadi, pengunjung akan lebih berminat untuk melihat entry kita yang lepas². Bagi yang masih belum menggunakan widget ini bolehlah install dulu disini ye www.linkwithin.com
Widget ini boleh diubahsuai supaya kelihatan seperti di atas. Ayat asal "Anda mungkin juga meminati:" boleh ditukar kepada ayat anda sendiri. Malah boleh ditambah juga gambar atau icon comel. Caranya mudah sahaja. Hanya tambah sahaja kod di bawah ini di atas kod LinkWithin tersebut.
<script>linkwithin_text=' <img src="alamat url gambar" border=0> Ayat Yang Ingin Dimasukkan ' </script>
Ini contoh kod yang betul
<script>linkwithin_text=' <img src="http://dl10.glitter-graphics.net/pub/369/369220a3hjk9pcg9.gif" border=0> Entry Ini Menarik Juga Tau ! ' </script>
<script>
var linkwithin_site_id = 1549651;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
Save. Siap ^^
Selamat mencuba ye.








 

Copyright © 2008-2017 By Zana Mn. All rights reserved | Sign in, MP Design