Monday, 12 December 2011

Okeyy , Lyssa teruskah je lah eh ? Baru kejap ni , ada orang tanya Lyssa macam mana nak buat ada shadow di keliling post title . Chewah . NICE IDEA . Lyssa pun test dekat blog Lyssa . 
Test punya test , jadi lah macam ini . Cantik jugak shadow nya . Ada yang nak try ? Silakan :

 

Apa macam ? Mahu try ? Okeyy .  Jom !


1. Log in > Dashboard > Design > Edit Html 

2. Tekan Ctrl F serentak , dan cari kod ini :

.post h3 {    kalau tak jumpa , cari kod ini pulak   h3.post-title {  atau yang ini  h4 }


3. Haa . ada jumpa tak ?  Kalau ada , copy kod ini di bawah kod yang korang cari tadi :

background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #
C0C0C0;
box-shadow: 0 0 2px 2px #
C0C0C0;
 

Warna pink = Warna background post title 
Warna biru = Warna border post title title
Warna merah = Warna shadow post title 

Kalau nak tukar , korang boleh cari color kod DI SINI !


4. Sekarang , korang PREVIEW . 

5. Menjadi tak ? Kalau jadi , SAVE terus ye :)

Friday, 9 December 2011

the owner of all tutorials I posted xD

Nie nyssa , nie jugak adalah salah satu blog yg nyssa buat ..
but for everybody's attention , actuaaly nyssa copy paste dri kak lyssa ..
kak lyssa is a nice lady !!
kepada sesiapa yg follow  n like blog nie ,,
i have a request ,
please follow and like blog kak lyssa too .
nie link die ,,
http://www.lyssasecret.com/
die ade bnyk lg tutorials !!
i hope you guys love it ..
OLLA !!

tuto - signature di setiap bawah post

Hi Hi !
Disebabkan ramai yang tertanya2 , mcm mana Lyssa letak 
tandatangan kat bahagian bawah setiap post Lyssa tuh ,
now , Lyssa akan tunjukkan cara2 mcm mana nak buat oke ? :)
Ikut step di bawah ^_^ 

 **CARA PERTAMA**
1. Korang klik link ini dulu >  KLIK SINI !!

2. Ada 4 cara tuh . Korang pilih yang "Using The Signature Creation Wizard"

3. Masukkan nama korang di textfield yang disediakan. Lepas tue, klik button "Next step".

4. Pilih font yang korang suka. Lepas tue, klik button "Next step".

5. Pilih size signature yang korang nak . Then , klik "Next Step".

6. Pilih background color untuk signature korang. Kalau tak nak ada color klik kat checkbox tulis 'transparents'. Pilih pula text color tuk signature tue. Lepas tue, klik button "Next step".

7. Pilih slope yang korang suka k. ? Nak senget banyak ke sikit ke terpulang la kat korang. Lepas tue, klik button "Next step".

8. Lepas tue dia akan keluar "Finished! The signature is ready." means da siap la signature anda. Then anda klik pada link "Want to use this signature?"

9. Korang akan ke page "Generating signature code". Klik pada "Generate HTML code" .

10. Korang akan diberi 2 pilihan samada nak generate code tuk signature sahaja atau signature dan sedikit info spt slogan @ website anda. Klik mana yang anda suka oke ?:)

11. Copy HTML code yang di dlam textbox. 


CARA-CARA NAK PASANGKAN SIGNATURE MASUK KE DALAM  BLOG

1.  Log in > Setting > Formatting 

2. Scroll ke bawah sampai korang jumpa "post template"

3. Paste HTML Code yang korang copy tadi .

4. Klik "Save Settings".

5. Untuk melihat samada korang ni  berjaya atau tidak ,  klik pada "Posting" tab dan klik pada "new post". Signature korang akan automatik ada apabila anda membuat entry baru pada blog , oke ?:) hehe..

**CARA KEDUA**
(Bagi yang nak Letak Signature yang korang Reka Sendiri)

1. Log in > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl + F dengan serentak . Dan cari kod ini :

<data:post.body/>
3. Pate URL Signature korang di bawah kod yang korang cari tadi ok ? :) Contohnye , mcm ini :

<img src="Url Signature Korang" />

4. Da siap . SAVE :) Menjadi tak ? :) huhu ^_^


=SELAMAT MENCUBA=
~Gud Luck~

tuto - letak my status di blog

.Assalamualaikum.
Helow koranngg.. 
Hehe . Dah tentu nya , bila nampak je title nih , terus je korang klik Title Lyssa kat Dashboard korang kan ? HAHA ! Mana tak nyaa..

Aduhh . Dah beriban-riban orang tanya Lyssa...
Ni beberapa ayat diorang yang nak sangat My Status tuh :)
"Eh , Lyssa .. macam mana nak buat status macam Lyssa tuh?"

Kak Lyssa , adik suka lah tengok yang My Status tu , macam mana eh nak buat?"

Cik Lyssa , tolong buatkan tutorial My Status.. Teringin sangat nak buat !"

