PORTFOLIO MAKEOVER BLOG TUTORIALS FREEBIES AUTHOR BLOG HOME PAGE

Tutorial Divider Bawah Post.


Harini, aten nak buatkan tutorial divider bawah post. Kepada yg tak tahu, tutor ni ialah meletakkan divider di bawah setiap post. Okay, siapa nak cuba tutorial ni jum tengok macam mana nak buat :]

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Tekan ctrl+f serentak, then search this code ;
.post {

3. Dah jumpa? Bagus. Then code bawah ni kauorang copy then paste selepas code .post { tu ;
background: url(URL DIVIDER ANDA);
background-repeat: no-repeat;
background-position: bottom center;
margin:1.5em;
padding-bottom:4.5em;
}

4. Perkataan URL DIVIDER ANDA tu tukar dengan URL DIVIDER yg kauorang dah dapat.

5. Preview and Save =)

Nah Aten Kasi Free Divider :D

http://dl2.glitter-graphics.net/pub/1415/1415862sf2aua6niq.gif

http://dl5.glitter-graphics.net/pub/1822/1822975b27kradt3b.gif

http://dl.glitter-graphics.net/pub/1250/1250281z814qfh4qb.gif

http://dl.glitter-graphics.net/pub/738/738151yrhw8jw1in.gif

http://dl2.glitter-graphics.net/pub/1822/1822972quh2g9daqj.gif

http://dl4.glitter-graphics.net/pub/1264/1264444er9u1ed4nw.gif

http://dl5.glitter-graphics.net/pub/934/934325reaqwjyqq0.gif

Share or Like, thank you.

Freebies Background For Main Background.


Kali ni, aten nak bagi freebies lagi. Freebies background for main background. Kalau nak tahu cara pasang dia, pergi kat link ni -> TEKAN

Ambik lah. Free jea untuk kauorang. Kalau dah ambik tu, comment lah yaa :]

http://4.bp.blogspot.com/-RIzj_rgpEmI/Tn2sqsRxJGI/AAAAAAAAB80/P76QmszHl6M/s1600/background_fatin.png

http://3.bp.blogspot.com/-AVtp5t5M0-E/Tn2srEd5vNI/AAAAAAAAB84/wweFGkYqu1w/s1600/background_fatin2.gif

http://4.bp.blogspot.com/-Wim6cV6wzng/Tn2s3wkZkXI/AAAAAAAAB88/rM-42vOLvAw/s1600/background_fatin3.gif

Kalau ada masalah pemasangan, boleh tanya ! Okey, boboii :]

Share or Like, thank you.

Tutorial Buat Header Transparent.


Today, aten nak buatkan tutorials buat header transparents. Siapa nak ikut tutorial ni pastikan kauorang ada photoscape and photoshop. Kalau takada, kena download :]


1. Bukak photoscape, lepastu click dekat MENU then pilih NEW PHOTO. Nanti dia akan keluar petak macam dalam gambar bawah ni !


2. Letak WIDTH and HEIGHT header kauorang. WIDTH header pastikan ikut width blog kauorang. Lepastu, tekan OK !


3. Click OBJECT. Then, pilih ICON PHOTO yg dalam bulatan tu. Lepastu, kauorang pilih lah gambar yg kauorang nak letak kat header kauorang.


4. Pilih ICON TEXT "T". Tulislah ayat kauorang.


5. Then, tekan button SAVE.

Photoshop pulaaaaa . . . . 


1. Tekan FILE, lepastu pilih NEW. Nanti dia akan keluar kotak jugak macam dalam gambar bawah ni !


2. Gantikan UNTITLED-1 tu kepada nama header kauorang. WIDTH and HEIGHT pun tukar ikut width and height yg kat photoscape tadi.  Yang BACKGROUND CONTENTS tu kauorang tukar jadi TRANSPARENT. Then tekan OK !


3. Pergi dekat FILE balik, pilih  OPEN. Then, pilih lah header yang kauorang buat kat photoscape tadi.


4. Lepastu, click dekat icon ERASER yg dalam bulatan tu, pilih MAGIC ERASER TOOL. Kauorang, click dekat background warna putih header kauorang. Lepas dah click kat background putih header kauorang tadi, dia jadi macam dalam gambar tu jadi transparent !


5. Kalau nak bagi cantik lagi header tu, kauorang right click dekat benda dalam bulatan tu, then pilih BLENDING OPTIONS. Kauorang pandai-pandai lah bila kat bahagian tu.


6. Pergi kat FILE > SAVE AS. Nanti dia keluar petak macam dalam gambar tu. Tukar nama FILE NAME kauorang. Pastikan kauorang save header tu dalam FORMAT "PNG". Lepastu, kauorang SAVE !

Dah siap? Senang jea kan? Kalau tak faham, boleh tanya dekat comment. Selamat Mencuba :]

Nota Kecil :
Kalau nak lagi senang transparent kan gambar, gambar yg kauorang nak letak kat header tu, pastikan background dia warna putih. Senang sikit nak transparent kan :]

Share or Like, thank you.

Tutorials Letak Greeting Text.


Salam blogger.

Today, aten buatkan tutorial letak greeting text means assalamualaikum tu lah. Okey, siapa belum cuba jum cuba. Jum tengokk >,<

1. Dashboard > Design > Edit HTML > Tick expand widget template .

2. Tekan ctrl+f serentak then search code ni ;
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

3. Then, copy and paste code bawah ni dekat atas code no 2 tadi tu ;
<center><img src='URL IMAGE'/></center>

