Wednesday, February 16, 2011

:) saving energy ? :P


Contoh blog apabila diletakkan energy saver seperti gambar di bawah.

 

Tutorial untuk letakkan energy saver ini seperti berikut.


1. Dari
dashboard > design > edit html.
(backup template untuk langkah berjaga²)

2. Dengan menggunakan fungsi Find (ctrl + F), cari kod </head>

3. Copy kod di bawah dan paste SEBELUM kod </head>
<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

Contoh:



4. Save dan lihat hasilnya.

Nota: Anda perlu biarkan selama 1 minit untuk energy saver memulakan operasi.:)

Monday, February 14, 2011

:) jums wat read more plk !


1. Login, daripada dashboard klik layout > edit html.


Cara Buat Read More pada blog


2. Pastikan anda backup template dahulu dengan klik 'Download Full Template' kemudian klik pada 'expand widget templates'.

3. Pada keyboard anda, tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian taip
<data:post.body/>

Cara Buat Read More pada blog


4. Letakkan kod ini di atas <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


5. Kemudian letakkan kod ini di bawah <data:post.body/>

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>


Nota: kod anda sepatutnya kelihatan seperti ini.
Cara Buat Read More pada blog


6. Selepas selesai letak code, Save Template.

7. Kemudian, daripada paparan dashboard, klik pada Setting > Formatting kemudian scroll ke bawah sehingga jumpa Post Template.

8. Copy code berikut ke dalam Post Template

<span class="fullpost">
</span>


9. Save Setting

10. Pergi kepada paparan untuk post entri, dalam ruangan post entri klik pada 'edit
html' dan akan anda jumpa code tadi. Kandungan yang ingin diletakkan dalam ruanagn read more perlu terletak antara <span class="fullpost"> dan </span>


11. Apabila siap menaip, klik publish..
da ? chek la tgok..ok ker ta ? heheh <3

Saturday, February 12, 2011

Tutorial : cara membuat header transparent khas tanpa menggunakan photoshop


uiit !! salam,,,

okay,sementara aq free,aq nak tunjuk at korang macam mana cara nak buat header transparent macam aq nie, warna pink gituu, wahh, tapi simple mimple je lah,aq pun masih baru dalam dunia mengodek header nieh, ekeke, kang ada berita, aq bagi tau kat korang plak ye.


okay, tanpa berlengah lagi,.jums !!

pertama korang kena ada ;- photoscape (download dulu eah !)
gimp 2.6 (ngek's d'sini)



okay, dah siap download ? download pun kejap aja tau, tak lama lama punya, , okay, pertamanyaaa, korang bukak korang punya photoscape tau . bila korang dah bukak, korang terus menuju kepada editor tang camera comel tu tau ^^ . lepas tu korang edit lah korang punya word ke, gambar ke kat situ, nie contoh yang aq buat, buruk ja,





okay, then, bila dah save, korang buka pula korang punya gimp 2.6 tu, yang nie konflik skit, so diingatkan, berhati hati dengan tutorial nie okay .


okay, korang klik korang punya gimp 2.6, korang masuk dekat File - Open . Then dekat open korang tu, korang akan jumpa iniiii, tengok bebaik ea .




okay, nampak tu ? then korang pilih folder yang korang save header tadi, macam aq, aq save nama tuh so aq pilih yang tuh . jadi, nampak kan ? haa, dia akan jadi gituu, kat sini lah memainkan peranan macam mana nak transparentkan gambar, okay, tengok bebaik tau .





daripada ada putih, jenggg3 tengok apa hasilnyer,,.





okay, nampak itu ? tiada dah kan putih tu semua ? haa, tu lah yang dinamakan transparent, so untuk buat macam tu, korang tengok plak nie .


right klik - image - layer - transparency - add alpha channel


kalau trsalah eja, aq mintak maaf ye, hehe, okay, korang klik korang punya add alpha channel tu then korang tekan fuzzy dan dalam masa yang sama tekan button DELETE yang memainkan peranan delete gambar putih tadi, gambar fuzzy yang aq dah petakkan dalam gambar dia atas .



okay, dah dapat tangkap ? then, selepas dah siap, korang dah boleh save ! masuk file balik - save a copy then korang akan nampak petak nie .








save pada PNG tau, korang tengok plak setting yang aq buat nie, ikot bebetul apa yang aq tick .





haa,skunk korg da ader header tercntex tu abad ini,,heheheh ! mcm mner na msokkn at blog ? kacang botol jer weyh !wat mcm biase laa,,,dashboard - edit layout - header - add image ( instead of blog title ) - preview - save. huhu,,lw sntik tpok tgn tuk dri sndry keyh ! huhuhu,,langkah tu lbeyh kurng jer aq taip..kw leyh usaha keyh,,, :D

sayang kworg lah ! :)