Labels: freebies

Assalamualaikum..

Saya selalu buat header pakai Paint.net dan Photoscape je sebab header-header saya memang simple pun.Kat sini saya nak ajar buat header yang paling senang abad ini.

First cari gambar yang kita nak buat header.Save dan simpan di desktop.Bukak Paint.net.(intall SINI).






Bukak File-Open dan cari gambar yang kita simpan tadi.




Klik Magic Wand dan letakkan kat tempat yang kita nak transparent.Klik sekali je dan akan keluar warna biru.Lepas tu baru klik Cut.Bila klik Cut,ia akan jadi macam ni:






Dah transparent,kita Save as PNG.Dan simpan kat desktop la senangkan?









Klik OK.


Sekarang pergi pulak Photoscape.(download SINI)






Klik Editor-Menu-New Photo.Set width dan height.Warna,putih sebab photoscape tak boleh buat transparent.








Pergi ke Text dan tulis lah nama blog kita atau apa pun yang nak letak kat header.Dah siap,klik Save dan Save as PNG lagi.



Then pergi lagi paint.net.


Bukak File -Open.Cari tulisan tadi dan transparentkan seperti gambar sebelum ni.








Dah sudah,Save as PNG lagi.Sekarang baru kita gabungkan gambar dan tulisan.

Bukak photoscape lagi.Klik Editor-Menu-New Photo-Photo.Susun gambar dan tulisan tadi.





Save as PNG lagi dan pergi transparent kat paint.net.

Labels: tutorial

Assalamualaikum...


Sebelum nak buat main background,mesti transparentkan dulu Main Background Color.Caranya:

Pergi Dashboard-Design-Page Element-Templat Designer-Advanced-klik Main Background Color.Dan tukar color ke transparent.Lihat gambar kat bawah:






 Then klik Apply to Blog.




Sekarang pergi ke Dashboard-Design-edit HTML-Tick Expand Widget Templat.Dengan CTRL+F cari code ni:

#content-wrapper {

Dah jumpa,copy code saya bagi ni dan paste BAWAH code #content-wrapper {

background : url(URL BACKGROUND); 

Merah-url background



Preview dan Save.

Labels: tutorial

  Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

]]></b:skin>

Dah jumpa,copy code saya bagi ni dan paste SEBELUM ]]></b:skin>

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #aaaaaa;
}
::-webkit-scrollbar-thumb {
background-color: #ff99bb;
-moz-border-radius: 10px;
border-radius: 10px;
}

If nak lagi cantik,tukar,background-color: #ff99bb;.dengan code ini:

background-image:url(URL BACKGROUND);

Preview dan Save.




Nota: scroll bar ni hanya boleh nampak bila view dengan chrome.

Labels: tutorial

 Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

