photoshop -mengedit warna objek

Tukar warne objek ? Contoh, korang nak tukar warna apple ni jadi warne purple . (search je kt google objek yg korang nak)

1.bukak photoshop korang (click sini untuk download)

2.click CTRL+O and die akan keluar pop up window macam ni .

3.pilih la gambar yg korang nak edit tu, then, click open .

4.Right click- pilih blending option. (refer gambar)

5click colour overlay tu .

6.pilih warne dan klik OK.

7.Pergi ke file dan klik save!

8.Pilih save dalam PNG tau. kalau tak, tak jadik . .

---

You may leave your comment :)

---

tutorial-buang garisan bawah link

Garisan bawah link dekat blog korang tu mesti nampak tak kemas kan? So, cara untuk buang, ikot step k.

1.design-template-CTRL+F-search a:link { 

and letakkan code text-decoration:none; bawah  a:link { 

2.Search  a:visited {

dan letakkan code text-decoration:none; bawah  a:visited {

---

You may leave your comment :)

---

tutorial- costomize fanpage box

Korang ade fanpage tapi tak reti letak kat dalam blog? Ikot step.

1.korang pergi kat sini . .

• URL to like tu -> korang ambek link fanpage korang tau .
• Tick ape yg korang nak je. 
• Get code dan paste kat add a gadget-html-java skript 

---

You may leave your comment :)

---

tutorial -simple navigate kat sidebar

Navigate ni simple, berat pon kurang berbanding navigate yg lain.

1.Add a gadget-html javaskript

 <a href="LINK PAGE">NAMA PAGE </a> | 

• yg | boleh tukar dengan icon sendri . kire macam icon @ ke # ke $ ke %  ke ^ ke * . . yg ade kt keyboard klau nak icon yg comel-2 , just tukar dengan <img src="URL ICON KORANG" />
• URL icon (search here)

---

You may leave your comment :)

---

tutorial- scroll bar untuk blog archive

Scroll bar blog archive ni memang wajib  sebab sangat menjimatkan sidebar dan kemas. Takde la tengak panjang berjele je kan ? macam mana nk buat ?

1.design-edit HTML-ctrl+f search <div id='ArchiveList'>

2.atas code tu ade code <div class='widget-content'>  kan , delete code tu dan gantikan  dengan code   

<div class='widget-content' style='overflow:auto; height:200px'> 

3.height, 200px tu boleh tukar , klau tak jadi, maybe panjang sangat tinggi tu . . 

4.save!

---

You may leave your comment :)

---

tutorial -icon sebelah list blog archive

Icon sebelah list blog archive bagi aku, die dapat mengemaskan list sebab kalau kosong je nampak bercelaru. nampak same je kan? So, ikot step.

1.dashboard-design-edit HTML*tick expand widget

2.ctrl+f search <a expr:href='data:i.url'><data:i.title/>

3.delete code tu gantikan dengan code .

<a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>

4.URL ICON search here here . preview dan save!

p/s: jangan cari icon besar+warne warni . pelik pulak nanti . biar simple .. tapi nice kan ?

---

You may leave your comment :)

---

tutorial- link hover

Link hover, tengak macam kat bawah ni. bile cursor hale kat die, ade keluar warne merah kan ?

1.design-edit HTML-ctrl+f search a:hover {

2.letak code berikut bawah  a:hover {

background: #FF0000; border-radius:2px;

p/s : yg #FF0000 boleh tukar warna kat sini .

---

You may leave your comment :)

---

Tutorial Double Colored post/ sidebar

1.Pergi ke dashboard-design-edit html

text-align:center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-shadow: 3px 3px 3px #ffffff;border-bottom: 5px solid #81BEF7;
background : #CEE3F6;

2.paste code tu selepas code 

SIDEBAR

.sidebar h2 { atau h2 {

POST TITLE

h3.post-title { atau .post h3 {

p/s: yang aku highlight warne merah tu, semue boleh tukar 

credit: Hanan/Afiq

---

You may leave your comment :)

---

tutorial- centerkan post title/ sidebar title

Untuk centerkan ayat kat post/sidebar title korang tu, care die macam ni.

1.design-edit html-tick expand widget

(ctrl+f untuk mudah search)

POST TITLE

copy code text-align:center; bawah  h3.post-title { atau  .post h3 {  atau yg berkaitan dgn h3

SIDEBAR TITLE

copy code text-align:center; bawah h2 { 

---

You may leave your comment :)

---

Freebies- couple wedding dress

itu saja . . transparent dah :)

---

You may leave your comment :)

---

Tutorial : Buang "subscribe to: posts (atom)"

subscribe to: posts (atom) selalunye ade kat bawah blog korang, takde fungsi pon bende ni . nyemak ade la . .so untuk buang .

1.design-template-edit HTML 

2.ctrl+f and search  <b:include name='feedLinks'/>

3.delete code tu

4.Preview dan save.

---

You may leave your comment :)

---

tutorial- jquery top button

Top button sesuai untuk blogger yang suka tulis entri panjang-panjang. Lagi-lagi yang suka letak main post belambak-lambak. So, visitor takde la nak susah payah scroll blog korang ke atas balik.

1.Dashboard - Layout - Add a gadget

2.Copy&Paste code dibawah dan SAVE.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL TOP BUTTON" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

 

                                                                            

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj77eDZwiEYizCMO5UQkilan8LRDes1z09BJawMrX3OwnOMDlfzAZIIVHeZzNS1AmjE7-fykwtKt1pqHDA0Godnlkfbp28EYpqZtFzT3jni3GiBUMqDPG390f8QogzBNEBQfiiiyXX69Llc/s1600/up.png

Nak top button lagi ? [ KLIK ME ]

---

You may leave your comment :)

---

tutorial- 'link'kan gambar

korang biase masuk contest tapi tak tau nak linkkan gambar/banner ? so macam ni care die.

1.new post- upload gambar - click kat gambar yang korang upload tu .

2.tekan link

3.Isikan link korang-klik OK-publish.

---

You may leave your comment :)

---

tutorial- comment box like me

Selalunya tempat comment biasa, dan takde kotak. Selain mencomelkan  kotak comment korang, dapat jugak mengemaskan komen-komen yang berterabur.

1.dashboard-design-edit HTML

2.ctrl+f and search #comments h4 { then, korang tengak code kat bawah ni.

#comments h4 {

  margin: 1em 0;

  color: $dateHeaderColor;

}