Boleh di katakan , hampir setiap hari , Lyssa akan dapat request suruh buat tutorial "My Status" nih .HAHA . Padahal . benda ni , senang je pun :)
Juz guna tutorial Fieldset je  .haha! Tapi , tak pe . kalau dekat tutorial Fieldset tak de kan perkataan "My Status" tuh . Kat sini , Lyssa bagi free2 je kat korang .. kalau nak , boleh amik dengan bangga nye,taw ? :)

 ** Tapi , Jangan berlagak pulak ambik , copy and buat macam tutorial sendiri!  Pliss lah weyhh~


1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste kan kod ini di bahagian html/javascript tuh ok ?
<fieldset><legend><img src="URL IMAGE"/></legend><center>Lyssa ONLINE</center><center>03 JUNE 2011</center></fieldset> 

**Warna merah , URL Image korang..
**Warna biru , korang gantikan dengan ayat korang sendiri
**Kalau nak teruskan ayat tanpa "enter" just buang je <center> dan </center> . ok ? Ada paham? ^_^


3. Dah siap SAVE je :)

Kat bawah ni , Lyssa ada contoh URL IMAGE My status.. Gantikan masuk ke dalam yangwarna Merah tu ok ?? 

   
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeiGBsHZlpVSifIvcXOLWG4qR0i5Op5ZCrsF1ASmtqFoCTaRaq7lrRPEWwNCoiZzFWntDzexL6xGXMpuGaRm2GvCAbSYkPn_UYCQ9A39hb_oGETif2uabG0V9fk2lXphJlejxjQcoAe4g/s1600/Lyssasecret+1.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5ikAlmCLUxh21bl2uWzLbhJKgHG6cJ_PFdy-rMFDvUOs2OPTyS1IkxZwaVbc2eiwoCt2Po1E5atWrBzj-CauVgI9qPaJyc74Kj9oZ5J5f4we2nI1o3YsEtTjdPulFgOC-AA4_mycXrU/s1600/Lyssasecret+2.png
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0nw4Yh0LANQcJhdmTZ9wotPh8e6kRJVWk8X6PJnsQH1wgaO3b_hbtDEf4kWZjQaiI6gwHP33VarBPpQOXDYroBKmJOgtrnzWY4mYPSxVwZv-0NYggfZPIzy9dnTA1sm68Ud0NHN_L_U/s1600/Lyssasecret+3.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAv82F_unQLSbSy8IcM5qTy10XhXSIrpphPjQUdsa9pizw_TkQHLu7yZ5WgyEiaUCM5wF84E9BLB6YTQHU7bX7Cc7EPkfQhRrodWwIY0DN6-oNTV3wW5ClxjTAvSJswEyMAPuVVXg16Vo/s1600/Lyssasecret+4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl67SmK_DafMe5QHr5OxDkIT2UPoWU6TMG5QN0bVXvq-PQvmdvOmg96zSVL1ZpwenuNEUO7O54B9Xlr5_51ZxiBQ5_rFZINwkDO0t7xap5nhkHlyb0QO27lJvBIlGA7ARH9F6YJcfvq58/s1600/Lyssasecret+5.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBOP15EWuBkCrRsvwPVniIbKMJQ-cuipLrNtyh-OmmkDa9VeLdn31IDF_cTvvWcZ77lHLd_zY-I8T8fR6gysnBt0piIzMWzoGF41Yb1USTNKVZaGz5pnWZPVC4pqxz50gl6km5zbX5sew/s1600/Lyssasecret+6.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkjFwnU72EaOp8yZjNbDmdWTyI4FPI0kPM_zPp0J3qyIJl4znF-9Zh9S37FH16o2M_UNT3UXS1iMyvwU-B7kf_EXUHxXhnTXOE3_BCd5U-L5UHgu-uo7KMrtHpOvohXbZdKnn8e7DoE5g/s1600/Lyssasecret+7.png



PERINGATAN :
Perlu diingatkan bahawa setiap kali korang nak update status tu, korang kena lah edit balik taw tarikh2 dari semasa ke semasa ! And Jangan Lupa SAVE ok ? Orait ! Salam Sayang~



Nota Kaki :
Agak-Agaknya ,korang akan pilih warna apalah kan ? hehe~

tuto - post title bergerak ke kiri

Heypp . Lepas Lyssa letak benda baru dekat blog Lyssa jer , 
mula lah orang nak tanya itu ini . hehe .

Semalam , Lyssa buat post title Lyssa bergerak .
Tengok - tengok haa , penuh dekat shoutbox tanya .

"Lysaaa ! Macam mana nak buat tajuk post tu , bergerak ??

HEHE . Lyssa tersenyumm oh . Alahaii . Ok ! Meh Lyssa nak share kat korang!



1. Log in > Dashboard > Design > Edit Html > Tick Widget Expand Templates

2. Tekan Ctrl F serentak dan cari kod ini :

<b:includable id='post' var='post'> 

3. Dah jumpa ? Ok ! Gud .  Now , korang highlight bahagian ini semua :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if> 