/* Variable definitions

Dah jumpa,copy code ni dan paste ATAS code tadi:

#navbar-iframe { display: none !important; }

Preview dan Save.

Labels: tutorial

contoh

Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

h2 {

Dah jumpa,copy code ni dan paste BAWAH  h2 {

border: 3px solid #000000;

background:url(URLGMBR);

-moz-border-radius: 40px 10px;

border-radius: 40px 10px;

Purple-dari solid boleh tukar ke dashed,dotted,double
Merah-warna border
Biru-url gambar background sidebar kita


Preview dulu dan Save.

Labels: tutorial

Assalamualaikum..



Dashboard-Design-Page element-Add a Gadget-HTML/Javascripts.Dalam ruangan Content isi code ni:

<style type='text/css'>

#topbar{

position:absolute;

margin: 0px -23px;

padding: 0px;

width: 130px;

visibility: hidden;

z-index: 100;

}

</style>

<script type="text/javascript">

/***********************************************

* Floating Top Bar script- &#169; Dynamic Drive (www.dynamicdrive.com)

* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)

* This notice must stay intact for legal use.

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 30 //set x offset of bar in pixels

var startY = 5 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}

function staticbar(){

barheight=document.getElementById("topbar").offsetHeight

var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

var d = document;

function ml(id){

var el=d.getElementById(id);

if (!persistclose || persistclose && get_cookie("remainclosed")=="")

el.style.visibility="visible"

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};

el.x = startX;

if (verticalpos=="fromtop")

el.y = startY;

else{

el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

el.y -= startY;

}

return el;

}

window.stayTopRight=function(){

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : iecompattest().scrollTop;

ftlObj.y += (pY + startY - ftlObj.y)/8;

}

else{

var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

ftlObj.y += (pY - startY - ftlObj.y)/8;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopRight()", 10);

}

ftlObj = ml("topbar");

stayTopRight();

}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</script>

<div id="topbar">

<a href="" onclick="closebar(); return false"><img src="http://2.bp.blogspot.com/_LZtXSNcp76A/TBkBOhhQYwI/AAAAAAAABGg/lW2a6h4cpbo/s320/close.png" border="0" /></a>

CODE NUFFNANG

</div>

Merah:code nuffnang.Ambik yang skyscraper(160x300) .

Save.

Labels: tutorial

Assalamualaikum..

Lama tak buat doodle trade ni.Selalu buat kat blog utama tapi kali ni nak buat kat sini pulak.
Untuk MEL,terimalah doodle saya yang semacam ni.Saya amatur..




Sesiapa yang nak tengok doodle tips ke,pi ke blog SINI.

Labels: doodle

Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

.post-title {

Dah jumpa,copy code ni dan paste kat BAWAH .post-title {

border: 3px solid #00FFFF; 

background: url(URL image);

 

 

 

Biru-warna border

Merah-url background

 

 

Preview dan Save

 

 

 

 

 

 

Labels: tutorial

Dashboard-Design-edit HTML-tick Expand Widget Template.Dengan CTRL+F cari code ni:

<data:post.body/>

Dah jumpa,copy code ni dan paste SELEPAS <data:post.body/>

<hr/><center>NOTA ANDA</center><hr/>

Merah-ayat anda sendiri


Preview dan Save.

Labels: tutorial

Doodle ni transparent.Boleh buat header kalau sudi.Siapa yang nak ambik komen dan like dulu yek.Penat tau buat doodle ni walaupun tak seberapa.Sakit jugakla jari klik sana klik sini.

Labels: freebies

     Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

Labels: tutorial

 http://i91.photobucket.com/albums/k299/marcolucfero/audi0crat_hover_sc.gif



http://i262.photobucket.com/albums/ii93/manugaspar/bullet-hover.gif


http://i109.photobucket.com/albums/n41/petertheprophet/hover.gif


http://i448.photobucket.com/albums/qq210/missmayilayout/contact_hover.gif


http://i820.photobucket.com/albums/zz121/ZeElias44/Gradient_Hover.png


http://i254.photobucket.com/albums/hh110/melissa109_2008/16hn52u.gif

Labels: freebies

Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

h1.title {

Dah jumpa,copy code ni dan paste kat ATAS code h1.title {

#header:hover {
background: url(URL HEADER HOVER);
}

Merah-tukar ke URL header sendiri-ADA DI SINI



Preview dan Save





Kredit to:
LETTHA

Labels: tutorial

Dashboard-Design-edit HTML-tick Expand Widget Templat.Dengan CTRL+F cari code ni:

#comments h4 {

Dah jumpa,cuba tengok code di bawahnya.yang ini:

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;
}

Code yang banyak tu,delete dan gantikan dengan code ini:

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 #F6358A;
}




.deleted-comment {
font-style:underlined;
color:pink;
}

Merah-URL background kita
Biru-warna border


Preview dan Save


Kredit-CHOCO STAWBERRY

Labels: tutorial


 Assalamualaikum...

Disini ada sikit freebies untuk semua.free aja.Tapi jangan lupa komen tau bila dah ambik




Icon comel
Cute background
Header hover
Divider yang cute-cute je
Header burung hantu yang pelik
Wonderfull mustache






DOODLE
Doodles muslimah

Doodle pakai selendang

Doodle merapu-menikmati cokelat

Doodle merapu-makan sushi



BACKGROUND
Black n white vintage background