#comments h4 strong {

  font-size: 110%;

}

#comments-block {

  margin: 1em 0 1.5em;

  line-height: 1.3em;

}

#comments-block dt {

  margin: .5em 0;

}

#comments-block dd {

  margin: .25em 0 0;

}

#comments-block dd.comment-footer {

  margin: -.25em 0 2em;

  line-height: 1.4em;

  font-size: 78%;

}

#comments-block dd p {

  margin: 0 0 .75em;

}

.deleted-comment {

  font-style:italic;

  color:gray;

}

3.korang delete and gantikan dengan code .

#comments h4 {

margin: 1em 3em;

font-weight: bold;

line-height: 1.4em;

color: #ffffff;

}

#comments-block {

margin-left:1.5em;

line-height:1.6em;

background: #ffffff;

color: black;

padding: 1em;

border:0px solid #ffffff;

}

#comments-block .comment-author {margin:.5em 0;}

#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .60em;

padding: 5px 5px 5px 5px;

background: url(URL background) repeat top left;

-moz-border-radius: 20px 20px / 20px 20px;

border-radius: 5px 5px / 5px 5px;

border: 2px solid #ff9bc1;

}

.deleted-comment {

font-style:underlined;

color:pink;

}

semua yang aku highlight warne merah tu, korang boleh tukar codenye .

coding credit : Han Hanan

---

You may leave your comment :)

---

tutorial- floating social website icon (facebook, twitter, blogger)

Biase tengak icon fb, tw, blog terapung kat tepi blog ? okay, cara dia.

1.design-page element-add a gadget-HTML javaskript

<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=' LINK FB ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL IMAGE" /></a><br />

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

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

</div>

red: semakin kecik nombor tu, semakin atas icon korang.

purple: boleh pilih left or right

orange: link korang sendri

yellow: boleh letak URL image korang sendri. atau ambek kat sini

coding credit: Dania

icon:Azhafizah

---

You may leave your comment :)

---

freebies doodle part6

tak perlu credit . semua dah ditransparentkan .

---

You may leave your comment :)

---

cantikkan follower gadget/ adakan widget follower yang hilang

widget follower korang hilang? okay . aku punye pon hilang dulu, lame dah, 2bulan kot. so, kalau nak balik, korang buat ni, kire lagi lawa kotak follower yang ni, sebab boleh costomize sendri warne.

1.korang pergi . Google Friend Connect . then, korang akan jumpe macam kat bawah ni.

2.costomize la kotak follower korang lawa-2 . ade warne kat situ .

3.klik generate code, copy code die. 

design-add a gadget-HTML javaskript, paste code tadi.

p/s: jangan buang widget follower lame korang tu, takot jadi ape-2 .

---

You may leave your comment :)

---

tutorial -centerkan header ( style 2 )

Selalunya lepas edit template baru, header korang takkan jadi center kecuali die sesuai dengan saiz header korang. So, nampak tak kemas dan berserabut.

1.design-edit html-ctrl+f and search #outer-wrapper { atau  /* Outer-Wrapper

2.dekat bawah-2 tu, ade code yang tulis width: 950px; (950 tu width blog aku, so tak same dengan korang)

3.ctrl+f search #header-wrapper { . code kat situ lebih kurang macam ni .

#header-wrapper {
  width:950px;
  margin:0 auto 10px;
  border:0px solid $bordercolor;
  }

4.Pastikan, yang aku underline tu same besar dengan width blog korang. Kalau outer wrapper 950px, header wrapper pon 950px lah .

5.Preview&save.

---

You may leave your comment :)

---

freebies-header part3

nak ? comment dulu . kalau tak . credit!

klik header . right click-save image as .

thanks- ♥♥♥

---

You may leave your comment :)

---

freebies-background kotak-2

nak ? comment dulu . . . right click-opy image url .

 

---

You may leave your comment :)

---