4. Dah highlight kan ? DELETE !!! Dan gantikan dengan kod yang ini :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3></marquee>
</b:if> 

5. Korang PREVIEW dulu , kalau menjadi , terus SAVE ok ??


=Selamat Mencuba=
Kalau jadi , bagitahu okehh ? Mmuahxx~ 

tuto - signature sebelah kanan .

Okeyy , disebabkan ada orang pernah tanya Lyssa macamana nak letak sign kita sendiri sebelah kanan , macam gambar di bawah .. Lyssa akan tunjukkan caranya . Mudah sahaja :)

 


Okey , dulu Lyssa pernah buat tutorial macam mana nak letak tandatangan kan ? Okeyy . Siapa nak tandatangan yang cantik , yang direka sendiri menggunakan Photoshop , atau Photoscape atau Gimp 2.6 .. Korang boleh guna TUTORIAL INI . Tengok cara yang kedua tau ? Tak pun , korang ikot terus lah TUTORIALyang akan Lyssa kasi ni :)


1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl F serentak , dan cari kod ini :

 data:post.body/
3. Dah jumpa ? Gud dear . Ehek . Now , copy pulak kod di bawah ini :

 <p><div align='right'><img src='URL SIGNATURE KORANG'/></div></p>


4. Paste di bawah kod yang korang carikan tadi . Kalau tak paham rujuk gambar ini : 

Klik Gambar Untuk Nampak Lebih Jelas


5. Dah paste kan ? Sekarang tukar perkataan warna merah tu , kepada URL SIGNATURE KORANG . Nak dapat mana URL SIGNATURE tu ? Bila korang dah create signature korang tu kan , korang boleh lah upload DI SINI dan copy "Direct Link" untuk dapatkan URL nya .
Gantikan dengan warna merah itu . 

6. Dah siap ? Korang PREVIEW dulu ekh ? Kalau menjadi , terus SAVE ! 


*Kalau kedudukan dia tak berapa nak sesuai , terbawah sangat ke hape , pandai - pandai korang lah ubah kod tersebut ye . "Try and Error" je , okey ?

tuto - letak gambar di footer

Heyyy . Baru je Lyssa letak

"Thanks For Reading , Leave Your Comment" 

tu kan , ada je orang terus request dekat Lyssa kan ? hehe~
Memang pantas and effisien betul lah korang nehh .

Bukti :
 

Tahu ke tak , apa yang Lyssa maksudkan tuh ? Alahai . Benda ni ler ^_^v

 

Tahu kan ? Pandai punss . ehee :)
Nak tahu caranya ? Boleh godek step di bawah :p

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl F Serentak , dan cari kod ini :

<div class='post-footer-line post-footer-line-3 

3. Dah jumpa ? Copy Kod ini pulak :

<center><img src='URL GAMBAR DI SINI'/></center>  

4. Dan paste DI BAWAH kod yang korang cari tadi tu .

5. Gantikan warna merah dengan URL GAMBAR yang korang suka .


*Pstt . Lyssa ada kasik FREE URL GAMBAR . Kalau berkenan , rembat jerk ! Doodle tu , Lyssa lukis sendiri , maaf burukk ! hehe~

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDHlMVzJGhTPFEQSiz-22gykvQURAAs9YpZK7M-ZgrH0qWhsYVOQjAwSQokbVFsp33XaKnkLwT0RrjK21QNjtoD1aqLsVHs5tUotYDzp082cb6CXpinnGbFeItrxwCcBO8CkFAIsPhoiw/s1600/thnx+for+reading.png

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV52IRglkvEBdk6c9rtsEM0waOy1RntOU_R6ZWYCqd47ycoO73JPfMNVs3WGuKLhjtasIWxXG5wDdS5MGpFmMAJNZAbf9r4FDwtnJsFLbT2Z1Nesg-91V-9-JQiY0supzWFeJs7HZh-ec/s1600/thnx+for+reading1.png

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCXiPGfvYOuVIbgF72UnuyreNmRcXPaaz8CYqxt4WIG5TiOjUVTJlSwbw5buoiqd8jypg_UnrsSiiAuaXvcAHf6O0NBLCSsonnAN1DYKBYaEY-MZ5SCX2JJdJJHmZD8iTXXTjhyMrGpPw/s1600/thnx+for+reading2.png

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq6K3pjMe9C94cLuHeBTe-tCjKZQDiBdhB0TrW1nxk4Jpd7MLkuThmQChKUJ1JUsY02eRhkl3iWZpJXj2-QFkfhMnJSechOWsYrDA7o_djOsmMVr6hyphenhyphenzofDwtouIdS8vQtw9iq7Hun5fs/s1600/thnx+for+reading3.png

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5SoRCjUBAtt2qFTN7OeIws_oN11d5hTeIT_S-u0xO-irt8tGO46VAl4RfXirhRWkYqdS7pbhMCmjQLOA5F5iyaUjaEAgcWw4y40e8V2ObhdeEbsTOP2G_X2_GBbvCGleL_0VE5wxBSE/s1600/thnx+for+reading4.png
=  SELAMAT MENCUBA =