4. Perkataan URL IMAGE tu kauorang tukar dengan URL GREETING TEXT kauorang.

5. Preview and save =)

Share or Like, thank you.

Freebies Greeting Text .


Salam blogger.

Today, Aten rajin sikit. Aten buatkan freebies untuk kauorang tau. Taktahu lah cantik ke tak? Hihi, kalau nak letak kat blog, ambik lah. Tapi, jangan lupa komen tau lepas dah ambik =]

http://1.bp.blogspot.com/-UFAVMsrD6o4/TpW7i83IPWI/AAAAAAAACHQ/WyRKpV5tJcM/s1600/fatinswift_salambiru.png

http://3.bp.blogspot.com/-AmmbeTkqygk/TpW7jUHy11I/AAAAAAAACHY/h-VWHQ_c3pg/s1600/fatinswift_salamhijau.png

http://2.bp.blogspot.com/-l-txrZDe1H4/TpW7j59likI/AAAAAAAACHg/MM51iJtzPU0/s1600/fatinswift_salamkelabu.png

http://3.bp.blogspot.com/-ObAVOdw9E2U/TpW7kJp9piI/AAAAAAAACHk/lYmwqWXqeRA/s1600/fatinswift_salammerah.png

P/S : JANGAN LUPA KOMEN SEKALI TAU =]

Share or Like, thank you.

Tutorials Disable Drag Picture .


Salam blogger .

Today , Aten nak buat tutorial disable dragging picture . Tutorial ni semua boleh guna , tak kira template apa pun . Tujuan tutorial ni , untuk mengelak orang curi gambar kita, atau apa-apa saja lah yang ada dalam blog kita . Jum tengok cane nak buat <3

1. Dashboard -> Design -> Edit Html

2. Tekan ctrl+f then cari code ni ;
<head>

3. Copy code bawah ni then paste dekat bawah code <head> tadi ;
<SCRIPT TYPE='text/javascript'>
<!--
//Disable right click script
//visit http://www.rainbow.arch.scriptmania.com/scripts/
var message="Thanks for trying to copy my things";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</SCRIPT>

<script type='text/javascript'>
document.ondragstart = function () { return false; }; </script>

4. Preview and save ! Goodluck =)

Share or Like, thank you.

Tutorials Image Opacity Hover .


Salam blogger .

Today , aten nak buatkan tutorial image opacity hover . Tahu tak ? Macam ni , bila kauorang hover je gambar apa-apa je kan , gambar tu akan jadi terang/gelap . Okey faham ? Jum kita tengok cara dia .

1. Dashboard > Design > Edit HTML > Tick expand widget template

2. Tekan ctrl+f , then search code ni :
/* Header

3. Copy code bawah ni , then paste dekat atas code /* Header tu :
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

4. Preview then save (:

Share or Like, thank you.

Tutorials Private Shoutbox.


Salam Blogger.

Harini Aten rajin sikit. Buatkan tutorial untuk kauorang. Tutorials kali ni ialah private shoutbox. Macam shoutbox aten tu. Okey. Siapa nak ikut tutorial ni, mesti ada account shoutbox. Kalau tak da boleh sign up.


1. Kauorang pergi dekat account shoutbox kauorang.

2. Then, pergi kat bahagian Customize Size , click situ . Kalau tak tahu kat mana diamnya Customize size, kauorang tengok kat gambar bawah ni .

(click untuk lebih jelas)

#Lepastu, nanti dia keluar macam picture bawah ni pulak ,

(click untuk lebih jelas)

3. Kauorang tukar width and height dia. Ikut width and height bawah ni ;
Width = 245
Height = 109

4. Then, copy code shoutbox kauorang yg dalam kotak besar tu.

5. Pergi dashboard > design > page element > click add a gadget > pilih html javascript

6. Paste code shoutbox yg kauorang copy tu dekat gadget html javascript tu. Okey, siap!

Nota :
Tujuan buat private shoutbox sebenarnya, untuk menggelakkan org daripada baca apa yg orang sent dekat kita. Kalau nak tengok apa yg orang sent kat kita, kauorang kena bukak lah account shoutbox kauorang bila setiap kalau nak check message kauorang.

Share or Like, thank you.

Tutorial Float Online User .


Salam blogger .

Today, Aten rajin sikit. Aten nak buat tutorial float online user. Sebelum tu, Aten nak credit this tutorial to Faqihah. Siapa yg nak guna tutor ni, mesti ada account Online User. Kalau tak ada, boleh pergi sini Online User .


1. Pergi dashboard > design > add a gadget > pilih html javascript

2. Copy and paste code bawah ni dekat dalam kotak html javascript tu :-
<a href="URL BLOG" style="position:fixed; top:3px; left:3px;"><span style="border:1px solid Kod warna padding: 4px; ; background-color: Kod warna untuk background"><script src="LINK ID Online Users" type="text/javascript"></script><b><span class="Apple-style-span" style="color: Kod Warna untuk Tulisan"> Cutest</span></b> </span></a>

Nota penting :
Merah : gantikan dengan url blog awak
Biru : gantikan dengan warna border awak
Hijau : gantikan dengan warna background awak
Pink : gantikan dengan ID ONLINE USER awak
Purple : gantikan dengan warna tulisan awak
Orange : gantikan dengan ayat awak 

Cara Nak Ambik ID ONLINE USER


Copy ID tu, then gantikan dengan perkataan warna pink tu okey?

#Last, tekan button save!

Share or Like, thank you.